@charset "UTF-8";
/* -- LAYOUT - WETREU -- */
/* -- ----------------------------------------------- -- */
/* -- Basisdefinitionen für www.wetreu.de - Templates -- */
/* -- ----------------------------------------------- -- */

input{
border: thin solid #999999;
border-width: 1px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 10px;
color: #223c64;
}


/* -- Hintergrundgrafiken -- ------------------------ -- */
/* -- ----------------------------------------------- -- */

.frHead{
background: url(../../images/wetreu/headBckG.jpg) left top repeat-x;
}

.frFooter{
background: url(../../images/wetreu/footerBck.jpg) left top repeat-x;
}

/* -- -------------------------------------------- -- */
/* -- die Kopfelemente -- ----------------------------*/
/* -- -------------------------------------------- -- */

/* -- Logobereich -- -------- -- */
/* -- ----------------------- -- */

.Logo{
position:relative;
left: 45px;
top: 0px;
width: 135px;
height: 155px;
border: thin solid #223c64;
border-width: 0px 1px 1px 1px;
background: #FFFFFF;
float:left;
z-index:600;
}

/* -- ------------------------------------- -- */
/* -- oberer Kopfbereich rechts -- -------- -- */
/* -- ------------------------------------- -- */

/* -- unterer Container ----- -- */
/* -- ----------------------- -- */
.rHeadBottom{
position: absolute;
left: 181px;
top: 86px;
width: 739px;
height: 68px;
border-right: thin solid #ffffff;
border-bottom: thin solid #223c64;
border-width: 0px 1px 0px 0px;

}

* html .rHeadBottom{
z-index: -10;
}

/* -- Message --------------- -- */
/* -- ----------------------- -- */
.topMessage{
position: relative;
left: 1px;
/*top: 0px;*/
width: 179px;
height: 68px;
border-bottom: thin solid #223c64;
/*border-top: thin solid #f0f0f0;*/
border-top: thin solid #223c64;
border-width: 1px 0px 0px 0px;
background: #FFFFFF;
float:left;
font-family: Arial;
font-weight: bold;
font-size: 11px;
line-height: 67px;
text-align: center;
vertical-align: middle;
}

* html .topMessage{
left:-1px;
height: 68px;
width: 180px;
line-height: 68px;
}


.topMessage a{
width: 170px;
height:60px;
padding: 3px;
overflow: hidden;
color: #999999;
text-decoration: none;
line-height: 16px;
}

.topMessage div#center{
border:0px;
width: 179px;
min-height: 20px;
height: 20px;
left: 50%;
top: 25%;
margin: -10px 0 0 -90px;
position:relative;
}

*html .topMessage div#center{
left: 25%;
}

*+html .topMessage div#center{
left: 25%;
}


.topMessage a:hover{
width: 170px;
color: #999999;
text-decoration: none;
line-height: 16px;
}



.topMessage a:visited{
color: #999999;
text-decoration: none;
line-height: 16px;
}

/* -- Bildwelt -------------- -- */
/* -- ----------------------- -- */
.topImage{
position:relative;
left:1px;
top: 0px;
width: 380px;
height: 68px;
float:left;
background: #ffffff;
border-top: thin solid #223c64;
border-width: 1px 0px 0px 0px;
}

* html .topImage{
left:0px;
}


/* -- Scroller -------------- -- */
/* -- ----------------------- -- */
.topScroller{
position:relative;
left:0px;
top: 0px;
background: #223c64;
width: 180px;
height: 69px;
float:left;
}

*html .topScroller{
width: 178px;
}

#news{
display: none;
}

.newsticker {
position: relative;
left: 0px;
top: 0px;
list-style-type: none;
border:0;
background: #223c64;
padding: 3px;
margin: 0;
font-family: Verdana;
font-weight: normal;
font-size: 10px;
text-decoration: none;
color: #ffffff;
line-height: 14px;
vertical-align: middle;
width:170px;
height:63px;
overflow: hidden;
}

ul#news {
width: 170px;
height: auto;;
border: 0;
background: #223c64;
text-align: center;
}

ul#news li a{
color: #ffffff;
width: 150px;
}

ul#news li a:hover{
color: #ffffff;
}

ul#news li a:visited{
color: #ffffff;
}


#topScroller{
position:relative;
left:0px;
top: 0px;
background: #223c64;
width: 180px;
height: 69px;
float:left;
}

*html #topScroller{
width: 178px;
}


/* -- oberer Container ------ -- */
/* -- ----------------------- -- */
.rHeadTop{
position: absolute;
left: 181px;	
top: 0px;
width: 739px;
height: 86px;
border: thin solid #223c64;
border-width: 0px 1px 0px 0px;
background: url(../../images/wetreu/wetreu.jpg) left top no-repeat;
z-index: 500;
}

/* -- Platzhalter ----------- -- */
/* -- ----------------------- -- */
.topSpacer{
position:relative;
left:0px;
top: 65px;
width: 180px;
height: 22px;
float:left;
}

/* -- Hauptavigation -------- -- */
/* -- ----------------------- -- */
.topMainnav{
position:relative;
left:0px;
top: 65px;
width: 380px;
height: 22px;
float:left;
z-index: 100;
}

/* -- Suche ----------------- -- */
/* -- ----------------------- -- */
.topSearch{
position:relative;
left:0px;
top: 65px;
width: 165px;
height: 22px;
float:left;
}

* html .topSearch{
top: 62px;
}

*html .topSearch{
top: 62px;
}


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

/* -- claim -- -------------- -- */
/* -- ----------------------- -- */

.footerSpace{
position: relative;
left: 0px;
top: 0px;
width: 45px;
height: 27px;
float: left;
}

.footerClaim{
position:relative;
left: 0px;
top: 0px;
width: 132px;
height: 27px;
border-left: thin solid #223c64;
border-left-width:1px;


border-right-width: 1px;
background: #FFFFFF;
float:left;
}

/* -- subNav -- -------------- -- */
/* -- ------------------------ -- */
.footerSubnavCont{
position:relative;
left: 0px;
top: 0px;
width: 739px;
height: 27px;
border-right: thin solid #223c64;
border-left: thin solid #223c64;
border-width: 0px 1px 0px 1px;
background: #FFFFFF;
text-align: left;
float:left;
}

#footer{
position:relative;
left:40px;
top: 5px;
}

/* -- Suche -- --------------- -- */
/* -- ------------------------ -- */

#searchField{
float:left;
}

* html #searchField{
padding-bottom: 3px;
}

*html #searchField{
padding-bottom: 3px;
}


#sField{
width: 100px;
height: 13px;
}

#searchButton{
float:left;
}

#sButton{
width: auto;
height: 13px;
border-width: 0px;
background: #ffffff;
font-size: 11px;
color: #999999;
}