/*
style by anne-marie hensel www.web-printdesign.net
*/
html,body {
height:100%;
margin:0;
padding:0;
}

body {
background: #ffffff;
margin: 0px;
padding: 0px 0 0px 0;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
text-align:left;
font-size: 0.8em;
color:#000000;
left: 0%;
top: 0%;
width: auto;
height: auto;
background: #ffffff url(pics/bg.gif);
background-color:transparent;
background-repeat: no-repeat;
background-position:30% 75%;
scrollbar-face-color:#ffffff;
scrollbar-base-color:#ffffff;
scrollbar-arrow-color:#cccccc;
scrollbar-3dlight-color:#cccccc;
scrollbar-darkshadow-color:#ffffff;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#cccccc;
background-color:transparent;
}


.bgvertikal
{
position:absolute;
background: #ffffff url(pics/bg-2x2.gif);
background-repeat: repeat-y;
left: 16%;
top: 17%;
height: 100%;
width:7px;
}

.bghorizontal
{
position:absolute;
background: #ffffff url(pics/bg-1x1.gif);
background-repeat: repeat-x;
left: 16%;
top: 17%;
height: 5px;
width: 75%;

}
iframe {
position: absolute;
left:0%;
margin: 0;
padding: 0;
}

#bildleiste {
position: absolute;
left: 58%;
top: 18%;
width: auto;
height: auto;
background: #ffffff;
}

#title{
position: absolute;
right:9%;
top: 8%;
width: auto;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
font-size: 130%;
text-align:right;
color:#cccccc;
}



#subtitle{
position: absolute;
right:9%;
top: 12%;
width: 85%;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
font-size: 110%;
text-align:right;
color:#333333;
}




h1 
{
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
font-size: 100%;
color:#000000;
background-color:ffffff;
}

h2 
{
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
font-size: 100%;
color:#666666;

}


h3 
{
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
font-size: 100%;
color:#666666;
}
h4 
{
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
font-size: 120%;
color:#66cc66;
}



#mainmenue {
position: absolute;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
left:5%;
top: 22%;
width: auto;
height: 95%;
font-size: 98%;
text-align:left;
line-height : 200%;
}
#mainmenue ul{
margin: 0; padding: 0;
}
#mainmenue li{
list-style: none;
padding:0px;
margin: 0px 20px 0 0px;

}

#submenue 
{
position: absolute;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
left: 8%;
top: 31%;
width: 25%;
font-size: 90%;
}
#submenue ul{
margin: 0; padding: 0;
}
#submenue li{
list-style: none;
padding:0px;
margin: 0px 50px 0 0px;
height:25px;
}



#content {
position: absolute;
left: 20%;
top: 23%;
width: 40%;
}

ul,li {
list-style: circle;
}


a {
font-weight: bold;
text-decoration:none;
color: #666666;

}

a:hover {
font-weight: bold;
text-decoration:none;
color: #66cc66;
}

li.current_page_item a
{
width: 200px;
height: 22px;
background: #ffffff;
margin-bottom: 0px;
list-style: none;
font-weight: bold;
text-decoration:none;
color: #33CC66;
}


li.current_page_item a:hover
{
width: 200px;
height: 100px;
background: #ffffff;
margin-bottom: 0px;
list-style: none;
color:#33CC66;
}


#footer {
position: relative;
left: 0%;
top: 20px;
width: 100%;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
text-align:left;
font-size: 80%;
font-weight: bold;
color:#99cc99;
border-top: dotted 0px #99cc99;

}


img {
border:none;
}

strong{
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
text-align:left;
font-size: 100%;
color:#666666;
font-weight: bold;
}

input, select, textarea
 {
			background-color: #ffffff;
			border-top: #cccccc solid 1px; 
			border-bottom: #cccccc solid 1px; 
			border-left: #cccccc solid 1px; 
			border-right: #cccccc solid 1px;
			margin-bottom: 0px;
			color: #000000;
			font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
			font-size: 100%;
			font-style: normal;
			font-weight : normal;
			padding-left: 0px; 
			line-height : 90%;
		
			
}