/* CSS Document */

/* ---------------- GesamtContainer ---------------- */

div.container {
	width:852px;
	position: relative;
	margin: 0 auto;
	top:0px;
}

div.main {
	width:852px;	
	position: relative;
	margin: 0 auto;
	
	background-image: url(images/construction/bg_all.gif);
	background-repeat: repeat-y;
	background-color: #FFFFFF;
}

div.mainContainer {
	width:852px;	
	float: left;
	clear: both;
	background-image: url(images/construction/bg_all.gif);
	background-repeat: repeat-y;
	background-color: #FFFFFF;
}

div.mainLeft {
	float: left;
	width: 200px;
	background-image: url(images/construction/nav_bg.gif);
	background-repeat: no-repeat;	
}

div.mainMiddle {
	width: 450px;
	float: left;	
	/*background-image: url(images/construction/bg_content.gif);
	background-repeat: no-repeat;*/
	background-color: #FFFFFF;				
	padding-top:10px;				
}

div.mainRight {
	width: 180px;
	float: left;
	margin-left: 12px;
	margin-top:3px;
	background-color: #FFFFFF;	
}

div.mainLeft, div.mainMiddle, div.mainRight {
	min-height: 550px;
    height:auto !important;
    height:550px; 
}

div.top {
	height: 204px;
	background-image: url(images/construction/bg_top.jpg);
	background-repeat: repeat-x;
	background-color: #FFFFFF;	
}



div.bottom {
	padding-bottom: 0px;
}

div.top, div.bottom, div.underBottom  {
	width:852px;
	float: left;
	clear: both;
}

/* mainLeft-Unterteilungen */

div.mainLeft div.mainNav {
	width: 200px;
	min-height: 166px;
	height:auto !important;
	height:166px;
	/*background-image: url(images/baus_construction/main_nav_bg.gif);
	background-repeat: no-repeat;
*/
}

div.mainLeft div.mainNav div.navContainer {
	margin-0px;
	margin-left: 7px;
	margin-top: 5px;

}

div.mainLeft div.mainNav div.navTopBottom {

}

div.mainLeft div.mainNav div.navItem, div.mainLeft div.mainNav div.navItemOver {
	height: 18px;
	padding: 0px;
	background-repeat: no-repeat;
	background-image: url(images/construction/main_nav_bg.gif);
}

div.mainLeft div.mainNav div.navItemOver {
	background-image: url(images/construction/main_nav_bg_over.gif);
	cursor: pointer; 	
}

div.mainLeft div.mainNav div.navItem a, div.mainLeft div.mainNav div.navItemOver a {
	font-size: 11px;
	line-height: 20px;	
	color: #3F464E;
	text-decoration: none;
/*	margin-top:13px;*/
	padding: 0px 0px 0px 10px;
	height: 19px;
}

div.mainLeft div.mainNav div.navItem a:hover, div.mainLeft div.mainNav div.navItemOver a:hover {
	color: #000000;
}

div.mainLeft div.mainNav  div.navSelected {
	height: 18px;
	background-repeat: no-repeat;
	background-image: url(images/construction/main_nav_selected.gif);	
	font-size: 11px;
	font-weight: bold;	
	line-height: 18px;	
	color: #FFFFFF;	
	padding: 0px 0px 0px 16px;	
}

div.mainLeft div.mainNav div.navSelected a {
	font-size: 11px;
	font-weight: bold;	
	line-height: 18px;	
	color: #FFFFFF;	
	text-decoration: none;
}

div.mainLeft div.mainNav div.navSubContainer div.navItemSub, div.mainLeft div.mainNav div.navSubContainer div.navItemSubDouble, div.mainLeft div.mainNav div.navSubContainer div.navItemSubHeadline {
	height: 17px;
	padding: 2px 9px 0px 18px;
	background-image: url(images/construction/nav_sub_content.gif);	
	background-repeat: no-repeat;
}


div.mainLeft div.mainNav div.navSubContainer div.navItemSub a, div.mainLeft div.mainNav div.navSubContainer div.navItemSubDouble  a  {
	font-size: 10px;
	font-weight: bold;	
	color: #42425E;
	text-decoration: none;
	margin-top:12px;
	line-height:11px;
}

div.mainLeft div.mainNav div.navSubContainer div.navItemSub  a:hover, div.mainLeft div.mainNav div.navSubContainer div.navItemSubDouble  a:hover  {
	color: #333333;
}

div.mainLeft div.mainNav div.navEndSub {
	background-image: url(images/construction/nav_bg_white_dither.gif);	
	background-repeat: repeat;
	padding: 4px 0px 4px 0px;
	color:#ff0000;

}

div.mainLeft div.mainNav div.navItemSub a , div.mainLeft div.mainNav div.navItemSub a:link {
	font-size: 10px;
	color:#333333;
	text-decoration:none;
}

div.mainLeft div.mainNav div.navItemSub a:hover {
	color:#000000;
}

/* mainMiddle-Unterteilungen */

div.mainMiddle div.norm, div.mainMiddle div.spalteLeft , div.mainMiddle div.dreiSpalten , div.mainMiddle div.vierSpalten {	
	width: 430px;		
	float: left;	
	clear: both;
	padding: 0px 10px 20px 10px;		
}

div.mainMiddle div.norm img.headerBalken {
	padding: 9px 0px 9px 0px;
}

div.mainMiddle div.spalteLeft div.left{
	width: 140px;
	float: left;
	text-align: center;
}

div.mainMiddle div.spalteLeft div.right{
	width: 210px;
	float: left;	
	padding-left: 10px;
}

div.mainMiddle div.dreiSpalten div.spalte{
	width: 160px;
	float: left;
	margin-right: 12px;
	text-align:center;
}


div.mainMiddle div.vierSpalten div.spalte{
	width: 116px;
	float: left;
	margin-right: 12px;
	text-align:center;
}

/* Neu von Steffi: */
div.breadcrumbs {
	width: 450px;
	height:15px;	
	position: relative;
	margin: 0 auto;
	background-color: #FFFFFF;
	font-size: 9px;
	line-height: 14px;
	color: #666666;
	border-bottom-width:1px;
 	border-bottom-style:solid;
  	border-color:#666666;
}

div.breadcrumbsWide {
	width: 640px;
	height:15px;	
	position: relative;
	margin: 0 auto;
	margin-top: 10px;
	margin-left: 0px;
	background-color: #FFFFFF;
	font-size: 9px;
	line-height: 14px;
	color: #666666;
	border-bottom-width:1px;
 	border-bottom-style:solid;
  	border-color:#666666;
}

div.hr {
 width: 70%;
 color: #cc0000;
 text-align: center;
 height: 1px;
 border: 1px dashed;
}