* {
margin: 0;
padding:0;
font-size: 100%;
}

body {
background: url(grafiken/bg_pattern.png);
font: normal 12px/24px "verdana", serif;
color: #777;
}

#wrapper {
position: relative;
width: 880px;
height:610px;
margin: 0 auto;
margin-top: 30px;
/*background: url(grafiken/bg_index_2.jpg);/*linear-gradient(to top, #FFFFFF 30%, #ddd 70%);*/
box-shadow: 3px 3px 3px #888;
}

#header h1 {
position: absolute;
left: 10px;
top: 30px;
opacity: 0.9;
}

#background {
position: absolute;
z-index: -1;
}

#header h2 {
position: absolute;
left: 30px;
bottom: 20px;
opacity: 0.1;
}


ul#home{
position: absolute;
top: 230px;
left: 30px;
}

#footer {
position: absolute;
margin-top: 20px;
top: 500px;
left: 690px;
}

#logo_region {
position: absolute;
bottom: -105px;
left: 310px;
}

#logo_bpt {
position: absolute;
bottom: -80px;
left: 470px;
}

ul#home li { /* Menüpunkt */
font: normal 14px/24px "verdana", serif;
list-style: none;
opacity: 0.9;
}

ul#home a {
border-radius: 3px;
padding: 0.4em 1.4em;
text-decoration: none;
color: #000;
background: #ccc;
}
  
ul#home a:hover, li a#aktuell {
color: white; background-color: #bbb;
}

ul#Navigation {
margin: 0; padding: 0;
/*text-align: center;*/
}

ul#Navigation li { /* Menüpunkte */
font: normal 14px/24px "verdana", serif;
list-style: none;
float: left;  /* ohne width - nach CSS 2.1 erlaubt */
position: relative;
top: +220px;
left: 270px;
margin: 10px 30px 10px 10px;
padding: 0;
opacity: 0.9;
}

ul#Navigation li ul {
margin: 0;
padding: 0;
position: absolute;
top: -197px;
left: -280px;
display: none;  /* Unternavigation ausblenden */
}

ul#Navigation li:hover ul {
display: block;  /* Unternavigation in modernen Browsern einblenden */
}

ul#Navigation li ul li { /* Menüunterpunkte */
float: none;
/*display: block;*/
margin-bottom: 10px;
}

ul#Navigation a {
border-radius: 3px;
/*display: block;
/*width: 6.4em;  /* Breite den in li enthaltenen Elementen zuweisen */
padding: 0.4em 1.4em;
text-decoration: none;
color: #000;
background: #ccc;
}
  
ul#Navigation a:hover, li a#aktuell {
color: white; background-color: #bbb;
}
  
li a#aktuell {  /* aktuelle Rubrik kennzeichnen */
color: #000;
background: #eee;
}

li a#border {
background: red;
height: 170px;
width: 100px;
position: absolute;
left: 280px;
top: 220px;
opacity: 0.0;
}

li a#border2 {
background: red;
height: 70px;
width: 75px;
position: absolute;
left: 280px;
top: 220px;
opacity: 0.0;
}

#inhalt {
width: 490px;
padding: 250px 10px 10px 30px;
clear: both;
}

#inhalt h1 {
font-size: 20px;
}

#seiteninhalt {
margin-top: 10px;
margin-bottom: 30px;
}

#seiteninhalt a {
text-decoration: underlined;
color:#777;
}

#footer {
position: absolute;
top: 600px;
left: 700px;
}

#facebook {
position: absolute;
top: 620px;
left: 20px;
}

#facebook a {
font-weight: bolder;
color: #4766ae;
}

#footer a {
text-decoration: underlined;
color:#777;
}