@import url(artlist.css);
@import url(form.css);

@import url(wako.css);
@import url(gmap.css);
@import url(cash.css);
@import url(login.css);

@import url(boxes.css);

/**Mootools event CSS-klassen => Muss im obersten Script sein!*/
.errorInput{
	background-color:#F94848;
	color: #FFF;
	border: 2px #F00 solid;
}
.disabled{
	color:#999;
}
.deliveryOptions{
	color: #000;
}
/** <= */
/*Layout*/
body { font-family:Arial, Helvetica, sans-serif; color: #000;background-color:#FFFFFF; background-image: url(../img/layout/bg.jpg); background-position:top center; background-repeat:no-repeat; background-attachment: scroll; text-align: center; margin: 0 auto 10px auto; padding: 0; }
.colboxleft { text-align: left; width:238px; height:100%;clear:left; float: left; margin: 0; padding: 0; }
.colboxmiddle {  width:748px; height:100%; overflow: hidden; float: right; margin-top: 0; margin-right: 0; margin-bottom: 0; padding: 0; }
.colcont { text-align: left; width: 992px; height:100%; overflow: hidden; margin-top: 0; margin: 10px auto 0 auto; padding: 0; }
.colboxmiddle p{ margin: 10px;}

#top{width: 100%; height: 240px;}
#top .t1{background-image:url(../img/layout/t1c.jpg); height:57px; width: 992px; background-position:center; background-repeat:no-repeat;}
#top .t1 .left{background-image:url(../img/layout/tp1l.png); height:57px; width: 57px; background-position:left;float:left;}
#top .t1 .right{background-image:url(../img/layout/tp1r.png); height:57px; width: 57px; background-position:left;float:right}
#top #Suche{ width: 100%; height:183px; background-image:url(../img/layout/tp2c.jpg); background-position:center; background-repeat:no-repeat;}
#top #Suche #search{position:absolute; width: 300px;margin:130px 0 0 340px;font-weight:bold;color: #DDD;}
#top #Suche #search #search_field{clear:left;height: 30px; width: 155px; background-image:url(../img/layout/search.png); background-color:transparent;border:none;padding: 3px 6px;background-position: 0px top; background-repeat:no-repeat; line-height:normal;font-size: 16px; font-weight: bold; }
#top #Suche #search #search_field input{float:left;}
#top #Suche #search #search_field:focus{border: none;outline:none;background-position: 0px bottom;}
#top #Suche #search .search{margin:3px 40px 0 0;float:right;}
#top #to_wako{ display:block; position:relative; top:135px; left: 800px; }
/*Link im Banner zur startseite*/
#to_start{position:absolute; display:block; background-color:transparent; width: 400px; margin: 0 0 0 200px; top: 50px; height:120px;line-height:0px; font-size:0px; }


#ca {border-left:2px solid #525252;border-right:2px solid #525252; background-color:#FFF;}
#subbar{font-size:13px;  font-weight:bold;border-left:2px solid #525252;border-right:2px solid #525252;width: 978px; background-color:#CCC; border-bottom: solid 1px #525252; height: 20px;padding: 5px;}

#footer {margin:0 0 0 -2px; font-size:12px; color: #666; background-color: none; clear:both;  width: 992px; padding-top: 30px; }
#footer .left{background-image:url(../img/layout/ft1l.png); height:57px; width: 57px; background-position:left;float:left;}
#footer .right{background-image:url(../img/layout/ft1r.png); height:57px; width: 57px; background-position:left;float:right;}
#footer .center{width: 878px; height:57px; float:left; background-color:#FFF;background-image:url(../img/layout/f1c.png);background-position:center; background-repeat:no-repeat; background-position:bottom;}


noscript div, #noCookie{
	width: 100%;
	background-color:#FF3;
	font-weight:bold;
	text-align:center;
	padding: 1%;
	font-size:16px;
	border-bottom: 1px #F90 solid;
	font-family: Arial, Helvetica, sans-serif;
}
/*Überschriften*/
h1{
	background-color:#99A9CA;
	font-family:"Times New Roman", Times, serif;
	width: 98%;
	margin-left:auto;
	margin-right:auto;
	color:#FFF;
	line-height:22px;
	font-size:20px;
	font-weight:bold;
	text-transform:uppercase;
	font-style:normal;
	text-align:right;
	padding: 3px 1% 3px 0px;
	letter-spacing: 0.3em;
}
h2{
	background-color:white;
	font-family:"Times New Roman", Times, serif;
	width: 98%;
	margin-left:auto;
	margin-right:auto;
	color:#3C5687;
	line-height:20px;
	font-size:22px;
	font-weight:bold;
	text-transform:uppercase;
	font-style:normal;
	text-align:left;
	padding: 3px 1% 3px 0px;
	letter-spacing: 0.1em;
}
p { ;color: black; font-family: Arial, Helvetica, sans-serif; padding: 5px; font-size: 13pt; line-height:14pt;}

/*Links global*/
a{ background: no-repeat bottom;}
a:link { color: black; outline-style: none; outline-width: 0;}
a:visited { color: black; outline-style: none; outline-width: 0; }
a:hover { color: #3D5788; outline-style: none; outline-width: 0; background-repeat: no-repeat; background-position:left top; }
a:active { color: #788FBB; outline-style: none; outline-width: 0;  }
/* FF patch*/
*:active, *:focus{ outline-style: none; }

a.back{ display:block; padding: 10px 20px; height: 20px; font-weight:bold;}



/*Textformatierung*/
.error_message {border: 1px red solid; background-color: #F94848;text-align:center;color:white;font-weight: bold; margin:10px; padding:3px;}
.done_message {border: 1px green solid; background-color: #296D28;text-align:center;color:white;font-weight: bold; margin:10px; padding:3px;}



/* Artikeldetails */
#artdetail { float:right; width: 733px; background:url(../img/corners.gif) -167px -17px no-repeat  #DCE3ED; text-align:left;}
#artdetail #details_data{float:left;width: 365px;}
#artdetail .Artmark{font-weight:bold; display:inline;font-size:13pt; text-transform:uppercase;color:#41588C}
#artdetail .Artnam{font-weight:bold; display:inline;font-size:14pt;}
#artdetail h1{padding-left: 5px;border-bottom: #CCCCCC 3px solid; background-color:transparent;color:black;text-align:left;font-style:normal;padding: 0 0 0 5px;}
#artdetail .Artnum, #artdetail .ArtnumMADE{color:#333;font-size:10pt;display:block;padding-left: 5px;} 
#artdetail .Artnum span, #artdetail .ArtnumMADE span{font-weight:bold;padding-right: 5px;} 
#artdetail .art_params{margin: 15px 5px 15px 5px;}
#artdetail .art_params .label{ border-top:3px dotted white; display:block;font-weight:bold;clear:both;float:left;padding:5px 5px 0px 0px ; width: 49%; text-align:right}
#artdetail .art_params .value{border-top:3px dotted white;display:block; float:left; padding: 5px 0 0 0;width: 49%;}
#artdetail .storage{padding:5px 0 0 30px; text-indent:0px; line-height:normal;width: 200px;background-position:left;background-repeat: no-repeat;font-size:10pt;line-height: 11pt;margin-left:5px;}
#artdetail .storage:hover{background-position:left;}
#artdetail .storage span{background-repeat: no-repeat;line-height: 11pt;}
#artdetail #artpics_data{float:left;width: 347px; padding-left:15px;overflow:hidden;float:left}
#artdetail #artpics_data img{ float:left;clear:left; margin: 15px 0 0 0px; border: #CCC solid 1px;}
#artdetail #artpics_data .other_pics{ width:340px; clear:left;float:left;margin-left:5px;}
#artdetail #artpics_data .other_pics .mini_thumb{width:44px; height:44px;float:left;margin:0  4px 3px 0;}
#artdetail #artpics_data .other_pics .mini_thumb img{width:100%;height:100%;margin:0px;text-indent: 20px;}
#artdetail .Artpr{clear:left;text-align:right;font-size:15pt; font-weight:bold; padding: 5px;}
#artdetail .shop_pics{background-image:url(../img/artlist/lup.png);background-position:right;display:block; width: 32px; height: 32px;line-height:0px; font-size: 0px;float:left; clear:left;margin:0 305px 0 25px;}

#artdetail #order_attr{margin: 15px 0 15px 0;float:left;}
#artdetail #order_attr label{clear:left;float:left;padding-left:20px;}
#artdetail #order_attr .label{font-weight: bold;float:left;clear:left;padding-left:5px;margin-top:15px;}

#artdetail .to_wako{float:right; margin-right:15px;}

#artdetail div.besh{width: 100%;clear:both;padding: 0 0 0 0; background: url(../img/details/bottom.png) no-repeat top #FFF; padding-top:10px; padding-bottom: 30px; }

.shop_pics{cursor:pointer;}


 img { color: #838383; font-size: 5pt; margin:15px;}