body
{
/*height:100%;*/  /*RAUS WEGEN IE KOMPLETTOVERLAY*/
margin: 0;
padding: 0;
}

#hg_left
{
z-index:10;
position:relative;
height:214px;
background-image:url('img/hg_left.jpg');
background-repeat:norepeat;
}

#hg_right
{
z-index:20;
position:absolute;
top:0px;
margin-left:20%;
height:214px;
width:80%;
background-image:url('img/hg_right.jpg');
background-repeat:repeat-x;
}

#center
{
z-index:30;
position:absolute;
width:784px;
height:700px;
top:0px;
left:10%;
margin:0 auto; 
/*border:1px solid;*/
background-image:url('img/main.jpg');
}

#inhalt {
position:relative;
margin: 247px 0px 0px 45px;
padding: 0px;
width:682px;
height:410px;
overflow-y:auto;
/*border:1px solid #000;*/
}

#warnung {
z-index:50;
margin:0 auto;
position:absolute;
height:auto;
top:0px;
left:50%;
margin-left:-375px;
width:735px;
border:1px solid #007DFE;
background-color:#FFF;
 
}

#warnung p 
{
margin:4px;
padding:0px 4px 0px 4px;
font-family:'Verdana', serif;
font-size:10px;
color:#FF0000;
text-align:justify;
}


#navi
{
position:absolute;
top:44px;
left:220px;
z-index:61;
}

#navi li
{
float:left;
list-style-type:none;
}

#navi a 
{

padding: 0px 10px;
text-decoration: none;
font-family:'Verdana', serif;
font-size:12px;
font-weight:bold;
color:#FFF;
}


#navi a:hover 
{
color: #0066FF;
}


#navi a.active 
{
color: #FF0000;
}

p 
{
margin:5px 5px 10px 5px;
padding:0px;
font-family:'Verdana', serif;
font-size:12px;
color:#666;
text-align:justify;
line-height: 150%;
}

p a:link,p a:visited,p a:hover,p a:active
{
color:#666;
text-decoration: underline;
}

p img
{
border:0px;
}

h1
{
margin:5px 5px 10px 5px;
font-family:'Verdana', serif;
font-size:14px;
font-weight:bold;
color:#0066FF;
text-align:left;
line-height: 150%;
}

h2
{
margin:5px 5px 0px 5px;
padding:0px;
font-family:'Verdana', serif;
font-size:13px;
font-weight:bold;
color:#666;
text-align:left;
line-height: 150%;
}

h5
{
margin:0px 5px 0px 5px;
padding:0px;
font-family:'Verdana', serif;
font-size:12px;
font-weight:bold;
color:#666;
text-align:left;
line-height: 150%;
}

#aktuelle_projekte
{
float:right;
height:350px;
width:223px;
margin:10px 0px 0px 0px;
background-image:url('img/dwsign_webdesign_projekte.jpg');
background-repeat:norepeat;
}

#aktuelle_projekte p
{
margin:20px 20px 0px 20px;
text-align:left;
}

#projekte_bild
{
margin:10px 0px 0px 20px;
border:1px solid #666;
}

.headline
{
padding:5px 0px 0px 0px;
font-family:'Verdana', serif;
font-size:12px;
font-weight:bold;
color:#666;
text-align:left;
line-height: 150%;
}


#inhalt ul
{
margin-bottom:25px;
font-family:'Verdana', serif;
font-size:12px;
color:#666;
}

#inhalt li
{
margin-left:20px;
font-family:'Verdana', serif;
font-size:12px;
color:#666;
line-height: 150%;
}


.center
{
text-align:center;
margin:0px;
padding:0px;
}

fieldset
{
border:none;
padding:0px;
margin-left:5px;
font-family:'Verdana', serif;
font-size:12px;
color:#666;
text-align:justify;
}

fieldset label
{
float: left;
width: 356px;
text-align:left;
font-weight:bold;
margin-top:10px;
}

fieldset input
{
margin-top:10px;
text-align:center;
}

fieldset textarea
{
text-align:center;
}

.mail_error
{
margin:5px;
padding:5px;
border:1px solid #007DFE;
background-color:#FFF;
text-align:center;
}


a:link{color:#666; text-decoration: none;}
a:visited{color:#666; text-decoration: none;}
a:hover{color:#666; text-decoration: none;}
a:active{color:#666; text-decoration: none;}