body {
	margin: 0px;
	padding: 0px;
	background-color: #333333;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 14px;
	color: #D6D3D6;
	scrollbar-3dlight-color : #999999;
	scrollbar-arrow-color : #999999;
	scrollbar-base-color : #666666;
	scrollbar-darkshadow-color : Black;
	scrollbar-face-color : #666666;
	scrollbar-highlight-color : #999999;
	scrollbar-shadow-color : #999999;
	scrollbar-track-color : #8B8B8B;
	scrollbar-arrow-color : #FFFF00;
}

td {
font-size: 14px;
}

#container {
	background-color: #333333; /* vorher #212C31 */
    width: 1000px;
	min-height: 500px;
	position: absolute;
	left:50%;
	margin-left: -450px;
	margin-top: 12px;
	border-top: 1px solid #D20404;
	border-bottom: 1px solid #D20404;
	background-image:  url(bilder/pic_footer.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	line-height: 130%; 
	
	
	/*Abstand zwischen den linien, wie zeilenschaltung, 100% ist normal */
}

#header {
	height: 60px;
	background:  url(../bilder/logo.gif) no-repeat; 
	background-position: 0px 7px; 
	}
/* habe headerklein gemacht um logo_2 einsetzen zu können FRAGE: WAS IST BACKGROUND POSITION 14px?? */
#headerklein {
	height: 30px;
	background:  url(../bilder/logo_2.gif) no-repeat; 
	background-position: 0px 1px; 
	}
	
#content
{
float: center;
padding-top: 15px;
margin-left: 2px;

}


/* START LEFTNAVIGATION */
#leftnav {
float: left;
width: 160px;
height: 400px; /*beinflusst den abstand von den thumbs zum text */
margin: 0;
padding-top: 15px;
}

#leftnav ul {
margin: 0;
padding: 0;
list-style-type: none;
}
#leftnav li { margin: 0; 
}

#leftnav a {
display: block;
color: #D6D3D6;
background-color: transparent;
width: 160px;
padding: 2px 0px 2px 10px;
text-decoration: none;
font-size: 12px;
}

#leftnav a.sub_portfolio {
background-color: #004D4A;
}

#leftnav a.sub_publikationen {
background-color: #003063;
}

#leftnav a.sub_profile {
background-color: #640400;
}


#leftnav ul ul
{
margin-left: 30px;
padding: 0;
list-style-type: none;
}

 #leftnav li li a
{
display: block;
background-color: transparent;
width: 110px;
padding: 2px 0px 0px 0px ;
margin: 0;
text-decoration: none;
}

#leftnav a:hover
{
background-color: #7b7573;
}



/* START HAUPTNAVIGATION */
 ul#navlist, ul#navlist_kontakt
{
padding: 0;
margin: 0;
list-style-type: none;
float: left;
width: 650px;
color: #D6D3D6;
text-align: center;
font-weight: bold;
}

ul#navlist_kontakt
{
float: right;
width: 80px;
}

ul#navlist li { display: inline; text-align: center;  }

ul#navlist_kontakt li { display: inline; text-align: center;  }
ul#navlist li a
{
margin-right: 3px;
float: left;
width: 80px;
color: #D6D3D6;
background-color: #45637A;
padding: 2px 1px 0px 1px; /* Breite der nav_oben buttons hier anpassen, früher 8 jetzt 3 px*/
text-decoration: none;
}

ul#navlist_kontakt li a
{
margin-right: 3px;
float: right;
width: 80px;
color: #D6D3D6;
background-color: #45637A;
padding: 2px 1px 0px 1px;
text-decoration: none;
}

ul#navlist li.profile a:hover { 
background-color: #640400;
  }
 ul#navlist li.profile_selected a, ul#navlist li.profile_selected a:hover { 
background-color: #640400;
}

ul#navlist li.publikationen a:hover { 
background-color: #003063;
  }
 ul#navlist li.publikationen_selected a, ul#navlist li.publikationen_selected a:hover { 
background-color: #003063;
}
ul#navlist li.portfolio a:hover { 
background-color: #004D4A;
 }
 
ul#navlist li.portfolio_selected a, ul#navlist li.portfolio_selected a:hover { 
background-color: #004D4A;
}

ul#navlist li a:hover
{
background-color: #369;
color: #D6D3D6;
}

ul#navlist_kontakt li a:hover
{
background-color: #369;
color: #D6D3D6;
}



/* START INHALTSDEFINITION */
h1, h2, h3 {
 margin: 0px;
 padding: 0px;	
}
h1 {
	
}
h2{
	font-size: 15px;
}
h3{
  font-size : 16px;
}
.klein{
 font-size: 7pt;
}

.klein2{
 font-size: 9pt;
 color: #EB020D;
}

.clear { /* verhindert das der textfluss bei float elemente 
zwischen den zeilen kommt */
	clear: both; 
}

a:link {
text-decoration: none;
color: #FFD700;
}
a:visited {
 text-decoration: none;
 color: #F4A460;
}
a:hover { 
color: Red;
text-decoration: underline;
}
a:active {
 text-decoration: none;
 color: Red;
}
.inputfield {
	border: 1px solid #45637A;
	background-color: #333;
	color: #FFD700;
	font-family : Verdana, Arial, Helvetica, sans-serif;
		font-size : 12px;
}
.senden {
	border: 1px solid #AAA;
}
 .thumbnails { 
float: left;
border: 1px solid #999;
margin: 8px 2px 2px 2px;
padding: 2px; 
}

.pics_big {
float:center; padding-right: 4px; padding-bottom:12px;
/*border: 2px solid #999; versuch mit diesen tag feb06 rein, will rand von pics_big machen */
}

.pics_intro{
/* border: 5px solid #999; habe neu kleinen rand direkt auf pics drauf*/
padding: 8px; /*min 8px abstand sonst sind pics nicht auf 2 reihen; */
}

/*.thumbsbox {
	padding: 8px 2px 0px 0px;
	margin: 2px 8px 0px 0px;
 
}
.thumbs {
	padding: 0px 0px 0px 0px;
 	border: 2px solid #FFF;
	}

	/*
body>#container {
   width: 880px;
	IE (version 5,5) kann diese definition nicht erkennen
}
*/

/*
* { wird gebraucht um um die container und boxen ein 1px rand anzuzeigen
gut um fehler anzuzeigen
	border: 1px black solid;
}*/

/*.thumbs {
	padding: 2px 5px 2px 0px;
	} um die thumbs abstand definieren */