*{margin:0; padding:0}
.clear {clear:both;display:block;height:1px; font-size:0px; line-height:0px}

body{
	background:#000000 url('../images/background_grey.gif');
	font-family:tahoma, arial, verdana, helvetica;
	font-size:100.01%;
	color:#000000;
	text-align:center}

#main {
	width:792px;
	margin:50px auto 20px auto;
	text-align:left;
	background:url(../images/background.gif)}

#head {
	position:relative; /*position:relative; um die top_navi daran auszurichten*/
	width: 792px;
	height:90px;
	background: url(../images/head.jpg)}

/*topnavi*/
#top_nav {
	background:url(../images/top_nav_eck.gif) left bottom no-repeat;
	position:absolute;
	top:9px;
	right:9px;
	width:17.5em;}	
#top_nav ul {
	background:white url(../images/top_nav_back.gif) bottom repeat-x;
	margin:0 0 0 19px;
	padding:0 10px 3px 0}
#top_nav li{
	list-style:none;
	display:inline;
	line-height:2;
	font-size:.65em;
	color:#747474}
#top_nav a{
	color:#747474;
	text-decoration:none}
#top_nav a:hover{color:black}
/*ende topnavi*/

#middle {
	margin:0 0 5px 9px;
	width:774px}

/*navigation*/
#navigation{
	font-size:0px;
	line-height:0px;
	float:left;
	width:228px;
	height:143px}
#navigation li{
	list-style:none;
	display:inline}
#navigation a{
	display:block;
	width:228px;
	height:22px;
	background-position:0 0;
	margin:2px 0 0 0}
#navigation a:hover{background-position:0 -22px}

#navigation a span{display:none} /*so können die links trotzdem text enthalten, für den fall, dass leute sich das ganze ohne stylesheet angucken*/
a.unternehmen{background-image:url(../images/nav_unternehmen.gif)}
a.leistungen{background-image:url(../images/nav_leistungen.gif)}
a.referenzen{background-image:url(../images/nav_referenzen.gif)}
a.partner{background-image:url(../images/nav_partner.gif)}
a.informationen{background-image:url(../images/nav_informationen.gif)}
a.kontakt{background-image:url(../images/nav_kontakt.gif)}
a.jobs{background-image:url(../images/nav_jobs.gif)}
/*ende navigation*/
	
#headbild {
	float:left;
	height:166px;
	width:544px;
	background:url(../images/pic04.jpg);
	margin:2px 0 0 2px}

#left {
	margin:0 0 0 9px;
	width: 228px;
	background: #ffffff;
	float: left;
	display:inline /*hack ie*/}

#content {
	float:left;
	margin:0 0 0 15px;
	width:513px;
	font-size:.95em;
	color:#6D6D6D;
	text-align: justify}

#content table {
	color:#6D6D6D;
}
	
/*footer*/
#footer {
	clear:both;
	width: 792px;
	background:url(../images/footer.gif) bottom no-repeat;
	text-align:center;
	padding:0 0 10px 0}
	
#trenn {
	width: 730px;
	height:1px;
	background:#C3C3C3;
	font-size:0px;
	line-height:0px;
	margin:0 0 0 31px}

/*verschiedene schriftformatierungen und überschriften mit background*/
#left h1 span{display:none}
#left h1#neuigkeiten{height:21px; background:url(../images/aktuell.gif)}

#left h1#suche{height:21px; background:url(../images/suche.gif)}

#content h1{margin:0 0 20px 0}
#content h1 span{display:none}
#content h1#willkommen{height:20px; background:url(../images/unternehmen.gif) no-repeat;padding-bottom: 0px;}
#content h1#leistungen{height:20px; background:url(../images/leistungen.gif) no-repeat;padding-bottom: 0px;}
#content h1#endkunden{height:20px; background:url(../images/endkunden.gif) no-repeat;padding-bottom: 0px;}
#content h1#architekten{height:20px; background:url(../images/architekten.gif) no-repeat;padding-bottom: 0px;}
#content h1#partner{height:20px; background:url(../images/partner.gif) no-repeat;padding-bottom: 0px;}
#content h1#informationen{height:20px; background:url(../images/informationen.gif) no-repeat;padding-bottom: 0px;}
#content h1#impressum{height:20px; background:url(../images/impressum.gif) no-repeat;padding-bottom: 0px;}
#content h1#sitemap{height:20px; background:url(../images/sitemap.gif) no-repeat;padding-bottom: 0px;}
#content h1#kontakt{height:20px; background:url(../images/kontakt.gif) no-repeat;padding-bottom: 0px;}
#content h1#jobs{height:20px; background:url(../images/jobs.gif) no-repeat;padding-bottom: 0px;}
#content h1#referenzen{height:20px; background:url(../images/referenzen.gif) no-repeat;padding-bottom: 0px;}
#content h1#herzlich{height:20px; background:url(../images/willkommen.gif) no-repeat;padding-bottom: 0px;}
#content p{font-size:.76em; color:#545454; line-height:1.6; margin:0 0 20px 0}

#footer p{font-size:.6em; line-height:3; color:#6D6D6D}

.box {
	width: 228px;
	margin:0px 0px 25px 0px;
	background-color: #BEBEBE;
}

.boxinhalt {
	padding: 10px;
}

.logo {
	height: 180px;
	width: 228px;
	background-image: url(../images/logo.jpg);
}

#content  li {
	line-height:3; 
	margin:0 0 0 20px;
	line-height:1.5em; 
	color:#6D6D6D;
	font-size:.85em;
}

strong {
	font-size:.95em;
	line-height:3;
	color:#6D6D6D;
}

img {
  border: 0px;
}

#content a:link,#content a:active,#content a:visited {
  font-color: #446A7D;
  border-bottom: 1px dotted #446A7D;
  text-decoration: none;
}

#content a:hover {
  font-color: #446A7D;
  border-bottom: 2px solid #446A7D;
  text-decoration: none;
}

#splash {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -175px;
	margin-top: -175px;
	width: 350px;
	height: 350px
}

.dick {
	font-size:1em;
	text-decoration: underline;
	color: #000000;
	font-weight: bold;
}