body,td,input,textarea,form,table,tr,p,div, ul, li, a {
 color: #909B9A;
 font-family: arial;
 font-weight:normal;
}
body {
 background-attachment:fixed;
  background-color:#fff;
  background-repeat:repeat-x;
 }
img {
 border-color:#2C31C1;
 }
img.noborder {
 border:0;
}
/*Navigationsleiste*/
div#navcontainer
{
height: 200px;
}
img {
 border:0;
}
#navcontainer
{
margin: 0 0 0 0;
padding: 0;
height: 150px;
}
#navcontainer ul
{
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}
#navcontainer ul li
{
display: block;
float: left;
text-align: center;
padding: 0;
margin: 0;
}
#navcontainer ul li a
{
width: 150px;
height: 150px;
padding: 0;
margin: 0px 0px 0px 0px;
color: #dddddd;
text-decoration: none;
display: block;
text-align: center;
font: normal 14px arial;
}
#navcontainer ul li a:hover
{
color: #909B9A;
}
#navcontainer a:active
{
color: #909B9A;
}
#navcontainer li#active a
{
border: 1px solid #c60;
color: #909B9A;
}
#navleft {
width:8px; /* die Breite muss unbedingt angegeben werden */
border:1px solid black;
padding:5px; /* sollte festgelegt werden, wenn ein Rahmen gezogen wird.*/
background:#eee;
float:left; /* das bedeutet, dass das nächste Element rechts daneben angeordnet wird*/
font-weight:bold;
text-align:center;
}
/*Normale links*/
a.lines, a.lines:link ,a.lines:visited {
 font-weight:bold;
 font-size: 16px;
 text-align: center;
 text-decoration:none
}
a.lines:active,a.lines:hover {
 font-weight:bold;
 font-size: 16px;
 text-align: center;
 color:#bbbbbb;
 text-decoration:none
}
a.mail, a.mail:link ,a.mail:visited {
 font-size: 12px;
 text-align: center;
 border-bottom: 1px solid #909B9A;
 text-decoration:none
}
a.mail:active,a.mail:hover {
 font-size: 12px;
 text-align: center;
 color:#909B9A;
 border-bottom: 2px solid #909B9A;
 text-decoration:none
}
/*footer link*/
a.footer, a.footer:link ,a.footer:visited {
 font-weight:normal;
 font-family: arial;
 font-size: 12pt;
 text-align: center;
 color:#0000ff;
 text-decoration:none
}
a.lines:footer,a.footer:hover {
 font-weight:normal;
 font-family: arial;
 font-size: 12pt;
 text-align: center;
 color:#ffffff;
 text-decoration:none
}
/*standartschriftart*/
.zelle2{
 font-weight: bold;
 color:#909B9A;
 font-weight:normal;
 font-family: arial;
 font-size: 13px;
 }
#top{
 font-size: 18px;
 width: 680px;
 text-align: left;
 height:20px;
 display: block;
}
#tophell{
 font-family: arial;
 font-size: 18px;
 font-weight:normal;
 width: 680px;
 text-align: left;
 height:20px;
 display: block;
}
#box{
 padding: 5px 5px 5px -2px;
 width: 680px;
 font-size: 16px;
 font-weight:normal;
 text-align: left;
 }
#boximp{
 padding: 5px 5px 5px -2px;
 width: 680px;
 font-size: 12px;
 text-align: left;
}
#bottom{
 text-align: center;
 width: 680px;
 height:20px;
}
/*Seiten Layout -- NICHTS ÄNDERN AUS DEM HINTERGUND UND DEN HINTERGRUNDFARBEN, ODER DAS LAYOUT WIRD GESPRENGT*/
#page {
  margin: 0;
  padding: 0;
  height: 1000px;
  width: 1000px;
}
#header {
  margin: 0;
  padding: 0;
  height: 280px;
  width: 1000px;
}
#header h2
{
 font-family: arial;
 font-weight:bold;
 font-size: 28px;
}
#header .header
{
 font-family: arial;
 font-weight:normal;
 margin: 0 0 0 0;
 text-align:left;
 font-size: 28px;
 text-decoration: none;
}
        #header a.fade:active, #header a.fade:hover {
        FILTER: alpha(opacity:70);
        -moz-opacity: 0.70;
        height:200px;
        width: 153px;
        color: #dddddd;
        padding:0px 0px 0px 0px;
        text-decoration: none;
        text-align:center;
        }
        #header a.active, #header a.active:link, #header a.active:visited {
        height:190px;
        width: 200px;
        display: block;
        text-decoration: none;
        text-align:center;
        }

#content {
  position: relative;
  top: 10px;
  left: 0px;
  margin: 0;
  padding: 0;
  width: 1000px;
  z-index:4;
}
 a.fade, a.fade:link, a.fade:visited {
 FILTER: alpha(opacity:100);
 -moz-opacity: 1.0;
 height:150px;
 width: 153px;
 display: block;
 color: #ffffff;
 font-size:14px;
 text-decoration: none;
 text-align:center;
}
 a.fade2, a.fade2:link, a.fade2:visited {
 FILTER: alpha(opacity:100);
 -moz-opacity: 1.0;
 height:1px;
 width: 150px;
 display: block;
 color: #ffffff;
 font-size:14px;
 text-decoration: none;
 text-align:center;
}
 a.fade2:active, a.fade2:hover {
 height:1px;
 width: 150px;
 color: #909B9A;
 padding:3px 0px 0px 3px;
 text-decoration: none;
 text-align:center;
}
 a.active2, a.active2:link, a.active2:visited {
 width: 200px;
 display: block;
 color: #909B9A;
 font-size: 16px;
 text-align: center;
 text-decoration: none;
 text-align:center;
}
#nav{
 position: relative;
 top: 20px;
 left: 20px;
 float:left;
 margin: 0;
 padding: 0;
 width: 250px;
 text-align: left;
}
        #nav a.lines, #nav a.lines:link ,#nav a.lines:visited {
        font-weight:bold;
        font-size: 16px;
        text-align: center;
        text-decoration:none
        }
        #nav a.lines:active, #nav a.lines:hover {
        font-weight:bold;
        font-size: 16px;
        text-align: center;
        color:#bbbbbb;
        text-decoration:none
        }
        #nav .active{
        color:#bbbbbb;
        font-weight:bold;
        font-size: 16px;
        text-align: center;
        text-decoration:none
        }
#main{
 position: relative;
 top: 20px;
 left: 10px;
 float:right;
 margin: 0;
 padding: 0 0 0 0;
 width: 750px;
 text-align: left;
}
#footer {
 position: absolute;
 top: 720px;
 left: 0px;
 text-align:center;
 margin: 0;
 padding: 0;
 height: 25px;
 width: 750px;
 border: 1px solid #666;
}
.buttons{
color: #000000;
}
#pic1{
float:left;
width: 210px;
margin: 5px 15px 0px 10px;}
#pic2{
float:left;
width: 210px;
margin: 5px 15px 0px 15px;}
#pic3{
float:left;
width: 210px;
margin: 5px 15px 0px 15px;}
#pic4{
float:left;
width: 210px;
margin: 5px 15px 0px 15px;}



#viewer
{
visibility:hidden;
background-color:#D4D47D;
margin:0;
position:absolute;
left:0;
width:0;
height:0;
border:0;
font-size: 16px;
color:#909B9A;
z-index:10000000000;
overflow:hidden;
FILTER: alpha(opacity:85);
-moz-opacity: 0.85;
}
#leben {
 color: #909B9A;
 font-family: arial;
 font-weight:normal;
 font-size: 16px;
 text-decoration:none
}
#leben2 {
/*
 background: url("./images/foto.jpg");
 background-position:503px 255px;
 background-repeat:no-repeat;
*/
 color: #909B9A;
 font-family: arial;
 font-weight:normal;
 font-size: 16px;
 text-decoration:none
}

.feld {
color: 000000;
}