@charset "utf-8";
body {
	height: 100%;
	font-family: Arial, Hevlvetica, sans-serif;
	font-size: 12px;
	margin:0px;
	padding:0px;
	text-align:center;
}
a{
	color: #000;
}
a:link, a:visited {
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	color: #900;	
	text-decoration: none;
	font-weight: bold;
}
img {
	border:0px;
}
p{
	margin:0px;
	padding:0px;
}
table{
	width:100%;
	border-collapse:collapse;
	border-spacing:0px;
}
/* Allgemeine Classes */
.bold{
	font-weight:bold;
}
.smallfont{
	font-size:10px;
	text-transform: lowercase;
}
.width200{
	width:200px;
}
.lineheight25{
	line-height:25px;
	clear:both;
}
a.active

/* Seitestruktur */

li.active, a.active{
	color: #900;	
	text-decoration: none;
	font-weight: bold;
}

#page{
	margin:auto;
	text-align:left;
	height:590px;
	width:855px;
	background:url(../gfx/logo.gif);
	background-position:right bottom;
	background-repeat:no-repeat;	
}
#menu{
	height:75px;
	display:table-cell;
	vertical-align:bottom;
	border-bottom:2px solid #000000;
	padding-bottom:5px;
}

#menu ul{
	margin:60px 0px 0px 0px;
	padding:0px;
	list-style-type:none;
}
#menu li{
	width:100px;
	float:left;
}
#menu li.impressum{
	width:455px;
	text-align:right;
}
#submenu{
	padding-top:20px;
	height:50px;
}
* html #submenu {
	padding-top:5px;
}
#submenu ul{
	margin:0px 0px 0px 0px;
	padding:0px;
	list-style-type:none;
}
#submenu ul li{
	height:25px;
}
#submenu ul.marginleft100{
	margin-left:100px;
}
#impressum #leftcolumn,#kontakt #leftcolumn{
	width:200px;
	float:left;
}
#impressum #rightcolumn,#kontakt #rightcolumn{
	width:655px;
	float:left;
}
#profil{
	position:relative;
	height:445px;
}
img.profilstartseite{
	position:absolute;
	right:0px;
	bottom:40px;
}
#profil #leftcolumn{
	width:100px;
	float:left;
}
#profil #rightcolumn{
	width:755px;
	float:left;
}
#startseite ul, #referenzen ul {
	margin:0px 0px 0px 0px;
	padding:0px;
	width:100%;
	list-style-type:none;
}
#startseite li{
	float:left;
	padding-right:2px;
}
#startseite .hermes a{
	display:block;
	height:120px;
	width:203px;
	background:url('../gfx/startseite/hermes_grau.jpg');
	background-repeat:no-repeat;
}
#startseite .hermes a:hover{
	background:url('../gfx/startseite/hermes.jpg');
}
#startseite .koegel a{
	display:block;
	height:120px;
	width:203px;
	background:url('../gfx/startseite/koegel_grau.jpg');
	background-repeat:no-repeat;
}
#startseite .koegel a:hover{
	background:url('../gfx/startseite/koegel.jpg');
}
#startseite .hausmoor1 a{
	display:block;
	width:181px;
	height:120px;
	background:url('../gfx/startseite/moor_grau.jpg');
	background-repeat:no-repeat;
}
#startseite .hausmoor1 a:hover{
	background:url('../gfx/startseite/moor.jpg');
}
#startseite .hausmoor2 a{
	display:block;
	width:200px;
	height:120px;
	background:url('../gfx/startseite/moor2_grau.jpg');
	background-repeat:no-repeat;
}
#startseite .hausmoor2 a:hover{
	background:url('../gfx/startseite/moor2.jpg');
}
#startseite .staroste a{
	display:block;
	width:80px;
	height:120px;
	background:url('../gfx/startseite/staroste_grau.jpg');
	background-repeat:no-repeat;
}
#startseite .staroste a:hover{
	background:url('../gfx/startseite/staroste.jpg');
}
#startseite .dachterrassen a{
	display:block;
	width:181px;
	height:120px;
	background:url('../gfx/startseite/dachterrassen_grau.jpg');
	background-repeat:no-repeat;
}
#startseite .dachterrassen a:hover{
	background:url('../gfx/startseite/dachterrassen.jpg');
}

#content_projekt img{
	margin-left:50px;
}
#content_projekt h1{
	margin:0px;
	padding:0px 0px 10px 0px;
	font-size:16px;
	font-weight:bold;
	color:#85151a;
}
#content_projekt p{
	font-size:11px;
	color:#5c5c5c;
	font-weight:bold;
}
#navigation{
	margin:0px;
	padding:0px;
	height:20px;
	font-size:10px;
	color:#5c5c5c;
}
#navigation a{
 color:#666666;
}
#fliesstext_projekte{
	text-align:justify;
	padding-top:150px;
}