/* ------------- 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 */
		font-family: Verdana; 
		background: #333333;
		color: #DDDDDD; /* color: #505050; >> vorher: helle Version */
		}


/* - - - - -   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: #999999;	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: #999999;
		}

	#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;
		}

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

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

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

	/* 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: #DDDDDD;
		}


/* - - - - -   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:-4px; left: 200px;
		height:16px; width:400px;
		font-family: Helvetica, Arial;
		text-align: right;
		}

	#container_submenu {
		margin:0 auto; padding: 0;
		position:relative; /* puts container in front of distance */
		top:0px; /* Abstand von oben */
		height:20px; width:800px;
		text-align: right;
		}

	ul#menu, ul#submenu	{
		padding: 0px; margin: 0px;
		}
		
	ul#menu li, ul#submenu li {
		margin:0; padding: 0 0 0 4px;
		display: inline;
		color: #CCCCCC;
		font-size: 14px;
		text-decoration: none;
		}
		
	ul#menu a, ul#submenu a	{
		color: #999;
		text-decoration: none;
		}

	ul#menu a:hover, ul#submenu a:hover {
		color: #FFF;
		}
		
	ul#submenu li {
		font-size: 11px;
		font-family: Helvetica, Arial;
		}

	* html ul#menu a, * html ul#submenu a {
		width: 1em;    /* nur fuer IE 5.0x erforderlich */
		w/idth: auto;  /* sicherheitshalber fuer IE 6 zurueckgesetzt */
		}


/* - - - - -   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;
		background-color:#666666;
		border-right: #333333 3px solid;
		}

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

 	.pro td a:hover {
		padding:20px 15px 10px 15px;
		margin: 0px;
		height:340px;
		background-color: #707070;
		color: #EEEEEE;
		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   - - - - - */

	.sliderwrapper{
		margin: 0px;
		padding: 0px;
		border: 0px;
		position: relative; bottom: 0px;
		width: 800px; height: 400px; 
		background: #333333; /*hintergrund f¸r fading-effekt*/
		overflow: hidden; 
		}

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

	.pagination {
		margin: 0px;
		padding: 0px;
		border: 0px;
		position: relative;
		left: 0px;
		top: 6px; 
		width: 400px;
		}

	.pagination a{
		margin: 0px;
		padding: 0px;
		border: 0px;
		background-color: #999999;
		background-image: url(../img/aktiv.png) no-repeat;
		}

	.pagination a.plain{
		margin: 0px;
		padding: 0px;
		border: 0px;
		background-color: #333333;
		}

	.pagination a:hover, .pagination a.selected{
		margin: 0px;
		padding: 0px;
		border: 0px;
		color: #CCCCCC;
		background-color: #DDDDDD;
		background-image: url(../img/passiv.png) no-repeat;
		}


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

	#subcontent{
		padding: 0 0 15px 0; border: 0px;
		position:absolute; width: 400px;
		visibility: hidden;
		background-color: #333333;
		z-index:100;
		opacity: 0.9; /*nur falls wir das wechseln wollen*/
		}
	
	/* #description_title{
		margin: 0px; padding: 0px; 
		background-color: #333333;
		} */
	
	#description_title h5 {
		margin: 0px;
		padding: 4px 12px 4px 12px;
		color: #cccccc;
		background-color: #222222;
		font-size: 12px;
		font-style: normal;
		text-align: left;
		line-height:16px;
		}
	
	#description_text p {
		margin: 0;
		padding: 6px 12px 4px 12px;
		color: #dddddd; 
		text-align: left;
		}


/* - - - - -   P R O J E K T L I S T E   - - - - - */
	
	.sortable td, .sortable th {
		margin:0; padding:14px; border: 0px;
		color:#DDDDDD;
		background: #666666;		
		height:auto;
		}
		
	.sortable td {
		border-bottom:#333333 3px solid;
		}

	.sortable th {
		background: #809a12;
		border-bottom:#333333 3px solid;
		font-weight:bold;
		}

	.sortable td a:link, .sortable td a:visited {
		height: auto;
		margin:0;
		padding:0px;
		border: 0px;
		background: #666666;
		}

	.sortable td a:hover, .sortable td a:focus, .sortable td a:active {
		height: auto; 
		color: #FFFFFF;
		text-decoration: underline;
		}
		
		
/* - - - - -   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;
		}


/* - - - - -   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:#999999 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 #DDDDDD;}
	
	img.team_klein{
		margin:0; padding: 0;
		height: 35px; width: 35px;
		border: 2px solid #666666;
		float: right; display:block;
		} 

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

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

	.text_team h4 {
		border-bottom:#999999 1px solid;
		margin: 0px 36px 6px 175px;
		padding: 0px 0px 3px 0px;
		}

	.text_team table {
		margin: 0px  0px 6px 0px;
		padding: 0px;
		}

	.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 15px 15px;
		margin: 0px;
		background: #666666;
		width: 740px;
		}

	.impressum h4 {
		padding: 10px 15px 0px 15px;
		background: #666666;
		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: #cccccc; font-size: 12px; background-color:#444; width:200px; border:0px; text-align: center;}

	#output {
		position: absolute;
		top: -435px;
		left: -600px;
		height: 400px;
		width: 800px;
		overflow: auto;
		background-color: #333333;
		}
			
	#output li {
		padding: 10px;
		line-height: 1.2em;
		background-color: #666666;
		margin-top: 5px;
		margin-right: 20px;
		}
		
	#output li a:link,a:focus,a:active,a:visited {
		color: #FFFFFF;
		}
		
	#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);
		}