/* global Settings */
html,
body { margin: 0;padding: 0;border: 0;height: 100%;}
html { min-height: 100%; margin-bottom: 0.1px;} 

body#start,
body#main { background: #0F5C89 url(img/bg.jpg) repeat-x 0 0; height: 100%; }

#back { position: absolute; width: 100%; height: 100%; }
body#start #back { background: transparent url(img/start.jpg) no-repeat center 0; height: 100%; z-index: 1;  }



/* -------------- Startseite/Eingangsseite Template ------------- */
#start_wrapper{
	position: relative;
	margin: 0 auto;
	width: 535px;
	height: 100%;
	z-index: 2;
}

#StartContainer {
	position: relative;
	top: 280px;
	float: left;
	width: 535px;
}


#Adress { background-color: #FFF; }
#Adress table { width:100%; margin: 0; padding: 0; background-color: #FFF; font-size: 11px; line-height: 14px; text-align: center;}
#Adress tr {}
#Adress td.tb-text { border:3px solid #FFF; vertical-align:top; overflow:hidden; padding: 3px 0; background-color: #d4e1f2; color: #00517e;}  
#Adress td.tb-bild { border:2px solid #FFF; vertical-align:top; overflow:hidden; background-color: #FFF; color: #000;}
#Adress td.tb-text a { color: #00517e; text-decoration: none;}
#Adress td.tb-text a:hover { text-decoration: underline; color:#FFF;}

#AdressBlock { position: relative; bottom: 0; margin: 0;}



#StartContent { float:left; width: 100%; margin: 0; padding: 0; background-color: #FFF; }
#StartContent .TextBox { background-color: #FFF; margin: 0;}
#StartSlogan { float: left; width: 100%; height: 50px; margin: 0; padding:0; text-align: center;}

#HeaderSlogan_Start { position: absolute; top: 5px; left: 78px;}
#HeaderSlogan { position:absolute; top:0; left: 34px; width:168px; height:22px;}


#Footer { position: relative; top:10px; float: left; width: 100%; }
#Footer ul#FooterMenue { display: block; margin: 0; padding: 0; width: 100%; text-align: center;}
#Footer ul#FooterMenue li { padding: 0 6px 0 9px; border-left: 1px solid #d4e1f2; list-style: none; display: inline; }
#Footer ul#FooterMenue li.first { border-left: none; list-style: none; display: inline;}

#Footer ul#FooterMenue li a { font-size: 11px; text-align: center; color: #FFF; font-weight: normal;}
#Footer ul#FooterMenue li a:hover { color: #FFF; text-decoration: none; }



/* -------------- TopNav ------------- */
#TopNavi { position: absolute; top: 7px; right: 10px; width: 705px; z-index: 11; text-align: right;}
#TopNavi ul.topNav { overflow: hidden;}
#TopNavi ul.topNav li {border-right: 1px solid #FFF;}
#TopNavi ul.topNav li.normal,
#TopNavi ul.topNav li.active{ display: inline; padding: 0 7px 5px 7px; margin:0; list-style: none;}

#TopNavi ul.topNav li.normal a { color: #FFF; font-weight: normal; font-size: 11px; text-decoration: none;}
#TopNavi ul.topNav li.normal a:hover{ text-decoration: underline; }

#TopNavi ul.topNav li.active a { color: #FFF; font-weight: bold; font-size: 11px; text-decoration: none;}
#TopNavi ul.topNav li.active a:hover{text-decoration: underline;}


/* -------------- BreadCrumb ------------- */
#BreadCrumb {
	width: 100%; height: 28px; background-color: #e3001a; color: #FFF;
	border-top: 1px solid #FFF; border-bottom: 1px solid #FFF;
}
#BreadCrumb p { padding:4px 10px; font-size: 11px; color:#FFF; overflow: hidden; letter-spacing: 0;}
#BreadCrumb span {}
#BreadCrumb a { color:#FFF;}

#BreadCrumb span.off {}
#BreadCrumb span.off a { font-weight: normal; text-decoration: none; color:#f8c5cb; }
#BreadCrumb span.off a:hover{ text-decoration: underline; }

#BreadCrumb span.on {}
#BreadCrumb span.on a { font-weight: bold; text-decoration: underline; color:#FFF;}
#BreadCrumb span.on a:hover { text-decoration: none;}


/* -------------- MainNav ------------- */
#Navi {}
#Navi ul { overflow: hidden;}
#Navi ul li { padding-top: 4px; margin:0; list-style: none; font-weight: bold; overflow: hidden;}

#Navi ul.mainNav_1 { overflow: hidden;}
#Navi ul.mainNav_1 li.normal { background-image: url(img/nav_bg_gruen.jpg); background-repeat: no-repeat; border-bottom: 1px solid #FFF;}
#Navi ul.mainNav_1 li.active { background-image: url(img/nav_bg_blau.jpg); background-repeat: no-repeat; border-bottom: 1px solid #FFF;}

#Navi ul.mainNav_1 li a { display: block; padding:3px 0 0 15px; height: 25px; color: #FFF; font-size: 15px; font-weight: normal; text-decoration: none; }
#Navi ul.mainNav_1 li a:hover { text-decoration: underline; }


#Navi ul.mainNav_2 { background-color: #e2eff7; padding: 5px 0 8px 0; margin: 0; overflow: hidden;}
#Navi ul.mainNav_2 li.normal,
#Navi ul.mainNav_2 li.active { background-image: none; border: 0; padding: 1px 0; margin-left: 15px; border-bottom: 1px solid #FFF;}

#Navi ul.mainNav_2 li a { display: inline; color:#0f5c89; font-size: 12px; padding: 0;}
#Navi ul.mainNav_2 li a:hover { font-weight: bold; text-decoration: none; } 
#Navi ul.mainNav_2 li.active a { padding-left: 10px; font-weight: bold; text-decoration: none; background: url(img/nav_pfeil_blau.gif) no-repeat 0 3px; }


#Navi ul.mainNav_3 { background-color: #e2eff7; padding: 5px 0 8px 0; margin: 0; overflow: hidden;}
#Navi ul.mainNav_3 li.normal,
#Navi ul.mainNav_3 li.active { background-color: #FFF;  padding: 1px 2px 1px 5px; margin-left: 10px; border-bottom: 1px solid #E2EFF7;}

#Navi ul.mainNav_3 li.normal a { display: inline; padding-left: 10px; color:#000; font-size: 12px; font-weight: normal; background: url(img/nav_pfeil_grau.gif) no-repeat 0 3px; }
#Navi ul.mainNav_3 li.normal a:hover { font-weight: bold; text-decoration: none; background: url(img/nav_pfeil_rot.gif) no-repeat 0 3px; } 
#Navi ul.mainNav_3 li.active a { padding-left: 10px; font-weight: bold; color: #000; text-decoration: none; background: url(img/nav_pfeil_rot.gif) no-repeat 0 3px; }


/* -------------- Level_3 / ProductBox / Unterkategorie anzeigen ------------- */
.productBox { float: left; padding:0; margin:0; }
.productBox .productLine { float: left; width: 100%; margin-bottom: 8px; overflow: hidden;}
.productBox .pBox { float: left; padding-bottom: 5px; overflow: hidden;}
.productBox p.wrap {}

.productBox img.productIMG { }
.productBox a.productLink { color: #000; font-weight: normal; padding-left: 10px; background: transparent url(img/nav_pfeil_rot.gif) no-repeat 0 3px; }
.productBox a.productLink:hover { color: #e3001a; }


/* -------------- Sonstige Styles ------------- */
.flLeft  {float: left; margin: 3px 15px 5px 0;}
.flRight {float: right; margin: 3px 0px 5px 30px;}
.flMitte {float: left; margin: 3px 0 0 0;}


/* --------------CLEARFIX Methode------------- */
.Clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.Clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .Clearfix {height:1%;}
*+html .Clearfix {height:1%;}
.Clearfix {display:block;}
/* End hide from IE-mac */


/* --------------CLEAR------------- */
.clear { 
	clear: both;
	float: none;
	font-size: 1px;
	height: 1px;
	margin-top: -1px;
	line-height: 1px;
}


/* -------------- Unsichtbar ------------- */
.invsbl {
	/* unsichtbare Inhalte */
	position: absolute;
	top: -5000em;
	left: -5000em;
	overflow: hidden;
	text-indent: -5000em;
	margin: 0;
	padding: 0;
}