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

body													{ background:#ffffff; margin:0; padding:0; }
.pageContent											{ margin:0 auto; width:942px; min-height:550px;}
.headline												{ width:459px; height:47px; position:relative; top:37px; }

.content												{ width:942px; padding:130px 0 0 0; }
.content2												{ width:942px; padding:0; }
.content .header										{ margin:0 0 20px; }
.content .header .left									{ float:left; }
.content .header .right									{ float:right; }
.content .header .tags									{ margin:6px 0 20px 0; }
.content .contentLeft									{ width:345px; margin:0; padding:0; float:left; overflow:hidden;}
.content .contentRight									{ width:583px; margin:0 0 0 10px; padding:0; float:left; }
.content .contentRight .contentRightCol1				{ width:340px; float:left; }
* html .content .contentRight .contentRightCol1			{ overflow:hidden;}
.content .contentRight .contentRightCol2				{ width:200px; float:left; padding-left:20px;}
.content .textblock										{ font-size:12px; line-height:16px; margin-bottom:20px; width:340px; }
.content .textblock p									{ margin:0;  }

ul.mm													{ font-size:12px; padding:0 0 0 15px; margin:0; list-style-image:url(../images/bulletMM.gif); }
ul.mm li												{ color:#434343; line-height:16px; font-weight:normal; }
ol.count												{ margin:0; padding:0; list-style:none; }
li.count												{ font-size:12px; color:#989898; font-weight:bold; margin-bottom:18px;}
li.count ul.mm											{ padding-top:20px; }

.imageSlider											{ width:519px; height:362px; padding:36px; background:url(../images/imageSliderBackground.gif) no-repeat; margin:-4px; position:relative;}
.imageSlider .image										{ width:520px; height:250px; }
.imageSlider .textarea									{ width:520px; padding-top:15px; clear:both; color:#989898; font-size:12px; }
.imageSlider .textarea .text							{ /*overflow:auto;*/ height:50px; }
.imageSlider .slider									{ margin-top:15px; height:19px; float:right;}
.imageSlider .barcodeSmall								{ right:30px; bottom:-32px; }
* html .imageSlider .barcodeSmall						{ bottom:-24px; }
.imageSlider .barcodeBig								{ right:20px; bottom:-34px; }

.imageSliderMobile										{ position:relative; width:596px; height:463px; background:url(../images/imageSliderMobileBackground.png) no-repeat; margin:0 -4px -15px -12px; }
.imageSliderMobile h2									{ font-size:24px; padding-top:24px;}
.imageSliderMobile .imageBox							{ position:absolute; width:174px; height:250px; left:35px; top:62px; }
.imageSliderMobile .imageBox .image						{ width:174px; height:237px; }
.imageSliderMobile .fourWayNavi							{ position:absolute; top:357px; left:65px; width:115px; height:51px;}
.imageSliderMobile .fourWayNavi div						{ width:20px; height:20px; position:absolute; cursor:pointer; }
.imageSliderMobile .fourWayNavi .up						{ top:0; left:48px; }
.imageSliderMobile .fourWayNavi .down					{ bottom:0; left:48px; }
.imageSliderMobile .fourWayNavi .left					{ left:0; top:16px; }
.imageSliderMobile .fourWayNavi .right					{ right:0; top:16px; }
.imageSliderMobile .textarea							{ position:absolute; left:250px; top:60px; width:310px; height:230px; }
.imageSliderMobile .textarea .subtitle					{ margin:0 0 10px 0; font-size:11px; font-weight:bold; }
.imageSliderMobile .textarea .tags						{ margin:0 0 10px 0;}
.imageSliderMobile .textarea .text						{ padding-right:15px; overflow:auto; height:155px; }
.imageSliderMobile .textarea .text p					{ margin:0 0 10px;}
.imageSliderMobile .slider								{ position:absolute; right:7px; top:26px; }
.imageSliderMobile .barcodeSmall						{ right:10px; bottom:103px; }
* html .imageSliderMobile .barcodeSmall					{ bottom:102px; }
.imageSliderMobile .barcodeBig							{ right:10px; bottom:0px; }

.slider a												{ color:#ffffff; font-size:11px; font-weight:bold; height:19px; display:inline-block; text-decoration:none; text-align:center; padding-top:3px; margin:0 1px; float:left;}
.slider .imagePrev										{ background:url(../images/imageSliderPrev.gif) no-repeat; 			width:26px;}
.slider .imagePrev:hover								{ background:url(../images/imageSliderPrevSelected.gif) no-repeat;}
.slider .imageIndex										{ background:url(../images/imageSliderIndex.gif) no-repeat; 		width:19px;}
.slider .imageIndex:hover,
.slider .imageIndexSelected								{ background:url(../images/imageSliderIndexSelected.gif) no-repeat; width:19px;}
.slider .imageNext										{ background:url(../images/imageSliderNext.gif) no-repeat; 			width:26px;}
.slider .imageNext:hover								{ background:url(../images/imageSliderNextSelected.gif) no-repeat; }

.barcodeSmall											{ cursor:pointer; position:absolute;}
.barcodeBig												{ display:none; cursor:pointer; position:absolute; z-index:10000;}
.barcodeBig a											{ position:absolute; left:25px; bottom:15px; }

.content .map											{ width:340px; float:left; margin-right:21px; z-index:10;}
.content .map #googlemap								{ margin-top:3px; width:340px; height:340px; }
.content .map .text										{ color:#989898;  margin-top:16px; line-height:16px;}
.content .links											{ }
.content .links .block									{ margin-bottom:18px; }
.content .blockDownloadBarcode							{ padding-top:32px; }
.content .downloadBarcode								{ background:url(../images/linkDownloadBarcode.png) no-repeat; color:#FFFFFF; text-decoration:none; font-size:11px; display:block; padding:3px 6px 3px 50px; width:107px; height:30px; font-weight:bold; }

.imageSmall												{  }
.imageSmall div											{ font-size:11px; color:#989898; margin:0; padding:0 0; }

.banner													{ background:url(../images/bannerBackground.png) no-repeat; width:588px; height:315px; margin:-4px; position:relative; }
.banner .image											{ position:absolute; width:574px; height:169px; top:7px; left:7px;}
.banner .box											{ padding:10px; }
.banner .boxLeft										{ position:absolute; width:217px; height:109px; left:7px; top:179px;}
.banner .boxLeft img									{ float:left; padding-right:10px;}
.banner .boxLeft .textarea								{ float:left; width:140px; }
.banner .boxRight										{ position:absolute; width:314px; height:109px; left:247px; top:179px;}
.banner .boxRight img									{ float:left; padding-right:10px;}
.banner .boxRight .textarea								{ float:left; width:240px; }
.banner .linkButton										{ margin-top:5px; }

.contact												{ background:url(../images/rahmen/Kontaktteaser-U.png) no-repeat; width:311px; padding:18px 17px 0; margin:0 -4px -4px 0; }
* html .contact											{ padding:10px 17px 0; }
.contact .pretext										{ margin-bottom:7px; margin-top:2px; }
.contact img.person										{ float:left; width:100px; height:120px; padding-bottom:10px;}
.contact div.person										{ float:left; width:190px; padding-left:15px;}
.contact div.person .name								{  }
.contact div.person .text								{  }
.contact div.person .links								{ margin:5px 0; }
.contact div.person .phone								{  }
.contact .subtext										{ clear:both;  }
.contact .closer										{ background:url(../images/rahmen/teaserschmalkasten-unten.png) no-repeat; height:10px; width:345px; margin:11px 0 0 -17px; line-height:0px; font-size:0px; clear:both; }

.webandwine												{ background:url(../images/teaser/webandwineBig.png) no-repeat; height:111px; width:584px; position:relative; margin:0 -4px -6px 0; }
.webandwine .title										{ padding:14px 0 0 17px; }
.webandwine .text										{ width:320px; padding:6px 0 0 17px; }
.webandwine .logo										{ position:absolute; left:360px; top:23px; }

.manufacturer											{ font-size:12px; line-height:16px; margin:10px 0;}
.manufacturer h1										{ font-size:12px; font-weight:bold;}
.manufacturer ul										{ margin:0 0 0 20px; padding:0; list-style-image:url(../images/bulletMM.gif);}
.manufacturer ul li										{ }

.videoBox												{ width:530px; background:url(../images/videobox/playerbreitkasten-oben.png) no-repeat; padding:30px 20px 30px 30px; margin:0 -4px -4px 0; }
* html .videoBox										{ width:530px; padding: 30px 0 30px 30px; margin:0;}
.videoBox .boxFooter									{ background:url(../images/videobox/playerbreitkasten-unten.png) no-repeat; clear:both; font-size:0; height: 10px; line-height:0; margin: 11px 0 -30px -30px; width:585px; }
.videoBox a.current										{ color:#434343; }
.videoBox a.current span								{ background:none; }
.videoBox .title										{ padding-bottom:10px; }
.videoBox .left											{ width:350px; float:left; padding-bottom:15px;}
.videoBox .right										{ width:160px; float:left; padding:0 0 15px 20px; }
.videoBox .videoObject									{ width:350px; height:216px; }
.videoBox .videoObjectLegend							{ font-size:12px; line-height:16px; padding-top:10px; }
.videoBox .videoObjectLegend p							{ margin:0; padding:0 0 5px; }
.videoBox .videoObjectLegend p.legendHeader				{ font-weight:bold; }
.videoBox .videolinks									{  }
.videoBox .videolinks p									{ margin:0; padding:0 0 5px;}

.downloadBox											{ background:url(../images/rahmen/Kontaktteaser-U.png) no-repeat; width:311px; padding:18px 17px 0; margin:0 -4px -4px 0; }
* html .downloadBox										{ padding:10px 17px 0; }

.downloadBox form										{ margin:0; padding:5px 0 15px; font-size:12px; }
.downloadBox form div									{ margin:0; padding:3px 0; }
.downloadBox form div label								{ font-size:11px; }
.downloadBox form div label.inputText					{ display:block; }
.downloadBox form div input.inputText					{ border:1px solid #0587a9; font-size:12px; width:294px; padding:2px 3px 3px; }
.downloadBox form div input.checkbox					{ margin:0; vertical-align:text-bottom; }
.downloadBox form div.error input.inputText				{ border:1px solid red; }
.downloadBox form div .errorText						{ display:none; }
.downloadBox form div.error .errorText					{ display:block; color:#FF0000; }
.downloadBox .pretext									{ margin-bottom:7px; margin-top:2px; width:290px; }
.downloadBox .pretext img.icon							{ float:left; padding:5px 10px 0 0;}
.downloadBox .subtext									{ clear:both;  }
.downloadBox .closer									{ background:url(../images/rahmen/teaserschmalkasten-unten.png) no-repeat; height:10px; width:345px; margin:11px 0 0 -17px; line-height:0px; font-size:0px; clear:both; }

.phone1	{ float:left; width:110px; padding-bottom:10px; }
.phone2	{ float:left; width:123px; padding-bottom:10px; }
.phone3	{ float:left; width:100px; padding-bottom:10px; }