* { margin: 0; padding: 0; }

body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; background: #87A6C0 url('../img/bg.jpg') no-repeat; background-position: 982px 5px; }

img { border: 0px none }

a:link, a:active, a:visited { text-decoration: none; color: #FF7D00; }
a:hover { }

p { margin-bottom: 8px; font-size: 12px; }

td { font-size: 12px; }

h2 { font: bold 14px Arial; color: #5B6F7A; margin-bottom: 8px; }

/* SEARCH AND LANGUAGE */
#screen { width: 960px;  margin-top: 25px; margin-left: 20px; height: 20px; font: normal 11px Arial; color: #FFF; }
#screen a { font: normal 11px arial; color:#FFF }
#screen input,select{ font: normal 11px Arial; }

/* PAGE */
#page { margin: 0 0 0 20px; width: 960px; border: 1px solid #445461; }


/* HEADER */
#header { width: 960px; }

#logoRow { width: 960px; height: 90px; background-image: url('../img/bg-header.jpg'); }
#logo { padding: 20px 0 0 20px; }

#breadcrumb { clear:both; width: 960px; height: 30px; background-image: url('../img/bg-breadcrumb.jpg'); }
#breadcrumbBox { margin: 0 0 0 235px; }

#breadcrumbTxt { float: left; margin: 10px 0 0 0px; width:445px; font: normal 10px Arial; color: #000;; }
#breadcrumbTxt a { font: normal 10px Arial; color: #000; }

#printBox { float: left;  margin: 0 0 0 0; padding: 10px 0 0 0; width: 235px; height: 15px; text-align: right; font: normal 10px Arial; color: #000; }

/* MAIN */
#main { width: 960px; background-color: #FFF; background: #FFF url('../img/bg-content.jpg') no-repeat right top; }

/* CONTENT */
#cont { float: left; width: 750px; }
#contBox { margin: 0px 0px 25px 25px; }
#contBox p { line-height: 1.4em; }
#cont ul { margin: 0 0 10px 0; padding:0px 0 6px 0; line-height: 1.4em; }

#content { position: relative; top: -50px; left: 0; float: left; width: 398px; border-left: 1px #FFF solid; border-right: 1px #FFF solid; }
.cntBoxBody { width: 348px; margin: 25px 0 0 20px; }
/* .cntBoxBody { width: 348px; margin: 25px 0 0 20px; font-family: Tahoma; } */

#contBoxHdImg { width: 680px; height: 180px; }

/* CONT LEFT BOX*/
#contBoxLeft { float: left; margin: 0 0 0 0; padding: 0 0 0 0; width: 445px; font: normal 12px Arial; background-color: #FFF; }
#contBoxLeft h1 { font: normal 18px Arial; color: #4d606e; padding: 0px; margin: 0 0 10px 0; }
#contBoxLeft h1.space { font: normal 18px Arial; color: #4d606e; padding: 0px; margin: 0 0 10px 0; }
#contBoxLeft h2 { font: bold 14px Arial; color: #5B6F7A; margin-bottom: 8px; }
#contBoxLeft h3 { font: bold 14px Arial; color: #5B6F7A; margin-top:12px; margin-bottom: 8px; }
#contBoxLeft h4 { font: bold 12px Arial; color: #000; margin-top:12px; margin-bottom: 8px; }

#contBoxLeft ul { margin: 10px 0 10px 25px; }
#contBoxLeft li { margin: 0 0 0 -10px; padding: 0; list-style-position: outside; list-style-type: square; }


/* #contBoxTitle { height: 200px; background-color: #A2CDED; background-repeat: no-repeat; } Frühere HeaderBox */
.contSubTitle { margin: 0px; padding: 0px; font: bold 12px Arial; color: #4d606e; line-height: 1.9em; }
#contBoxLeft .contSubHead { padding:0px 0px 10px 0px; font: bold 12px Arial; line-height: 1.4em; }
#contBoxLeft .contSubHeadImg {float: left; margin: 0px 10px 5px 0px;}
#contBoxLeft .contText { padding:0px 0px 0px 0px; }
#contBoxLeft .cntBoxBody { width: 445px;  padding: 0px; margin: 0px; }

/* EXPRESS-LIEFERPROGRAMM */
#cntBodyTab { position: relative; width: 445px; float: left; margin: 10px 0px 25px 0px; ; border: 1px solid #FFFFFF;}
#cntBodyTabTitle { height: 40px; background: url("../img/TsrBoxHeadBG.gif") repeat-x;  margin: 0px; padding: 0px; border: 1px solid #D1E7F5}
#cntBodyTabTitle h3.TabTitle { margin: 0px; font-size: 18px; font-weight: normal; letter-spacing: 0px; color: #04263F; padding: 10px 0 5px 10px;}

#cntBodyTabLeft { position: relative; width: 211px; float: left; margin: 10px 0px 25px 0px; }
#cntBodyTabLeftTitle { height: 155px; background: url("../img/cntBodyTabLeftBG.gif") repeat-x;  margin: 0px; padding: 0px; cursor: pointer; }
#cntBodyTabLeftTitle h3.TabTitle { margin: 0px; font-size: 13px; font-weight: bold; letter-spacing: 0px; color: #04263F; padding: 10px 0 5px 10px;}

#cntBodyTabRight { position: relative; width: 211px; float: right; margin: 10px 0px 25px 0px; }
#cntBodyTabRightTitle { height: 155px; background: url("../img/cntBodyTabRightBG.gif") repeat-x;  margin: 0px; padding: 0px; cursor: pointer; }
#cntBodyTabRightTitle h3.TabTitle { margin: 0px; font-size: 13px; font-weight: bold; letter-spacing: 0px; color: #04263F; padding: 10px 0 5px 10px;}

.TabCnt { padding: 10px 10px 10px 10px; background: #FFF; background-image: url("../img/TsrBoxBodyBG.gif"); background-repeat: repeat-x;}
.TabCntText { visibility: visible; opacity: 1; color: #465C69; }
.TabCntTitle { color: #465C69; font-weight: bold; margin-bottom: 5px; }

/* NEWSLETTER BOX */
.gtinput{font:normal 11px arial;}
/*#sNlEmail {clear: both}*/

#contBoxRight { float: left; width: 210px; margin: 0 0 0 25px; }

/* NAV */
#navLeft { float: left; width: 210px; }

/* --- NAV-TOP */

#navLeftTopLv1Img {width: 210px; height: 50px; margin-top:0px; overflow:hidden}

#navLeftTopLv1 { clear: both; background-color: #A2CDED; }
#navLeftTopLv1 ul { }
#navLeftTopLv1 li { list-style-type: none; border-top: 1px solid #FFF; background-image: url('../img/bgNavTopLv1Reg.gif'); background-repeat: repeat-x; } 
#navLeftTopLv1 li a { display: block; width: 190px; padding: 8px 0px 8px 20px; font-size:16px; font-weight: bold; color: #0E2E45; background-image: url('../img/bgNavTopLv1Reg.gif'); background-repeat: repeat-x;} 
#navLeftTopLv1 li a:hover { color: #0E2E45; background-image: url('../img/bgNavTopLv1.gif'); background-repeat: repeat-x; }
#navLeftTopLv1 li a.Lv1Sel { display: block; color: #0B2B42;  background-image: url('../img/bgNavTopLv1.gif'); background-repeat: repeat-x; }

#navLeftTopLv2 { clear: both; background-color: #A2CDED; }
#navLeftTopLv2 ul { padding-top: 0px; }
#navLeftTopLv2 li { height: 20px; list-style-type: none; border-top: 1px solid #FFF; }
#navLeftTopLv2 li a { height: 17px; display: block; width: 180px;  color: #445461; padding-left: 30px; padding-top: 3px; padding-bottom: 3px; font-size:11px; font-weight: normal; background: #C4DFF2; }
#navLeftTopLv2 li a:hover { height: 17px; color: #0E2E45; background-image: url('../img/bgNavTopLv2.gif'); background-repeat: repeat-x; padding-left: 30px; padding-top: 3px;}
#navLeftTopLv2 li.Lv2Sel a.Lv2Sel { height: 17px; display: block; width: 180px; color: #002039; padding-left: 30px; padding-top: 3px; font-size:11px; font-weight: bold; background-image: url('../img/bgNavTopLv2.gif'); background-repeat: repeat-x;}
#navLeftTopLv2 li.Lv2Sel a.Lv2Sel:hover { height: 17px; display: block; width: 180px; color: #002039; padding-left: 30px; padding-top: 3px; padding-bottom: 3px; font-size:11px; font-weight: bold; background-image: url('../img/bgNavTopLv2.gif'); background-repeat: repeat-x;}

/* --- NAV-BOTTOM */

#navLeftBottomLv1Img { width: 210px; height: 50px; margin-top: 25px; overflow: hidden; }

#navLeftBottomLv1 { margin-top: 0px; background-color: #FCCB9D; }
#navLeftBottomLv1 ul { }
#navLeftBottomLv1 li { list-style-type: none; border-top: 1px solid #FFF; }
#navLeftBottomLv1 li a { display: block; width: 190px; color: #FF8C1D; padding: 8px 0px 8px 20px; font-size:16px; font-weight: bold; }
#navLeftBottomLv1 li a:hover { padding-left: 20px; padding-top: 8px; color: #CB6803; background-image: url('../img/bgNavBottomLv1.gif'); background-repeat: repeat-x;}
#navLeftBottomLv1 li a.Lv1Sel{ color: #CB6803; list-style-type: none;  background-image: url('../img/bgNavBottomLv1.gif'); background-repeat: repeat-x; }

#navLeftBottomLv2 { background-color: #FCDCC3; }
#navLeftBottomLv2 ul { padding-top: 0px; }
#navLeftBottomLv2 li { height: 20px; list-style-type: none; border-top: 1px solid #FFF;  }
#navLeftBottomLv2 li a { height: 20px; display: block; width: 180px;  color: #DA8938; padding-left: 30px; padding-top: 3px; font-size: 11px; font-weight: normal; }
#navLeftBottomLv2 li a:hover { height: 20px; color: #DA8938;  font-size:11px; background-image: url('../img/bgNavBottomLv2.gif'); background-repeat: repeat-x;  font-weight: bold; padding-left: 30px; padding-top: 3px; }
#navLeftBottomLv2 li.Lv2Sel { height: 20px; list-style-type: none; border-top: 1px solid #FFF; }
#navLeftBottomLv2 li.Lv2Sel a.Lv2Sel { height: 20px; color: #DA8938; font-size:11px;  background-image: url('../img/bgNavBottomLv2.gif'); background-repeat: repeat-x;  font-weight: bold;}
/*
#navLeftBottomLv3 { background-color: #FF0000; }
#navLeftBottomLv3 ul { padding-top: 0px; }
#navLeftBottomLv3 li { height: 20px; list-style-type: none; border-top: 1px solid #FFF;  }
#navLeftBottomLv3 li a { height: 20px; display: block; width: 180px;  color: #DA8938; padding-left: 30px; padding-top: 3px; font-size: 11px; font-weight: normal; }
#navLeftBottomLv3 li a:hover { height: 20px; color: #DA8938;  font-size:11px; background: #FF0000  url('../img/bgNavBottomLv2.gif'); background-repeat: repeat-x;  font-weight: bold; padding-left: 30px; padding-top: 3px; }
#navLeftBottomLv3 li.Lv3Sel { height: 20px; list-style-type: none; border-top: 1px solid #FFF;  background: #FF0000;}
#navLeftBottomLv3 li.Lv3Sel a.Lv3Sel { height: 20px; color: #DA8938; font-size:11px;  background: #FF0000 url('../img/bgNavBottomLv2.gif'); background-repeat: repeat-x;  font-weight: bold;}
*/


/* MISC */
.clearer { clear: both; }

#topmenuBox { margin-right: 0px; margin-top: 0px; }

#topmenu { float: right; position: relative; top: 1px; left: 0; list-style: none; }
#topmenu li { float: left; padding: 2px 0 5px 1px; }
#topmenu li.sel { float: left; padding: 2px 0 5px 1px; }
#topmenu li a { padding: 2px 10px; font-size: 11px; color: #FBFBFB; }
#topmenu li a.sel { padding: 2px 10px; font-size: 11px; color: #FFF; }
#topmenuLinks  { float: left; position: relative; top: 0px; left: 0; width: 12em; margin-left: 2px; }


#searchBox { float: right; position: relative; top: 0px; left: 0px; width: 9em; margin-left: 10px; }
#search { height: 14px; padding: 1px 5px; background: #86A6BF; border: 1px #FFF solid; font-size: 11px; }
#search input { width: 70px; height: 13px; background: #86A6BF; border: none; font-size: 11px; color: #FFF; line-height: 0.8em; }
.searchPath {  }
.searchRelevantParts { margin-bottom: 8px; }
.searchResultString  { border-bottom: 3px #D47F2D solid; }

#languageBox { float: right; position: relative; top: 0px; left: 0; width: 120px; margin-left: 10px; }
#language { height: 12px; padding: 2px 5px; background: #86A6BF url("../img/arwdown.gif") no-repeat right; border: 1px #FFF solid; font-size: 11px; color: #FFF; cursor: pointer; line-height: 11px; }

#languageListArea { visibility: hidden; position: absolute; top: 0px; left: auto; width: 960px;  margin: 0 auto; }
#languageListBox { position: absolute; top: 4em; right: 0px; width: 9em; background: #86A6BF; }
#languageList { width: 108px; padding: 3px 5px; border: 1px #FFF solid; list-style: none; margin-left: -13px; }
#languageList li { margin: 5px 0; }
#languageList li a { color: #FBFBFB; }

/* FOOTER */
#footGG { background: #FFF; text-align: right; width: 960px; }
#footGG a img { border: 0px none; margin-right: 32px; padding: 0px; }
#footer { width: 960px; height: 25px; background-image: url('../img/bg-footer.jpg'); text-align: right; color: #FFF; }
#footer a { color: #FFF; font: normal 11px arial;}
#footerBox { padding: 5px 40px 0px 0px; }


/* TEASER */

#ulf { margin: 0 0 25px 0; width: 210px; }

#teaserBox { margin: 0 0 25px 0; width: 210px; background: #FFF  url("../img/TsrBoxHeadBG.gif") repeat-x left top; }
#teaserProdChoose {	margin-bottom: 25px; background: #FFF url("../img/TsrBoxHeadBG.gif") repeat-x left; }
/*.teaserProdChooseImg {	}
.teaserProd { background: red; } */

/* KLASSISCHE TEASERBOXEN */

#teaserBox .teasBox { margin: 20px 0px 0px 5px; background: #FFF; }
#teaserBox .teasTitle { padding: 10px 0px 0px 10px; width: 200px; height: 30px; }
#teaserBox h3.teasTitle { font-size: 18px; font-weight: normal; letter-spacing: 1px; color: #04263F; }
	
#teaserBox .teaserBoxCnt { padding: 0px 0px 0px 0px; background: #D1E7F4; background-image: url("../img/TsrBoxBodyBG.gif"); background-repeat: repeat-x; }

#teaserBox .teasCont { padding: 10px 0px 10px 10px; background: url("../img/TsrBoxBodyBG.gif") repeat-x; font: normal 11px Arial; color: #333; }
#teaserBox .teasContZert { padding: 0px 0px 0px 0px; background: url("../img/TsrBoxBodyBG.gif") repeat-x;}
#teaserBox .teasContZertTxt { padding: 10px 0px 10px 10px; font: bold 11px Arial; color: #333; }
#teaserBox .teasContVideo { padding: 0px 0px 0px 0px; }
#teaserBox .teasContNews { padding: 0px 0px 0px 10px; background-image: url("../img/TsrBoxBodyBG.gif"); background-repeat: repeat-x; font: bold 11px Arial; color: #333; /*border: 1px solid red*/}
#teaserBox .teasContNewsArt { padding: 8px 0px 8px 0px; }
#teaserBox .teasContNewsRtImg { margin: 0px 0px 8px 10px; float: right; vertical-align: top}
#teaserBox .NoArt {padding: 8px 0px 8px 0px; /*border-bottom: 1px solid white; */}

#teaserBox .teasContSlideshow { margin: 0 0 45px 0; padding: 0px 0px 0px 0px; }
#teaserBox .teasContSlideshow ul, #teaserBox li { display: block; list-style-type: none; list-style-image: none; }
.teasDlBlock { margin: 0 0 10px 0; }
.teasDlImg { float: left; margin: 0 5px 0 0; }
.teasOptin { position: relative; }
.TsrWhiteLn { border-bottom: 1px solid white; /*border:1px solid red*/}
.TsrWhiteLnNoArt { margin-left: -10px; /*width: 210px;*/ border-bottom: 1px solid white; /*border:1px solid red*/}
#teaserBox a { font-size: 11px; }

/* TEASERBOXEN DOWNLOAD */
.teaserDownload {background: #D1E7F5; padding:0px; margin:0px; width:210px;}
.LtBox{background: #BFDEF2;  width:44px; padding:5px; text-align: center; vertical-align: top}
.RtBox{background: #D9EBF7; font: normal 11px arial; padding:10px; color: #FF7D00}

.divLogin{float:left;  font: normal 11px arial; padding: 3px 0px 0px 15px;}

#teasLoginBox .inpLogin {border:1px solid #4D606E; font: normal 10px arial; width: 76px; background:  #D7E9F6}
#teasLoginBox .inpLoginSubmit {border:1px solid #CAE3F5; border: none; font: normal 11px arial; color: #FF7D00; background: transparent none; cursor: pointer /*padding: 2px 0px 0px 10px;*/}

.teasLoginBG{background-image: url("../img/bg-tsr-downld-aktiv.gif"); background-repeat: repeat-x top;}
.LtBoxLG{background: transparent;  width:44px; padding:5px; text-align: center; vertical-align: top; color: #000000}
.RtBoxLG{background: transparent; font: normal 11px arial; padding:0px; color: #000000}
.whiteLineBreak{padding:1px 0px 0px 0px; background: #FFFFFF}

#teasLoginBox { padding: 10px 0px 0px 10px; font: normal 11px arial; background: #C1DEF3 url("../img/bg-tsr-downld-passiv.gif") repeat-x top left;}
#teasLoginBox p { font: normal 11px arial; }

/* DOWNLOADS LOGIN BOX */
#DwCntBox {width:680px; font: normal 11px arial; margin: 0px 0px 5px 0px;}
#DwTxtCntBox {width:475px; float:left; padding: 0px 5px 0px 0px}

#DwLoginBox {width:190px; height: 61px; float:right; padding: 10px 0px 0px 10px; font: normal 11px arial; background: #D0E8F4}
#DwLoginBox .inpLogin { border:1px solid #4D606E; font: normal 11px arial; width: 76px; background:  #D7E9F6}
#DwLoginBox .inpLoginSubmit {border:1px solid #CAE3F5; border: none; font: normal 11px arial; color: #FF7D00; background: transparent none; cursor: pointer /*padding: 2px 0px 0px 10px;*/}
#DwLoginBox td { font: normal 11px arial;}


/* KONTAKT */
.Kinput {font: normal 11px arial}


.input { width: 105px; }



/* SERVICE - Gebiete Außendienst */

.aussendienstBoxRight {
		width: 208px;
		background: url("../img/karte_aussendienst_marker.png") no-repeat top left;
		display: none;
}

.aussendienstBoxLeft {
		width: 226px;
		background: url("../img/karte_aussendienst_marker.png") no-repeat top right;
		display: none;
}

.aussendienstBoxOuter {
	width: 190px;
	margin: 16px 0 0 18px;
	filter:alpha(opacity=90); /* IE's proprietary filter for transparency  */
	-moz-opacity:0.9; /* For use with older Mozilla browsers like Netscape Navigator */
	-khtml-opacity: 0.9; /* Used for old versions of Safari */
	opacity: 0.9; /* The current standard. Supported by Firefox, Safari, and Opera */
	background-color: white;
	border-top: 1px solid #4d606e;
	border-bottom: 1px solid #4d606e;
	display: none;
}

.marker {
	width: 36px;
	height: 35px;
	background: url("../img/karte_aussendienst_marker.png") no-repeat;
	display: none;
}

.marker_dark {
	width: 36px;
	height: 35px;
	background: url("../img/karte_aussendienst_marker.png") no-repeat;
	display: none;
}

.aussendienstBoxInner {
	width:170px;
	margin: 9px 0 13px 13px;
}

#contBoxLeft .aussendienstBoxInner h3 {
	font: normal 18px Arial;
	color: #4d606e;
	margin: 0 0 5px 0;
}

#contBoxLeft .aussendienstBoxInner p {
	font-size: 11px;
	color: #000;
	line-height: 14px;
	margin: 0 0 5px 0;
	clear: both;
}

#contBoxLeft p.spacerBox {
	margin-bottom: 15px;
}

#contBoxLeft .leftBox {
	float: left;
	margin: 0 17px 0 0;
	font-size: 11px;
	color: #000;
	line-height: 14px;
}

#contBoxLeft .rightBox {
	font-size: 11px;
	color: #000;
	line-height: 14px;
}

#contBoxLeft p.spacerbotBox {
	margin-bottom: 8px;
}