@charset "UTF-8";
/* CSS Document */

* {font-family: 'Open Sans', sans-serif;}

#headerlogo {border: none;}

.showPanel {position:absolute; z-index:2; float:left; left: 0px; margin-top: 10px; padding-left: 0px; width:55px; height:90px; cursor:default; background: none; color: rgba(0, 0, 0, 0); overflow: show;}
.panel {position: absolute; width:218px; height: 120px; z-index:1; padding-left: 70px; float:left; overflow:hidden; background:white;}

#showPanel1 {background: url(../bilder/navigation/navigation_manifest.png) no-repeat center -10px;}
#showPanel2 {background: url(../bilder/navigation/navigation_wissen.png) no-repeat center -10px;}
#showPanel3 {background: url(../bilder/navigation/navigation_projekte.png) no-repeat center -10px;}
#showPanel4 {background: url(../bilder/navigation/navigation_info.png) no-repeat center -10px; left: 194px;}

#panel1 {margin-left: -288px;}
#panel2 {margin-left: -288px;}
#panel3 {margin-left: -288px;}
#panel4 {float: right; width: 234px; margin-left: 252px; text-align: right; padding-left: 30px;}
#panel5 {padding-left: 0px; z-index:0; position: absolute; width: 280px; height: 70px; left: 50%; margin-left: -140px; top: 0px; margin-top: -70px}

#nav_links {width: 210px; height: 450px; position: absolute; left: 0px; top: 50%; margin-top: -225px}
#nav_rechts {width: 252px; height: 140px; position: absolute; right: 0px; top: 50%; margin-top: -70px; overflow: hidden;}

.nav {height: 128px; width: 210px; float: left; margin-top: 20px;}
.nav_list {position: absolute; top: -1px; height: 128px; list-style: none;}
.nav_list a{font-size: 0.9em; text-decoration: none; color: black;}
.nav_list a:hover{color: rgb(42,206,65);}

.link_extern {background: url(../bilder/link_extern.png) no-repeat right; padding-right: 14px;}
.link_extern:hover {background: url(../bilder/link_extern_hover.png) no-repeat right;}