* {
padding:0;
margin:0;

}

body {
text-align:center;
font-family: "Arial";
background:#ffffff;
}

#container {
margin:10px auto;
width:900px;
background: #F4F4ED;
color:#fff;
text-align:left;
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;
border-top:1px solid #cccccc;
border-bottom:1px solid #cccccc;
}

a {
color:#040293;
}

.csc-firstHeader {
}

.csc-textpic-caption {
font-size:12px;
}

h1 {
font-size:16px;
border-bottom: 1px solid #040091;
margin: 20px 0 10px 0;
color:#000291;
}

h2 {
font-size:14px;
border-bottom: 1px solid #DFB700;
margin: 5px 0 10px 0;
color:#000291;
}

h3 {
font-size:13px;
color:#000291;
margin: 5px 0 10px 0;
}

p {
line-height:20px;
font-size:12px;
margin-bottom:13px;
}

li {
margin-left:15px;
}

.csc-default ul li {
margin-left:5px;
list-style-type: none;
padding-left:22px;
font-size:12px;
padding-bottom:5px;
padding-top:7px;
background: url(../img/li_element.gif) 0 50% no-repeat;
}

.csc-default ul li:hover {
background: url(../img/li_element_hover.gif) 0 50% no-repeat;
}

#header {
}

#menu {
width:900px;
height:32px;
/* background:#DFB700; */
background:#0A0086;
}



#main {
float:left;
width:900px;
color:#424242;
background:#ffffff;
background: url(../img/bg_main.png) repeat-y;
}

#left {
width:600px;
padding:10px 15px 10px 15px;
float:left;
margin: 1px 0 10px 0;
}

#right {
width:230px;
padding:4px 10px 10px 10px;
float:right;
background:#EFEFEF;
margin:10px 10px 10px 10px;
}

#right h1 {
font-size:12px;
margin-top:15px;
}

.box_klein_links {
width:290px;
float:left;
padding:0 10px 0 0;
clear:left;
}

.box_klein_rechts {
width:290px;
float:right;
padding:0 0 0 0;
clear:right;
}


ul li a.active  {
color:#E9C300;
}

ul.menu, ul.menu ul {
    list-style-type: none;   
}


ul.menu a {
    display: block;
    padding: 7px 10px 5px 10px;
    font-weight: normal;
    /* color:#2F2F2F; */
    color:#ffffff;
    text-decoration:none;
    font-size:14px;
}

ul.menu a:hover {
color:#E9C300;
}


ul.menu li {
    padding: 0;
    margin: 0;
    float: left;
    
    /* background-color: #cccccc; */
}


/* Für Unterpunkte keine Float-Eigenschaft */

ul.menu ul li {
    float:none;
    background-color: transparent;
    
}



/* Links auf Unterpunkten sollen die Hintergrundfarbe ändern */
ul.menu ul li.hover, ul.menu ul li:hover {
    background: #676767;
    color:#edaa00;
}


/* Zweite Ebene */
        ul.menu ul {
              margin:0 0 0 0;
              padding: 0;
              position: absolute;
              background: url(../img/menu_trans.png);
              display: none;
              width: 189px;
              
     }

    

     ul.menu ul a {
        height:12px;
        padding:0;
        padding: 3px 10px 10px 10px;
        }
        
        ul.menu ul a:hover {
        color:#ff8f03;
        }
        

   /* Zweite Ebene anzeigen */
       ul.menu li.hover ul, ul.menu li:hover ul  {
               display: block;
   }

/* Dritte Ebene */
   ul.menu li.hover ul ul, ul.menu li:hover ul ul {
                  display: none;
                    margin-left: 160px; /* Breite eines Listenelements - Überlagerung */
              margin-top: -20px; /* Höhe eines Listenelements */
              background: url(../img/menu_trans.png);

             
        }

   /* Dritte Ebene anzeigen */
      ul.menu li.hover ul li.hover ul, ul.menu li:hover ul li:hover ul {
                display: block;

   }

/* Vierte Ebene */
     ul.menu li.hover ul li.hover ul ul, ul.menu li:hover ul li:hover ul ul {
                 display: none;

    }

   /* Vierte Ebene anzeigen */
       ul.menu li.hover ul li.hover ul li.hover ul , ul.menu li:hover ul li:hover ul li:hover ul {
               display: block;
   }


#footer {
clear:both;
text-align:right;
padding:5px;
margin 5px 0 5px 0;
font-size:12px;
background:#fff;
border-top: 1px solid #cccccc;
}