/**
 * CSS by Thomas Karolzyk
 * thomas@karolzyk.com
 */
 

/*** GENERAL ***/

body {
	background: #999 url(../img/backover_team.gif) no-repeat;
	background-position: 0px 389px;
	margin: 0;
	color: #555;
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 140%;
}

a {
	color:#555;
	padding: 0 0 1px 0;
	text-decoration: none;
	font-weight:bold;
}

a:hover {
	text-decoration: none;
}

a img, img a 	{ border:0 }

h1 { font-size: 11px; margin: 0px 0 11px 0; font-weight:bold;  }
h1 a { color:#555; text-decoration: none; }

h3 { font-size: 10px; padding: 7px 0 2px 0; margin: 0 0 6px 0; font-weight:bold; clear:both; }

/*** LAYOUT ***/

/* copy
#div_absolute { position: absolute; top: 0; left: 0; background-color: #f00; padding: 0 0 0 0; margin: 0 0 0 0; height: 5em; width: 5em; }
#div_relative { position: relative; background-color: #f00; padding: 0 0 0 0; margin: 0 0 0 0; height: 5em; width: 5em; }
*/

div#logo { position: absolute; top: 22px; right: 0px; background-color: transparent; padding: 0; margin: 0; height: auto; width: auto; }

div#content { border-top:1px solid #fff; border-bottom:1px solid #fff; position: absolute; top: 145px; left: 0; background-color: #fff; padding: 0; margin: 0; height: 218px; width: 100%; z-index:1; }
div#content_image { position: absolute; top: 0; left: 0; padding: 0; margin: 0; height: 218px; width: 350px;}
div#content_text { position: absolute; top: 0; left: 350px; padding: 8px 0 0 20px; margin: 0; height: 210px; width: 370px; overflow:auto;}
div#content_nav { position: absolute; top: 0; left: 750px; padding: 32px 0 0 25px; margin: 0; height: auto; width: auto;}

/* NAV */
div#nav { font-size:9px; position: absolute; top: 369px; left: 370px; padding:0; margin:0; height:auto; width:auto; z-index:1;  }
div#nav ul { margin: 0; padding:0; display:inline;  }
div#nav ul li { display:inline; margin: 0 10px 0 0; padding:0; list-style:none; } 
div#nav ul li a { text-decoration:none; color: #fff;  } 
div#nav ul li a:hover { color: #000;  } 

/* higlight */
div#nav ul li.hi a { color:#333; font-weight:bold; }
div#content_nav ul li.hi a { color:#333; font-weight:bold; }

/* NAV RIGHT */
div#content_nav ul { border-left: 1px dotted #777; margin: 0; padding:0 0 0 10px; display: block; }
div#content_nav ul li { margin: 0 0 3px 0; padding:0; list-style:none; } 
div#content_nav ul li a { text-decoration:none; color: #777;  } 
div#content_nav ul li a:hover { color: #000;  } 

div#left_content { color:#fff; position:absolute; top:383px; left:15px; padding:0; margin:0; height:auto; width:320px; }
div#navbg { color:#fff; position:absolute; top:363px; right:0; padding:0; margin:0; height:25px; width:100%; background: transparent url('../img/verlauf_team.jpg') no-repeat; z-index:0; background-position: top right; }

div#content_nav a,
div#nav a
{
	font-weight:normal;
}


/*** FORMS ***/

input { font-size: 9px; }
textarea { font-size: 9px; }

/*** FORMS ***/

form,
div.csc-mailform-field,
div.csc-mailform,
fieldset
{ 
	padding:0; 
	margin:0; 
} 

div.csc-mailform-field label {
	clear:left; 
	display:block; 
	width:100px; 
	text-align:left; 
	float:left;
	margin: 2px 0 5px 0;
}


div.csc-mailform-field input,
div.csc-mailform-field textarea {
	display:block; 
	text-align:left; 
	float:left;
	margin: 5px 0 5px 0;
	border: 1px solid #999;
	font: 9px Verdana, Arial;
	padding:1px;
}

fieldset {border:0; pading:0;}