* {
padding:0;
margin:0;
}

html {
height: 100%;
}


body {
height: 100%;
background: #FFFFFF;
border: none;
margin: 0;
padding: 0 10px 20px 10px ;
font-family:arial,sans serif;
font-size: 12px;
color: white;
}


#main {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -25px;
width: 850px;
color:#404040;
} 


 /*Fu§zeile*/
 
.push {
float: right;
width: 850px;
height: 25px;
}

.footer {
float: right;
width: 100%;
height: 25px;
}

.footercontent {
border-top: 2px solid #CCCCCC;
padding-top: 3px;
margin: auto;
text-align: right;
width: 850px;
background-color: white;
/*
background-image:url(images/balken.gif);
background-repeat: no-repeat;
background-position: center top ;
*/
}


       /*header*/
          
#bannerwrap  {
padding-top:  0;
width: 100%;
height: auto;
}





#banner  {
margin: 0px;
width: 404px;
height: 150px;
background: #CCCCCC;
background-image:url(images/titel.jpg);
background-repeat: no-repeat;
background-position: left bottom ;
} 

#sprache  {
float: right;
margin-top: 121px;
padding-right: 12px;
color: white;
} 

#headernavi {
padding: 5px;
font-size: 1em;
width: 390px ;
margin-top: 2px;
padding-bottom: 50px;
}


 
 /*content*/ 


#titel{
padding:  10px 0 10px 0;
float: left;
width: 200px;
margin-right: 4px;
border-top: 10px solid #CCCCCC ; 
} 

#titel h2 {
padding-left:  2px;
} 

#menu {
padding:  10px 0px 10px 0px;
float: left;
width: 200px;
margin: 0px;
border-top: 10px solid #CCCCCC ; 
} 


#menu p {
padding-left:  2px;
} 


#menu ul {
padding-left:  2px;
} 

#inhalt {
padding:  10px 0 0 0;
font-size: 1em;
float: right;
width: 430px;
margin: 0;
border-top: 10px solid #CCCCCC ;
} 

#inhalt p {
text-align: justify;
} 

#inhalt h3 {
padding-left:  2px;
} 





#text {
padding:  0 4px 10px 4px;
float: right;
font-size: 1em;
width: 422px;
margin: 2px;
} 

#bio {
padding:  0 2px 10px 2px;
float: right;
font-size: 1em;
width: 426px;
margin: 2px;
} 

 /*tags*/ 

p {
margin: 0;
padding: 0;
}
  
img {
border: 0;
margin: 5px 0 0 0;
padding: 0;
}

object {
margin: 0;
padding: 0;
}

#film {
margin: 5px 0 0 0;
padding: 0;
}


a  {
text-decoration:none;
color: #666666;
font-size: 0.9em;
font-weight: bold;
}


a:hover {
text-decoration: none;
color:#FF0000;
}


.zwei {
color: #333333;
font-size: 1.1em;
}

.drei {
color: black;
font-size: 1em;
font-weight: bold;
}

.vier {
font-size: 12px;
color: #333333;
font-weight: bold;
}




h1 {
font-size: 1.2em;
color: white;
}
      
h2 {
margin: 0;
font-size: 1.5em;
color:#FF0000;
}

h3 {
margin: 0;
padding-bottom: 3px;
font-size: 1.5em;
color:#FF0000;
}

h4 {
margin: 25px 0 0 0;
padding-bottom: 3px;
font-size: 1.2em;
color: #404040;
}

h5 {
font-weight: normal;
font-size: 0.9em;
color: #404040;
}



#linie {
width: 350px; 
color:#CCCCCC;
background-color:#CCCCCC; 
height:10px;
margin:0; 
border:none;
}


 /*listen*/ 

ul{
margin: 0 0 5px 0;
padding: 0;
list-style-type: none;
}


li{
margin:  0 0 10px 0;
padding: 0;
}
     
     
#inhalt ul{
margin: 10px 0 0 ;
padding: 0;
list-style-type: none;
list-style-position: outside;
}


#inhalt li{
margin:  0 0 10px 0 ;
padding: 0;
}
          

  
       

          /*kontaktseite*/
 
form {
background-color: #CCCCCC;
width: 410px;
padding: 10px;
border: none;
}

label {
display: block;
cursor: pointer;
}

input#absender, 
textarea {
width: 408px;
border: none;
margin-bottom: 10px;
}

input#name, 
textarea {
width: 408px;
border: none;
margin-bottom: 10px;
}

input#button {
width: 210px;
border: none;
margin-bottom: 5px;
}

textarea {
height: 200px;
}


input#absender:focus,
textarea:focus {
background-color: #EBE7E7;
}

input#name:focus,
textarea:focus {
background-color: #EBE7E7;
}