/* CSS Document */

html,body{margin:0;padding:0;overflow:hidden; }
body{ font: 11px arial, sans-serif; text-align:center; color:#023f88; background-attachment: fixed; background-image: url(../bilder/hintergrund/back_produkte.jpg); background-repeat: no-repeat; background-position: center top; background-color:#D9EBF9;height:100%; }

/*HEADER----------------*/

div#metanav {height:9px; margin: 11px 0 0 0; padding:0 16px 0 0; text-align:right}
div#metanav ul {margin: 0 0 0 0; padding:0 0 0 0}
div#metanav ul li { display: inline-block; margin:0 14px 0 0; padding:0 0 0 14px; background-image: url(../bilder/pfeil_metanav.gif); background-repeat: no-repeat; background-position: left center; list-style-image: none; float:right; }
div#metanav ul li a {color:#023f88; text-decoration:none}
div#header{height:80px;margin:0 0 0 0;padding:0 25px 0 30px;}
div#header #logo {width:150px; float:left;}
div#header #topmenue {height:50px; margin: 22px 0 0 0;float:right;width: 770px; }


div#header #topmenue div.topbutton2 { background-image: url(../bilder/button_topmenue.jpg); background-repeat: no-repeat; background-position: right bottom; height:19px; padding:31px 12px 0 12px; margin:0 5px 0 0; float:left}
div#header #topmenue div.topbutton2 img {display: none; }
div#header #topmenue div.topbuttonactive img {display: none; }
div#header #topmenue div.topbuttonactive { background-image: url(../bilder/button_topmenue_active.jpg); background-repeat: no-repeat; background-position: right bottom; height:19px; padding:31px 12px 0 12px; margin:0 5px 0 0; float:left}
div#header #topmenue div.buttonover { width: 142px; height:50px; padding:0 0 0 0; margin:0 5px 0 0; float:left}
div#header #topmenue div.buttonover div.linkcaption { displaY: none; }
div#header #topmenue #topfloat {float: right;}
div#header #topmenue div.topbutton2 a { color:#FFFFFF; font-size:11px; font-weight:bold; margin:0 0 0 0; text-decoration:none; text-transform: uppercase; }
div#header #topmenue div.topbuttonactive a { color:#FFFFFF; font-size:11px; font-weight:bold; margin:0 0 0 0; text-decoration:none;text-transform: uppercase; }
div#header #topmenue #buttonover a { border:none}

/*HEADER ENDE------------*/

div#container{text-align:left; height:100%}
div#container{width:980px; margin:0 auto}

/*PRODUKTINDEX----------*/

div#produktcontent {margin:50px 30px 0 30px; padding:0 0 0 18px;float:left; }
div#produktcontent a {color:#0099cc; text-decoration:none; border:none}

div#produktcontent2 {margin:20px 0 52px 30px; padding:0 0 0 18px;float:left;}
div#produktcontent2 a {color:#0099cc; text-decoration:none; border:none}

/*PRODUKTINDEX ENDE------*/

div#submenue {width:335px; margin: 0 30px 0 0; text-align:left; float:right;}

/*PRODUKTE---------------*/

div.produkt { width:126px; height:187px; border: 1px solid #FFFFFF; margin:0 20px 0 0; padding:1px; text-align:center; float:left; z-index:1}
.tip { width:194px; height:66px; background-image: url(../bilder/produkte_tooltip.png); background-repeat: no-repeat; z-index:2; color:#FFFFFF }
.tip-title {
	font-size: 11px;
	font-weight:bold;
	margin: 0;
	padding: 8px 8px 1px 14px;
	text-align: left; 
}
 
.tip-text {
	font-size: 10px;
	padding: 2px 8px 8px 14px;
	text-align: left; 
}


/*PRODUKTE ENDE----------*/

/*PRODUKTDETAIL----------*/

div#produktmenue {width: 920px;margin: 20px 0 50px 0; padding:0 30px 0 0;float:right; }
div#produktklein {height: 70px;width:47px; background-color:#FFFFFF; text-align:left; margin-left:1px;float:left}
div#miniproducts {float: right;}
div#produktklein img {border:none;}
div#produktmenue #tip { width:110px; height:16px; background-image: url(../bilder/tooltip_klein.png); background-repeat: no-repeat; color:#FFFFFF; padding: 2px 0 0 10px; visibility:hidden }

div#content {height:340px; margin: 0 0 19px 0;float:left;}
div#content #text {width:269px; height:300px; margin: 0 10px 0 30px; padding:15px 18px 0 18px; background-color:#FFFFFF; float:left;overflow:scroll;display:block;}
div#content #text h1 {font-size:30px; font-weight:normal; margin:0}
div#content #text p { line-height: 160%;color:#023f88!important;}
div#content #produktdetail { width:578px !important;height:315px;  background-image: url(../bilder/produktdetail_back.jpg); background-repeat: no-repeat; padding:0 28px 0 0; float: right; overflow: hidden !important; }
div#content #analyse { z-index: 500; width:158px; height:26px; background-image: url(../bilder/button_analyse_switch.gif); background-repeat: no-repeat; margin: 315px 0 0 345px}
div#content #analyse p {color:#FFFFFF; font-weight:bold; margin:0 0 0 0; padding:5px 0 0 36px}
div#content a {color:#023f88!important; text-decoration:underline}

div#text.scroll a  {
background-image:url("../bilder/pfeil_metanav.gif");
background-position:left center;
background-repeat:no-repeat;
display:inline-block;
list-style-image:none;padding:0 0 0 14px;}

div#analyse p {cursor:pointer}
div#analyseauszug {position: absolute;display: block; visibility: hidden; border: 1px solid #023f88; 
 width:439px; height:313px; background-color:#083F88; z-index:400; top: 0; overflow-y: auto; overflow-x: hidden; }
div#analyseauszug p {color:#FFFFFF!important; margin:0 0 0 0; padding:5px 0 0 10px;font-size:10px; line-height:12px;}
div#analyseauszug table {width:410px;font: 11px arial, sans-serif; color:#023f88; background-color:#FFFFFF; margin: 10px 10px 0 10px}
div#analyseauszug table td { width:102px; border-bottom:1px solid #023f88; padding:3px }
div#analyseauszug table td p.bodytext {color:#023f88!important;padding:0; }

div#analyseauszug table td.rand {border-right: 2px solid #023f88}


#produktdetail .flasche {width:140px; margin-right: 2px; text-align:center; float:left; }
#produktdetail .flasche img { }
#produktdetail .groupWrapper {padding-right: 10px; min-width: 100px;}
#produktdetail #button {width:43px; height: 43px; background-image: url(../bilder/button_produkt.gif); background-position: top left; background-repeat: no-repeat; padding: 0 0 0 0; float:right;  bottom: 0; right: 100; position: absolute; display: none;}
#produktdetail #buttonleft {width:43px; height: 43px; background-image: url(../bilder/button_produkt-zu.gif); background-position: top left;  background-repeat: no-repeat; padding: 0 0 0 0; float:right;  bottom: 0; right: 100; position: absolute; display: none;}
#produktdetail #buttonback {width:143px; cursor: pointer; height: 25px; padding: 0 0 0 0; float:right; position: absolute; display: none;}


#produktslider { height:315px; overflow: hidden;}


div.bottleTip {z-index: 0;  }
div.miniBottleTip {height: 16px !important;  }
div.miniBottleTip .tip {width: auto; background-color: #00aef0; padding-left: 3px; padding-right: 3px;  }
div.miniBottleTip .tip-text {display: none; }
div.miniBottleTip .tip {height: 16px !important; }
div.miniBottleTip .tip-title {
	font-size: 11px;
	font-weight:bold;
	margin: 0;
	padding: 1px;
	text-align: left; 
}

/*PRODUKTDETAIL ENDE-----*/


/*FUSS----------------------*/

div#footer{ height:20px; background: #023f88; color: #FFF; font-size:11px; position:absolute; bottom:0; float:left }
div#footer{ clear:both; width:920px; margin:0 0 0 30px;padding:0;}
div#footerlinks {width:500px; height:20px;float:left;margin:0;padding:0}
div#footerlinks ul {margin:3px 0 0 20px; padding:0}
div#footerlinks ul li { display: inline-block; margin:0 12px 0 0; padding:0 0 0 12px; background-image: url(../bilder/pfeil_fuss.gif); background-repeat: no-repeat; background-position: left center; list-style-image: none; float:left }
div#footerlinks ul li a {text-decoration:none; color:#FFFFFF}
div#footerrechts {float:right; padding: 3px 0 0 0; margin:0 20px 0 0;}
div#footerrechts a {color:#FFFFFF; text-decoration:none}

/*FUSS ENDE----------------*/

/* eyecandy */
.clicked { -moz-border-radius:3px; background-color:none;}