html,body{margin:0 auto;padding:0}
body{background:url(images/back.jpg) repeat;
font: 82% arial,sans-serif;
text-align:center}
a{display:block;color: #981793;padding:10px}
#header {
height:115px;
margin:30px 0 0 0;
background:url(images/logo1.jpg) no-repeat;}
#header h1{height:80px;line-height:80px;margin:0;
  padding-left:10px;background: #EEE;color: #79B30B}
/* menu */
#menu { width: 100%; background: #fc3033; float: left; margin:0 0 30px 0;}

    #menu ul { list-style: none; margin: 0; padding: 0; width: 170px; float: left;
    }

    #menu a, #menu h2
      { font: bold 12px/16px arial,sans-serif;
      display: block;
      margin: 0;
      padding: 2px 3px; }

    #menu h2 { color: #ffff01; text-transform: uppercase; line-height:20px;
    }

    #menu a { color: #fc3033; background: #fff; text-decoration: none; }

    #menu a:hover { color: #a00; background: #fff; }

    #menu a.mainlevel { color: #ffff01; background: #fc3033; text-transform: uppercase; line-height:20px; text-decoration: none; }

    #menu li {position: relative;}

    #menu ul ul { position: absolute; z-index: 500; }

    #menu ul ul ul { position: absolute; top: 0; left: 100%; }

    div#menu ul ul,
    div#menu ul li:hover ul ul,
    div#menu ul ul li:hover ul ul
      {display: none;}

    div#menu ul li:hover ul,
    div#menu ul ul li:hover ul,
    div#menu ul ul ul li:hover ul
      {display: block;}
#container{
text-align:left;
width:1000px;
margin:0 auto}
#content{
float:right;
width:800px}
#content p{
line-height:1.4;
width:790px}
.zert
{
line-height:1.4;
width:790px;
height: 200px}
.zert img{
        float:left;
        margin: 0px 0px 0px 0px;
        padding-right: 5px;
        padding-bottom: 10px;
        padding-top: 3px}
.content_start
{
float: left;
line-height:1.4;
width:300px;
height: 250px}
.content_start img{
        float:left;
        margin: 0px 0px 0px 0px;
        padding-right: 5px;
        padding-top: 5px}
.content_right
{
float: right;
line-height: 1.4;
width: 460px;
}
.content_right h3
{
font-size: 1.1em;
margin: 0 0 15px 0
}
.scrollen {
width: 448px;
height: 490px;
overflow: auto;
margin: 5px 0 0 0;
padding: 5px;
border: 1px solid #fc3033
}
.content_ref
{
height: 120px;
font-size: 1em;
}
.content_ref img
{
float:right;
}
.content_ref a {
font: normal;
color: #fc3033;
line-height: 14px;
padding:3px 0px 0px 0px;
display:block; }
.content_info
{
height: 100px;
font-size: 1em;
}
.content_news
{
float: left;
line-height:1.4;
width:300px;
margin: 20px 0 0 0
}
.content_news a {
font: normal;
color: #fc3033;
line-height: 1.4;
padding:3px 3px 3px 0px;
display:block; }
.content_news a:hover  {
color:#333;
text-decoration:underline;
font-weight: normal;}
a {
font: normal;
color: #fc3033;
line-height: 10px;
padding:3px 3px 3px 10px;
display:block; }
a:hover  {
color:#333;
text-decoration:underline;
font-weight: normal;}
#navigation{float:left;width:200px}
#navigation a{
display:block;
color: #981793;
padding:10px}
#extra{background:#fff;float:right;width:800px}
#footer{
border-top:1px dotted #fc3033;
color: #000;
clear:both;
margin:15px 0 0 0;
width:100%}
#footer p{margin:0;padding:5px 10px;text-align:center}