body {
	margin:0; 
        padding:0;
        background:black;
        font-family: Arial, Helvetica, sans-serif;
        font-size:12px;
        text-align: center;
        color:white;
}

#main 
{
      width: 900px;
      margin: 5px auto;
      padding:0;
      text-align: center;
      background:black;
}


#header
{
      width: 100%;
      height: 350px;
      margin:0;
      background: black url(grafik/ide.jpg) no-repeat;
}

.pic {width: 530px;height:310px;margin-left:370px;}

#box-background {position: absolute;width:800px; height:500px;margin:-290px 0px 0px -390px;top: 50%;left: 50%;}

#content-block
{
      width: 898px;
      margin: 0;
      padding:0;
      overflow:hidden;
      border: 1px solid #535353;

     
}

#content-left
{ 
      float: left;
      width: 568px;
      margin-top: 10px;
      text-align: left;
      margin-left: 10px;
     
}

#content-right
{
      float: right;
      width: 310px;
      margin-top: 10px;
     
}

#footer
{
      font-size: 80%;
      font-weight: bold;
}

#cleaner
{
      clear: both;
      width: 100%;
      height: 15px;
}

#sponsor {width:290px;margin:5px;border:1px solid #535353;background:#142841;}

A:link {color: #97CFFE; text-decoration: none} 
A:visited {color: #97CFFE; text-decoration: none}
A:active {color: white; text-decoration: none}
A:hover {color: white; text-decoration: none}
a.klein2:link {color: #535353; text-decoration: none} 
a.klein2:visited {color: #535353; text-decoration: none}
a.klein2:active {color: #535353; text-decoration: none}
a.klein2:hover {color: #535353; text-decoration: none}
a.na:link {color: white; text-decoration: none} 
a.na:visited {color: white; text-decoration: none}
a.na:active {color: black; text-decoration: none}
a.na:hover {color: black; text-decoration: none}

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

}

li 
{
      width : 74px;
      height: 35px;
      margin: 0;
      float :left;
      text-align : center;
}

li a 
{     
      font-weight:bold;
      line-height:30px;
      color: #f77f20;
      height: 35px;
      text-decoration : none;
      text-align : center;
      display : block;
      border-right:1px solid #535353;
}
    
li a:hover 
{
      background: #f3f3f3 url(grafik/button2.gif) repeat-x;
}



.navi
{
      width: 100%;
      height: 38px;
      background: url(grafik/button.gif);
      filter:alpha(opacity=90);-moz-opacity: 0.9;opacity: 0.9;
      
      
}

h1 {font-size: 140%;font-style:italic;margin-bottom:20px;}
h2 {font-size: 120%;font-style:italic;}
h3 {font-size: 120%;}
h4 {font-size: 100%;}

.border {border: 1px solid #535353;}
.klein {font-size: 80%;}

.button-submit 
{
         border-right:1px solid #535353;
         border-bottom: 1px solid #535353;
         border-left:1px solid white;
         border-top: 1px solid white;
         margin-top: 8px;
}

.news-box
{
      text-align: left;
      margin-top:5px;
      margin-bottom: 5px;
      margin-left:0px;
      border-bottom: 2px solid #ccc;
}

.minilink {color: #bbb;font-size:80%}

.link
{
        background: url(grafik/link.gif) no-repeat left;
        padding-left: 17px;
        font-weight: bold;
}

.iframe
{
        width:300px;
        height: 240px;
        border:3px solid #ccc;
        background:#e1e1e1;
}