/* Viola Holtzmann Grafik & Typografie - www.viola-holtzmann.de */

body { 
font-family : Optima, Ottawa, "Lucida Grande", Arial, Helvetica, sans-serif; 
font-size : 13px; 
line-height: 24px;
color: #333333;
overflow:hidden;
 }

p {
text-align : justify; 
margin-bottom : 12px
}

#intro h2 span {
           display : none;
      }

#floater h2 span {
           display : none;
      }

#text p.links {
text-align : left; 
}

#header h1 span {
           display : none;
      }

h1 {
font-size : 18px;
font-weight: bold;
 }

body {
	height:100%;
	margin:0;
	padding:0;
background: url(bluemchen-higru.jpg) no-repeat fixed 100% 50%;
}

body > #floater { 
	position : fixed;
}

#floater {
position : absolute;
	right  : 0;
	top : 0;
text-align : center;
margin : 60px 20px 0px 0px; 
padding : 0px;
width : 150px;
height : 100px;
z-index:5;
background : transparent url(stempel.gif) no-repeat;
 }

body > #header { 
	position : fixed;
}

#header { 
position : absolute;
	left  : 0;
	top : 0;
	width : 100%;
	height : 122px;
	background : #FFCC00 url(oben.gif) no-repeat fixed;
	z-index:4;
}

body > #linkList { 
position : fixed;
}


#linkList {
position : absolute;
line-height: 28px;
top : 122px;
left : 0px;
width : 220px;
height:400px;
padding: 0px;
margin: 0px;
z-index:3;
      }
     
#linkList ul {
list-style : none;
padding:0px;
margin:15px;
font-weight : bold;
      }

#liste ul li a , #liste ul li a:link  {
text-decoration : none;
color : #333333;
padding:6px 0px 10px 30px;
margin: 0px;
      }

#liste ul li a:visited {
text-decoration : none;
color : #333333;
background: url(bluemchen25.gif) no-repeat;
padding:6px 0px 10px 30px;
margin: 0px;
      }

#liste ul li a:hover, #liste ul li a:active  {
text-decoration : underline;
color : #666666;
background: url(bluemchen25.gif) no-repeat;
      }

body > #text { 
position : fixed;
}

body > #intro { 
position : fixed;
}

#container {
	position : absolute;
	top  : 122px;
	width: 100%;
	overflow:auto;
	z-index:1;
	bottom: 61px;
}

#text {
position : absolute;
top : 0;
left : 235px; 
width : 585px;
padding: 10px 0  15px 0;
}

#intro {
position : absolute;
top : 0;
left : 235px; 
width : 585px;
height: 400px;
margin-top:15px;
background : transparent url(intro.gif) no-repeat;
}

#text a:link, a:visited, a:hover, a:active {
text-decoration: underline;
color: #333333;
}

body > #footer { 
	position:fixed;
}

#footer { 
position : absolute;
	left : 0;
	bottom : 0;
	width : 100%;
	height : 61px;
	background : #FFCC00;
	z-index : 4;
}

#adresse { 
position : absolute;
	margin-left : 235px;
	padding-top :10px;
 }

body > #copyright { 
	position:fixed;
}

#copyright { 
position : absolute;
	left : 20px;
	bottom : 5px;
	padding-top :10px;
font-size : 8px; 
line-height: 12px;
z-index:5;
}

div.row {
  clear: both;
  padding-top: 10px;
  }

div.row span.label {
  float: left;
  width: 150px;
  text-align: left;
  }

div.row span.formw {
  float: left;
  width: 300px;
  text-align: left;
  }