@charset "utf-8";
/* CSS Document */

* { margin:0;padding:0;}
table{ border-collapse:collapse;border-spacing:0;}
fieldset,img{ border:0;}
ol,ul,li{ list-style:none; list-style-position:outside;}
a img{ border:0; text-decoration:none;}

a:link, a:visited, li.cur li a{color: #0b5ba2;}
a:hover{cursor: pointer;}

body, html{background: #fff url(img/bg_main.jpg) repeat-x; font: 12px/18px 'Tahoma', sans-serif; color:#000000; text-align: center;}
p{ margin-bottom: 12px;}

h1{background:transparent url(img/titleline.jpg) no-repeat scroll center bottom; color:#0B5BA2; font-size:17px; margin-bottom:17px; padding-bottom:10px; text-align:left; margin-top:20px;}

#breadcrumb, #breadcrumb a{ color:#bbbbbb; text-decoration: none;}
#breadcrumb {margin-bottom:10px;}

#adminbox h3{ display: none;}
#adminbox{width:109px; position: fixed; top: 0; font-size: 10px; background: url(img/blacktrans_r.png) -20px 0; z-index:9999; padding: 3px; color:#fff }
#adminbox{ font-size: 10px;}
#adminbox a{ color: #0b5ba2;}
#adminbox a:hover{color:#fff}


#logintop{ z-index: 80; position: relative;  background: #fff; float:left; height:26px; padding-left:17px; position:relative; width:auto;}
#boxLogin{color: #fff; position: absolute; left: 10px; width:243px; padding: 39px 20px 10px; background: url(img/blacktrans_t.png) no-repeat; z-index:9999; top:20px;}
#boxLogin h3{ display: none;}
#leftcol #boxLogin a{ background: none;}
#logintop strong, #logintop a{ margin-right:10px;}
#logintop a{color: #0b5ba2; text-decoration: underline;}
#logintop p a {margin-left:86px;}

#loginbox input{ margin-bottom: 5px; width:142px;}
#loginbox .password input{margin-left:30px; }
#loginbox span{margin-left:84px;}
#loginbox span input{ width:auto; margin-left: 1px;}


#warenbox{color: #fff; position: absolute; top:20px; right: 68px; width:187px; padding: 20px; background: url(img/blacktrans_t.png) no-repeat; z-index:80;}
#warenbox h3 a{ color: #fff;}
#warenbox .close{ right: 10px; }
#cart_total{ border-top: 1px solid #fff; margin-top: 5px;}
#cart_total strong{ line-height:  20px; margin-bottom: 7px; display: block;}

.close{ background: url(img/close.gif) no-repeat; position: absolute; right: 0px; top: 17px; display: block; width: 12px; height: 15px; text-indent: -9999px; }


#wrapper{ text-align: left; margin:20px auto 0; background:transparent url(img/main_bg.jpg) repeat-y;
overflow:hidden; position:relative; width:957px;}
#branding h1 a{background: url(img/logo.jpg) no-repeat; display:block;
height:29px; left:68px; position:absolute; text-indent:-9999px; top:11px; width:33px; z-index:20;}
#branding h1 { background: none; padding: 0; margin: 0;}


#header{height:72px; background:  url(img/header_bg.jpg) no-repeat; position: relative;}

#Suche{position:absolute; left:636px; top:14px;}
#Suche input{border:0 none; outline:0; padding:2px; width:182px; background: transparent;
}
#Suche span input{width:auto; padding: 0; position: relative; top:3px;}

#nav ul li{ width: auto; float: left;}
#nav ul li a{background:transparent url(img/navline.jpg) no-repeat scroll right top; color:#5B5B5B; display:block; float:left; font-size:12px; font-weight:100; height:18px; padding:7px 17px; text-decoration:none;}
#nav ul li a:hover{ color:#0b5ba2; text-decoration: underline; }
#nav{display:block; left:141px; position:absolute; text-align:right; top:7px; width:463px;}
#nav h4{display:none;}

#content{ float:left; width:678px; margin-left:20px;}

#leftcol{float:left; height:auto; margin-left:33px; margin-right:17px; width:157px;}
#leftcol a{ display: block; color:#575757; text-decoration:none; background: url(img/dotted.gif) left bottom repeat-x; padding:7px 12px;}
#leftcol a:hover{ color: #0b5ba2;}

#leftcol .Current a{color: #0b5ba2; font-weight: 900; }

#leftcol h4{ color:#202020; font-size: 17px; margin-bottom:17px; }
#leftcol h5{ color:#202020; font-size: 13px; }
#leftcol h4 a{ padding-left: 0;}
#leftcol #logintop, #leftcol .Kategorien, #leftcol .box{ margin-bottom: 30px;}

#leftcol .box.info a{ padding: 7px 0; }

.newsletter input{ width:150px; margin-bottom: 3px; }


/* Kategorieseite */

ul.produkte li a.prodimg img {width: 130px; height: auto;}
ul.produkte li a.prodimg {display: block; height: 130px; width: 130px; display: table-cell; vertical-align: middle;}
ul.produkte li {float:left; height:260px; padding:14px; width:140px; background: url(img/dotted.gif) repeat-x bottom left; overflow: hidden;}

ul.produkte {border-left:1px solid #c6c6c6; border-right:1px solid #c6c6c6; overflow:hidden; }

.produkte_top{background: url(img/prodlist_top.gif) no-repeat top left; display: block; width:678px; height: 13px; margin-top: 12px; clear: both;}
.produkte_bottom{background: url(img/prodlist_bottom.gif) no-repeat top left; display: block; width:678px; height: 13px; margin-bottom: 12px; margin-top:-2px; position: relative; z-index: 999;}

.preis{display:block; font-size:20px; margin:6px 0;  color: #0B5BA2;}
.pname a{ text-decoration: none; font-weight: 100; font-size: 12px; color: #000;}
.pname{display: block; height:70px;}

.to_advanced_search{  margin-bottom:12px; }
#sort{ float: right; margin-bottom:15px; margin-top:15px;}
#sort form{ display: inline;}

#pagenavi{ clear: both;}

/* Produktseite */

.produktbeschreibung h1{ text-align: left;}
.picture_col{ width:358px; overflow: hidden; float:left; margin-right: 12px; text-align:center;}
.main_image{ display:block; overflow:hidden; text-align:center; width:350px;}
.main_image img{ }	

.beschreibungs_text{ clear: both;}
.kurzbeschreibung{ color: #575757;}

.incart{margin-top:15px; margin-bottom:40px;}
.incart span input{ position: relative; top: -16px; padding: 3px;}
.maincol{ width: 308px; float: left; font-size:12px; line-height:18px; } .maincol li{clear:both; margin-bottom:10px; margin-left:0; padding:0; } 
#ArtikelBeschreibung1 table, .beschreibungs_text table{ margin-bottom: 10px; font-size:12px; width:680px; border-collapse:separate; border-spacing: 2px;}
#ArtikelBeschreibung1 table tr, #ArtikelBeschreibung1 table:first-child tr:first-child, .beschreibungs_text table tr, .beschreibungs_text table:first-child tr:first-child{ background: url(img/dotted.gif) repeat-x bottom left; }
#ArtikelBeschreibung1 table td{ display:block; float:left; padding:0 0 5px 0; vertical-align:top; width:316px;}
#ArtikelBeschreibung1 table:first-child .normal, .beschreibungs_text table, .beschreibungs_text table:first-child .normal{ width: 670px;} 

#ArtikelBeschreibung1 table:first-child tr, .beschreibungs_text table:first-child tr{background: none;}
#ArtikelBeschreibung1 table td,  .beschreibungs_text table td{
display:block; float:left; padding:0 0 5px; vertical-align:top; width:316px;
}
#ArtikelBeschreibung1 table .bggray, .beschreibungs_text table .bggray {
display:none;
}


.bgblue2 .subhead{ margin: 15px 0; display:block;}

/* #ArtikelBeschreibung1 table td.normal{ width: 670px;} */
 table .subhead{font-weight: 900; }
#ArtikelBeschreibung1 table .bggray {display: none;}

.price h2{ font-weight: 100; color :#0B5BA2;}
#buy{color:#575757; text-align:left;}
.price{ margin-top: 30px; text-align:left; }

.attributtable{ border-collapse: separate; border-spacing: 0 10px;}



/* Warenkorb */

#warenkorb{ background: #fff; text-align: right; padding-right:40px;  height: 26px; position: relative;}
#warenkorb a, #warenkorb span{ float: right; margin-right: 10px; text-decoration: none;}
#warenkorb a:hover{text-decoration: underline;}
#warenkorb a.carticon{ display: block; float: right; width: 25px; height: 17px; background: url(img/cart.gif) 0 2px no-repeat; text-indent:9999px; margin-right: 3px;}

.order_table img{ height:100px; margin-right:10px; width:100px;}

.to_checkout_btn{ background:transparent url(img/titleline.jpg) no-repeat scroll center top; margin-top: 20px; padding-top:10px;
text-align:right;}

.total_costs, .right, .total{ text-align: right;}

.order_table{ background: url(img/dotted.gif) repeat-x bottom left; display:block; padding-bottom:12px;}


/* Checkout */

.infotext h3{ }
.infotext{background: url(img/dotted.gif) repeat-x bottom left; padding:10px 0; overflow:hidden;}
.other_info, .order_info{ width: 500px; margin: 10px auto;}
.total table{ float: right;}
.total{ background: url(img/dotted.gif) repeat-x top left; overflow: hidden;}

.adress_btn{ float:right;}

.weiter{text-align: right; margin-top: 10px;}
.main_content_button{ margin-top: 18px;}

.agb textarea{ width: 500px;}

input[type="text"], input[type="password"] {
border:1px solid #c6c6c6;
padding:2px 3px;
}

.infotext {
font-size:12px;
line-height:17px;
}

.infotext table{line-height:25px;}

/* Footer */

#footer{  width:923px; background:#fff url(img/footer_bg.jpg) no-repeat; clear:both; height: 129px; width:933px; text-align: right; padding: 67px 30px 0 0;}
#footer a{ color: #979696; margin-left:-24px; margin-right:38px; font-size: 14px; text-decoration: none; }
#footer a:hover{ text-decoration: underline;}



*+html #Suche span input{ top: 0px;}




/*----------------------------Suggest Styles--------------------------*/
.suggest_link {
        /* background-color: #FFFFFF; */
        line-height:14px;
		margin-bottom:12px;
		padding:2px 6px;
	}
.suggest_link_over {
      background-color: #0B5BA2;
        line-height:14px;
		margin-bottom:12px;
		padding:2px 6px;
        cursor: pointer;
}
#search_suggest {
		padding:29px 12px 12px;
        position: absolute; 
        visibility: hidden;
        /* background-color: #FFFFFF;  */
        text-align: left; 
        /* border: 1px solid #000000; */
        background:url(img/blacktrans_t.png) no-repeat scroll 0 0;
		color:#FFFFFF;
        z-index: 99999;  
        display:block;                      
} 
#search_suggest a{ color: #fff;}       
#search_suggest a.close{right:10px;}

#search_suggest .cats{ color:#0B5BA2; text-align: right;}
#search_suggest  .suggest_link_over .cats{color:#000;}
#search_suggest{ top: 25px; left:0;}

/*----------------------------End Suggest Styles------------------------*/