/* CSS Document */

body {
	scrollbar-base-color:#fff;   
	scrollbar-3dlight-color:#fff;   
	scrollbar-arrow-color:#fff;   
	scrollbar-darkshadow-color:#fff;   
	scrollbar-face-color:#84aed5;   
	scrollbar-highlight-color:#fff;   
	scrollbar-shadow-color:#fff;   
	scrollbar-track-color:#fff;
	
	background-color: #006db0;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	position: relative;
	font-family: Tahoma;
	font-size: 11px;
	color: #3d4959;
}

html {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
}


img {
	border: none;
}

p {
	margin-top: 0px;
	margin-bottom: 0px;
}


a{
 	color: #92acc5;
	text-decoration: none;
}

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


/*****************************************************|  |***/


#main {
	width: 900px;
	height: 560px;
	position: absolute;
	margin-top: -280px;
	margin-left: -450px;
	left: 50%;
	top: 50%;
	background-color: #fff;
}

#rahmen {
	width: 850px;
	min-height: 510px;
	margin: 25px;
	background-color: #fff;
	border: 2px #016db0 solid;
}

/*****************************************************|Navi  |***/


#left{
	width: 160px;
	_width: 145px;
	height: 510px;
	position: relative;
	float: left;
	background-color: #84aed5;
	z-index:40;
}

#navi a{
	z-index:50;
	color: #3d4959;
	text-decoration: none;
	padding-left: 15px;
	background:url(images/nav-li.gif) 0px 0px no-repeat;
	*background:url(images/nav-li.gif) 0px 0px no-repeat;
}

#navi a:hover{
	color: #fff;
	background:url(images/nav-li-hover.gif) 0px 0px no-repeat;
	*background:url(images/nav-li-hover.gif) 0px 0px no-repeat;
}

#navi a:active{
	color: #fff;
}

#navi ul {
	margin:0px;
	padding:0px;
	border-bottom: 1px #b0cbe4 solid;
	_width:145px;
}
	
#navi li {
	margin: 0px;
	padding: 5px 0px 4px 15px;
	list-style-type: none;
	border-top: 1px #b0cbe4 solid;
	_width:145px;
}

#navi li ul li a:hover{
	padding-right: 0px !IMPORTANT;
}

li:hover li{
	position: relative;
	float:left;
	width: 175px;
	margin-left: 20px;
	_width: 175px;
}

li:hover ul, li.over ul { 
	display: block; /* The magic */
	width: 405px;
}

#navi ul li{
	position: relative;
}

#navi ul li ul{
	position:absolute;
	padding-left:0px;
	width: 175px; /*sub menu width*/
	_width: 175px;
	height:92px;
	top: 0;
	visibility: hidden;
	background-color:#FFFFFF;
	z-index:2;
	border-bottom: 1px #b0cbe4 solid;
}


	
#navi ul li ul li{
	background-color:#FFFFFF;
	border-right:1px #b0cbe4 solid;
	_width: 175px;
	padding-left: 0px !IMPORTANT;
}

#navi ul li ul li a{
	margin-left: 15px;
}

#navi ul li ul a:hover{
	color: #3d4959;
}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */


.logo{
	padding: 30px 0px 20px 23px;
}


.adresse{
	position: absolute;
	bottom: 0px;
	padding: 15px;
}

.adresse a{
	color: #3d4959;
}

.adresse a:hover{
	color: #fff;
}




/*****************************************************|Topnavi |***/


.top-nav{
	position: relative;
	float: right;
	right: 20px;
	top: 10px;
	color: #fcc62e;
	padding-bottom: 5px;
	border-bottom: 1px #c4c5c6 solid;
	font-family: Verdana;
}

.top-nav a{

 	color: #858587;
	text-decoration: none;
}

.top-nav a:hover{

 	color: #fcc62e;
}


.navi-top{
	position: relative;
	float: right;
	right: 20px;
	top: 10px;	
}

.sprach{
	position: relative;
	float: right;
	top: 12px;
}

.sprach img{
	margin-left: 5px;
}


.top-navi{
	position: relative;
	float: right;
	color: #fcc62e;
	padding-bottom: 5px;
	border-bottom: 1px #c4c5c6 solid;
	font-family: Verdana;
}

.top-navi a{
 	color: #858587;
	text-decoration: none;
}

.top-navi a:hover{

 	color: #fcc62e;
}

.sprache{
	position: relative;
	float: right;
	margin-top: 2px;
	margin-right: 10px;
	width: 60px;
	border: 0;
}

.sprache a{
	margin-left: 5px;
}

/*****************************************************|Content |***/

#footer{
	position: absolute;
	right: 20px;
	bottom: 5px;
	color: #006db0;
	font-family: Verdana;
	font-size: 10px;
}

#footer a{

 	color: #858587;
	text-decoration: none;
}

#footer a:hover{

	color: #006db0;

}

#print{	
	visibility:hidden;
 	display:none;

}


/*****************************************************|Content |***/

#right{
	width: 671px;
	position: relative;
	float: left;
	padding-left: 15px;
	z-index:1;
	_width: 670px;
	_height: 510px;
	height: 510px;
}

#lebenshaus{
	width: 671px;
	_width: 670px;
	height: 510px;
	position: relative;
	float: left;
	padding-left: 15px;
	overflow-y:scroll;
	z-index:1;
}

#start{
	width: 286px;
	height: 258px;
	position: absolute;
	right: 20px;
	top: 172px;
	background:url(images/start.gif) bottom right no-repeat;
	text-align: right;
	padding: 80px 0px 0px 327px;
	*padding: 80px 0px 0px 327px;
	z-index:1;
}

#start-en{
	width: 286px;
	height: 258px;
	position: absolute;
	right: 20px;
	top: 172px;
	background:url(images/start-en.gif) bottom right no-repeat;
	text-align: right;
	padding: 80px 0px 0px 327px;
	*padding: 80px 0px 0px 327px;
	z-index:1;
}

h1{
	color: #868889;
	font-family: Verdana;
	font-size: 15px;
	font-weight: normal;
	margin: 50px 0px 0px 0px;
	padding-bottom: 0px;
}

.referenz{
	width: 310px;
	_width: 300px;
	height: 100px;
	_height: 107px;
	margin: 0px 15px 0px 0px;
	_margin: 0px 10px 0px 0px;
	padding: 15px 0px 15px 0px;
	position: relative;
	float: left;
	background:url(images/line.gif) bottom left repeat-x;
}

.referenz img{
	padding: 0px 10px 0px 0px;
	_margin: 0px 10px 0px 0px;
	position: relative;
	float: left;

}

.mitarbeiter{
	width: 310px;
	_width: 300px;
	height: 115px;
	margin: 0px 15px 0px 0px;
	_margin: 0px 10px 0px 0px;
	padding: 15px 0px 15px 0px;
	position: relative;
	float: left;
	background:url(images/line.gif) bottom left repeat-x;
}

.mitarbeiter-team{
	width: 650px;
	height: 400px;
	text-align:center;
	margin: 25px 0px 25px 0px;
	
}

.mitarbeiter img{
	margin: 0px 0px 0px 0px;
	position: relative;
	float: left;
}

#mitarbeiter-bild{
	height:110px; 
	width:100px; 
	float:left;
}

#mitarbeiter-text{
	float:left; 
	width:200px;
	_width:195px;
	margin-left: 10px;
	_margin-left: 5px;
}

#mitarbeiter-text a{
	color: #3d4959;
}

h2{
	font-size: 11px;
	margin: 0px 0px -10px 0px;
}


h3{
	color: #868889;
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	margin: 3px 0px 0px 0px;
}

.content{
	width: 656px;
	_width: 650px;
	height: 100px;
	padding: 25px 15px 15px 0px;
}

.back{
	font-weight: bold;
	position: absolute;
	bottom: 288px;
	_bottom: 290px;
	right: 15px;
}

.bilder{
	width: 648px;
	_width: 640px;
	height: 260px;
	_height: 280px;
	*height: 260px;
	padding: 10px 0px 0px 10px;
	border: 1px #92acc5 solid;
	overflow:-moz-scrollbars-horizontal;
	*overflow-y:hidden;
	*overflow-x:scroll;
	overflow-y:hidden;
	overflow:scroll;
}

.bilder table{
	 
	max-width: 1630px;
	_max-width: 1640px;
	border:0px; 
}

.bilder td{
	display:inline;
	display:-moz-inline-box;
}

.bilder img{
	margin: 0px 8px 0px 0px;
}

.scherer-haus{
	position: absolute;
	float: right;
	right: 20px;
	top: 35px;
}

.fliesstext{
	width: 636px;
	_width: 632px;
	padding: 25px 15px 15px 0px;
}

.fliesstext img{
	float:right;
	margin-left: 10px;
}


.fliesstext div{
	width: 308px;
	_width: 300px;
	padding-right:10px;
	position: relative;
	float: left;
}

.fliesstext ul {
	margin:5px 0px 0px 10px;
	padding:0px;
	*padding:0px 0px 0px 7px;
}

	
.fliesstext li {
	margin:0px;
	padding:1px 0px 1px 0px;
	*padding:0px;
	list-style-image:url(images/li.gif);
}

.zimmerei-jahr{
	font-weight: bold;
	width: 37px;
	vertical-align:top;
}

.zimmerei-text{
	width: 173px;
	vertical-align:top;
}

.zimmerei-jahr-en{
	font-weight: bold;
	width: 30px;
	vertical-align:top;
}

.zimmerei-text-en{
	width: 175px;
	vertical-align:top;
}