/* styles fuer: fauxframes */

* {
margin: 0;
padding: 0;
}

html { 
margin: 0 auto;
text-align: center;
min-height: 100%;
width: 100%;
}

body { 
margin: 0 auto;
height: 90%;
width: 90%;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 100.01%;
background: #fff;
color: #000;
}

/* container */
#header {
position: fixed;
top: 0;
width: 90%;
height: 163px;
}

#head {
position: relative;
top: 0;
right: 0;
left: 0;
height: 163px;
color: #fff;
background-color: #fff; 
background-image: url(../images/wassa-tile.jpg); background-repeat: repeat-x;
z-index: 30;
}

#head img{
float: left;
margin: 0 ;
left: 0;
bottom: 0;
padding:  110px 10px 0 10px;
}

#bodycont{
width: 90%;
position: fixed;
height: 420px;
margin-top: 163px;
left: 5%;
background-image: url(../images/unterwassa.jpg); background-repeat: repeat-x;
}

#menue {
position: fixed;
height: 420px;
top: 163px;
width: 200px;
padding: 5px;
}

#content {
position: fixed;
text-align: center;
top: 163px;
height: 420px;
padding-left: 180px;
color: #fff;
}


#spiegel {
position: relative;
max-height: 420px;
overflow: auto;
padding: 0 30px 0 10px;
max-width: 80%;
}

#spiegel img{
float: left;
margin: 0 auto;
padding: 0 ;
}

#spiegel hr{
color: #fff;
display: block;
}

#footer {
position: fixed;
margin: 0 auto;
background-color: #0b1c64; 
border-top: 1px solid #fff;
top: 583px;
left: 5%;
height: 25px;
width: 90%;
text-align: center;
}

#foot {
position: relative;
margin: 0 auto;
height: 25px;
color: #fff;
font-size: 75%;
font-weight: bold;
}


/* ==== Formate === */
/* menue und links */
a {
text-decoration: none;
background: transparent;
color : #88AADD;
}
a:visited { 
color : #ddddff; 
text-decoration: none;  
background : transparent; }

a:hover {
background : #0066BB; 
color : #ffffff;
}

 a.fett    { font-weight: bold;}

#menue li {
list-style: none;
padding: 4px;
text-align: left;
font-weight: bold;
}

#menue li ul {
list-style: none;
padding: 8px;
text-align: left;
font-weight: bold;
font-size: 100%;
}

#menue a {
padding: 2px 0 1px 6px;
color : #88AADD;
}

#menue a:visited {
color: #aaa;
}

#menue a:hover,
#menue a.aktiv,
#menue a:hover.aktiv {
padding: 2px 0 1px 6px;
color: #fff;
}

#menue a.aktiv,
#menue a:hover.aktiv {
font-weight: bold;
cursor: default;
}


/* text */
h1,h2 {
padding: 20px 0 20px 0;
background: transparent;
color: #fff;
}

h3,
h4,
h5 {
padding: 10px 0 15px 0;
background: transparent;
text-align: center;
color: #fff;
}

h1{
font-size: 130%;	
	}
	
h2{
font-size: 130%;	
	}	
	
h4{
font-size: 110%;	
	}	

p, li {
font-size: 80%;
line-height: 140%;
}

li ul li{
font-size: 100%;	
	}

p {
text-align: justify;
}

#spiegel p {
margin-bottom: 10px;
}

p#hint {
text-align: right;
font-weight: bold;	
}

#hint  a {
border-width: 1px;
border-bottom: 2px; border-right: 2px;
border-style:solid;
border-color: #88aa00;
	}
	
 p.sm {font-size: 9px; line-height: 11px;}

#spiegel ul{
text-align: left;
margin-left: 40px;
}

#foot p {
padding: 3px 0 5px 0;
text-align: center;
font-size: 90%;
background: transparent;
color: #fff;
}

p.topper {
padding: 20px 0;
}

/* sonstige */
img {
border: 0 none;
}
.invis, hr{
display: none;
}

code {
font-family: 'Courier New', Verdana, Helvetica, Arial, sans-serif;
font-size: 100%;
background-color: #transparent;
color: #939;
}

/*  -------------------------------------
	Extrawuerste fuer IEs
	WICHTIG: IE6 muss in den Quirks-Modus
	gesetzt werden, um die Anweisungen zu
	'position:' richtig auszufuehren!
*/
* html, 
* html body {
overflow: hidden;
bottom: 0;
height: 100%;
}

* html body {
margin-left: 5%;
}

* html #menue {
position: absolute;
width: 200px;/* wg. boxmodel */
top: 90px;
z-index: 30;    
}

* html #header, 
* html #footer {
position: absolute;
width: 90%;
padding-right: 0;/* fuer scrollbar */
z-index: 20;
text-align: center;
}

* html #head,
* html #foot {
height: 100%;
position: static;
z-index: 20;
}

* html #head img{
float: left;
margin-top:  110px ;
vertical-align: bottom;
}

* html #bodycont{
width: 90%;
position: fixed;
height: 420px;
margin-top: 163px;
left: 5%;
background-image: url(../images/unterwassa.jpg); background-repeat: repeat-x;
}

* html #content {
position: absolute;
top: 163px;
right: 0;
bottom: 0;
left: 45px;
width: 90%;
overflow: auto;
z-index: 10;
background-attachment: fixed; 
 scrollbar-arrow-color: #002255; 
 scrollbar-face-color: #004488; 
 scrollbar-highlight-color: #0066bb; 
 scrollbar-3dlight-color: #0066bb; 
 scrollbar-shadow-color: #002255; 
 scrollbar-darkshadow-color:#000000; 
 scrollbar-track-color: #002255;  
}

* html #spiegel {
width: 600px;/* statt max-width */
}

#spiegel img{
float: left;
margin: 0 auto;
padding: 0 20px 10px 20px;
}


* html #menue a {
width: 180px;
}
* html #menue a:visited.aktiv {
width: 180px;
}

/* IE-Wurst Ende */