body, html{
margin:5 auto;
height:100%; /* Da IE min-height nicht kennt */
width: 100%;
}

#site{
float:left;
height:auto;
width:984px;
margin: auto;
background-image:url(../images/content_fond_neu.gif);
background-repeat:no-repeat;
background-position:0px 167px;
background-height:1000px;

}

#page{
margin: 0 auto;
width:984px;
}

#head_menu{
width:984px;
height:14px;
margin: 0 0 3px 0;
background:transparent;
}

#head_image{
width:984px;
height:114px;
margin:0 0 8px 0;
}

#hor_menu{
width:984px;
height:20px;
margin:8px 0 0 0;
background:#a5a5a7;
}

#content_area {
display:block;
float:left;
width:984px;
height:100%;
margin: 8px 0 8px 0;
}

#content {
display:block;
float:left;
width:781px;
min-height: 100%;
height:100%;
background-color:transparent;
margin:0 8px 0 0;
}

#content_head {
width:781px;
height: 131px;
background-image:url(../systemhaus/bilder/title_systemhaus_we.jpg);
}

#content_headline {
padding: 15px 0 0 15px;
font-family:Verdana, Geneva, sans-serif;
font-size:16px;
font-weight:bold;
color:#6a7070;
}


#news {
display:block;
float:left;
width:195px;
min-height: 100%;
height:100%;
padding:0;
}


#content_item {
float:right;
width:781px;
height:*;
border-style:solid;
border-color:#6a7070;
border-width:0 0 1px 0;
padding: 20px 0 20px 0;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:black;
}

#content_item_headline {
font-weight:bold;
font-size:16px;
margin: 0 0 10px 0;
}

#content_item_copy {
}

#content_item_image {
float:right;
}

#footer {
float:left;
width: 984px;
height: 15px;
padding: 3px 0 3px 0;
margin:8px auto;
background-image:url(../images/footer_backgrd.jpg);
background-position:0px 0px;
}

p { }

td { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; }

a:link { }
a:visited { }
a:hover { }
a.haupt:link { color: #686e6e; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: none; }
a.haupt:visited { color: #686e6e; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: none; }
a.haupt:hover { color: #686e6e; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: underline; }
a.haupt:active { color: #686e6e; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: none; }


#tdhead { color: #6a7070; font-size: 30px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: 700; font-style: normal; }
#tdhead_grey { color: #364e6c; font-size: 30px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: 700; font-style: normal; }
#tdhead_white { color: #fff; font-size: 30px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: 700; font-style: normal; }
a:active { }
td.newshead { color: #6a7070; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: 700; }
td.newstext { color: #6a7070; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; }
#rot { color: #c00; }
a.news:link { color: #686e6e; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: none; }
a.news:visited { color: #686e6e; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: none; }
a.news:hover { color: #686e6e; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: underline; }
a.news:active { color: #686e6e; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: none; }

#content_title { color: #6a7070; font-size: 16px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: 700; }
ul { line-height: 20px; text-align: left; list-style-type: square; }

a.breadcrumb:link { color: #686e6e; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: none; }
a.breadcrumb:visited { color: #686e6e; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: none; }
a.breadcrumb:hover { color: #686e6e; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: underline; }
a.breadcrumb:active { color: #686e6e; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: none; }

#navcontainer {
padding: 0;
font-family: verdana, sans-serif;
width:984px;
height: 20px;
background:transparent;
overflow:hidden;
text-align:left; 
}

/* to stretch the container div to contain floated list */
#navcontainer:after {
content: ".";
line-height: 1px;
font-size: 1px;
clear: both;
width:100%;
background:transparent;
}

ul#navlist {
list-style: none;
padding: 0;
margin: 0 0 0 0;
font-size: 0.7em;
}

ul#navlist li {
display: block;
float:left;
width: auto;
margin: 0;
padding: 0;
}

ul#navlist li a {
display: block;
padding: 0 15px 0 15px;
border-width: 0 1px 0 0;
border-color: #6a7070;
border-style: solid;
color: white;
font-size:12px;
text-decoration: none;
background: transparent;
}

#navcontainer>ul#navlist li a { 
width: auto; 
}

ul#navlist li#active a {
background: #dedede;
color: black;
}

ul#navlist li a:hover, ul#navlist li#active a:hover {
color: black;
background: #dedede;
border-color: #6a7070;
}

#newsiframe {
width: 195px;
height: 450px;
background-color:transparent;
overflow: hidden;
border-width:0px;
border-style:none;
padding:0;
margin:0;
} 

.input-text {
float:left;
display:block;
position:relative;
left:0px;
margin:0 0 0 0;
width:250px;
background-color:#f0f0f0;
border-color:#6a7070;
border-width:1px;
border-style:solid
}