/* ------------- EM Reset -------------------------- */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0; padding: 0;
		border: 0; outline: 0;
		font-weight: inherit; 
		font-style: normal;
		font-size: 100%;
		font-family: inherit; 
		vertical-align: baseline;
		}
	/* remember to define focus styles! */
	:focus {outline: 0;}
	
	ol, ul {
		list-style: none;
		}

	/* tables still need 'cellspacing="0"' in the markup */
	table {
		border-collapse: inherit;
		border-spacing: 0;
		}

	caption, th, td {
		text-align: left;
		font-weight: normal;
		}

	blockquote:before, blockquote:after, q:before, q:after {
		content: "";
		}

	blockquote, q {
		quotes: "" "";
		}

/* - - - - - E M   R E S E T   E N D E - - - - - */


/* - - - - -   R A H M E N   - - - - - */

	html {
		width:100%; height:100%;
		}

	body {
		margin:0;
		padding: 0;
		height:100%;
		line-height: 1;
		text-align: center; /* horizontal centering for IE Win quirks */
		background: #FFFFFF;
		color: #666666; /* color: #505050; >> vorher: helle Version */
		font-family: Arial; 
/*
		text-transform:lowercase;
*/
		}


/* - - - - -   L O G O   - - - - - */
		
	#container_logo {
		margin: 0;
		padding: 0 0 0 55px;
		position:absolute;
		height: 46px;
		bottom: 26px;
		left: 20px;
		font-family: Helvetica, Arial, sans-serif;
		text-align: left;
		background: url(../img/logo_frosch.png) no-repeat bottom left;
		}

	#container_logo a {
		margin: 0;
		padding: 0;
		color: #666666;
		display: block;
		}
	
	h1	{
		font-size: 16px;
		font-weight:normal;
		margin: 10px 0px 0px 0px;
		padding: 0;
		}

	h2	{
		font-size: 13px;
		font-weight:normal;
		line-height:20px;
		}


/* - - - - -   V E R T I K A L E   Z E N T R I E R U N G   - - - - - */

	#distance {
		margin: 0; padding: 0;
		width:0px; height:50%;
		margin-bottom: -230px; /* half of container's height */
		}						


/* - - - - -   I N H A L T E   - - - - - */

	#container_title {
		margin:0 auto;
		padding:0;
		position:relative;
		text-align:left;
		top:-420px;
		height:16px;
		width:800px;
		/*background: #444444;*/
		color: #666666;
		}

	#container, #container_projekt_solo {
		margin: 0px auto;
		padding: 0px;
		position:relative; /* puts container in front of distance */
		text-align:left;
		font-size: 11px;
		height:400px;
		width:800px; /* Breite Scrollbalken */
		}

	*html #container_projekt_solo {
		margin: 0px auto -13px auto;
		} /* Korrektur fuer IE */

	.bright {
		background: #FFF;
/*		background: #d4d4d4; >> vorher: helle Version */
		}

	.scroll {
		overflow: auto;
		scrollbar-base-color:#FFFFFF;
		scrollbar-3d-light-color:#FFFFFF;
		scrollbar-arrow-color:#FFFFFF;
		scrollbar-darkshadow-color:#FFFFFF;
		scrollbar-face-color:#DDDDDD;
		scrollbar-highlight-color:#FFFFFF;
		scrollbar-shadow-color:#FFFFFF;
		scrollbar-track-color:#FFFFFF;
		}
	
	/* Ueberschriften fuer SoloProjekte */
	h3	{
		font-size: 12px;
		margin:0;
		padding:0;
		color:#999999;
		}

	/* Teilueberschriften im Fliesstext */
	h4	{
		margin:.5em 0 -.25em 0; padding: 0;
		font-weight: bold;
		font-size:11px; line-height: 14px;
		text-decoration: none;
		} 										

	p	{
		margin: .75em 0px 0.25em 0px; padding:0; 
		font-size:11px; 
		line-height: 14px;
		text-decoration: none;
		}
		
	a:link,a:hover,a:focus,a:active,a:visited {
		outline:none; 
		text-decoration: none; 
		color: #666666;
		}


/* - - - - -   N A V I G A T I O N   - - - - - */

	#container_menu {
		margin:0 auto; padding:0;
		position:relative; /* puts container in front of distance */
		top:-6px; left: 275px;
		height:16px; width:400px;
		font-family: Helvetica, Arial;
		}

/*   E R S T E   E B E N E   */
ul.dropdown {
	position:relative;
	text-transform:uppercase;
	text-align:left;
	z-index:100
	}
ul.dropdown li {
	font: 14px Arial;
	float: left;
	zoom: 1;
	}
ul.dropdown a:hover {
	color: #FFF;
	}
/* ul.dropdown a:active { color: #ffa500; } */
ul.dropdown li a {
	display: block;
	padding: 0 5px;
	color: #999;
	}
ul.dropdown li.hover, ul.dropdown li:hover {
/*	background: #FFF; */
	color: #FFF;
	position: relative;
	}
ul.dropdown li.hover a {
	color: #333;
	}

/*   Z W E I T E   E B E N E   */
ul.dropdown li.hover ul a	{
	color: white;
	font: 11px Arial;
	}
ul.dropdown ul {
	visibility: hidden;
	position: absolute;
	bottom: 100%;
	left: -10px;
	padding-bottom:16px;
	}
ul.dropdown ul li {
	font-weight: normal;
	background: #333;
	color: #FFF;
	float: none;
	padding:8px 5px 8px 5px;
	}
ul.dropdown ul li.hover	{
	background: #666;
	color: FFF;
	}
    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a {
	color: #FFF;
	width: 100%;
	display: inline-block;
	} 

ul.dropdown ul:after {
    border-color: #333 transparent;
    border-style: solid;
    border-width: 12px 12px 0;
    bottom: 5px;
    content: "";
    display: block;
    left: 25px;
    position: absolute;
    width: 0;
    }

/* - - - - -   P R O J E K T U E B E R S I C H T E N   - - - - - */

	.pro td {
		margin:0;
		padding: 0px;
		height: 340px;
		}

	.pro td a, .pro td a:visited, .pro td span {
		padding: 15px 8px 10px 8px;
		margin: 0px; 
		height: 340px;
		background-color: #FFF;
		border: 0px;
		text-decoration: none;
		display:block;
		border-radius:6px;
		}

 	.pro td a:hover {
		margin: 0px;
		height:340px;
		background-color: #333;
		color: #FFF;
		border: 0px;
		display:block; 
		}
	
	* html .pro td a, * html .pro td a:hover, * html .pro td span, {\height: 372px; w\idth:100%;} /* IE 8 padding hack */
	
	p.project 	{height: 60px;}

	p.akt		{height: 90px;}



/* - - - - -   P R O J E K T E   - - - - - */

/* - - - - -   P R O J E K T E   D I A S H O W   - - - - - */

/* Nivo Slider / November 2010 / By: Gilbert Pellegrom / http://dev7studios.com */

#slider-wrapper {
	width:800px;
	height:400px;
	margin:0 auto;
	}

#slider {
	position:relative;
	width:800px;
	height:400px;
	background:url(../img/loading.gif) no-repeat 50% 50%;
	}

#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
	}

#slider a {
	border:0;
	display:block;
	}

.nivo-controlNav {
	position:absolute;
	left:20px;
	bottom:-22px;
	}

.nivo-controlNav a {
	display:block;
	width:18px;
	height:18px;
	background:url(../img/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin:0px;
	float:left;
	}

.nivo-controlNav a.active {
	background-position:0 -18px;
	}

.nivo-directionNav a {
	display:block;
	width:50px;
	height:60px;
	background:url(../img/pfeile.png) no-repeat;
	text-indent:-9999px;
	border:0;
	}

a.nivo-nextNav {
	background-position:0 -60px;
	right:20px;
	}

a.nivo-prevNav {
	left:20px;
	}

a.infotext {
	display:block;
	top:-20px;
	width:18px;
	height:18px;
	line-height:10px;
	background:url(../img/text.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin:4px 0 0 0;
	clear:both;
	}

a.infotext:hover {
	background-position:0 -18px;
	}


/* - - - - -   P R O J E K T E   T E X T E   - - - - - */

	#subcontent{
		padding: 0 0 15px 0; border: 0px;
		position:absolute; margin-left:60px; width: 400px;
		visibility: hidden;
		background-color: #FFF;
		z-index:100;
		opacity: 0.95;
		}
	
	/* #description_title{
		margin: 0px; padding: 0px; 
		background-color: #666666;
		} */
	
	#description_title h5 {
		margin: 0px;
		padding: 6px 12px 6px 12px;
		color: #FFF;
		background-color: #333;
		font-size: 12px;
		font-style: normal;
		text-align: left;
		line-height:16px;
		}

	#description_text {
		text-align: left;
		margin:12px;
		}
			
	#description_text p {
		font-size:12px;
		line-height:1.4em;
		}

	#description_text span {
		padding:0 0 0 20px;
		color: #666; 
		font-size:12px;
		line-height:18px;
		display:block;
		}

	#description_text span.bauherr { background:url(../img/info_bauherr.gif) no-repeat; }
	#description_text span.baujahr { background:url(../img/info_fertigstellung.gif) no-repeat; }

	
/* - - - - -   P R O J E K T L I S T E   - - - - - */

	#container_title input {						/* SUCHMASKE */
		border:0px solid #FFF;
		width:185px;
		font-size:12px;
		padding:0;
		margin:0;
		background:  url(../img/search_background.gif) no-repeat; 
		background-color:#EEE;
		}

	.filterform {
		width:220px;
		font-size:12px;
		display:block;
		margin:0px;
		}

	.filterform input {
		font-size:14px;
		color:#333;
		padding-left:6px;
		padding-right:24px;
		}

	.entry {
		margin: 0 0 0 0;
		padding: 8px 10px 8px 10px;
/*		border-top: 2px dotted #DDD;  */
		background-color:#FFF;
		width:750px;
		overflow: hidden;
		text-overflow: ellipsis;
		display:block;
		color:#666;
		}

	a div.entry:hover {
		color:#FFF;
		background-color:#333;
		border-radius: 6px;
		}

	.entry img {
		float:left;
		padding-right:20px;
		height:80px;
		width:80px;
		}

	.prj_ort {
		line-height:1.2em;
		font-size:12px;
		display:block;
		padding:0 4px 20px 0;
		float:right;
		}

	.prj_titel {
		line-height:1.2em;
		font-size:13px;
		line-height:15px;
		padding-bottom:3px;
		display:block;
		font-weight:bold;
		}

	.prj_info {
		line-height:1.2em;
		font-size:12px;
		display:block;
		}

	.prj_tags {
		margin:0;
		padding:0;
		font-size:1px;
		color:#EEE;
		float:left;
		}
		
/* - - - - -   P R O F I L   - - - - - */
	
	#container_profil {
		margin: 10px 20px 0 20px;
		padding: 0px;
		position:absolute;
		top:0px;
		left: 400px;
		height:400px; width:400px;
		overflow:auto;
		}


/* - - - - -   P U B L I K A T I O N E N   - - - - - */

	#veroeffentlichungen {
		position: relative;
		top:60px; 
		height: 300px;
		witdh: 100%;
		color: #666666;
		}

	#veroeffentlichungen ul {
		margin: 0px 120px 0px 130px;
		}

	#veroeffentlichungen li {
		margin: 0px;
		padding: 6px 0px;  
		min-height:120px;
		width: 550px; 
		display: block;
		clear: both;
		}

	.text {
		float: right;
		width: 255px; 
		border-top:#DEDEDE 1px dotted;}
	
	.buch {
		float: left;
		width: 255px; 
		margin: 0px;
		padding: 6px 0px 12px 0px;
		text-align: center;
		}

	.buch img {
		border: 1px solid #CCCCCC;
		} 



/* - - - - -   T E A M - S E I T E   - - - - - */

	.sliderwrapper_team .contentdiv_team {
		visibility: hidden; /*wichtig*/
		position: absolute; /*wichtig*/
		left: 0; top: 0;  /*wichtig*/
		padding:0px;
		height: 300px;
		width: 800px; /*width of content DIVs within slider*/
		filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
		-moz-opacity: 1;
		opacity: 1;
		}

	.pagination_team {
		position: absolute;
		left: 0;
		top: 345px;
		height: 60px;
		width: 790px;
		}

	/*pagination_team a, .pagination_team a:hover, .pagination_team a.selected{
		margin: 0; padding: 0; 
		border: 0;
		}*/
	
	* html a:hover img.team_klein, *html a:link img.team_klein, *html a:focus img.team_klein, *html a:active img.team_klein, *html a:visited img.team_klein {
		margin: 0px -3px;
		}
	
	a:hover img.team_klein {border:2px solid #666;}
	
	img.team_klein{
		margin:0; padding: 0;
		height: 35px; width: 35px;
		border: 2px solid #FFF;
		float: right; display:block;
		} 

	img.team {
		margin: 15px 15px 240px 15px; padding: 0px;
		height: 160px; width: 160px;
		border: 0px;
		background:#FFFFFF;
		float: left;
		}

	.text_team {
		padding:15px;
		margin: 0px;
		}

	.text_team h4 {
		font-size:14px;
		margin: 0px 36px 6px 185px;
		padding: 0px 0px 3px 0px;
		}

	.text_team table {
		margin: 0px  0px 16px 0px;
		padding: 0px 0px 0px 10px;
		}

	.text_team td {
		line-height: 18px;
		}

	.date {
		padding: 0px 12px 0px 0px;
		width: 60px;
		text-align:left;
		}

	
/* - - - - -   K O N T A K T   - - - - - */

	#container_address {
		margin:0 auto;
		padding: 0;
		position:absolute;
		top:215px;
		left: 535px;
		height:200px;
		width:250px;
		}

	.impressum p {
		padding: 5px 15px 10px 15px;
		margin: 0px;
		background: #FFF;
		width: 740px;
		}

	.impressum h4 {
		border-top:2px #DDD dotted;
		padding: 10px 15px 0px 15px;
		background: #FFF;
		width: 740px;
		}

/* - - - - -   S U C H E   - - - - - */

	#container_search {
		margin:0;
		padding: 0;
		position:absolute;
		top:435px;
		left: 600px;
		height:80px;
		width:200px;
		z-index: 1000;
		}

	.Feld {color: #333; font-size: 12px; background-color:#EEE; width:200px; border:0px; text-align: center;}

	#output {
		position: absolute;
		top: -435px;
		left: -600px;
		height: 400px;
		width: 800px;
		overflow: auto;
		background-color: #FFF;
		}
			
	#output li {
		padding: 10px;
		line-height: 1.2em;
		background-color: #EEE;
		margin-top: 5px;
		margin-right: 20px;
		}
		
	#output li a:link,a:focus,a:active,a:visited {
		color: #666;
		}
		
	#output li a:hover {
		text-decoration: underline;
		}
		
	a.suche {
		background: url(../img/lupe.gif) no-repeat;
		width:12px;
		height:12px;
		display: inline;
		}
	a.suche:hover {
		background-image:url(../img/lupe_aktiv.gif);
		}