/* Basic Stylesheet for www.surfshop-laupheim.de */
/* author: www.ideenwerft.com */

/* Farben:   */

* {padding:0px;margin:0px;}
img {border:0;}
html {min-height:100%;height:auto;}
body {position:relative;height:100%;
background-color:#fff;
background-position:bottom left;
background-repeat:no-repeat;
font-size:75%;font-family:tahoma,arial,verdana,Sans-Serif;color:#333;}
#wrapper {}
#top {position:fixed;width:100%;left:0;top:0;z-index:100;height:26px;background:#3f3f3f url(/v30/localpictures/theme/img/top.png) repeat-x;}
#head {margin-top:25px;height:216px;
background-position: -40px 0;
background-repeat:no-repeat;
}
a.logo {display:block;width:200px;height:190px;float:left;margin-left:40px;}
.topNavi {position:absolute;width:282px;height:65px;left:672px;padding-top:20px;text-align:right;}
#main {margin-left:40px;margin-top:5px;width:900px;background: #fff url(/v30/localpictures/theme/img/main.png) -10px 0 repeat-y;border-bottom:5px solid #fff;}
#left {width:175px;float:left;padding-bottom:20px;}
#content {float:left;width:550px;margin-left:10px;}
#right {float:left;width:165px;}
#footer {width:900px;margin-left:40px;height:70px;padding-top:50px;background-position:-10px 0;background-repeat:no-repeat;}
#footer div {text-align:center;}
#skyscraper {position:absolute;top:221px;left:950px;}
.startBanner {position:relative;margin-top:-30px;z-index:100;}

/* trusted siegel */
#tsBox {position:absolute;top:20px;left:965px;} 
table.trusted input {border:none;}
table.trusted td {padding-right:10px;}
input#btnProtect {font-weight:bold;background:#ccc;padding:3px 5px;cursor:pointer;}
input#btnProtect:hover {background:#999;}

/* +++ common styles +++ */
a:link, a:visited {color:#333;text-decoration:underline;}
.small {font-size:0.9em;}
.grey {color:#999999;}

/* ++++ CONTENT +++++ */
p,h1,h1,h3,h4,h5 {margin-right:15px;}
p {margin:0 15px 10px 0px;line-height:1.5em;}
#content p {margin-left:2px;}
h1 {font-size:1.3em;}
h1.Ueberschrift {position:relative;margin:10px 15px 10px 0;border-bottom:1px solid #999;padding-bottom:10px;z-index:1;}
h1.Ueberschrift img {position:absolute;top:0;left:0;ma rgin-left:-2px;background:#fff;}
h2 {font-size:1.5em;margin-bottom:15px;}
h3 {font-size:1.2em;margin:5px 15px 10px 0;}
#content h3 {clear:both;background:#ccc;padding:3px 5px;}
h4 {font-size:1.2em;margin-bottom:10px;}

#content ul {margin-left:35px;line-height:1.5em;margin-bottom:10px;}
#content .detail-text ul {display:block;list-style-position:inside;}

hr {
clear:both;
background-color:#adadad; /* Mozilla 1.4 */
color:#adadad; /* IE 6 */
border: #adadad; /* Opera 7.11 */
height: 1px; /* in Opera f?r die Anzeige n?tig, in Mozilla f?r die einheitliche H?he */
width:540px;
margin:10px 0;
}

table.preisliste {border-top:1px solid #ccc; border-left:1px solid #ccc;margin-bottom:10px;}
table.preisliste td {border-bottom:1px solid #ccc; border-right:1px solid #ccc;padding:5px 7px;}


/* +++ FORMULARE ALLGEMEIN +++ */
input {border:1px solid #ccc;background:#fff;color:#333;margin:5px 0 2px;}

/* +++ top breadcrump +++ */
div.breadcrump {margin-left:40px;width:650px;padding-top:5px;}
div.breadcrump a:link, div.breadcrump a:visited {color:#999;text-decoration:none;font-size:0.9em;}
div.breadcrump a:hover, div.breadcrump a:focus {text-decoration:underline;}
a.Breadcrump {margin-right:4px;padding-right:12px;background:url(/v30/localpictures/theme/img/breadcrump.gif) top right no-repeat;}
a.Breadcrump img {display:none;}
div.Breadcrump img {display:none;}

/* +++ top static +++ */
div.static {position:absolute;width:200px;top:5px;left:730px;text-align:right;}
div.static ul {list-style:none;float:right;}
div.static li {float:left;margin-left:15px;}
div.static a:link, div.static a:visited {color:#999;text-decoration:none;font-size:0.9em;}
div.static a:hover, div.static a:focus {text-decoration:underline;}

/* +++ top contentnavi +++ */
div.topNavi ul {list-style:none;fo nt-family:Myriad Pro,arial;font-size:11px;text-transform:uppercase;text-align:left;}
div.topNavi li {float:left;}
div.topNavi a:link, div.topNavi a:visited {
display:block;
width:110px;height:17px;
margin-left:8px;margin-bottom:4px;
padding:4px 0 0 16px;
background:#202020 url(/v30/localpictures/theme/img/navi-top.gif);color:#fff;
text-decoration:none;
}
div.topNavi a:hover, div.topNavi a:focus {background:#202020 url(/v30/localpictures/theme/img/navi-top.gif) 0 -20px no-repeat;}

/* +++ left sale +++ */
div.sale {height:65px;width:180px;margin:-21px 0 10px -18px;background:url(/v30/localpictures/theme/img/left-sale.png) no-repeat;}
div.sale a {display:block;width:170px;height:60px;}

/* +++ left shop navi +++ */
a.KatH0passiv:link, a.KatH0passiv:visited {
display:block;
width:149px;
background:#313131;
padding:3px 0 2px 20px;
line-height:18px;
margin:0 3px 3px;
font-family:Myriad Pro,arial;
font-size:1.1em;
color:#fff;
text-decoration:none;
}
a.KatH0passiv:hover, a.KatH0passiv:focus, a.KatH0aktiv:link, a.KatH0aktiv:visited {
background-image: url(/v30/localpictures/theme/img/nav1.gif);background-position: 10px 9px;background-repeat: no-repeat;
}
a.KatH0aktiv:link, a.KatH0aktiv:visited {
display:block;
width:149px;
background:#313131;
padding:3px 0 2px 20px;
line-height:18px;
margin:0 3px 3px;
font-family:Myriad Pro,arial;
font-size:1.1em;
font-weight:bold;
color:#fff;
text-decoration:none;
background-image: url(/v30/localpictures/theme/img/nav1.gif);background-position: 10px 9px;background-repeat: no-repeat;
}

/* zweite Ebene */
a.KatH1passiv:link, a.KatH1passiv:visited {display:block;padding:3px 5px 3px 23px;font-family:Myriad Pro,arial;color:#ccc;text-decoration:none;}
a.KatH1passiv:hover, a.KatH1passiv:focus {background-position: 11px 3px;background-repeat: no-repeat;}

/* zweite Ebene aktiv */
a.KatH1aktiv:link, a.KatH1aktiv:visited {display:block;padding:3px 5px 3px 23px;font-family:Myriad Pro,arial;font-weight:bold;text-decoration:none;
background-position: 11px 3px;background-repeat: no-repeat;}
a.KatH1aktiv:hover, a.KatH1aktiv:focus {}

/* dritte Ebene */
a.KatH2passiv:link, a.KatH2passiv:visited {display:block;margin-left:23px;padding:2px 5px 2px 12px;font-family:Myriad Pro,arial;color:#ccc;text-decoration:none;}
a.KatH2passiv:hover, a.KatH2passiv:focus {background-position: 1px 3px;background-repeat: no-repeat;}

/* dritte Ebene aktiv */
a.KatH2aktiv:link, a.KatH2aktiv:visited {display:block;margin-left:23px;padding:2px 5px 2px 12px;font-family:Myriad Pro,arial;font-weight:bold;text-decoration:none;
background-position: 1px 3px;background-repeat: no-repeat;}
a.KatH2aktiv:hover, a.KatH2aktiv:focus {}

/* vierte Ebene */
a.KatH3passiv:link, a.KatH3passiv:visited {display:block;margin-left:33px;padding:2px 5px 2px 12px;font-family:Myriad Pro,arial;color:#ccc;text-decoration:none;}
a.KatH3passiv:hover, a.KatH3passiv:focus {background-position: 1px 3px;background-repeat: no-repeat;}

/* vierte Ebene aktiv */
a.KatH3aktiv:link, a.KatH3aktiv:visited {display:block;margin-left:33px;padding:2px 5px 2px 12px;font-family:Myriad Pro,arial;font-weight:bold;text-decoration:none;
background-position: 1px 3px;background-repeat: no-repeat;}
a.KatH3aktiv:hover, a.KatH3aktiv:focus {}

/* +++ left newsbox +++ */
div.newsbox {margin:20px 10px 15px;}
div.newsbox h3 {font-weight:bold;text-transform:uppercase;margin-bottom:7px;font-size:1.2em;}
.newsbox p {border-bottom:1px solid #333;padding-bottom:4px;margin-bottom:4px;}
p span.newsdate {color:#666;font-size:0.9em;}
.newsbox a:link, .newsbox a:visited {text-decoration:none;}
.newsbox a:hover, .newsbox a:focus {text-decoration:underline;}

/* +++ banner left +++ */
div.bannerLeft {margin-top:20px;margin-left:10px;width:155px;overflow:hidden;}

/* +++ right hotline +++ */
div.hotline {height:174px;width:165px;margin-top:-78px;background:url(/v30/localpictures/theme/img/hotline.png) center top no-repeat;}
div.hotline span {display:none;}
a.facebook { display:block; padding-top:131px;}

#right h4 {font-size:1.2em;margin-bottom:3px;text-transform:uppercase;font-family:Myriad Pro,arial;}

/* +++ right CMS navi +++ */
a#cmsnav509 {margin-top:5px;}
a.CmsNavH0passiv:link, a.CmsNavH0passiv:visited {display:block;margin-top:2px;padding:2px 6px 2px 6px;background:#ccc;color:#333;text-decoration:none;font-weight:bold;}
a#cmsnav509 {margin-top:5px;}
a.CmsNavH0passiv:hover, a.CmsNavH0passiv:focus {background:#999;color:#000;}

a.CmsNavH0aktiv:link, a.CmsNavH0aktiv:visited {display:block;margin-top:2px;padding:2px 4px 2px 18px;background:#333 url(/v30/localpictures/theme/img/cms-navi-1.gif) 6px 4px no-repeat;color:#fff;text-decoration:none;font-weight:bold;}

/* 2. ebene */
a.CmsNavH1passiv:link, a.CmsNavH1passiv:visited {display:block;margin:0px 2px 2px;padding:2px 0 3px 16px;color:#333;text-decoration:none;font-weight:normal;font-size:0.9em;border-bottom:1px solid #ccc;}
a.CmsNavH1passiv:hover, a.CmsNavH1passiv:focus {padding:2px 0 3px 16px;color:#000;background:#eaeaea;border-bottom:1px solid #ccc;
background: url(/v30/localpictures/theme/img/cms-navi-2.gif) 4px 4px no-repeat;}

a.CmsNavH1aktiv:link, a.CmsNavH1aktiv:visited {display:block;margin:0px 2px 2px;padding:2px 0 3px 27px;text-decoration:none;font-weight:bold;font-size:0.9em;border-bottom:1px solid #ccc;
background: url(/v30/localpictures/theme/img/cms-navi-2.gif) 15px 4px no-repeat;}

/* 3. ebene */
a.CmsNavH2passiv:link, a.CmsNavH2passiv:visited {display:block;margin:0px 2px 1px;padding:1px 0 2px 27px;color:#333;text-decoration:none;font-weight:normal;font-size:0.9em;}
a.CmsNavH2passiv:hover, a.CmsNavH2passiv:focus {margin:0px 2px 1px;padding:1px 0 2px 27px;color:#000;background:#eaeaea;}

a.CmsNavH2aktiv:link, a.CmsNavH2aktiv:visited {display:block;margin:1px 2px 1px;padding:0 0 2px 27px;text-decoration:none;font-weight:bold;font-size:0.9em;}

/* +++ right boxes +++ */
.boxRight, .boxSearch {border:1px solid #ababab;padding:8px 8px;margin-top:5px;}
.boxRight  {width:145px;}
td.BoxHead {display:none;}

/* ++ right search +++ */
.boxSearch  {width:145px;}
.boxSearch select {width:145px;}
.boxSearch a:link, .boxSearch a:visited {color:#666;font-size:0.9em;}
#PreisVonBez, #PreisBisBez {font-size:0.9em;float:left !important;}
#PreisVonBez input {width:15px;}
#PreisBisBez input {width:15px;}

/* +++ right warenkorb +++ */
table.basketBox td {background:#eaeaea;padding:4px 6px;color:666;border-bottom:3px solid #fff;}

/* +++ right login +++ */
a.box:link, a.box:visited {text-decoration:none;font-size:0.9em;font-weight:bold;padding-left:10px;}
a.box:hover, a.box:focus {text-decoration:underline;}

/* +++ right infos +++ */
.infos ul {list-style:none;margin-top:7px;}
.infos ul a:link, .infos ul a:visited {display:block;background:#eaeaea;padding:2px 3px;margin-bottom:2px;text-decoration:none;font-size:0.9em;font-weight:bold;color:#666666;}
.infos ul a:hover, .infos ul a:focus {background:#ccc;text-decoration:underline;color:#333;}

/* +++ right newsletter +++ */
#right .newsletter h4 {margin-bottom:6px;}
.newsletter {padding:8px 8px 0px;overflow:hidden;}
.newsletter form {margin:0;padding:0;}
.newsletter label {font-size:0.9em;font-weight:bold;}
.newsletter p {margin-right:0;}
input#newsletter-submit {}

/* +++ footer +++ */
#footer p {margin-bottom:0px;}
p.footLinks {font-weight:bold;}


/* +++ startseite news-box +++ */
.news-box-wrapper {
width:540px;
background:url(/v30/localpictures/theme/img/wrapper-bg.gif) bottom;
text-align:left;
margin:10px 0;
overflow:hidden;
}
.news-box {width:268px;}
.news-box-windsurfen {float: left;background:url(/v30/localpictures/theme/img/headline-windsurfen.gif) top no-repeat;}
.news-box-snowboarden {float: right;background:url(/v30/localpictures/theme/img/headline-snowboarden.gif) top no-repeat;}
.news-box-kitesurfen {float: left;background:url(/v30/localpictures/theme/img/headline-kitesurfen.gif) top no-repeat;}
.news-box-golfen {float: right;background:url(/v30/localpictures/theme/img/headline-golfen.gif) top no-repeat;}
.news-box h2 {
width:190px;
padding:5px 17px 0;
margin-bottom:15px;
font-size:1em;
color:white;
font-weight:normal;
}
.news-box p {margin:0 15px 8px 0px;padding:0 8px 0px 8px;font-size:0.9em;line-height:13px;color:#666666;}

/* +++ landing pages kategorie-boxen */
.landing-cat {overflow:hidden;}
.landing-cat-box {width:130px;height:130px;float:left;border:1px solid #ababab;margin:4px 4px 0px 0;overflow:hidden;}
.landing-cat-box h4 {font-size:11px;padding:3px 0 0 5px;margin-bottom:3px;}


/* +++ kategorie liste +++ */
div#SubCat-Topic {font-size:1.2em;font-weight:bold;margin:10px 0 10px;}
div.SubKategorien {border:1px solid #ababab;width:130px;height:155px;margin:0px 4px 4px 0;text-align:center;white-space:nowrap;}
div.SubKategorien a:link, div.SubKategorien a:visited {display:block;width:130px;height:155px;color:#fff;font-size:1em;text-decoration:none;bold;text-align:center;
background-repeat:no-repeat;background-position:left bottom;}
div.SubKategorien a:hover, div.SubKategorien a:focus {background-position:right bottom;}
div.SubKategorien a div {height:130px;margin-bottom:5px;}
div.SubKategorien a div img {margin:10px auto 0;}

/* +++ liste navigation +++ */
div.list-nav {width:540px;margin:0;margin-top:10px;background:#eaeaea;}
div.list-nav table {clear:both;he ight:25px;}
div.list-nav table td {padding:5px 5px 8px 5px;}
div.list-nav .SecLevelText {color:#333}

/* +++ produkt liste +++ */

.productsNew {margin-top:0px;}
.productsNew h2 {margin-bottom:0px;margin-top:15px;}
.productsNew .productList {margin-top:0;}

.productList {margin-top:10px;}
.list-item {float:left;width:130px;height:296px;margin:4px 4px 0px 0;border:1px solid #ababab;overflow:hidden;}
.list-item-img {line-height:250%;width:130px;height:173px;overflow:hidden;text-align:center;border-bottom:1px solid #adadad;}
.list-item img {vertical-align:middle;margin-left:auto;margin-right:auto;}
.list-item-img a {display:table-cell;height:173px;vertical-align:middle; text-align:center;}
.list-item-text {margin:4px 5px;height:50px;}
span.artNum {font-size:0.9em;color:#999;}
.list-item a:link, .list-item a:visited {font-size:0.9em;font-weight:bold;text-decoration:none;}
.list-item a:hover, .list-item a:focus {text-decoration:underline;}
.list-item-price {height:35px;padding-left:5px;padding-top:3px;}
.list-item-price .PreisNormal {font-weight:bold;padding:15px 0 0 0;}
.list-item-price .PreisAlt {text-decoration:line-through;font-size:0.9em;}
.productList .PreisSonder {font-weight:bold;margin-top:2px;color:#c00;}
.list-item input {border:none;padding:0;margin:0;}

/* +++ produkt detail +++ */
.detail {}
.detail-img {width:235px;float:left;border:1px solid #adadad;margin:0 15px 15px 0;}
.detail-img-big {position:relative;width:230px;height:320px;overflow:hidden;}
.img-lupe {position:absolute;top:0;left:0;z-index:100;width:40px;height:40px;background:#ccc;}
#WPic {overflow:hidden;}
#WPic img {margin-right:4px;width:115px;}
#WPic div {width:115px;float:left;}

.detail-info {width:290px;float:left;margin-bottom:15px;}
.detail-price {width:110px;float:right;text-align:right;}
.detail-info .PreisNormal {font-weight:bold;font-size:1.3em;}
.detail-info .PreisSonder {font-weight:bold;color:#c00;font-size:1.3em;}
.detail-info .PreisAlt {text-decoration:line-through;font-size:1em;}

.detail-ampel {width:40px;clear:left;margin-top:5px;}

#brand {float:right;width:130px;text-align:right;}
#brand img {wid th:120px;}

.SecLevelText {padding-top:5px;font-size:0.9em;color:#999;}
.versand a:link, .versand a:visited {font-size:0.9em;color:#999;}
.detail-info h1 {margin:0;width:180px;font-size:1.3em;}
.detail-info span.artikelInfo {font-size:0.9em;color:#999;}
.detail-action {position:relative;margin-top:10px;padding:10px 0;border-top:1px dotted #999;border-bottom:1px dotted #999;backg round:red;}
span.detail-size input {border:none;padding:0;width:auto;}
.detail-action input {width:135px;}
.detail-order {position:absolute;bottom:10px;right:0;width:137px;text-align:right;}

#content .detail-text h3 {clear:none;background:none;}

/* tell a friend */
#FriendFormContainer{background:#fff;display:none;}
#FriendFormContainer form label {font-weight:bold;}
#FriendFormContainer input.textfieldContent {clear:both;width:auto !important;}
#FriendFormContainer textarea.textfieldContent {width:280px !important;}
.detail-text {padding-right:15px;line-height:1.5em;}

/* erweiterte suche */
div.searchPrice {width:240px;margin-left:2px;}
div.searchPrice label {padding-top:10px;}
div#PreisVonBez {width:130px;float:right !important;}
div#PreisBisBez {width:130px;float:right !important;}
div.searchPrice div input {width: 35px !important;}

/* +++ warenkorb popup +++ */
#CartNotifier {padding:10px;}

/* +++ warenkorb  +++ */
.cart-navi {margin-bottom:5px;}
.cart-navi div {width:68px;margin:5px 15px 0 3px; !important;padding:3px;color:#666;}
.TabellenInhalt {width:540px;}

.basket-navi {border-bottom:1px solid #999;margin: 0 15px 10px 0;padding-bottom:10px;}
.basket-navi div {width:78px;}

.basket-payment {margin-right:15px;margin-top:15px;}
.basket-overview {margin-right:15px;}
.basket-overview .SecLevelText {color:#333;font-size:1em;margin-bottom:15px;}

/* bestelluebersicht */
.basket-widerrufsrecht {width:200px;margin-top:-35px;margin-bottom:30px;}


/* +++ formulare +++ */
.alertbox {color:#c00;font-weight:bold;}
.alertbox ul, .alertbox li {list-style:none;padding:2px 0;}
.okaybox {color:#060;font-weight:bold;}
select {padding:1px 2px 3px;}
form p {margin-bottom:5px;}
form.contact fieldset, form.order fieldset, form#change_pw fieldset, fieldset {width:510px;margin-bottom:10px;padding:15px 10px 5px;font-weight:bold;border-color:#ccc;}
form.contact legend, form.order legend, form#change_pw legend, legend {color:#333333;font-weight:bold;font-size:1.1em;padding:0 5px;}
form.contact label, form.order label, form#change_pw label, fieldset label {display:block;float:left;width:190px;}
form.search fieldset label {width:110px;}