html { 
background-color: #b5bac0; 
height: 100%; 
margin-bottom: 0;
min-width: 840px;
}
body {  
font-size:12px;
font-family:Arial,Helvetica,sans-serif;
line-height: 20px;
color: #333333;
margin: 0;
padding: 0;
text-align:center;
}
img, table {
border:none;
}
form {
margin: 0;
padding: 0;
}
a:link, a:visited {
text-decoration: underline;
color:#000000;
}
a:hover {
text-decoration: none;
}
a:focus {
outline:none;
}
a.lila:link, a.lila:visited,a.lila:hover {
font-weight:bold;
color: #6a7bb3;
}
a.i {
font-style:oblique;
}
#wrapper {
background-color: #ffffff; 
margin: 0px auto;
width: 800px;
height:auto;
text-align: center;
}
#header {
background:url(../images/header.jpg) no-repeat top left;
width:800px;
height:81px;
}
/* -- NAVI --*/
#topnavi {
width:800px;
height:46px;
background: #495563 url(../images/menueleiste.jpg) no-repeat top right;
border:0px solid red;
padding:0;
margin:0;
}
#topnavi ul {
width:521px;
float:left;
height:46px;
border:0px solid red;
list-style: none;
margin: 0;
padding: 0;
}
#topnavi ul li{
height:46px;
float:left;
margin: 0;
padding: 0;
border:0px solid red;
}
#topnavi ul li a{
height:46px;
display:block;
width:100%;
}
li.home {
background: url(../images/button_home.jpg) no-repeat top left;
width:88px;
}
li.home a:hover, li.home_activ {
background: url(../images/button_over_home.jpg) no-repeat top left;
width:88px;
}
li.about {
background: url(../images/button_uns.jpg) no-repeat top left;
width:90px;
}
li.about a:hover, li.about_activ {
background: url(../images/button_over_uns.jpg) no-repeat top left;
width:90px;
}
li.research {
background: url(../images/button_forschung.jpg) no-repeat top left;
width:147px;
}
li.research a:hover, li.research_activ {
background: url(../images/button_over_forschung.jpg) no-repeat top left;
width:147px;
}
li.publication {
background: url(../images/button_publikation.jpg) no-repeat top left;
width:113px;
}
li.publication a:hover, li.publication_activ {
background: url(../images/button_over_publikation.jpg) no-repeat top left;
width:113px;
}
li.contact {
background: url(../images/button_kontakt.jpg) no-repeat top left;
width:83px;
}
li.contact a:hover, li.contact_activ {
background: url(../images/button_over_kontakt.jpg) no-repeat top left;
width:83px;
}
/* -- end of NAVI --*/

/* -- NAVI EN --*/
li.home_en {
background: url(../images_en/button_home.jpg) no-repeat top left;
width:88px;
}
li.home_en a:hover, li.home_activ_en {
background: url(../images_en/button_over_home.jpg) no-repeat top left;
width:88px;
}
li.about_en {
background: url(../images_en/button_uns.jpg) no-repeat top left;
width:90px;
}
li.about_en a:hover, li.about_activ_en {
background: url(../images_en/button_over_uns.jpg) no-repeat top left;
width:90px;
}
li.research_en {
background: url(../images_en/button_forschung.jpg) no-repeat top left;
width:147px;
}
li.research_en a:hover, li.research_activ_en {
background: url(../images_en/button_over_forschung.jpg) no-repeat top left;
width:147px;
}
li.publication_en {
background: url(../images_en/button_publikation.jpg) no-repeat top left;
width:113px;
}
li.publication_en a:hover, li.publication_activ_en {
background: url(../images_en/button_over_publikation.jpg) no-repeat top left;
width:113px;
}
li.contact_en {
background: url(../images_en/button_kontakt.jpg) no-repeat top left;
width:83px;
}
li.contact_en a:hover, li.contact_activ_en {
background: url(../images_en/button_over_kontakt.jpg) no-repeat top left;
width:83px;
}
/* -- end of NAVI EN --*/
#yellowline {
height:22px;
width:800px;
background-color:#fcb407;
border-top:1px solid #ffffff;
}
#content {
margin:20px auto 80px auto;
width:740px;
height:auto;
text-align:left;
}
#icons{
position:relative;
width:130px;
float:right;
height:25px;
margin-bottom: 11px;
}
.en, .de, .en_activ, .de_activ  {
float:right;
width:25px;
height:15px;
margin-top:5px;
margin-left:10px;
}
.en a, .de a{
height:15px;
display:block;
width:100%;
}
.en{
background: url(../images/icon_englisch.jpg) no-repeat top left;
}
.en_activ {
background: url(../images/icon_over_englisch.jpg) no-repeat top left;
}
.de{
background: url(../images/icon_german.jpg) no-repeat top left;
}
.de_activ {
background: url(../images/icon_over_german.jpg) no-repeat top left;
}
.mail{
float:right;
width:33px;
height:25px;
margin-left:10px;
background: url(../images/email.jpg) no-repeat top right;
border-left:1px solid #fcb407;
}
.mail a{
height:25px;
display:block;
width:100%;
}
#footer {
background-color:#9299a1;
height:42px;
width:800px;
text-align:left;
color:#ffffff;
}
.copyright {
position:relative;
top:10px;
left:30px;
font-weight:bold;
}
.copyright a:link, .copyright a:hover, .copyright a:visited, .copyright a:active {
color:#ffffff;
}
h1 {
font-size:19px;
width:600px;
padding:3px 0;
margin:0;
}
h2 {
font-size:18px;
width:600px;
padding:0 0 3px 0;
margin:0 0 3px 0;
color: #6a7bb3;
}
.yellow {
color: fcb407;
}
h3 {
font-size:13px;
width:400px;
padding:0 0 3px 0;
margin:20px 0 0 0;
color: #6a7bb3;
}
.textblock {
border-top:2px solid #fcb407;
margin:10px 0 30px 0;
padding:10px 0 0 0;
height:auto;
clear:both;
}
p {
padding:0;
margin: 0 0 5px 0 ;
}
p.autor {
color: #6a7bb3;
font-weight:bolder;
margin:0 0 3px 0;
}
.left {
float:left;
width:450px;
height:auto;
border:0px solid cyan;
}
.one_four {
width:300px;
height:auto;
float:left;
margin-right:30px;
margin-bottom:20px;
}