html {
padding:0px;
margin:0px;
}
body {
background-color: #6b6b6b;
font-size: 11px;
font-family: tahoma, Lucida Grande, Verdana, Sans-Serif;
color:#white;
padding:0px;
margin:0px;
}
a {
color: #6b6b6b;
font-size: 12px;
background-color:transparent;
text-decoration: none;
}
a:hover {
    color: #009000;
	text-decoration: underline;
}
li { 
	color: #c6c6c6; 
}
pre {
color: #564b47;
font-size: 11px;
background-color: #e1ddd9;
font-family: Courier, Monaco, Monospace;
}
p,h1, h2, h3, pre {
padding: 5px 15px;
margin: 0px;
text-align:center;
}
h1 {
font-size: 22px;
color: #000000;
background-color: transparent;
}
h2 {
font-size: 14px;
color: #c6c6c6;
background-color: transparent;
}
h3 {
font-size: 14px;
text-transform:uppercase;
color: #c6c6c6;
background-color: transparent;
}
/*  positioning-layers dynamisch */
#logo {
position: absolute;
right: 2%;
width: 96%;
text-align: right;
top: 20px;
}
#left {
position: absolute;
left: 40px;
width: 200px;
top: 106px;
background-color: #2d2d2d;
}
#content1 {
position: absolute;
left: 260px;
width: 250px;
top: 106px;
background-color: #2d2d2d;
}
#content2 {
position: absolute;
left: 512px;
width: 250px;
top: 106px;
background-color: #2d2d2d;

}
#content3 {
position: absolute;
left: 764px;
width: 250px;
top: 106px;
background-color: #2d2d2d;

}
#right {
position: absolute;
left: 40px;
width: 200px;
top: 300px;
background-color: #2d2d2d;
overflow: auto;
}
#right, #content1, #content2, #content3, #left {
border: 1px solid #000000;
padding:0px;
margin:0px;
}
#hr {
width:100%;

clear:both;
border-top:2px solid #000000;
}

#footer {
width:100%;
margin-top:1400px;
height: 50px;
padding-top:30px;
text-align:center;
font: 10px tahoma, Lucida Grande, Verdana, Sans-Serif;
clear:both;
border-top:2px solid #FFEA00;
}
#footer a {
color:#2d2d2d;
border-bottom:1px dotted #fff;
}