body{
	background-color: #CED0D0;
	text-align: center;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	
}

.hidden{

	display: none;
}


img { border: 0px; padding: 0px; margin: 0px;}



/* umgebung damit die Seite immer in der mitte angezeigt wird.*/
#container {

    width:800px;; 
    text-align:left; 
    margin: auto;
    margin-top: 5%;
}

/* navibackground ist notwendig damit sich die Seite automatisch nach unten verlaengern kann*/
.wrapper {

	width: 800px;
	background-color: #7A9681;
	background-image: url("../grafik/navibackground_big.gif");
	float: left;
}

/* Kopf der Seite als Hintergrundbild auf Grund dasa 2px Problem mit dem IE*/
#head{
	background-image: url("../grafik/ci/carsten.jpg");
	width: 800px;
	height: 162px; 
}

/* Kopf der einzelnen Seite mit dem Themennamenbild als hintergrund */
#headgruen{
	background-image: url("../grafik/imagegruen/structure/gruen.gif");
	height: 80px;
	width: 800px;

}

#headstein{
	background-image: url("../grafik/imagestein/structure/stein.gif");
	height: 80px;
	width: 800px;

}

#headwasser{
	background-image: url("../grafik/imagewasser/structure/wasser.gif");
	height: 80px;
	width: 800px;

}
#headkontakt{
	background-image: url("../grafik/imagekontakt/structure/kontakt.gif");
	height: 80px;
	width: 800px;

}

#content_head_text{  
			  font-size: 11px;
			  color: #B1C9B8; 
			  font-weight: bold;
			  padding-top: 5px;
			  padding-right: 5px;
}



/* Hintergrundfarben der einzelnen Seiten */
.gruen{

	background-color: #7A9681;
}

.stein{
	background-color: #7597A1;
}

.wasser{
	background-color: #5E91B3;
}

.kontakt{
	background-color: #4B6A7F;
}





/* Navigationsspalte, Hintergrundbild natwenig um 2px Problem zu beheben */
.navi{
	background-image: url("../grafik/navibackground.gif");
	width: 192px;
	float: left;
}

/* Kontent-Spalte */
.content{
	width: 608px;
	float: right;
}


table{
	font-size: 11px;
	color: #FAF5E2; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;			  
	margin-top: 15px;
	width: 600px;
}


td, tr{
		
	vertical-align: top;
}


/* Vorschaubilder */
.thumb {

	border: 1px solid #B3C5D8;
	margin-bottom: 3px;
}

/* Beschreibungstext der Projekte */
.desc{
	margin: 0px;
	padding: 0px;
	margin-bottom: 5px;
	padding-right: 5px;
	color: #FAF5E2;
}




/* ueberschriftenformatierung */
h2{
	font-size: 15px; 
	color: #A0BFD6; 
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

h3{
	font-size: 12px; 
	color: #FAF5E2; 
	font-weight: bold;
	margin: 10px 0px 0px 4px;
	padding: 0px;
}


h4 {
	font-size: 12px; 
	font-weight: bold;
	
	padding: 0px;
	margin: 0px 0px 3px 0px;
	color: #FAF5E2;
}

/* Link */
a.big {

	color: #FAF5E2;


}


#content_contact, #content_contact_tec {
			  font-size: 13px;
			  color: #A0BFD6; 
			  
			  font-weight: bold;
			  padding-top: 15px;
			  padding-right: 5px;
			  padding-left: 250px;

}
#content_contact_tec{
			  font-size: 11px;
}

#content_contact a, #content_contact_tec a{
	color: #A0BFD6; 
	text-decoration: none;
}


.line{
			  border-top: 1px solid #A0BFD6;
			  margin: 0px;
			  padding: 0px 0px 5px 0px;
}





#content_head_text p{ margin:0px; padding: 3px;}


#footer{
	background-image: url("../grafik/footer.gif");
	height: 15px;
	width: 800px;
	float: left;
}