/* CSS Styles, Hausle+Koller Morscher AG/
/* Author: Stellwerkost */
/* Date: 11, 2009 */


/* Globales */
body 	{	background-image: url(../img/bg_global.jpg);
		background-repeat: repeat-x;
		height: 100%;
		padding: 0;
		margin: 0;
		font: 11px/18px "Verdana",  Arial, sans-serif;
		letter-spacing: 0px;
		background-color: #000000;
		color: #373737;
		text-align: center;}	

/* PNG-Fix*/
img, div, ul, li, a { behavior: url(iepngfix.htc) }

/*	Clearfix */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display:inline-block;}
/* 	Hide from IE Mac \*/ .clearfix {display:block;} /* 	End hide from IE Mac */ 
#clearer{clear:both; height:3px;}

/* Linkformate */
#sitemap a:link, a:visited {color: #89867d; text-decoration: none;} 
#sitemap a:hover, a:active {color: #373737; text-decoration:none; border: 0px;}
#content a:link, a:visited {color: #89867d; text-decoration: none;} 
#content a:hover, a:active {color: #373737; text-decoration:none; border: 0px;}
a:link, a:visited {color: #89867d; text-decoration: none;} 
a:hover, a:active {color: #373737; text-decoration:none; border: 0px;}


/* Textformate */
p {margin-bottom: 8px; font: 11px/18px "Verdana",  Arial, sans-serif;}
.softgrey {color: #89867d;}
.index {font-size: 14px; color: #89867d;}
.index1 {font-size: 12px; color: #89867d;}
.titel {font-size: 14px;}
.adresse {font-size: 11px; font-weight: bold; line-height: 16px;}
.rand {padding-top: 20px; padding-left: 25px; padding-right:20px; padding-bottom: 20px;}
.tabelle {padding-top: 18px; padding-left: 23px; padding-right:22px; padding-bottom: 22px;}
.einzug {padding-left: 10px;}
li {padding-left:10px;
	color: #555;}

/* Div-Klassen */
.box {vertical-align: top; top: 0px;}

/* Tabellen */
th, td, tr {vertical-align: top; margin-top: 0px; padding: 2px;}

/* Main_Navigation */
#navigation ul li {display: block;}
a.link1 {float:left;width:304px;margin:0;padding:0;height:27px;background-image:url(../img/navi_01.png);}
a.link1:hover {background-image:url(../img/navi_o_01.png);}
a.link1_active {float:left;width:304px;margin:0;padding:0;height:27px;background-image:url(../img/navi_o_01.png);}
a.link2 {float:left;width:304px;margin:0;padding:0;height:108px;background-image:url(../img/navi_02.png);}
a.link2:hover {background-image:url(../img/navi_o_02.png);}
a.link2_active {float:left;width:304px;margin:0;padding:0;height:108px;background-image:url(../img/navi_o_02.png);}
a.link3 {float:left;width:302px;margin:0;padding:0;height:38px;background-image:url(../img/navi_03.png);}
a.link3:hover {background-image:url(../img/navi_o_03.png);}
a.link3_active {float:left;width:302px;margin:0;padding:0;height:38px;background-image:url(../img/navi_o_03.png);}
a.link4 {float:left;width:302px;margin:0;padding:0;height:34px;background-image:url(../img/navi_04.png);}
a.link4:hover {background-image:url(../img/navi_o_04.png);}
a.link4_active {float:left;width:302px;margin:0;padding:0;height:34px;background-image:url(../img/navi_o_04.png);}

/* Sub_Navigation */
#subnavi ul li {display: block; margin:0px; padding: 0px;}
a.link5 {float:left;width:204px;margin:0;padding:0;height:33px;background-image:url(../img/subnav_neubauten_01.png);}
a.link5:hover {background-image:url(../img/subnavi_over_01.png);}
a.link5_active {float:left;width:204px;margin:0;padding:0;height:33px;background-image:url(../img/subnavi_over_01.png);}
a.link6 {float:left;width:204px;margin:0;padding:0;height:22px;background-image:url(../img/subnav_neubauten_02.png);}
a.link6:hover {background-image:url(../img/subnavi_over_02.png);}
a.link6_active {float:left;width:204px;margin:0;padding:0;height:22px;background-image:url(../img/subnavi_over_02.png);}
a.link7 {float:left;width:204px;margin:0;padding:0;height:20px;background-image:url(../img/subnav_neubauten_03.png);}
a.link7:hover {background-image:url(../img/subnavi_over_03.png);}
a.link7_active {float:left;width:204px;margin:0;padding:0;height:20px;background-image:url(../img/subnavi_over_03.png);}
a.link8 {float:left;width:204px;margin:0;padding:0;height:31px;background-image:url(../img/subnav_neubauten_04.png);}
a.link8:hover {background-image:url(../img/subnavi_over_04.png);}
a.link8_active {float:left;width:204px;margin:0;padding:0;height:31px;background-image:url(../img/subnavi_over_04.png);}


/* Kisten */
#container{ 
	position: absolute;
	left:0px;
	top: 10px;
	margin: 0px;
	padding: 0px;
	width:895px;
	text-align: left;
	}

#logo{
	position: absolute;
	background-image: url(../img/hk_logo.jpg);
	background-repeat: no-repeat;
	width: 106px;
	height: 106px;
	top: 205px;
	left: 0px;
	}
	
#sitemap{
	position: absolute;
	width: 500px;
	height: 15px;
	top: 715px;
	left: 105px;
	font: 9px/18px "Verdana",  Arial, sans-serif;
	color: #666666;
	}


#subnavi{ 
	position: relative;
	width: 204px;
	height: 106px;
	top: 0px;
	left: 0px;
	}

#header{ 
	position: absolute;
	background-image: url(../img/bg_header.png);
	width: 770px;
	height: 106px;
	top: 205px;
	left: 106px;
	}
	
#navigation{ 
	position: absolute;
	width: 303px;
	height: 218px;
	top: 0px;
	left: 96px;
	}	
	
#subnavigation{ 
	position: absolute;
	width: 852px;
	height: 27px;
	top: 305px;
	left: 67px;
	color: #fff;
	background-color: #add8cf;
	border-right: 1px solid #e7ebea;
	}
	
#content{ 
	position: absolute;
	width: 725px;
	height: 360px;
	top: 311px;
	left: 106px;
	text-align:left;
	background-color: #e0dfdf;
	}
	
#content_img{ 
	position: absolute;
	width: 500px;
	height: 400px;
	top: 311px;
	left: 106px;
	text-align:left;
	background-color: #e0dfdf;
	}
	
#content_spalte{ 
	position: absolute;
	width: 225px;
	height: 360px;
	top: 311px;
	left: 606px;
	text-align:left;
	background-color: #e0dfdf;
	}

#copy{ 
	position: absolute;
	width: 632px;
	height: 15px;
	top: 624px;
	left: 263px;
	font: 9px/18px "Verdana",  Arial, sans-serif;
	color: #89867d;
	}
	
/* Spalten */
.col_1{
	position: absolute;
	height: 300px;
	width:190px;}
	
.col_2{
	position: absolute;
	height: 300px;
	width:200px;
	left: 190px;
	margin: 10px;}
	
.col_3{
	position: absolute;
	height: 300px;
	width:200px;
	left: 410px;
	margin: 10px;}
	
.col_4{
	position: absolute;
	height: 230px;
	width:200px;
	left: 630px;;
	margin: 10px;}