html, body{
        background-color: #aaaaaa;
        font-size: 12px;
        font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
        color:#FFFFFF;
        margin:0;
        padding:0;
        text-align:center;
        padding:15px;
}
a {color: #ffffff;}
a:visited {color:#ffffff;}
a:hover {color: #dddddd;}
a:active { color:#333333;}

h1 {
        font-size: 18px;
        font-weight: normal;
 }

h2 {
        font-size: 16px;
        font-weight: normal;
}

#pagewidth{
        width:800px;
        text-align:left;
        margin-left:auto;
        margin-right:auto;
}

#twocols{
        width:780px;
        float:left;
         position:relative;
        background-color:#ffffff;
        padding: 10px;
}
/* -----------------Oben--------------------- */
#bild_1{
        height: 207px;
        width: 252px;
        margin-right: 10px;
        float:left;
}

#bild_2{
        height: 207px;
        width: 252px;
        margin-right: 10px;
        float:left;
}

#bild_3{
        height: 207px;
        width: 252px;
        float:left;
        clear: right;
}
/* -----------------Mitte--------------------- */
#menu {
        height: 186px;
        width: 252px;
        background-image: url(images/menu.png);
        margin-top: 10px;
        margin-right: 10px;
        float:left;
}


#banner{
        height: 186px;
        width: 252px;
        background-image: url(images/banner.png);
        margin-top: 10px;
        margin-right: 10px;
        float:left;

}

#bild_4{
        height: 186px;
        width: 252px;
        margin-top: 10px;
        float:left;
        clear: right;
}
/* -----------------Unten--------------------- */
#bild_5{
        height: 207px;
        width: 252px;
        margin-top: 10px;
        margin-right: 10px;
        float:left;
}


#bild_6{
        height: 207px;
        width: 252px;
        margin-top: 10px;
        margin-right: 10px;
        float:left;
}

#bild_7{
        height: 207px;
        width: 252px;
        margin-top: 10px;
        float:left;
}

/* -----------------Menu--------------------- */
#menu ul{
        list-style-type: none ;
        padding: 15px 0 0 50px;
        margin: 0;
}

#menu li a {
        font-size: 14px;
        text-decoration:none;
}
#menu  li li a { font-size: 1em; }
#menu li{
        margin: 0;
        padding: 0 0 2px 0;
}
#menu li li{
        margin: 0;
        padding: 0 0 3px 0;
}
#menu li a.selected {
        margin: 0;
        padding: 0 0 0 20px;
        color:#ffffff;
}

#menu li li a.selected {
        margin: 0;
        padding: 0;
}


 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */
.clearfix:after {
 content: ".";
 display: block;
height: 0;
 clear: both;
 visibility: hidden;
 }

.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */



 /*printer styles*/
 @media print{
/*hide the left column when printing*/
#leftcol{display:none;}

/*hide the right column when printing*/
#rightcol{display:none;}
#twocols, #maincol{width:100%; float:none;}
}