/*-------------- links und typen und Headlines--------------*/

body {
	margin: 0;
	font-family: Verdana , Arial , sans-serif;
	color: #111;
	font-size: 0.8em;
	background-color: #ffffff;
	}
a:link, a:active, a:visited {
	color: #666666;
	text-decoration: underline;
	font-weight: normal;
	}
a:hover {
	color: #111;
	text-decoration: underline;
	font-weight: normal;
	}
h1 {
	padding: 6px 10px 7px 0px;
	margin: 0;
	font-size: 160%;
	font-weight: normal;
	color: #ffffff;
	}
h2 {
	padding: 0;
	margin: 15px 0px 12px 13px;
	font-size: 140%;
	font-weight: normal;
	color: #111;
	}
.headline:link, .headline:active, .headline:visited {text-decoration: none;}
.headline:hover {text-decoration: none; color: #999999;}
h3 {
	padding: 0;
	margin: 3px 0px 15px 13px;
	font-size: 100%;
	font-weight: normal;
	color: #111;
	}
h4 {
	padding: 0;
	margin: 11px 0px 5px 0px;
	font-size: 100%;
	font-weight: bold;
	color: #111;
	}
th {
	font-size: 100%;
	font-weight: bold;
	color: #111;
	padding-bottom:10px;
	text-align: left;
	}
table {border:0;}
td {
	}
img {
	border: 0;
	}
p {
	margin: 0 0 10px 13px;
	line-height: 1.5;}
.date {
	margin: 10px 0 0 -15px;
	font-size: 80%;
	}
.archiv {margin-top: 10px; margin-bottom: 10px; text-align: right;}
.clear {clear:both;}
.left {float:left;}

/*-------------- Seitenaufbau-----------gesamt: 900---*/	

#page {
	position: absolute;
	left: 50%;
	width: 900px;
	margin-left: -450px;
	top: 50%;
	height: 500px;
	margin-top: -250px;
	}
#header {
	border-bottom: 1px solid #ffffff;
	width:900px;
	text-align: right;
	background-color: #555555;
	height: 36px;
	}
#content {
	height: 350px;
	overflow:auto;
	}
	
/*--footer--*/
#imprint {margin-top:10px; text-align: right;}	
	
/*--navigation--*/

#navibereich { margin: 0; padding: 0; width: 900px; background-color: #555555; border-top: 1px solid #ffffff; }

#navibereich ul { margin: 0; padding: 0;}

#navibereich li {
	margin: 0; padding: 0;
  list-style-type: none; /* Aufzählungszeichen entfernen */
  border-left:1px solid #ffffff;
  float: left;
  background-color: #555555;
 	}



#navibereich a { display:block; color: #ffffff; font-weight: normal; font-size: 120%; padding: 8px 34px 8px 34px ; text-decoration: none;}
#navibereich a:hover, /* mit Komma am Ende */

#page_aktuell #navi01 a, /* mit Komma am Ende */
#page_projekte #navi02 a,
#page_wettbewerbe #navi03 a,
#page_wettbewerbe2 #navi03 a,
#page_auszeichnungen #navi04 a,
#page_publikationen #navi05 a,
#page_buero #navi06 a,
#page_gbuch #navi07 a,
#page_links #navi08 a,
#page_kontakt #navi09 a { /* ohne Komma am Ende */

 background-color: #999999; font-weight: normal; color: #ffffff;}
	
#navi06 a { text-align: center; }	 
          
/*--SEITEN--*/

#page_aktuell #content {overflow:hidden;}
#page_aktuell img {height: 350px; margin-right:13px; float: left;}

#projekte_l {width: 270px; float:left; margin-right: 5px;}
#projekte_m {width: 320px; float:left;}
#projekte_r {width: 265px; float:right; margin-top: 11px;}
#page_projekte img {  }
#projektetable {width: 320px; height:350px;}
#projektliste { margin-left: 30px; padding: 0;}
	#projektliste li {margin-top:7px;}
	#projektliste li a {text-decoration: none; font-weight: bold;}
	#projektliste li a:hover {color: #999999; text-decoration: underline; font-weight: bold;}
 
#bildlauf { margin: 0 auto; padding: 0; text-align: center; list-style-type: none; }
#bildlauf  li { float:left; display: inline-block;  margin: 4px 1px; padding: 0;  background-color: #333333;}
	#bildlauf a {display: block; border: 0; color: #ffffff; font-weight: normal; font-size: 80%; padding: 3px 7px 3px 7px; text-decoration: none;}
	#bildlauf a:hover {background-color: #666666; font-weight: normal; color: #ffffff;}
  .aktiv { background-color: #666666;}

#page_wettbewerbe table {width: 870px; text-align: left; margin-left:9px;}
#page_auszeichnungen table {text-align: left; margin-left:9px;}
#page_publikationen table {text-align: left; margin-left:9px;}
#page_publikationen2 table {text-align: left; margin-left:0px;}

#page_buero img {}
#buero_l {float:left; width:330px;} 
#buero_r {float:right; height:350px; width:500px; text-align: right; overflow:hidden;}
#buero_img1 {height: 216px;}
#buero_img2 {height: 127px;}
#buero_img3 {height: 127px;}	

#page_wettbewerbe2	#content {height: 350px; overflow:hidden;}	
#page_wettbewerbe2	#projekte_l {width: 280px; height:350px; float:left; overflow:auto;}
#wettbewerbetable {width: 290px; height:350px;}

#pubtable img {width: 70px; float: left; margin: 0 0 0 30px;}
.pub {margin: 0 0 0 158px;}
.pub p {line-height: 1.2; margin: 0 0 5px 0;}