/* General */	
*{margin: 0; padding: 0;}
.clear_float{clear: both;}
body{text-align:left; background:#fff; font-family:verdana, helvetica, arial, sans-serif; color:#2F4F4F; font-size:11px;}
img{border:none;}
h1{font-size:13px;}	
h3{font-size:11px;}
a:link, a:visited{color:#2F4F4F; text-decoration: none;}	
a:hover{text-decoration:none; color:#FF6600;}
a:focus{:none;}
	
/*Main Wrapper*/
#main_wrapper{width:1000px; margin-left:auto; margin-right:auto; margin-top:10px; text-align:left;}
	
/*Kopfzeile*/
#kopf{background:url(../images_design/wk_logo.jpg); background-repeat:no-repeat; height:49px;}
	
/*Navigation*/
#shadow{display:block;}
#navigation{height:100px; background-color:#F5F5F5; border-bottom:2px solid #C1CACC; border-radius:6px;}
	#loginbox{float:left; width:260px; height:70px; margin:10px 0 0 10px; font-family:courier new,lucida console, sans-serif;}	
	#navigation ul{float:left; margin:7px 0 0 20px; list-style-type:none;}
	#navigation li{border-bottom:solid 1px #C1CACC; line-height:20px;}
	#navigation li:hover a{display:block; width:100%; background-color:#fff;}
	#navigation form li{border-bottom:none; line-height:20px; font-family:courier new,lucida console, sans-serif;}
	#navigation form input{vertical-align:middle; width:75px;}
	.loginbutton{width:75px; height:20px; vertical-align:middle; margin-left:10px; background-color:#F5F5F5; text-align:center; border:1px solid #999; font-family:verdana, helvetica, arial, sans-serif; color:#2F4F4F; font-size:11px;}
	
/*Artikeldatenbank*/
#outer_datenbank_container{float:left; width:210px;}	
	#artikelsuche{height:23px; width:210px; margin-top:12px; padding:5px 0 3px 0; background-image:url(../images_design/bg_artikeldatenbank_kopf.jpg);}
	#artikelsuche #label_suchen{float:left; height:20px; padding-top:3px; text-align:center; width:55px; color:white; font-size:11px; font-weight:bold;}
	#artikelsuche #sucheingabefeld{float:left; width:115px; height:17px; padding:2px 0 0 2px; border-width:0; font-size:11px;}
	#artikelsuche #gobutton{float:right; padding-right:8px;}
	
	
/*Accordion*/	
.acc {width:204px; list-style:none; padding:5px 2px 0 2px; border:1px solid #999; border-top:none; background-color:#F5F5F5;}
.acc h3{width:192px; margin:1px 0 1px 0; border:1px solid #CCC; line-height:17px; padding:0 5px 0 5px; font-weight:normal; cursor:pointer; background-color:#F5F5F5;}
.acc h3:hover{background-color:#fff; color:#FF6600;}
.acc h3:hover a{color:#FF6600;}
.acc .acc-section{overflow:hidden; background:#fff; padding:5px;}
.acc-nested{width:194px; list-style:none; color:#033; margin-bottom:2px;}
.acc-nested li{width:185px; border:1px solid #CCC; line-height:17px; padding-left:5px; font-weight:normal; margin-top:2px; cursor:pointer; background-color: #FFF;}
.acc-nested .acc-section{overflow:hidden; width:170px;}
.acc-nested a{display:block; line-height:17px;}

/*?*/
.sa_bg{background-color:red;}		

/*Rechte Content_Container und HTMLPanelWidget
	Die beiden folgenden divs umschliessen den Bereich rechts der Datenbank.
	Das <div id=outer_content_container> legt die Spaltenbreite fest und wird gefloatet. 
	Es enthält ein weiteres inneres <div id=inner_content_container> ohne Breitenangabe, damit 
	dessen margin, padding und border keinen Einfluss auf die Spaltenbreite nehmen.*/
	#outer_content_container{float:left; width:790px; position:relative; padding-top:12px;}	
	#inner_content_container{padding-left:5px;}
	/*Während Inhalt in das HTMLPanel geladen wird, kann spezielles markup angezeigt werden,
	das sich innerhalb des outer_content_containers befinden muss und vom Script an der Klasse 
	"HTMLPanelLoadingContent" erkannt wird. Die folgende Regel unterdrückt diesen Inhalt für den 
	Fall, dass im Browser Javascript deaktiviert ist.*/
	.HTMLPanelLoadingContent, .HTMLPanelErrorContent{display:none;}
	/* Gestaltung des temporären Inhalts*/
	.HTMLPanelLoading{display:block; position:absolute; top:100px; text-align:center;}
	/* Dasselbe wäre auch für eine Errormessage möglich, falls das Laden fehlschlägt*/
	.HTMLPanelError{}
	
/*Artikeltabellen*/	
#artikeltabelle {table-layout:fixed; width:100%; font-size:10px; margin:4px 0 8px 0;}
.tabellentitel {float:left; width:348px; margin:18px 0 0 0;}	
.disclaimer {float:right; width:400px; margin-top:10px; padding:4px 0 4px 0; font-size:10px;}
.disclaimer_bagset {float:right; width:390px; margin-top:10px; padding:4px; border:1px solid #ccc; border-radius:7px; font-size:10px;}
.disclaimer_bagset_img {vertical-align:middle;}
.serieninfo {float:left; width:776px; padding:4px; font-size:10px;}
th {background-color:#F0F0F0; padding-left:2px; height:25px; font-weight:normal;}	
.artikelzeile {border-bottom:dotted 1px #C1CACC; empty-cells:show; overflow:hidden;}
.artikelzeile a:link, .artikelzeile a:visited {color:#0066FF;}
.artikelzeile a:hover {color:#FF6600;}
#inputmenge {width:30px; height:18px; vertical-align:bottom; margin:0 3px 3px 0; font-size:10px; color:#2F4F4F; text-align:center; border: 1px solid #ccc; }
.select_gigbag {width:140px; height:20px; vertical-align:bottom; margin:0 3px 3px 0; padding: 1px; font-size:10px; color:#2F4F4F; border: 1px solid #ccc; background: transparent;}		
.lieferumfang {display:inline-block; width:138px; height:18px; vertical-align:bottom; margin:0 4px 3px 1px; line-height:18px; font-size:10px; color:#2F4F4F; border: 1px solid #ccc;}		
.hdlinf {color:#339999;}
.sonderpreisfarbe {color:#F60;}	
	
									
/*Blocktabelle*/	
.blocktitel{border-bottom: solid 1px #C1CACC; font-weight:bold; font-size:11px; line-height:25px;}
.subtable{table-layout:fixed; width:100%; margin:5px 0 5px 0;}
.subtable .zeilen{border-bottom:dotted 1px #C1CACC; font-size:10px; padding-left:2px;}

/*Sonderangebote*/	
.TabbedPanels{margin:12px 0 12px 0; width:100%; table-layout:fixed;}
.TabbedPanelsTab{padding:4px 5px; background-color:#FCFCFC; border:solid 1px #CCC; border-bottom:solid 1px #999; font-size:11px; overflow:hidden;}
.TabbedPanelsTab:hover{background-color:#fff; cursor:pointer;}	
.TabbedPanelsTabSelected{padding:4px 5px; background-color:#F5F5F5; border-left:solid 1px #999; border-bottom:none; border-top:solid 1px #999; border-right:solid 1px #999; font-size:11px; font-weight:bold;}

/*Artikelmonitor*/
#artmon{padding:10px 0 0 10px;}	
#artmon #img_square{float:left; border:1px solid #CCCCCC; width:500px; height:495px; padding:10px; margin-right:10px; text-align:center;}	
#artmon #specs{float:left; width:270px; height:495px; padding:10px; text-align:left; font-size:12px; line-height:17px;}

/*Artikelmonitor Schönheitsfehler*/
#artmon_sf {padding:10px 0 0 10px; font-size:13px;}
#artmon_sf h1,p {margin-bottom:15px;}	
#artmon_sf #img_square {float:left; border:1px solid #CCCCCC; width:350px; height:470px; padding:10px; margin-right:10px; text-align:center;}	  	 

/*News*/	
#news .spalte_links{float:left; width:470px; margin:10px 5px 0 5px;}
#news h1{margin:8px 0;}
#news h3{font-size:13px; margin:5px 0 5px 0px; border-bottom:1px solid #ccc;}
#news .spalte_rechts{ width:300px; margin:41px 0 0 5px; float:left;}
#news .newszelle{clear:both; margin-bottom:10px; min-height:120px;} 	
#news .newsimg{width:90px; height:90px; margin:5px 10px 0 0; float:left; border-radius:7px;}
#news .minibutton{float:left; width:75px; line-height:12px; margin:10px 2px 0 0; background-color:#F5F5F5; text-align:center; border:1px solid #999;}
#news p{font-size:11px; line-height:16px; margin-bottom: 10px;}
#news a{margin-right:35px; text-decoration:underline;}
#news .message{background:transparent url(../images_design/bg_message_japan.gif) 0px 2px repeat; color:#2F4F4F; font:12px/16px Arial, Helvetica, sans-serif; padding:15px 10px 15px 10px; width:279px; margin-bottom:10px; border-radius:7px;}
#news .message p{font:12px/16px Arial, Helvetica, sans-serif; margin-top:10px;}
#news .message li{margin: 5px 0 0 25px; list-style:square;}
#news .message a{color:#0066FF; text-decoration:underline;}
#news #top_angebot{width:298px; border:1px solid #ccc; border-radius:6px; text-align:center; margin:0 0 25px 0; padding:0 0 15px 0;}
#news #top_angebot a{margin-right:0;}

/*NOPCART Warenkorb und Checkout*/
.b_nopcart {float:left; width:100%; border:1px; font-size:10px; color:#666666;}	
.nopheader{background-color:#c1cacc; padding:0 3px 0 3px; height:25px;} 
.nopentry{font-size:6.5pt; padding:0 3px 0 3px; border-bottom:dotted 1px #C1CACC; height:25px;}
.nopentry input{font-size:10px;}
.noptotal{background-color:#c1cacc; padding:0 3px 0 3px; height:25px; font-weight:bold;} 
.nopbutton{background-color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#666666;}
.backbutton{float:left; width:170px; line-height:25px; margin-top:15px; background-color:#F5F5F5; text-align:center; border:1px solid #999;}
.sendbutton{float:right; width:170px; height:25px; margin-top:15px; background-color:#F5F5F5; text-align:center; border:1px solid #999; font-family:verdana, helvetica, arial, sans-serif; color:#2F4F4F; font-size:11px;}
.backbutton:hover, .sendbutton:hover, .loginbutton:hover{color:#FF6600; cursor:pointer;  background-color:#FFF;} 
.checkoutdata{float:left; width:781px; margin-left:5px; font-size:11px; color:#666; table-layout:fixed;}	
.checkoutdata .data{padding:0 3px 0 3px; border-bottom:dotted 1px #C1CACC; height:40px;}   	

/*Impressum, Downloads*/
#service{margin-left:10px;} 
#service p{border-bottom:1px dotted #CCC; margin-bottom:10px; padding-bottom:10px; font-size:11px;}
#service a:link, #service a:visited{color:#0761AF;}
#service a:hover{color:#FF6600;}
#service ul{margin:10px 0 10px 30px; line-height:17px;}
.produktfotos{float:left; width:110px; overflow:hidden; margin-right:10px; padding:3px; border:1px dotted #CCC; background-color:#F5F5F5;}		 	 

/*Stammdaten, Rückstandsliste*/
#stammdaten {float:left; width:370px; margin-left:10px; padding:5px; border:1px solid #ccc; border-radius:6px;} 
#rueckstandsliste {float:left; width:370px; margin-left:10px; padding:5px; border:1px solid #ccc; border-radius:6px;}
#rueckstandsliste h1 {float:none;} 
.ab_nummer {margin:10px 0 0 0; padding:10px 0 0 0; border-top:1px dotted #ccc;}
.ab_zeile_1 {font-family:courier new,lucida console, sans-serif; font-size:12px; text-indent:42px;}
.ab_zeile_2 {font-family:courier new,lucida console, sans-serif; font-size:12px;}

/*Fusszeile*/
#fuss{margin-top:10px; padding:5px; background:#282828; color:#fff; font-size:9px;}

/*Loginseite*/
#loginseite{float:left; width:500px;}
#loginseite p{font-size:11px; line-height:16px; margin-bottom: 10px;}
#loginseite a{text-decoration:underline;}
#ungarnlink{float:right; width:150px; margin-top:44px;}
#ungarnlink img{float:left; margin:4px 6px 0 0;}

/*Cyberstore Registrierung*/
form .label {display:inline-block; width:150px; text-align:right; font-size:11px;}
form .field {margin-left:15px;}