/*
- Concept, design and implementation by
- Geberit Verwaltungs AG
- Schachenstrasse 77
- 8645 Jona
- Switzerland
- http://www.geberit.com
-
- Creater: Rolf Zęger
- Date: 3.1.2008
-
- Title: CSS for the Bauherren Service
*/

html {
	height: 100%;
}

form {
    height: 100%;
}

body {
    height: 100%;
	margin: 0px;
	text-align:center;	/*for ie only*/
	position:relative;/* for ie7*/
}

a {
	font-family:Helvetica,Arial,sans-serif;
	font-size:12px;
	color:#0081C4;
	text-decoration : none
}

a:visited {
	color:#0081C4;
	text-decoration : none
}

a:hover {
	color:#000000;
	text-decoration : none
}

a:active {
	color:#000000;
	text-decoration : none
}

#page {
	position: relative;
	margin: 0 auto;
	
	width:964px;
	min-height: 100%;
	
	text-align:left;	/* overwrite ie attribute from above */
	
	font-family: Arial, Helvetica, Sans-Serif;
	font-weight: normal;
	font-size:12px;
}

/*bis und mit IE 6 Hack*/
*html #page{	
	height: 100%;
}
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */

	#header {
		height:76px;	/* inklusive line at bottom */
		width:100%;
	}
		
		#header	#wrapper #boxLeft {
			float:left;
			width:180px;
			height:75px;
			margin-left:1px;
			
			text-align:center;
		}
			
		#header	#wrapper #boxLeft a img {
			margin-top:30px;
			border:0px;
			width:110px; 
			height:15px;				
		}
			
		/* ///////////////////////////////////////////////////////////// */
		
		#header	#wrapper #metanavigation {
			float:left;
			width:600px;
			height:75px;
			margin-left:1px;			
		}
		
		#header	#wrapper #metanavigation ul {
			margin: 0px;
			padding: 0px;
			padding-right:9px;
			padding-left:5px;
			padding-top:30px;
			white-space: nowrap;
		}
		
		#header	#wrapper #metanavigation ul#utilitiesLeft {
			float:left;
		}
		
		#header	#wrapper #metanavigation ul#utilitiesRight {
			float:right;
		}
		
		#header	#wrapper #metanavigation ul li {
			display:inline;
			list-style-type: none;
		}
		#header	#wrapper #metanavigation ul li.leftlined {
			border-left:1px solid #919191;
		}
		
		#header	#wrapper #metanavigation ul li a {
			color:#919191;
			text-decoration:none;
			margin-left:10px;
			margin-right:6px;
		}
		
		#header	#wrapper #metanavigation ul li a:hover {
			color:#000000;
		}
		
		#header	#wrapper #metanavigation ul li a:active {
			color:#000000;
		}		
		
		#header	#wrapper #metanavigation ul#utilitiesRight li a {
			margin-left:6px;
			margin-right:5px;
		}
		
		#header	#wrapper #metanavigation ul#utilitiesRight li.leftlined {
			padding-left:9px;
		}		
		
		#header	#wrapper #boxRight {
			float:left;
			display:inline;		
			width:180px;
			height:75px;
			margin-left:1px;
			text-align:center;
			
			font-size:20px;
			color:#919191;
		}

	
/*bis und mit IE 6 Hack*/
*html #header	#wrapper #boxRight {
	margin-left:1px;
	mar\gin-left:0px;
}	
	

		#header	#wrapper #boxRight span.textLogo {
			position:relative;
			top:25px;
		}		
		
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */

		#printheader {
			display:none;
		}
		
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
				
	#mainnavigation {
		height:21px;
		width:100%;	
		border-bottom: 1px solid #ffffff;
	}

	#mainnavigation #left{
		float:left;
		width:782px;
	}

	#mainnavigation #left ul {
		margin: 0px;
		padding: 0px;
		white-space: nowrap;
		margin-left:4px;
	}
		
	#mainnavigation #left ul li {
		display:inline;
		list-style-type: none;
		
		color: #ffffff;
	}
		
	#mainnavigation #left ul li a {
		position:relative;
		top:3px;
		padding-top:3px;
		padding-left:14px;

		margin-left:11px;
		
		font-size:12px;
		font-weight: bold;
		text-decoration: none;
		color: #ffffff;
	}
	
	#mainnavigation #left ul li a:hover {
		color: #0081C4;
	}
	
	#mainnavigation #left ul li a.active {
		color: #0081C4;
	}
	
	#mainnavigation #right{
		float:left;
		width:165px;
		margin-left:15px;		
	}
	
	#mainnavigation #right a {
		position:relative;
		top:3px;
		padding-top:3px;
		padding-left:16px;
			
		font-size:12px;
		font-weight: bold;
		text-decoration: none;
		color: #ffffff;
	}

		
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
		
	#breadcrumbNavigation {
		margin-left:182px;
/*		margin-top:121px; */
		padding-top:8px;		
		padding-left:50px;
		padding-right:20px;
		width:520px;
		background-color:#f5f6f1;
	}

	#breadcrumbNavigation a {
		font-size:12px;
		color:#919191;
		text-decoration:none;
	}

	#breadcrumbNavigation a:visited {
		color:#000000;
		text-decoration:none;
	}

	#breadcrumbNavigation a:hover {
		color:#000000;
		text-decoration:none;
	}

	#breadcrumbNavigation a:active {
		color:#000000;
		text-decoration:none;
	}
	
	#breadcrumbNavigation span.pathActive {	
		position:relative;
		color:#626262;
		font-weight:bold;
	}
	
		
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
	h1, h2, h3, h4, h5, h6 {
		padding:0px;
		margin:0px;
		font-weight:normal;
	}
	
	#content {
		margin:0  182px;
		padding-left:20px;
		padding-right:20px;
		padding-top:15px;
		width:602px;
		height:auto;
		color:#000000;
	}
	
		#content h1 {
			position:relative;
			left:-2px;	/*big font position corr */
			font-size:20px;
			color:#0081C4;
			margin-bottom:20px;
		}
			#content h1 span.subTitle {
				display:block;
				font-size:20px;
				color:#919191;
			}
			
		#content h2 {
			position:relative;
			left:-2px;	/*big font position corr */
			font-size:20px;
			color:#919191;
			margin-bottom:20px;
		}
				
		#content h3 {
			display:block;
			margin-bottom:20px;
				
			font-size:12px;
			font-weight: bold;
			color: #626262;
		}
			
		#content h4 {
			color:#000000;
			font-size:12px;
			font-weight:bold;
		}
		
		#content h5 {
			color:#000000;
			font-size:12px;
			font-weight:normal;
		}		
			
		#content hr {
			display:block;
				
			height: 1px;
			border:none;
			border-bottom: 1px solid #d0d0d0;
				
			margin:0px !important;	/* ie hr hack part I */
			margin: -7px 0px;		/* ie hr hack part II */
		}

		#content linklist {
			display:block;
			position:relative;	/* move 1 down ...*/
			top:1px;
			margin-top:-1px;	/* and back again 1 up -> no double border lines */
				
			border-top:1px solid #d0d0d0;
			border-bottom:1px solid #d0d0d0;
			padding-top:1px;
			padding-bottom:2px;
		}

		
		#content a.linklist {
			display:block;
			position:relative;	/* move 1 down ...*/
			top:1px;
			margin-top:-1px;	/* and back again 1 up -> no double border lines */
				
			border-top:1px solid #d0d0d0;
			border-bottom:1px solid #d0d0d0;
			padding-top:1px;
			padding-bottom:2px;
		}
		#content a.linklistshort {
			display:block;
			position:relative;	/* move 1 down ...*/
			top:1px;
			margin-top:-1px;	/* and back again 1 up -> no double border lines */
			width:105px;
				
			border-top:1px solid #d0d0d0;
			border-bottom:1px solid #d0d0d0;
			padding-top:1px;
			padding-bottom:2px;
		}		

		#content a.linklistShortRight {
			display:block;
			position:relative;	/* move 1 down ...*/
			float:right;
			top:1px;
			margin-top:-1px;	/* and back again 1 up -> no double border lines */
			width:105px;
				
			border-top:1px solid #d0d0d0;
			border-bottom:1px solid #d0d0d0;
			padding-top:1px;
			padding-bottom:2px;
		}	
		
		#content #titleBox {
			background-color:#f5f6f1;
			height:20px;
			padding-top:2px;
			margin-bottom:5px;
			font-size:16px;
			font-weight:bold;	
		}

	
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
	
	#footer {
		margin:0  232px;
		padding-top:20px;
		width:520px;
		color:#000000;

		border-top: 1px solid #d0d0d0;
		border-bottom: 1px solid #d0d0d0;
		padding-top:1px;
		height:16px;

	}
	#footer div.left {
		float:left;
	}

	#footer div.left a {
		color:#0081C4;
		text-decoration:none;
	}
		
	#footer div.left a:hover {
		color:#000000;
	}
		
	#footer div.left a:active {
		color:#000000;
	}	
	
	#footer div.right {
		float:right;
	}
	
	#footer a.print {
		padding-left:17px;
		margin-left:15px;
		color:#0081C4;
		text-decoration:none;
	}
	
	#footer a.print:hover {
		color:#000000;		
	}
		
	#footer a.print:active {
		color:#000000;	
	}	
	
	#footer a.mail {
		padding-left:17px;
		margin-left:15px;
		color:#0081C4;
		text-decoration:none;
	}
	
	#footer a.mail:hover {
		color:#000000;
	}
		
	#footer a.mail:active {
		color:#000000;	
	}	
	
	#copyright {
		margin:0  232px;
		padding-top:2px;
		width:520px;
		color:#919191;
	}
	
	#copyright a {
		color:#0081C4;
		text-decoration:none;
	}
	
	#copyright a:visited {
		color:#000000;
		text-decoration:none;
	}
	
	#copyright a:active {
		color:#000000;
		text-decoration:none;
	}	

	#copyright a:hover {
		color:#000000;
	}

	
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */

div.spacer5 {
	clear:both !important;
	height: 5px;
}

div.spacer10 {
	clear:both !important;
	height: 10px;
}

div.spacer20 {
	clear:both !important;
	height: 20px;
}

div.spacer30 {
	clear:both !important;
	height: 30px;
}

div.spacer40 {
	clear:both !important;
	height: 40px;
}

div.spacer46 {
	clear:both !important;
	height: 46px;
}


/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */

#line75, #line176 , #line197, #line296, #line317  {
	position:absolute;
	left:0px;
	width:100%;
	height:1px;
	border-top: 1px solid #d0d0d0;
	z-index:0;
}

#line75 {
	top:75px;
	z-index: 999;
}

#line176 {
	top:176px;
}

#line197 {
	top:197px;
}

#line296 {
	top:296px;
}

#line317 {
	top:317px;
}