* { padding:0; margin:0; }

h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, label, ul, ol, dl, fieldset, address, img { padding:0; margin:0; }

body {
	margin: 3% 0 0 3%;
	padding: 0;
	font-family: Verdana, sans-serif;
	font-size: 10px;
	color: #000;
	background: #fff;
	}

a,
a:visited {
	text-decoration: none;
	color: #000000;
	}	

#main a,
#main a:visited {
	text-decoration: none;
	color: #000000;
	}	
	
a:hover,
#main a:hover {
	text-decoration: underline;
	}		

img {
	border-style: none;
	}
	
.color {
	color: #82C800;
	}

.bold {
	font-weight: bold;
	}

#leftcol{
	float: left;
	width: 200px;
	}
	
#main {
	float: left;
	width: 450px;
	padding: 0 20px 0 0;
	border:1px solid #cccccc;
	border-top:none;
	border-bottom:none;
	margin: 0 20px 40px 20px;
	}
	
#kundenbereich #main, #home #main  {
	min-height:600px;
	height:auto !important;  /* für moderne Browser */
	height:600px;  /*für den IE */
	}
	
#kundenbereich #main #clientlogin {
	float:left;
	clear:both;
	margin:0 20px;
	}	

.files #main  {
	width:auto;
	}

.files #main #listingcontainer, .files #main form {
	margin: 0 20px;
	}
	
#rightcol{
	float: left;
	width: 240px;
	}
	
#rightcol p, #rightcol h2, #rightcol .content{
	float: left;
	clear:left;
	width: 240px;
	font-size:10px;
	}		

h2 {
	font-weight: bold;
	font-size: 11px;
	line-height: 1.5em;
	color: #000000;
	}	
	
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/dd_valid_2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.menu {
	float:left;
	margin: 0 0 2em 0;
	clear:both;
	/* z-index: 100; */
	/* width: 200px; */
	/* height:30px; */	
	}
	
.menu ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	width: 200px;
	}

.menu ul li {
	width: auto;
	}
	
.menu ul li #n-projekte-sub	li {
	float: left;
	} */

.menu ul li a,
.menu ul li a:visited {
	/* display: block; */
	text-decoration: none;
	padding: 0;
	/* height: 18px;
	line-height: 18px; */
	color: #999999;
	}

.menu table {
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	font-size: 1em;
	}

/* .menu ul li ul {
	display: none;
	margin-left:3em;
	} */
	
.default {
	display: none;
	margin-left:3em;
	}	

#realisierungen .default, #wettbewerbe .default, #konzepte .default {
	display: block;
	}
	
.showItem {
	display: block;
	}
	
#realisierungen .menu ul li ul, #wettbewerbe .menu ul li ul, #konzepte .menu ul li ul   {
	display: block;
	}	
	
.menu ul li:hover a,
.menu ul li a:hover {
	color: #000;
	/* padding-bottom: 10px; */
	}

/* .menu ul li:hover ul,
.menu ul li a:hover ul {
	display: block;
	} */

.menu ul li,
.menu ul li:hover,
.menu ul li a:hover,
.menu ul li:hover ul li,
.menu ul li a:hover ul li {
	float:left;
	clear:both;
	}	
	
.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {
	display: block;
	color: #999999;
	}

.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {
	color: #000;
	}
	
/* MENU HIGHLIGHTING */
	
/* First Level Highlights */	
#home #n-aktuell a,
#home #n-aktuell a:visited ,
#projekte #n-projekte a,
#projekte #n-projekte a:visited,
#realisierungen #n-projekte a,
#realisierungen #n-projekte a:visited,
#konzepte #n-projekte a,
#konzepte #n-projekte a:visited,
#wettbewerbe #n-projekte a,
#wettbewerbe #n-projekte a:visited,
#buero #n-buero a,
#buero #n-buero a:visited,
#kontakt #n-kontakt a,
#kontakt #n-kontakt a:visited,
#kundenbereich #n-kundenbereich a,
#kundenbereich #n-kundenbereich a:visited,
#auszeichnungen #n-auszeichnungen a,
#auszeichnungen #n-auszeichnungen a:visited {
	color: #000;
	font-weight:bold;
	}
	
/* Second Level Highlights */	
#realisierungen  #n-projekte ul #n-wohnen a,
#realisierungen  #n-projekte ul #n-wohnen a:visited,

#wettbewerbe  #n-projekte ul #n-arbeiten a,
#wettbewerbe  #n-projekte ul #n-arbeiten a:visited,

#konzepte #n-projekte ul #n-kommunal a,
#konzepte #n-projekte ul #n-kommunal a:visited,

.projekt #n-projekte ul #n-projekt a,
.projekt #n-projekte ul #n-projekt a:visited,
.team #n-buero ul #n-team a,
.team #n-buero ul #n-team a:visited,
.profil #n-buero ul #profil a,
.profil #n-buero ul #n-profil a:visited,
.auszeichnungen #n-buero ul #n-auszeichnungen a,
.auszeichnungen #n-buero ul #n-auszeichnungen a:visited,
.presse #n-buero ul #n-presse a,
.presse #n-buero ul #n-presse a:visited,
.impressum #n-buero ul #n-impressum a,
.impressum #n-buero ul #n-impressum a:visited  {
	color: #000;
	}

/* Second Level Default Color*/
#realisierungen  #n-projekte ul #n-arbeiten a,
#realisierungen #n-projekte ul #n-arbeiten a:visited,
#realisierungen #n-projekte ul #n-kommunal a,
#realisierungen #n-projekte ul #n-kommunal a:visited,

#konzepte  #n-projekte ul #n-wohnen a,
#konzepte   #n-projekte ul #n-wohnen a:visited,
#konzepte  #n-projekte ul #n-arbeiten a,
#konzepte  #n-projekte ul #n-arbeiten a:visited,

#wettbewerbe   #n-projekte ul #n-wohnen a,
#wettbewerbe   #n-projekte ul #n-wohnen a:visited,
#wettbewerbe   #n-projekte ul #n-kommunal a,
#wettbewerbe   #n-projekte ul #n-kommunal a:visited,

#projekte #n-projekte ul li a,
#projekte #n-projekte ul li a:visited,
#buero #n-buero ul li a,
#buero #n-buero ul li a:visited  {
	color: #999999;
	font-weight:normal;
	}

/* Second Level Hover Color*/	
#projekte #n-projekte ul li a:hover,
#buero #n-buero ul li a:hover {
	color: #000;
	}
	
/* Submenu Visibility */		
#projekte .menu ul li #n-projekte-sub,
#buero .menu ul li #n-buero-sub {
	visibility: visible;
	}
#buero .menu ul li #n-projekte-sub {
	z-index: 1;
	}
/*#buero .menu ul li #n-projekte-sub #n-kommunal {
	width: 180px;
	}*/
	
/* #n-projekte-sub, #n-buero-sub {
	width: 430px;
	} */

/* AKTUELL */
	
div.entry {
	/* width: 220px; */
	height:140px;
	overflow:hidden;
	padding: 0;
	margin: 0 0 20px 0;
	float: left;
	clear: left;
	}

#main div.entry {
	width: 450px;
	}
	
#rightcol div.entry {
	margin-top:0;
	/* padding-top:-4px; */
	}	
	
div.text	{
	float: left;
	}
	
.text p{
	line-height: 1.5em;
	width: 450px;
	}

div.blognav {
	width: 450px;
	padding: 4px 0 25px 0;
	margin: 0 0 0 20px;
	float: left;
	clear: left;
	}
	
#home div.blognav {
	color:#999999;
	}	
	
div.content{
	line-height: 1.5em;
	color: #333333;
	}
	
p.date {
	float:left;
	clear:both;
	font-style: italic;
	color: #333333;
	margin:0;
	padding:0 0 0.2em 0;
	line-height: 0.8em;
	}
	
#main .entry img {
	float:left;
	margin: 0 0 0 20px;
	padding:0;
	}	

#main .entry img {
	margin-top:0;
	height:138px;
	}		
	
#home #main ul , #home #main ol{
	margin: 1em 0 1em 1.2em;
	}
	
#home #main ol{	
	margin-left: 1.7em;
	}
	
/* TEAM */

.team .column1 {
	float: left;
	width: 376px;
	}

.team #main h2 {
	margin: 14px 0 0 0;
	}
	
/* PROFIL */

/*.profil #main {
	float: left;
	width: 409px;
	margin-right: 100px;
	}*/

.profil #main p {
	width: 679px;
	margin-bottom: 1.5em;
	color: #999999;
	}	
	
/* AUSZEICHNUNGEN */

.auszeichnungen #main p {
	line-height: 1.5em;
	}

.auszeichnungen p.indent {
	margin-left: 36px;
	}
	
/* PRESSE */

.presse #main p {
	line-height: 1.5em;
	margin-bottom: 14px;
	}

/* IMPRESSUM */

.impressum #main p {
	line-height: 1.5em;
	margin-bottom: 14px;
	}	

/* KONTAKT */

#kontakt .column1 {
	float: left;
	width: 301px;
	}

#kontakt .column1 p{
	line-height: 1.5em;
	}	
	
#kontakt .column2 img{
	margin-top: 13px;
	}	
	
#kontakt #main h2 {
	margin: 14px 0 0 0;
	}
	
/* BLOG */

form {
	display: inline;
	}

form input {
	margin: 10px 5px 0 0;
	}
	
/* PROJEKTE */

#projekte .column1 {
	float: left;
	width: 248px;
	line-height: 1.5em;
	}
	
#projekte #main .column1 a {
	color: #999999;
	font-weight: normal;
	}	

#projekte .column2 {
	float: left;
	float: left;
	width: 430px;
	color: #999999;
	}
	
#projekte .column2 p{
	line-height: 1.5em;
	margin-bottom: 1em;
	width: 430px;
	margin-left: 2px;
	}
/*
#projekte .column2 p.status{
	line-height: 1.5em;
	padding-bottom: 9px;
	text-align: right;
	width: 430px;
	}	
*/

#projekte .column2 p.status{
	position: absolute;
	top: 446px;
	left: 557px;
	text-align: right;
	width: 150px;
	z-index: 1;
	}	
	
#projekte .column2 iframe {
	margin-left: -7px;
	margin-bottom: 11px;
	}
	
#projekte .column2 h1 {
	font-size: 11px;
	line-height: 1.5em;
	margin-bottom: 1em;
	margin-left: 2px;
	}

/* REZEPTE */

#rezepte .column1 {
	float: left;
	width: 248px;
	line-height: 1.5em;
	}
	
#rezepte #main .column1 a {
	color: #999999;
	font-weight: normal;
	}	

#rezepte .column2 {
	float: left;
	width: 430px;
	color: #999999;
	}
	
#rezepte .column2 p{
	line-height: 1.5em;
	margin-bottom: 1em;
	width: 430px;
	margin-left: 2px;
	}
	
#rezepte .column2 iframe {
	margin-left: -7px;
	margin-bottom: 11px;
	}
	
#rezepte .column2 h1 {
	font-size: 11px;
	line-height: 1.5em;
	margin-bottom: 1em;
	margin-left: 2px;
	}
	
p {
	line-height: 1.5em;
	}	
	
h2 {
	font-weight: normal;
	}
	
#rightcol h2 {
	font-weight: bold;
	}

#rightcol p {
	color:#333333;
	}
	
.tp3imweb, .tp3kontakt {
	float:left;
	clear:left;
	margin: 0 0 2em 0;
	}
	
.tp3kontakt p, .tp3kontakt img  {
	float:left;
	clear:left;
	margin: 0 0 1em 0;
	}	
	
.tp3imweb ul {
	list-style-type:none;
	}	
	
.tp3imweb h2 {
	font-size: 10px;
	font-weight: bold;
	}	

#topblock {
	height:320px;
	}
	
#buero #main *, #kontakt #main iframe, #auszeichnungen #main *{
	margin: 0 0 0 20px;
	}	
	
#buero #main h2, #kontakt #main h2, #auszeichnungen #main h2 {
	font-size: 10px;
	font-weight: bold;
	margin-top: 1em;
	margin-bottom: 1em;
	}

#auszeichnungen #main h2 {
	margin-top: 3em;
	}	
	
#auszeichnungen #main h2.first {
	margin-top: 0;
	padding:0 0 0.2em 0;
	line-height: 0.8em;	
	}	
	
#kontakt #main h2 {
	margin-top: 3em;
	margin-left:20px;
	}	
	
#buero #main p, #auszeichnungen #main p.last {
	margin-bottom: 1em;
	}	
	
#buero #rightcol h2 {
	margin:0.2em 0;
	}
	
#kontakt #rightcol h2 {
	margin:1em 0;
	}	
	
#kontakt #rightcol h2.first  {
	margin: 0 0 1em 0;
	padding:0 0 0.2em 0;
	line-height: 0.8em;	
	}	

#buero #rightcol img, #buero #rightcol h2.mitarbeiter {
	margin-top:2.5em;
	}	
	
#buero #rightcol img.first  {
	margin-top:0;
	}
	
#kontakt #rightcol h2, #kontakt #rightcol h2.first {
	margin-bottom:0;
	}	

#kontakt #main p{
	margin: 0 0 1em 20px;
	}
	
#realisierungen #main iframe, #wettbewerbe #main iframe, #konzepte #main iframe {
	margin: 0 27px 0 12px;
	}

#realisierungen #main h1, #realisierungen #main p, #wettbewerbe #main h1, #wettbewerbe #main p, #konzepte #main h1, #konzepte #main p {
	margin: 0 20px;
	float:left;
	clear:both;
	}

#realisierungen #main h1, #wettbewerbe #main h1, #konzepte #main h1 {
	margin-top: 2em;
	margin-bottom: 1em;
	font-size: 10px;
	font-weight: bold;
	}
	
#realisierungen #main p, #wettbewerbe #main p, #konzepte #main p {
	margin-bottom: 2em;
	}