body
{
position: relative;
font-family: arial, helvetica, sans-serif;
font-size: 0.8em;
line-height: 1.5em;
-webkit-text-size-adjust: none;
margin: 0;
padding: 0;
background-image: url(Layout/bg_streifen.jpg);
background-repeat: repeat-x;
background-color: #e8f7ff;
}

#bg
{
position:absolute;
z-index:1;
overflow:hidden;
background-image: url(Layout/bg_mitte.jpg);
background-repeat: repeat-x;
width:100%;
height:1067px;
background-color: #e8f7ff;
}

#container
{
position:relative;
z-index:2;
width:1006px;
height:1200px;
margin-left:auto;
margin-right:auto;
}

#mitte
{
float:left;
width:984px;
height:100%;
}

#header
{
width:1006px;
height:515px;
}

#body
{
clear:both;
width:1006px;
}

#oben
{
background-image: url(Layout/oben.png);
background-color: transparent;
width:1006px;
height:26px;
}

#rand_links
{
float:left;
background-image: url(Layout/rand_links.png);
background-color: transparent;
width:11px;
height:100%;
}

#rand_rechts
{
float:left;
background-image: url(Layout/rand_rechts.png);
background-color: transparent;
width:11px;
height:100%;
}

#topper
{
background-image: url(Layout/top.jpg);
background-repeat:no-repeat;
width:984px;
height:464px;
}

.flagge {
position:absolute;
left:30px;
background-repeat:no-repeat;
background-color: transparent;
display:block;
width:29px;
height:19px;
}

#content
{
float:left;
background-image: url(Layout/papier.jpg);
width:984px;
height:100%;
}


/* ----NAVI ---- */

#navi {background-image: url(Layout/navi.jpg); width:984px; height:51px;}

ul {margin:0; padding:0; text-align: center;}

li {display:inline; }

a.navi, a.navi:visited
{
font-size:1.8em; 
line-height:45px; 
margin: 0 10px 0 0; 
padding: 0 10px 0 0;
border-right: 1px solid #6c9bc7;
}

a.navi:hover, a.navi:active {color:#99ffff;}


/* ---- IMG ---- */

img {border: 1px solid #ccc; padding:2px; margin:-4px;}

.logo {border:none;float:left; margin: 20px 20px 20px 0;}

.png {border:none; float:left;}



/* ---- CONTENT ---- */

#rechts
{
position:absolute;
right:40px;
color:black;
width:330px;
padding: 0 0 0 20px;
margin-top:30px;
border-left:1px dotted #999;
}

#links 
{
position:absolute;
left:50px;
width: 620px;
margin-top: 40px;
}

#unten
{
position:relative;
margin-top:120px;
width:860px;
height:120px;
padding:20px;
border: 1px dotted #999;
}



/* ---- FOOTER ---- */

#footer
{
color:#bae3ff;
position:relative;
bottom:0;
clear:both;
background-image: url(Layout/footer.png);
background-repeat:no-repeat;
background-color: transparent;
width:1006px;
height:239px;
padding:33px 0 0 20px;
}

.block 
{
float:left;
margin:0 35px 0 0;
padding: 0 0 0 35px;
border-left: 1px dotted #bae3ff;
}


/* ---- TEXT ---- */

h1 {color: #00519e; font-size:1.8em; margin:0; line-height:1.5em;}

h2 {color: #333; font-size:1.2em; margin:10px 0 10px 0; padding:0; line-height:1.5em;}

.logotext {color: green; margin:25px 0 0 0; }

p {margin:0; padding:0;}

a, a:visited {color:white; text-decoration:none; font-weight:bold; text-shadow: 1px 1px black; }

a:hover, a:active {color:#99ffff;}

#beschreibung {
font-family:Helvetica, arial, sans-serif; 
font-size:1.2em; 
line-height:1.6em; 
clear:both; 
font-style:italic; 
color:#666; 
padding:20px 0 30px 0; 
text-align: center; 
width:540px;
}