/* BODY */
html { height: 101%;}
*, html, body {
margin: 0;
padding: 0;
}
html, body {
background-color: #989C9E;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
body { text-align: center;}
/* HEADER + FOOTER + CONTENT */
#header_wrap, #footer_wrap, #content_wrap, #content2_wrap {
text-align: center;
}
#header, #footer, #content, #content2 {
width: 770px;
margin: 0 auto;
text-align: left;
}

/* HEADER */
#header_wrap {
background: transparent url(../images/header_tex.gif) repeat-x;
}
#header {
background: transparent url(../images/header.gif) no-repeat right top;
height: 278px;
position: relative;
}
#headerText {
text-indent: -8000px;
}
#headerFlash {
position: absolute;
left: 479px;
top: 154px;
width: 115px;
height: 104px;
z-index: 5;
}
#headerDate {
color: #8C9399;
color: #FFA826;
font-size: 10px;
font-weight: bold;
position: absolute;
left: 650px;
top: 233px;
width: 100px;
text-align: right;
z-index: 10;
}
#headerWWW {
position: absolute;
left: 30px;
top: 200px;
width: 230px;
height: 50px;
z-index: 15;
}

/* FOOTER */
#footer_wrap {
background: transparent url(../images/footer_tex.gif) repeat-x center top;
}
#footer {
background: transparent url(../images/footer.gif) no-repeat;
height: 160px;
text-indent: -8000px;
}

/* CONTENT */
#content_wrap {
background-color: #F7F8F8;
}
#content {
background: transparent url(../images/content_tex.gif) repeat-y;
}

/* LINKS */
#content_linksWrap {
float: left;
width: 429px;
}
#content_links {
margin-left: 30px;
}

/* RECHTS */
#content_rechtsWrap {
width: 291px;
float: right;
}
#content_rechts {
margin-right: 20px;
}

/* CONTENT2 */
#content2_wrap {
background-color: #FF9900;
}
#content2 {
background: transparent url(../images/content2_tex.gif) repeat-y;
min-height: 13px;
}
* html body div#content2 {
height: 13px;
}

/* LINKS */
#content2_linksWrap {
float:left;
width: 429px;
}
#content2_links {
margin-left: 30px;
}

/* RECHTS */
#content2_rechtsWrap {
width: 291px;
float: right;
}
#content2_rechts {
margin-right: 20px;
}

/* NAVIGATION */
#navi {
background: transparent url(../images/nav_aufhaengung.gif) no-repeat;
width: 122px;
padding-top: 52px;
position: absolute;
top: 0;
left: 31px;
z-index: 5;
}
#navi div.but {
background: transparent;
border: #FFF solid 1px;
border-top: none 0;
letter-spacing: 0.1em;
}
#navi div.but a {
background: #FFB500 url(../images/nav_q1.gif) no-repeat center left;
display: block;
font-size: 10px;
color: #FFF;
text-decoration: none;
padding: 2px 2px 3px 17px;
}
#navi div.but a:hover {
background-image: url(../images/nav_q2.gif);
background-color: #FFF;
color: #F90;
font-weight: bold;
}
#navi div.but-active a {
background-image: url(../images/nav_q1.gif);
background-color: #E68B00;
color: #FFF;
font-weight: bold;
text-transform: uppercase;
}

/* SUB-NAVIGATION */
#subnavi {
width: 122px;
position: absolute;
top: 52px;
left: 135px;
z-index: 10;
}
#subnavi div.butsub {
background: transparent;
}
#subnavi div.butsub a {
background: transparent url(../images/nav_p1.gif) no-repeat center left;
display: block;
font-size: 10px;
color: #FFF;
text-decoration: none;
padding: 3px 2px 3px 10px;
}
#subnavi div.butsub a:hover {
background-image: url(../images/nav_p2.gif);
color: #4C4C4C;
font-weight: bold;
}
#subnavi div.butsub span {
font-weight: bold;
}

/* KONTAKT-Formular */
.captchaImage { border: #666 solid 1px;}
form#mailform fieldset.csc-mailform { border: 0;}
form#mailform div.csc-mailform-label {}
form#mailform div.csc-mailform-field {}
form#mailform div.csc-mailform-field label { padding: 10px 0 2px 5px; font-size: 12px; display: block;}

input, textarea {
font-family: Verdana, Arial, Helvetica, sans-serif;
border: #989C9E solid 1px;
color: #797C7E;
font-size: 10px;
font-weight: bold;
width: 300px;
padding: 2px 5px;
}
textarea { margin-bottom: 10px;}
.kontaktformSubmit {
background-color: #DCDEDF;
width: auto;
cursor: pointer;
margin-top: 10px;
}