html {
  padding:0px;
  margin:0px;
}

body {
overflow: auto;
background-color: #C03;
background-image: url(images/design11.jpg);
  font-size: 13px;
  font-family: Lucida Sans Unicode, Lucida, Lucida Sans, Monaco, Monospace, Verdana, Arial, SunSans-Regular, Sans-Serif;
  color:#000;
  padding:0px;
  margin:0px;
}


a {
color: #ffffff;
font-size: 11px;
background-color:transparent;
text-decoration: none;
}

pre {
color: #FFF;
font-size: 10px;
padding: 5px 15px;
margin: 0px;
font-family: Lucida Sans Unicode, Lucida, Lucida Sans, Monaco, Monospace;
}

p,h1, h3 {
 padding: 5px 15px;
 margin: 0px;
 width: 450px;
 text-transform: uppercase;
}

h3 {
font-size: 12px;
text-transform:uppercase;
color: #fff;
background-color: transparent;
}
h1 {
font-size: 12px;
text-transform:none;
font-weight:normal;
overflow: auto;
color: #fff;
background-color: transparent;
}

/*  positioning-layers dynamisch */
#top {
position: absolute;
left: 329px;
width: 96%;
text-align: left;
height:63px;
margin: 0px 0px 0px 1px;
padding: 0px 0px;


}
#menue {
position: absolute;
left: 329px;
width: 96%;
text-align: left;
top: 63px;
border-bottom:1px solid #FFF;
margin: 0px 0px 0px 1px;
padding: 0px 0px;

}

#menue a {
font-size: 12px;
color: #FFF;
text-decoration: none;
margin: 0px;
padding: 1px 15px 0px 15px;
}
#menue a:visited {color:#FFF;}
#menue a:hover {color: #000; font-weight: normal; background-color: #FFF;}
#menue a:active { color:#FFF;}

#container  #menue a.selected {
background-color: #CCC;
color: #FFF;
}



#links {
position: absolute;
left: 0%;
width: 205px;
height: 100%;
top: 0px;

text-align: right;

}

#grafik {
position: absolute;
left: 202px;
height: 100%;
width: 130px;
top: 0px;


}
#mitte {
position: absolute;
left: 50px;
width: 650px;
height: 100%;
top: 80px;
}
#mitte2 {
position: absolute;
left: 0px;
width: 650px;
height: 100%;
top: 60px;
}
#rechts {
position: absolute;
left: 350px;
width: 650px;
height: 100%;
top: 80px;
}

#rechts, #grafik, #links {
border: 0px solid #fff;
padding:0px;
margin:0px;
}