@import url("ie6.css");


*{ margin: 0; padding: 0;}
a{text-decoration: none; color: #000;}
a:hover{text-decoration: underline;}
a.mainlink { text-decoration: none; color: White; }
body{ background:url("/img/background_pattern.png") repeat-y scroll center 0 #FFFFFF; color: #000; font: normal normal normal 12px/15px Arial, Helvetica, Tahoma, sans-serif;}
img{border: none;}
h1{color: #009EE0;font-size: 24px; line-height: 30px; font-weight: normal;}
h2{font-size: 15px; line-height: 18px;}
h3{font-size: 12px; line-height: 15px; color: #000;}
p{clear: both;}
ul{list-style-type: none; list-style-position: inside;}

a.link { background: transparent url("/img/linkpfeil.png") no-repeat scroll right 5px; color:#009EE0; font-weight:bold; padding-right:18px; white-space: nowrap;}
a.link.black{color: #000; background-image: none;}
a.link.black:hover{color: #009EE0;}

input[type=text], textarea, select {background: #fff url(/img/input-gradient.gif) repeat-x scroll 0 bottom; border: 1px solid #009EE0;}

/*Globale Klassen*/
.absatz{margin-top: 15px;}
.absatz25{margin-top: 25px;}
.absatz44{margin-top: 44px;}
.bigfont{font-size:13px;}
.blue{color: #009ee0;}
.blueBg{background-color: #009ee0; color: #fff; }
.body{ margin:0 auto; overflow: hidden; padding:0 15px;	width:880px;}
.bold{font-weight: bold;}
.bottom40, col2 p.bottom40{margin-bottom: 40px;}
.clearer{clear: both;}
.floatLeft{float: left;}
.floatRight{float: right;}
.nobottommargin{margin-bottom: 0;}
.nobottompadding{padding-bottom: 0;}
.nobr{white-space:nowrap;}
.right{text-align: right;}
.smallfont{font-size: 10px;}
.white{color: #fff;}
.visual { margin: 45px 0px 0px 30px; }
/*Globale Klassen*/

/*Header-Styles*/
.head{ height:139px; margin:0 30px; padding-top:10px;}
.meta, .sitemap{display: block;}
.meta li, .sitemap li{background-color:#009EE0; float:left; margin-right:1px; padding:1px 0 1px 10px;}
.meta li a, .sitemap li a{background:url("/img/raquo-fff.png") no-repeat scroll right 6px transparent; color:#FFFFFF; display:block; margin-right:9px; padding-right:9px;}
.sitemap{clear:both; margin-bottom:10px; overflow:hidden;}
.sitemap li.start{background-color:#009EE0;}
.sitemap li{background-color: #81929a;}
.logo{ display:block; float:right; margin-right:-2px; margin-top:13px; margin-bottom: 38px;}
*+html .logo{margin-bottom: 27px;}
.mainnav{clear:both; float:left; margin-top:0;}
*+html .mainnav{width: 555px; margin-top: 5px;}
.mainnav ul{display: block;}
.mainnav ul li{float:left; padding-right:5px;}
.mainnav ul li a{background:url("/img/navi-trenner.png") no-repeat scroll left center transparent; color:#000000; display:block; font-size:15px; font-weight:bold; height:18px; padding-left:5px; padding-right:5px; padding-top:3px;}
.mainnav ul li a:hover, .mainnav ul li a.active{text-decoration: none; color: #fff; background-image: none; background-color: #009EE0;}
.suche{float: right; margin-bottom: 10px;}
.suche input[type=text]{ background:url("/img/suche-bg.png") no-repeat scroll 0 0 transparent; border:1px solid #009EE0; font-size:11px; height:18px; margin-right:5px; padding-left:16px; padding-right:2px; padding-top:1px; width:89px;}
.partof { margin-left: 10px; position: absolute; top: 55px;}
/*Header-Styles*/

/*Content-Styles*/

	/*Startseiten-Styles*/
	.startseitenVisual{color: #fff; height: 296px; overflow: hidden; margin: 0 30px; background: transparent url(/img/startvisual.jpg) no-repeat scroll 0 0; position: relative; }
	.sVTeaser{padding-left: 30px; margin-top: 184px; background: transparent url(/img/sVTeaser-bg.png) no-repeat scroll 0 42px; height: 267px; cursor: pointer; }
	.sVTeaser .contenttext{width: 586px;}
	.contenttext div{margin-bottom: 15px;}
	.sVTzweiterAbsatz{width: 326px; float: left;}
	.sVTButton{float: right; display: block;}
	.sVHeaderImg{margin-bottom: 20px;}
	.sTeaser50{height:106px; padding:20px 30px 0; width:350px;}
	.sTeaser50.left{background-color:#CED8DE; float:left; margin-left:30px;}
	.sTeaser50.right{background-color:#E6EBEE; float:right; margin-right:30px; padding-right:12px; text-align: left; width:368px;}
	.sTeaser50 .teaserContent { margin-bottom: 10px; }
	.sTeaser50 a.link{padding-left: 7px;}
	.sTeaser100{border-color:#DDE4E8; border-style:solid; border-width:0 1px 1px; clear:both; margin:0 30px; padding:26px 29px 18px;}
	.hotlineStart{float: left; margin-left: 7px; margin-top: -5px;}
	/*Startseiten-Styles*/

.pageHeader h1{position:absolute; top:-7px;}
.pageHeader{border-left:3px solid #009EE0; height:24px; margin-left:30px; margin-top:33px; padding-left:3px; position:relative;}
.content{margin-bottom: 57px; overflow: hidden;}
.col{float: left; min-height: 100px;}
.col1{margin-left: 0; width: 240px;}
.col2{padding: 0 0px; width: 400px; margin-top: 40px; position: relative;}
.col2-produkte{padding: 0 0px; width: 640px; margin-top: 40px; position: relative;}
.col3{margin-right: 30px; padding-left: 30px; width: 180px;}
ul.subnav{border-left:3px solid #009EE0; display:block; margin-left: 30px; padding-left:3px; padding-top:18px;}
ul.subnav li{margin-bottom: 10px;}
ul.subnav li.passiv a { background: transparent;}
ul.subnav li a:hover, ul.subnav li a { background: transparent url("/img/linkpfeil.png") no-repeat scroll right 5px; }
ul.subnav li.passiv a{color: #000; font-weight: bold}
ul.subsubnav{margin:-5px 0 0 13px;}
ul.subsubnav li{margin-bottom:5px;}
ul.subsubnav li a.link{font-weight:normal;}
ul.punkt{list-style-position:outside; list-style-type:disc; padding-left: 13px;}
.FAQContent ul.punkt{padding-left:15px;}
ul.features{list-style-type:none; margin-right:15px; list-style-position: outside;}
ul.features li{ margin: 24px 0; text-align:right; border-bottom:1px dotted #9EB2BE; }
ul.features li span {padding-left:6px; background:#fff; position:relative; bottom:-4px;}
ul.agbList{}
ul.agbList li{background:url("/img/pdf-icon.png") no-repeat scroll 0 4px transparent; line-height:25px; padding-left:30px;}
ul.agbList li a{}
ul.list { list-style-type: disc; list-style-position: outside; margin: 5px 0px 0px 0px; padding-bottom: 15px; }
ul.list li { margin: 0px 0px 0px 20px; }
ul.list li.abstand { margin-top: 6px; }

.col2 p{padding-bottom: 15px;}
img.contentImg{margin: 25px 0 40px;}
.contextTeaserHell{background-color: #e6ebee; padding: 10px 6px 5px 0; margin-bottom:2px;}
.contextTeaserDunkel{background-color: #ced8de; padding: 10px; margin-bottom:2px;}
.FAQContent, .teaserContent{background: transparent none no-repeat scroll 0 3px; margin-bottom: 20px; padding-left: 7px;}
.FAQContent { margin-bottom: 30px; }
.teaserContent h2, .FAQContent h3{display: block; margin-bottom: 7px;}
.FAQContent h3{margin-bottom: 9px;}
.FAQContent.head1, .teaserContent.head1{background-image: url(/img/balken-head1.png);}
.FAQContent.head2, .teaserContent.head2{background-image: url(/img/balken-head2.png);}
.FAQContent .imgFloatLeft { float: left; margin: 2px 18px 0 0; }
.faqOL{list-style-position:outside; padding-left:18px;}
.teaserContent.ctx{margin-bottom: 0; margin-left: 6px;}
.teaserContent.ctx h3{margin-bottom:13px;}
.teaserHotline{margin:30px 0 0 670px;}
.ctxHotline{margin-top: 10px; margin-bottom: 5px; }
#kartenlabel{font-size:10px; position:absolute; right:5px; text-align:right; top:385px; width:150px;}
.bildunterschrift{background:#009EE0; color:#fff; font-size:10px; margin-left:30px; padding:2px 0; text-align:center; width:180px;}

.tariftabelle{ width: 100%; margin-top: 15px; }
.tariftabelle tfoot td { border-top: 1px solid #000; font-size: 10px; }
.tariftabelle td, .tariftabelle th{height:40px; padding:0 10px; text-align:left;}
.tariftabelle th { border: 1px solid #000; }
.tariftabelle td.tdcol1{ border-left: 1px solid #000; }
.tariftabelle td.tdcol2 { border-right: 1px solid #000; padding-left: 0; text-align: right;}
.tariftabelle td.tdcolspan { border: 1px solid #000; border-width: 0 1px; height:20px; }
.tariftabelle .blueBg td.tdcolspan, .tariftabelle .blueBg td.tdcol1, .tariftabelle .blueBg td.tdcol2{ padding-top: 2px; padding-bottom: 3px; font-size: 12px;  }
.tariftabelle td.small{height: 20px;}
.tariftabelle td.ptop10{padding-top: 10px;}
.tariftabelle td.pbottom10{padding-bottom: 10px;}
.tariftabelle tfoot td.rt { height: auto; vertical-align: top; padding: 10px; }

/*Hotlines*/
.hotlineNeukunden {float:right; background:#fff url("/img/hotline_neukunden.png") no-repeat scroll 0 0; width:212px; height:37px;}
.hotlineBestandskunden {float:right; background:#fff url("/img/hotline_bestandskunden.png") no-repeat scroll 0 0; width:212px; height:35px;}

/*Produkt-Bullet-Styles*/
.produktbullet {float:left; width:300px; margin:0 20px 50px 0; background:url("/img/produktBoxBG.gif") repeat-x;}
.produktbullet h3 {color:#009EE0; font-weight:bold; padding-left:5px; margin-bottom:25px;}
.produktbullet a.link { background: transparent url("/img/linkpfeil_white.png") no-repeat scroll right 5px; color:#fff; font-weight:bold; padding-right:18px; white-space: nowrap;}
.produktcontent {}
.produktfooter {clear:both; margin-top:3px;}
.pic {float:right; margin-left:5px; height:120px;}
.details {float:right; padding:10px; color:#fff; background:#009ee0;}
.details:hover {text-decoration:none;}
.produktTeaserHell {background:#e6ebee; height:30px; padding:15px 10px;}
.produktTeaserHell .button {display: block; float:right;}
.produktTeaserHell h2 {margin-top:5px;}
.produktTeaserDunkel {background:#ced8de; color:#6C7A82; padding:10px 10px 0 10px; margin-bottom:20px}
.produktPreis {clear:none; background:#ced8de; color:#000; padding:10px;}
.produktPreis strong {font-weight:bold; font-size:16px; line-height:12px; }
/*Produkt-Bullet-Styles*/

/*Kontaktformular-Styles*/
#divKontaktformular{}
#divKontaktformular label{display:block; margin-bottom:3px;}
#divKontaktformular input[type=text]{ height: 19px;}
#divKontaktformular input.kf{padding-left:2px; width:186px;}
#divKontaktformular select.kf{padding-left:2px; width:188px;}
table.rb input {float: left; margin-right: 10px; }
table.rb label { width: 250px;  }
#formular div{margin-bottom: 10px;}
#formular div.colLeft{margin-right: 20px; float: left; width: 190px;}
#formular div.colRight{float: left; width: 190px;}
#formular div.colDouble { float: left; width: 400px;}
#formular .formlabel { clear: both; margin: 0 0 20px 0; overflow: hidden; }
#formular .floatLeft { margin-bottom:0; }
#formular .plz{width: 46px; margin-right: 10px; padding-left: 2px;}
#formular .ort{width: 126px; padding-left: 2px;}
#formular .land{width: 396px; padding-left: 2px;}
#formular input[type=checkbox]{float:left; margin-right:10px; margin-top:1px;}
#formular textarea{font:inherit; height:59px; padding:3px; width:392px;}
#formular .senden{text-align: right;}
#indentedoptions { margin-left: 24px; }
.errormessage{color:Red; display:block; font-size:10px; font-weight:bold; padding-top:2px; white-space:nowrap; width:190px;}
#ctl00_phContent_rblKunde {float:right;}
#ctl00_phContent_rblKunde tr {float:left; width:55px;}
#ctl00_phContent_rblKunde input {float:left;}
#ctl00_phContent_rblKunde label {float:left; padding-left:8px;}
/*Kontaktformular-Styles*/
	
/*Content-Styles*/

/*Abbinder-Styles*/
.abbinder{border-top:1px solid #009EE0; margin:0 30px; overflow:hidden; padding-bottom:30px;} 
/*Abbinder-Styles*/

/*Fußnoten-Styles*/
.fussnoten{clear:both; color:#009EE0; margin-top:50px; overflow:hidden; padding:0 40px;}
.fussnotenLeft{float:left; font-weight:bold; width:180px;}
.fussnotenRight{float:right; width:620px;}
.fussnotenRight dl{}
.fussnotenRight dl dt{float:left; font-weight:bold; width:22px;}
.fussnotenRight dl dd{float:left; margin-bottom: 15px; width:588px;}
/*Fußnoten-Styles*/

/* MESSAGE Color */
.message { margin-bottom: 20px; }
.labelrowerror, .message_error, .message_warning { color: #f00; }
.message_success { color: #3C6899; }
.message_notice { color: #f00; }
.message_information { color: #3C6899; }
.message_none { color: #000; }

.message_error { line-height: 15px; }

/* iframe wls */
#ifWLS { width: 820px; height: 1150px; border: none; margin: 0px 30px; }

/* Shop */
.orderbtns { margin: 0px 0px 20px 0px; float: left; width: 100%; font-size: 10px; background: white; }
.orderbtns div.text { padding-left: 5px; }
.orderbtns .btn { display: block; float: left; }
.orderbtns .btnright { display: block; float: right; margin-right: 5px; text-align: left; background: white;}