body {
background-color: #000000;
font-size: 12px;
font-family:Arial, SunSans-Regular, Sans-Serif;
color:#ffffff;
padding:0;
margin:0;

scrollbar-arrow-color:#5a5a5a;
scrollbar-face-color:#000000;
scrollbarBaseColor: #5a5a5a;
scrollbar-track-color: #000000;
scrollbar-highlight-color: #5a5a5a;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-shadow-color: #5a5a5a;
}

table {
font-size: 12px;
}

a {color: #666666;text-decoration:none;}
a:hover {color: #D2242A;}
a:focus { outline: none;}

img {
border:0;
}

h1 {
font-size: 2em; 
font-weight: normal;
}

h2 {
font-size: 1.7em;
font-weight: normal;
}

/* ---------- klassen -------------- */
.titel-rot {
color:#D2242A;
}

.aktiv {
color:#FFFFFF;
}

.editmode {
color:#00ff12;
}

/* ---------- layout-------------- */
#container {
margin: 0;
padding: 0;
background-color: #000000;
}

/* ----------logo -------------- */
#logo {
height:161px;
margin: 0;
padding: 0;
background-color: #000000;
}

#logo p{
margin-left: 214px;
padding-top: 102px;
}

#logo-intro {
height:161px;
margin: 0;
padding: 0;
background-color: #000000;
}

#logo-intro p{
margin-left: 214px;
padding-top: 60px;
}

/* -----------------Inhalt--------------------- */
#content {
position:absolute;
left:215px;
top:162px;
width: 345px;
height:700px;
overflow:auto;
background-color: #000000;
padding: 0;
margin: 0;
text-align:left;
line-height:13pt;
}

#content-intro {
position:absolute;
left:215px;
top:162px;
width: 470px;
height:403px;
}

#pic_right
{
position:absolute;
left:560px;
top:162px;
width: 308px;
height:160px;
margin-left:20px;
}

#designraum-logo
{
position:absolute;
right:30px;
bottom:25px;
font-size:9px;
}

p, pre {
margin:0;
}

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

h2 {
padding: 25px 0px;
margin:0;
}

/* --------------left navigavtion------------- */
#left {
position:absolute;
left:0px;
top:164px;
}

#left ul{
list-style-type: none ;
padding: 0 0 0 25px;
margin: 0;
}

#left li a {
font:Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration:none;
}

#left li{
margin: 0;
padding: 0 0 4px 0;
}


/* --------------start left SUB-navigavtion 1------------- */
#left_subnav1 {
position:absolute;
left:88px;
top:164px;
width: 114px;
margin: 0;
padding:0px 0 0 0;
color:#ce0a22;
}

#left_subnav1 ul{
list-style-type: none ;
padding: 0 0 0 25px;
margin: 0;
}

#left_subnav1 li a {
font:Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration:none; 
}

#left_subnav1 li{
margin: 0;
padding: 0 0 4px 0;
}
/* --------------End left SUB-navigavtion 1------------- */



/* --------------start left SUB-navigavtion 2------------- */
#left_subnav2 {
position:absolute;
left:88px;
top:226px;
width: 114px;
margin: 0;
padding:10px 0 0 0;
color:#ce0a22;
}

#left_subnav2 ul{
list-style-type: none ;
padding: 0 0 0 25px;
margin: 0;
}

#left_subnav2 li a {
font:Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration:none; 
}

#left_subnav2 li{
margin: 0;
padding: 0 0 4px 0;
}

/* --------------End left SUB-navigavtion 2------------- */