body{
    margin: 0;
    padding: 0;
    font-family: "comic sans ms", "Lucida Grande", sans-serif;
    background: #F9F9F9;
}
#div{
    
}
#header{
    height: 10px;
    background: #000000;
}
#container{
    width: 90%;
    margin: 0 5% 0 5%;
}
#top{
    height: 250px;
    background: #F9F9F9 url(../images/header_bg.jpg) repeat-x;
}
#top-wrapper{
    float: left;
    width: 100%;
}
#top-center{
    height: 250px;
    margin: 0 150px 0 230px;
    background: url(../images/Zeichnung_Rheydt.jpg) no-repeat;
}
#top-right{
    float: left;
    width: 150px;
    margin-left: -150px;
    height: 250px;
    background: url(../images/20160517Hinweis.jpg) no-repeat;
}
#top-left{
    float: left;
    width: 230px;
    margin-left: -100%;
    height: 250px;
    background: url(../images/Zwar_Logo_Rheydt.jpg) no-repeat;
}

#center{
    clear: both;
    /*min-height: 350px;*/
    background: #f9f9f9;
}
#center-wrapper{
    float: left;
    width: 100%;
}
#center-center{
    margin: 0 150px 0 230px;
    padding: 0 10pt;
    background: #f9f9f9;
}
#center-right{
    float: left;
    width: 150px;
    min-height: 650px;
    margin-left: -150px;
    /*padding: 0 5pt;*/
    font: 10pt;
    background: url(../images/bg_right.jpg) repeat-y;
}
#center-left{
    float: left;
    width: 230px;
    min-height: 650px;
    margin-left: -100%;
    background: url(../images/bg_left.jpg) repeat-y;
}
#bottom{
    clear: both;
    height: 10pt;
    padding: 0 0 10pt 5pt;
    color: #f9f9f9;
    background: #9f9f9f;
    font: 8pt;
}
#footer{
    height: 10px;
    background: #000000;
}
#nav-main{
    display: inline;
    float: right; /*left*/
    /*margin: 79px 0 0 190px;*/
    margin: 50px 10px 0 0;
    /*margin: 10px 5px 0 0;*/
    padding: 0; 
}
#nav-main li{
    /*float: left; /* bewirkt horizontale Darstellung der Liste*/    
    margin: 5;
    padding: 5;
    list-style: none;
    color: #f9f9f9;
}
#nav-main a:link, #nav-main a:visited{
    display: block;
    margin: 0 0 5px 0;
    padding: .3em 10px;
    color: #f9f9f9;
    background: url(../images/left_mn_link_neu.jpg);
    width: 100px;
    background-position: 10px 0;
    border: 1px;
    border-radius: 5px;            
    font-weight: bold;
    text-decoration: none;
    font: comic sans ms,sans-serif;
    font-size: 10pt;
}
#nav-main a:hover{
    display: block;
    margin: 0 0 5px 0;
    padding: .3em 10px;
    color: #f9f9f9;
    background: url(../images/left_mn_link_neu_hover.jpg);
    width: 100px;
    background-position: 10px 0;
    border: 1px;
    border-radius: 5px;  
    font-weight: bold;
    text-decoration: none;
    font: comic sans ms,sans-serif;
    font-size: 10pt;
}
#nav-left{
    /*display: inline;*/
    float: left;
    width: 230px;
    padding: 0;
    /*list-style: none;*/
}
#nav-left li{
    /*float: left; /* bewirkt horizontale Darstellung der Liste*/    
    margin: 5;
    padding: 5;
    list-style: none;
    color: #f9f9f9;
}
#nav-left a:link, #nav-left a:visited{
    display: block;
    margin: 0 0 5px -20px;
    /*margin-left: -20px;*/
    padding: .3em 10px;
    color: #f9f9f9;
    background: url(../images/left_mn_link_neu.jpg);
    width: 170px;
    background-position: 20px 0;
    border: 1px;
    border-radius: 5px;            
    font-weight: bold;
    text-decoration: none;
    font: comic sans ms,sans-serif;
    font-size: 10pt;
}
#nav-left a:hover{
    display: block;
    padding: .3em 10px;
    background: url(../images/left_mn_link_neu_hover.jpg);
    background-position: 10px 0;
    color: #f9f9f9;
    font-weight: bolder;
    text-decoration: none;
    font: comic sans ms,sans-serif;
    font-size: 10pt;
}