*   { margin: 0; padding: 0;  }
body       
{ 
color: #FFFFFF; 
font: 13px Verdana,Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
background-color: #000000; 
text-align: center; 
}


h1, h2, h3, h4, h5, h6 
{ 
  font: 22px Verdana,Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  font-weight: normal; 
  color: #EE3338;
  margin: 0px 0px 20px 0px;
	clear: both;
}

p         
{ 
color: #EEEDED; 
line-height: 200%;
}

a        
{ 
color: #FFF215;
text-decoration: none;  
border: 0px;
}

a:hover  
{ 
color: #FFF215;
text-decoration: underline;
background-repeat:no-repeat;
}


.floatLeft img 
{
  float: left;
  margin-right: 20px;
  margin-bottom: 10px;
  position: relative;
}

.floatRight img
{
	float:right;
	margin-left: 20px;
	margin-bottom: 20px;
	background-color:white;
}

ul     
{ 
list-style-type: none; 
display: block 
}

li    
{ 
color: #036; 
list-style-type: none; 
display: block 
}

hr    
{ 
line-height: 130%; 
background-color: white; 
text-align: center; 
border: 1px #003366; 
width: 150px 
}

DT 
{ 
font-weight:bold; 
}

DD 
{ 
margin-bottom:20px; 
margin-left:20px;
}


#container       
{ 
text-align: center; 
margin: auto; 
position: relative; 
width: 1000; 
}


#header              
{ 
background-color: #000000;
text-align: right; 
width: 1000px; 
height: 84px 
}


#main         
{ 
font-family: Verdana,Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
background-color: #000000; 
float:left;
text-align:left;
width: 1000px; 
}

#mitte_inhalt
{
margin: 40px;
}

#footer  
{ 
font-family: Verdana,Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
background-color: #000000; 
text-align: left; 

width: 1000px; 
height: 39px 
}

#column           
{ 
background-color: transparent; 
float: right; 
position: absolute; 
top: 239px; 
right: 0px; 
width: 174px; 

overflow: auto 
}


/*	


	**************************** Content *************************************** 
*/
#content                
{ 
background-image: url(../files/linie_bg.gif);
background-color:black;
background-repeat:repeat-y;
color: #FFFFFF; 
line-height: 130%;
font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
position: absolute; 
z-index: 20; 
top: 82px; 
left: 140px; 
width: 841px; 
overflow: auto; 
}

#content-window                
{ 
background-color:black;
color: #FFFFFF; 
line-height: 130%;
font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
position: absolute; 
z-index: 20; 
top: 20px; 
width:800px;
overflow: auto; 
text-align:center
}

#content-toplinie
{
background-image: url(../files/linie_top.gif);
background-repeat:no-repeat;
height:7px;
}


#content-footer        
{ 
background-image: url(../files/footer.gif);
background-repeat:no-repeat;
height:46px;
}




/*
	**************************** Navigation *************************************** 
*/
#nav 
{ 
float: right; 
text-align: right;
position: absolute; 
padding-left: 0px;
padding-top: 0px; 
width:136px;
border: 0px;
}

#nav a        
{ 
color: #FFF215;
text-decoration: none; 
text-align: right; 
font-weight: bold;
border: 0px;
}

#nav a:hover  
{ 
color: #FFF215;
text-decoration: none;
border: 0px; 
}

#nav li 
{ 
font-weight: bold; 
font-size: 1em; 
border: 0px;
}


/*	
	erste Navigationsebene 
*/
#nav ul.nav1st
{ 
color: #FFF215;
line-height: 270%; 
}

/*	
	zweite Navigationsebene 
*/
#nav ul.nav2nd{ 
font-size: 0.8em;
color: #0098DB;
line-height: 170%;
}

/*	
	Navi MouseOver erste Ebene
*/
#nav ul.nav1st li a:hover   
{ 
background-image: url(../files/pfeil_gelb.gif);
background-repeat:no-repeat;
padding-left:10px;
}

/*	
	Navi MouseOver zweite Ebene
*/
#nav ul.nav2nd li a:hover    
{ 
background-image: url(../files/pfeil_blau.gif);
background-repeat:no-repeat;
padding-left:10px;
color: #0098DB;
}


/*	
	Die Farbe der ausgewählten ersten NaviEbene ändern 
*/
#nav ul.nav1st li.active a.,
#nav ul.nav1st li.active a:link 
{
/*background-image: url(../files/pfeil_gelb.gif);*/
background-repeat:no-repeat;
padding-left:10px;
}

/*	
	Die Farbe der ausgewählten zweiten NaviEbene ändern 
*/
#nav ul.nav2nd li.active a.,
#nav ul.nav2nd li.active a:link 
{
background-image: url(../files/pfeil_blau.gif);
background-repeat:no-repeat;
padding-left:10px;
}

/*	
	aktuell ausgewählter NaviPunkt vom Untermenü
*/
#nav ul.nav2nd a,
#nav ul.nav2nd a.current, 
#nav ul.nav2nd a.current:link, 
#nav ul.nav2nd a:hover {
color: #0098DB;
font-weight: bold; 
}


#nav ul.nav2nd a.current, 
#nav ul.nav2nd a.current:link, 
#nav ul.nav2nd a:hover {
background-image: url(../files/pfeil_blau.gif);
background-repeat:no-repeat;
padding-left:10px;
}

/*	
	aktuell ausgewählter NaviPunkt vom Hauptmenü
*/
#nav a.current, 
#nav a.current:link, 
#nav a:hover {
background-image: url(../files/pfeil_gelb.gif);
background-repeat:no-repeat;
padding-left:10px;
}

/*
	**************************** Projektübersicht *************************************** 
*/
#projekte 
{ 
float: left; 
}

#projekte a        
{ 
background-image: url(../files/pfeil_blau.gif);
background-repeat:no-repeat;
padding-left:10px;
text-decoration:none;
font-weight:bold;
font-size:0.9em;
line-height:170%;
color:#0098DB;
}

/* Klassen */

.nowrap {
white-space: nowrap;
}

/* facebook */
div#fb {
    height: 36px;
    margin: 50px 0 0 0px;
    padding: 4px 0 0 5px;
}

div#fb img {
    margin: 0 5px 0 0;
    vertical-align: middle;
}