@charset "utf-8";
/* CSS Document */
body {
	background:#949A9E url(images/bg.png);
	padding: 0;
	margin: 0;
	background-repeat:repeat-x;
	text-align: center;
	font-family:Verdana, Helvetica, sans-serif;
}
#main_page {
	/*background-color: transparent;*/
	background-color:#FFF;
	width: 954px;
	text-align: left; 
	margin: 30px 0px 0px 0px;
}
#main {
	background-color: transparent;
	width: 954px;
	text-align: center; 
	margin: 0px auto 0px;
}
#head
{
	width:954px;
	height:81px;
	background-image:url(images/logo.png);
	background-repeat:no-repeat;
	background-color:#90A8B2;
	background-position: 20px 25px;
}
#button_shadow
{
	background-image:url(images/boutton_shadow.png);
	width:954px;
	height:7px;
	line-height:0px;
	overflow:hidden;
}
#content_area
{
	width:954px;
}
#slide_img
{	
	margin-top:11px;
	float:left;
}
#content_schadow{
	width:954px;
	height:9px;
	background-image:url(images/contenbox_shadow.png);
	background-repeat:repeat-x;
	clear:both;
}
#shadow_boutton
{
	background-image:url(images/shadow_boutton.png);
	width:954px;
	height:7px;
	overflow:hidden;
}
#sub_menue{
	height:21px;
	background-color:#90A8B2;
	text-align:right;
	padding-top:2px;
	font-size:12px;
	/*font-weight:bold;*/
	}
#sub_menue a{
	color:#000;
	text-decoration:none;
	padding-right:15px;
	}
#sub_menue a:hover{
	color:#666;
	}
	
#subline{
	height:1px;
	background-color:#E7F4FC;
	font-size:0px
}
#shaddow{
	height:8px;
	background-image:url(images/shadow_bottom.png);
	overflow:hidden;
}
#leistungen{
	width:240px;
	height:187px;
	background-image:url(images/leistungen.png);
	float:left;
	margin-top:10px;
	background-repeat:no-repeat;
	}
#wischatzeck{
	width:482px;
	height:187px;
	background-image:url(images/wichatzeck.png);
	float:left;
	margin-top:10px;
	}
#sloagen{
	width:232px;
	height:187px;
	background-image:url(images/slogan.png);
	float:left;
	margin-top:10px;
	
	}
#pol_box{
	width:240px;
	height:187px;
	background-color:#68968B;
	margin-top:10px;
	float:left;
	background-image:url(images/pol-berat.png);
	background-repeat:no-repeat;
	}
#press_box{
	width:240px;
	height:187px;
	background-color:#68968B;
	margin-top:10px;
	float:left;
	background-image:url(images/press-berat.png);
	background-repeat:no-repeat;
	}
#projekt_box{
	width:240px;
	height:187px;
	background-color:#F0653E;
	margin-top:10px;
	float:left;
	background-image:url(images/projekte.png);
	background-repeat:no-repeat;
	}
#perso_box{
	width:240px;
	height:187px;
	background-color:#735A84;
	margin-top:10px;
	float:left;
	background-image:url(images/perso.png);
	background-repeat:no-repeat;
	}

#textbox1{
	width:450px;
	float:left;
	margin-left:25px;
	*margin-left:10px;
	margin-top:20px;
	margin-bottom:20px;
	font-size:9.2pt;
	line-height:14pt;
}
#textbox2{
	width:450px;
	float:left;
	margin-left:10px;
	margin-top:20px;
	font-size:9.2pt;
	margin-bottom:20px;
	line-height:14pt;
}

/*/////////////////////////////////////////////////////////////// Menue /////////////////////////////////////////////////
/////////////////////// Begin/////////////////////////////////////////////////////////////////////////////////////////*/
#menue
{
	width:954px;
	height:24px;
	font-size:14px;
	font-family:Verdana, Helvetica, sans-serif;
}
.buton1{
	background-color:#68968B;
	vertical-align:middle;
}
.buton_1{
	background-color:#C7D8D2;
	vertical-align:middle;
	color:#68968B;
}
.buton2{
	background-color:#F0653E;
	vertical-align:middle;
}
.buton3{
	background-color:#735A84;
	border-right:1px solid #858585;
}
.clear {clear:both}	
/* remove the list style */
#nav {
	margin:0; 
	padding:0; 
	list-style:none;
}	
	
	/* make the LI display inline */
	/* it's position relative so that position absolute */
	/* can be used in submenu */
	#nav li {
		float:left; 
		display:block; 
		width:317px;
		height:22px;
		position:relative;
		z-index:500;
		border-left:1px solid #858585;
		border-top:1px solid #858585;
		border-bottom:1px solid #858585;		
	}
		
	/* this is the parent menu */
	#nav li a {
		display:block;
		padding-top:2px;
		padding-bottom:-2px;
		text-align:center;
		/*font-weight:700;  */
		height:22px; 
		text-decoration:none; 
		color:#fff; 
		text-align:center; 
	}

	#nav li a:hover {
		color:#fff;
	}
	
	/* you can make a different style for default selected value */
	#nav a.selected {
		color:#f00;
	}
	
		/* submenu, it's hidden by default */
		#nav ul {
			position:absolute; 
			left:0; 
			display:none; 
			margin:0 0 0 -1px; 
			padding:0; 
			list-style:none;
		}
		
		#nav ul li {
			width:316px; 
			border-top:0px solid #858585;
			border-right:1px solid #858585;
			float:left; 
		}
		
		/* display block will make the link fill the whole area of LI */
		#nav ul a {
			display:block;  
			height:15px;
			padding: 0px 0px; 
			color:#666;
			padding-top:2px;
		padding-bottom:-2px;
		}
		
		#nav ul a:hover {
			text-decoration:underline;	
		}

/* fix ie6 small issue */
/* we should always avoid using hack like this */
/* should put it into separate file : ) */
*html #nav ul {
	margin:0 0 0 -2px;
}
/*/////////////////////////////////////////////////////////////// END/////////////////////////////////////////////////
/////////////////////// MENUE/////////////////////////////////////////////////////////////////////////////////////////*/