@charset "UTF-8";
/* CSS Document */

#header {
	margin: 0 auto 0 auto;
	width: 980px;
	height: 150px;
	padding-top: 30px;
	
	}
		
#logo {
	width: 265px;
	margin: 0 auto 0 auto;
	border: none;

}

#logo img {
	border: none;
}

#logo img a {
	text-decoration: none;
}
	
#menu {
	margin: 		10px auto 0 auto;
	width: 			835px;
	padding-left:	145px;
	}
	
#content {
	margin: 		20px auto 0 auto;
	width: 			980px;
	}
	
	
.clear {
	clear: both;
}
	
.startbild {
	margin-bottom: 30px;
}
	
	
.leistung,
.leistung a {
	float: left;
	background: url(images/leistung.png) left top no-repeat;
	margin-right: 33px;
	width: 220px;
	height: 132px;
}
	
.leistung a:hover {
	float: left;
	background: url(images/leistunghover.png) left top no-repeat;
	margin-right: 33px;
	width: 220px;
	height: 132px;
}

.projekt,
.projekt a {
	float: left;
	background: url(images/projekte.png) left top no-repeat;
	margin-right: 33px;
	width: 220px;
	height: 132px;
}
	
.projekt a:hover {
	float: left;
	background: url(images/projektehover.png) left top no-repeat;
	margin-right: 33px;
	width: 220px;
	height: 132px;
}

.ueberuns,
.ueberuns a {
	float: left;
	background: url(images/ueberuns.png) left top no-repeat;
	margin-right: 33px;
	width: 220px;
	height: 132px;
}
	
.ueberuns a:hover {
	float: left;
	background: url(images/ueberunshover.png) left top no-repeat;
	margin-right: 33px;
	width: 220px;
	height: 132px;
}

.kontakt,
.kontakt a {
	float: left;
	background: url(images/kontakt.png) left top no-repeat;
	margin-right: 0px;
	width: 220px;
	height: 132px;
}
	
.kontakt a:hover {
	float: left;
	background: url(images/kontakthover.png) left top no-repeat;
	margin-right: 0px;
	width: 220px;
	height: 132px;
}

.textfeld {
	
	margin-top: 30px;}
	
#neben {
	float: left;
	width: 710px;
	padding:0;
	margin-right: 30px;
	margin-top: 0;}
	
#neben2 {
	float: left;
	width: 710px;
	padding:0;
	margin-right: 30px;
	margin-top: 0;}

/* fonts */


body {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 300;
	line-height: 19px;
	font-style: normal; 
	font-size: 13px;
	text-transform: none;
	letter-spacing: 0.05em;
	color: #333;
	margin: 5px 0 5px 0;
}

h1 {
	font-family: 'Titillium Web',sans-serif;
 	font-weight: 300;
 	font-style: normal;
	font-size: 22px;
	text-transform:uppercase;
	color: #00838a;
	padding-bottom: 10px;
	border-bottom: 1px solid #00838a;
	margin-bottom: 25px;
}
	
h2 {
	font-family: 'Titillium Web',sans-serif;
 	font-weight: 300;
 	font-style: normal; 
	font-size: 16px;
	text-transform: uppercase;
	color: #00838a;
	margin-bottom: 10px;
}

p {
	margin: 5px 0 10px 0;
}


.liste {
	font-style: normal; 
	font-size: 13px;
	text-transform: none;
	color: #000;
	margin-bottom: 5px;
	list-style:inside;
	list-style-image:url(images/liste.png);
}

a,
.liste a {
	color: #00838a;
	text-decoration: none;
}

a:hover,
.liste a:hover {
	color: #000;
	text-decoration: none;
}
	
.auszeichnung {
	font-weight: 400;
	font-style: normal; 
	color: #00838a;
	margin: 5px 0 10px 0;
}

/* toggle */

* {
	margin:0;
	padding:0;
}


#toggle {
	
	padding: 0;
}

dt {
	
	font-style: normal; 
	font-size: 13px;
	text-transform: uppercase;
	color: #00838a;
	margin-bottom: 10px;
}

dt:hover {
	color: #000;

}

dd {
	
	font-style: normal; 
	font-size: 12px;
	display:none;
	margin:0 0 15px 22px;
	clear: both;
	width:700px;
	color: #000;
}

#button {
	float:left;
	display:block;
	height:12px;
	width:12px;
	text-indent:-9999px;
	margin-right: 10px;
	margin-top: 1px;
}

.closed { 
	background:url(images/toggle.png) left no-repeat; 
}

.open { 
	background:url(images/toggle.png) left no-repeat; 
}

#footer {
	text-align: center;
	border-top: #00838a 1px solid;
	padding-top: 20px;
	font-size: 10px;
	color: #00838a;
	margin: 40px auto 0 auto;
}