body 
{ 
background: url(../segmente/body-hg.jpg) #fff repeat-x; 
font-family: Verdana, Arial, san-serif;
font-size: 0.7em;
color: #444;
line-height: 135%;
margin: 0;
padding: 0;
}

#seite
{
background: url(../segmente/footer-hg.jpg) repeat-y;
position:relative;
z-index:100;
width: 1219px;
height: 100%;
margin: 0 auto;
padding:0;
top:0;
bottom: 0;
}

#logoleiste
{
background: url(../segmente/hg-logo.jpg) #f0f7fe repeat-y; 
width: 100%;
z-index:200;
height:142px;
position:relative;
left:0;
top:0;
}

#logo
{
position: absolute;
z-index:210;
left:194px;
top:0px;
width:353px;
height:138px;
}

/* --------- Navi -----------*/

#navigation-komplett
{
background: url(../segmente/hg-navi.jpg) repeat-x;
z-index:299;
width:1219px;
height: 29px;
margin:0;
padding:0;
position:relative;
left: 0;
top:0;
}

#navi-left
{
background: url(../segmente/left-navi.jpg) no-repeat;
height: 29px;
width: 194px;
float: left;
margin:0;
padding:0;
position:relative;
left: 0;
}

#navi-middle
{

height: 29px;
float: left;
margin:0;
padding:0;
position:relative;
left: 0;
}


#unternehmen #navi-right
{
background: url(../segmente/header/right-navi.jpg) no-repeat;
height: 29px;
width: 465px;
float: right;
margin:0;
position:relative;
left: 0;
padding:0;
}

#bowedi #navi-right
{
background: url(../segmente/header/right-bowedi.jpg) no-repeat;
height: 29px;
width: 465px;
float: right;
margin:0;
position:relative;
left: 0;
padding:0;
}

#diemerag #navi-right
{
background: url(../segmente/header/right-diemerag.jpg) no-repeat;
height: 29px;
width: 465px;
float: right;
margin:0;
position:relative;
left: 0;
padding:0;
}

#formenbau #navi-right
{
background: url(../segmente/header/right-formenbau.jpg) no-repeat;
height: 29px;
width: 465px;
float: right;
margin:0;
position:relative;
left: 0;
padding:0;
}

#konstruktion #navi-right
{
background: url(../segmente/header/right-konstruktion.jpg) no-repeat;
height: 29px;
width: 465px;
float: right;
margin:0;
position:relative;
left: 0;
padding:0;
}

#span-bearbeitung #navi-right
{
background: url(../segmente/header/right-span-bearbeitung.jpg) no-repeat;
height: 29px;
width: 465px;
float: right;
margin:0;
position:relative;
left: 0;
padding:0;
}

#musterbau #navi-right
{
background: url(../segmente/header/right-musterbau.jpg) no-repeat;
height: 29px;
width: 465px;
float: right;
margin:0;
position:relative;
left: 0;
padding:0;
}


/* --------- Content -----------*/

#content
{
background: url(../segmente/hg-content.jpg) #aaa repeat-y;
width: 1219px;
height: auto;
position: absolute;
top: 407px;}

#header{
width: 1219px;
height: 238px;
margin: 0;
padding: 0;
position: absolute;
top: 170px;
}

#header-left
{
background: url(../segmente/header-left.jpg) no-repeat;
width: 194px;
height: 238px;
float: left;
margin: 0;
padding: 0;
}

#header-middle
{
background: url(../segmente/header-formbild.jpg) no-repeat;
width: 560px;
height: 238px;
margin: 0;
padding: 0;
float: left;
}

#unternehmen #header-right
{
background: url(../segmente/header/header-unternehmen.jpg) no-repeat;
width: 465px;
height: 238px;
float: right;
margin: 0;
padding: 0;
position: relative;
left:0;

}

#bowedi #header-right
{
background: url(../segmente/header/header-bowedi.jpg) no-repeat;
width: 465px;
height: 238px;
float: right;
}


#diemerag #header-right
{
background: url(../segmente/header/header-diemerag.jpg) no-repeat;
width: 465px;
height: 238px;
float: right;
}


#formenbau #header-right
{
background: url(../segmente/header/header-formenbau.jpg) no-repeat;
width: 465px;
height: 238px;
float: right;
}

#konstruktion #header-right
{
background: url(../segmente/header/header-konstruktion.jpg) no-repeat;
width: 465px;
height: 238px;
float: right;
}

#span-bearbeitung #header-right
{
background: url(../segmente/header/header-span-bearbeitung.jpg) no-repeat;
width: 465px;
height: 238px;
float: right;
}

#musterbau #header-right
{
background: url(../segmente/header/header-musterbau.jpg) no-repeat;
width: 465px;
height: 238px;
float: right;
}


#content-left
{
background: url(../segmente/left-content.jpg) no-repeat;
width: 194px;
height: 238px;
float: left;
position: relative;
z-index: 1;
}


.inhalt
{
position: relative;
z-index: 5;
height: auto;
border-top: none;
margin: 0;
padding: 0;
clear:both;
}


.ersteheadline
{
position: relative;
border-top:none;
left: 194px;
height:auto;
width:196px;
float: left;
padding:16px 0;
margin: 0;
}

.headline
{
position: relative;
border-top:1px solid #fff;
left: 194px;
height:auto;
width:196px;
float: left;
padding:17px 0;
margin: 0;
}

.text
{
background: url(../segmente/hg-text.jpg) bottom left repeat-x;
width:683px;
height: auto;
position: relative;
left:-145px;
margin:0;
padding:25px 0;
float:right;
}



/* --------- Footer -----------*/


#footer-schatten
{
background: url(../segmente/footer-schatten.jpg) no-repeat;
width: 1219px;
height: 16px;
clear: both;
position: relative;
}

#footer
{
background: url(../segmente/footer-hg.jpg) repeat-y;
width: 1219px;
clear: both;
height: 20%;
padding-bottom: 20px;
}

#karte
{
background-color:none;
width: 520px;
height: 420px;
border: 1px solid #aaa;ful
margin:0 0 0 50px;
}




.text a , .text a:visited 
{
color: #888;
text-decoration: none;
}

.text a:hover 
{
color: #cc0000;
text-decoration: none;
}

#news
{
	width: 270px;
	height: 30px;
	position: relative;
	top: 0px;
	left: 10px;
	overflow: hidden;
	background: url(../img/news-hg.png) repeat-y;
}