/* CSS Document */
html { overflow:auto; padding:0; margin:0; border:0; }
body { padding:0; margin:0; height:100%; font:11px Verdana, Arial, Helvetica, Sans-Serif; line-height:16px; color:#666; background-color:#F4F4F4; background-image:url(../img/background.gif); background-repeat: repeat-x;}
form { margin:0; padding:0 }
fieldset {  border:0; margin:0; padding:0}
label { display: block; height:20px }
label span { float: left; width:70px; }
h2 { font-size:16px }
h3 { font-size:14px }

.line { clear:left; width:100%; border-bottom:1px solid #ccc; margin:10px 0; padding:0}

/* FORM */
.txtinput { width:110px; border:1px solid #ccc; font-size:11px }
.selinput, .button { border:1px solid #ccc; font-size:11px; color:#666666; cursor:pointer }
.qtyinput { width:30px; border:1px solid #ccc; font-size:11px }
input, select { font-size:11px; padding:1px }

.frm label { width: 120px; float:left }
.frm label.error { float:left; width:200px; color:#FF0000; margin-left:10px; font: normal 10px Tahoma, Verdana, Arial, Helvetica, Sans-serif }
.frm input { float:left; }

.form label { width: 150px; float:left }
.form label.error { float:left; width:250px; color:#FF0000; margin-left:10px; font: normal 10px Tahoma, Verdana, Arial, Helvetica, Sans-serif  }
.form input { float:left; width:300px; margin-bottom:10px; border: 1px solid #ccc; font-size:11px;}
.form .checkbox { float:left; width:16px; margin-bottom:10px; margin-right:10px; border: 1px solid #ccc; }
.form textarea { float:left; width:300px; height:100px; margin-bottom:10px; border: 1px solid #ccc; font-size:11px; }
.form br { clear:both; }
.form .submit { cursor:pointer; color:#666666; } 

table td { font:11px Verdana, Arial, Helvetica, Sans-Serif; }


#container { position:absolute; left:50%; margin:0 0 0 -490px; width:980px; padding:0;}
#inhalt {  width:980px; }

/* HEADER */
#header { margin:0; width:980px; height:112px; }
#header_right { float:right; margin:0; list-style-type: none; padding:0 }
#header_right li {float:left; margin-left: 15px; }
#header_right a { float:left; text-decoration:none; color:#fff; font-size:7pt; }
#logo { float:left; margin-top:10px; color:#fff; font-weight:bold }
#logo img { margin-right:20px; float:left; }
#suche {  float:right; margin-top:10px; }
#searchbox { vertical-align:top; font:7pt Verdana, Arial, Helvetica, Sans-Serif; width:140px; color:#666666; border: 1px solid #dfdfdf; width:170px}


/* MENU */
/* Hauptmenue Ansicht */
#menu { float:left; position:relative; margin-top:17px; width:100%; }
#menu ul {margin:0; padding:0; list-style-type: none; }
#menu li.mainli { float: left; padding:5px 0; }
#menu li.mainli a {	display: block; }
#menu a { font-size: 12px; font-weight: normal;	text-decoration: none;  }

/* Pulldown Menue Eintraege */
ul.sub { display:none; list-style-type:none; position:absolute; background-color:#e7e7e7; z-index:100; border-bottom:1px solid #D5D5D5; border-left:1px solid #D5D5D5; border-right:1px solid #D5D5D5;  }
ul.sub a {display:block; margin:4px; text-decoration:none; padding-right:15px; }
ul.sub a:hover {background-color: #fff;	color: #ca7a00; padding-right:15px;}
#main_nav {	margin: 0px; }
#main_nav li:hover ul.sub {	display:block; margin-top:5px; }
#main_nav li:hover ul.sub, li.over ul.sub {	display: block; }
#main_nav li>ul { top: auto; left: auto; }
#main_nav li ul li a {font-size: 12px; color: #666; font-weight:bold; line-height:15px; padding-left:2px}
#main_nav li ul li a:hover { color: #ff9900; }
#main_nav li ul li.overview { margin-bottom: 8px; }
#main_nav li ul li.overview a { font-weight: bold; }
#main_nav li span { font-size: 13px; color: #666; font-weight:bold; border-top:1px solid #D5D5D5; border-left:1px solid #D5D5D5; border-right:1px solid #D5D5D5; padding:4px; margin-right:5px; cursor:default; background: url("../img/menu_bg.gif") repeat-x; }
#main_nav li:hover span { background-color: #e4a84d; background: url("../img/menu_bg_hover.gif") repeat-x;  }


/* PRODUKTE */
#products_left { margin:30px 0 0; width:770px; float:left; }
#products_left a { text-decoration:none; color:#666;}
#products_left h1 { font-size:17px; font-weight:bold; margin:0; color: #ff9900; }
#vorteile li { list-style-image:url(./img/checked.gif)}

#products_right { float:right; width:190px; margin:30px 0 0 0; padding:10px 0 10px 0; }
#products_right li { list-style-type:none}
#products_right a { text-decoration:none; color:#666; }
#products_right a:hover { text-decoration:underline; color:#666; }
#products_right h2 { font-size:13px; margin-bottom:10px }

.item { width: 170px; height: 240px; margin-right: 15px; margin-bottom: 10px; float:left; border:1px solid #ccc; background-color:#dedede; }
.item:hover { border:1px solid #CC6600; background-color:#ff9900; color:#000 }
.itemimg { text-align:center; background-color:#fff; height:170px; width:170px; cursor:pointer }
.itemtext { clear:both; display:block; height:50px; padding:3px 5px 0 5px; cursor:pointer }
.itemprice { margin: 0 5px 0; float:right; padding:0; font-weight:bold; cursor:pointer }
.noitem { width:620px; margin-right: 5px; margin-bottom: 5px; float:left; }

.startitem { width: 140px; height: 170px; margin-right: 8px; margin-bottom: 8px; float:left; border:1px solid #ccc; background-color:#dedede; }
.startitem:hover { border:1px solid #CC6600; background-color:#ff9900; color:#000 }
.startitemimg { text-align:center; background-color:#fff; height:100px; width:140px; cursor:pointer }

.itemdetail { width:750px; margin-bottom: 20px; float: left; }
.itemdetail h1 { font-size:17px; font-weight:bold; margin:0; color:#ff9900; }
.itemdetail h3 { font-size:14px; margin:0; float:left }

#daten { float:left; margin-top:20px; background: url("../img/daten_bg.gif") no-repeat; width:440px; }
.daten_tab_l { position:absolute; font-weight:bold;}
.daten_tab_r { position:absolute; margin-left:160px; width:300px;}
#titel { font-weight:bold; padding: 8px 0 10px 10px}
#artikelbild { padding:1px 0 0 1px; width:299px; height:299px; background: url("../img/artikelbild_bg.gif") no-repeat; }
#zoom { position:absolute; float:right; top:435px; left:230px; border:1px solid #fff }

#warenkorb { background-color:#ffffff; background: url("../img/warenkorb_bg.gif") bottom left repeat-x; border:1px solid #D5D5D5; width:196px; height:35px; }
#shophilfsthemen { background: url("../img/hilfsthemen_bg.gif") no-repeat; width:198px; height:161px }
#newsletterbox { background: url("../img/newsletter_bg.gif") no-repeat; width:198px; height:128px }
#beratungsbox { background: url("../img/beratungsbox_bg.jpg") no-repeat; width:198px; height:201px; font-weight:normal }
#bookmarksbox { background: url("../img/beratung_bg.gif") no-repeat; width:198px; height:75px; }
#rezensionen { float:left; overflow:auto; overflow-x:hidden; width:271px; height:360px; margin:5px 15px 0 0; background: url("../img/rezensionen_bg.gif") no-repeat; padding:8px 8px 0 8px}
.rezensionen_detail { width:453px; padding:8px; margin-bottom:15px; background: url("../img/rezensionen_detail_bg.gif") no-repeat; }

.varianten { float:left; width:288px; height:250px; overflow:auto; overflow-x:hidden; margin-bottom:10px; float:left; padding:2px 0 0 10px; background: #fff url("../img/farben_bg.gif") no-repeat; }
.varianten img { border:none; margin:5px 10px 0 }

/* FOOTER */
#footer {  clear:both; font-size:9px; width:100%; padding:15px 0; } 

/* DIALOGS */
#veredelungsdialog { padding: 0 10px; }

label.error { color:#FF0000; width:100%; }


/* RATINGs */
.ratingblock {display:block; margin:2px 15px 0 0; float:left; }
.unit-rating { /* the UL */	list-style:none; margin:0px; padding:0px; height:10px;	position:relative; background: url('../img/starrating.gif') left bottom; background-repeat:repeat-x; }
.unit-rating li{ text-indent: -90000px; padding:0px; margin:0px; float: left; }
.unit-rating li a {	outline: none; display:block; width: 10px;height: 10px; text-decoration: none;	text-indent: -9000px; z-index: 20;	position: absolute;	padding: 0px; cursor:pointer;}
.unit-rating li a:hover { background: url('../img/starrating.gif') left top; background-repeat:repeat-x;}
#ratingtext { font-size:11px; color:#666}
.unit-rating a.r1-unit{left: 0px;}
.unit-rating a.r1-unit:hover{left:0px; width:10px;}
.unit-rating a.r2-unit{left:10px;}
.unit-rating a.r2-unit:hover{left:0px; width: 20px;}
.unit-rating a.r3-unit{left: 20px;}
.unit-rating a.r3-unit:hover{left:0px; width: 30px;}
.unit-rating a.r4-unit{left: 30px;}	
.unit-rating a.r4-unit:hover{left:0px; width: 40px;}
.unit-rating a.r5-unit{left: 40px;}
.unit-rating a.r5-unit:hover{left:0px; width: 50px;}