html, body    {
	margin: 0;
	padding: 0;
	font-family : Verdana, Tahoma, Geneva, Lucida, Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:101%;
	background-color: #00324F;
	background-image: url(bild/frosch_frei.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-attachment: fixed;
}



#suchform {
color: #fff;
position: relative;
width : 250px;
top:26px;
margin-left:376px;
z-index: 3;
visibility: visible;
}

#output{
padding : 0.2em;
}

#output a {
color: #007211;
text-decoration: none;
}

#searchfooter {font-size: 0.7em;}
#searchfooter p {color: #007211;}
#searchfooter a {
text-decoration: none;
color: #007211; }

/*Container für sämtlichen Inhalt*/
#container {
position:absolute;
width:620px;
height: auto;
margin-top:50px;
margin-left:auto;
right: 100px;
text-align:left;
border: 1px solid #B0E0E6;
z-index:1;	
}

/*header*/
#header {
background:#00324F;
width: 180px;
height: 40px;
margin-top:-20px;
margin-left:40px;
padding:0px;
text-align:left;
z-index:2;
overflow: visible;
visibility: visible;
position:relative;
}

/*Container für Text, mittig*/
#content {
width : 500px;
margin-top:10px;
margin-left:-210px;
border: 1px solid #B0E0E6;
padding-bottom:10px;
z-index:5;
overflow: visible;
visibility: visible;
position: relative;
background-color: #00324F;
}

#text {
padding : 0.9em;
background-color:#fff;
border: 1px solid #B0E0E6;
width : 505px;
margin-top:20px;
margin-left:40px;
margin-right: -40px;
overflow: visible;
visibility: visible;
position: relative;
z-index:6;

}

#text a {
color: #007211;
text-decoration:underline;}

p {
color: #007211;
font-size : 0.7em;
line-height: 1.6em;
padding : 0;
margin : 5px;
}

/*Nav oben im Bogen*/
#menuoben1{
margin-top: -30px;
margin-left:-220px;
width: 400px;
font-size : 0.7em;
z-index:4;
overflow: visible;
visibility: visible;
position: relative;
}

ul.menuoben1 {
list-style: none;
}

.menuoben1 li {
display : inline;
padding-right: 0.5em;
}

.menuoben1 li a{
color:#B0E0E6;
border-left: 1px solid #B0E0E6;
padding-left:2px;
text-decoration : none;
}


.menuoben1 li a:hover{
color : #CBAC49;
border-left: 1px solid #CBAC49;
}


/*Überschrift fett und gross mit Einzug*/
h1 {
color:#fff;
font-size : 0.9em;
font-weight:normal;
line-height: 1em;
margin-left : 20px;
letter-spacing:0.1em;
}

/*Überschrift fett und kleiner*/
h2 {
color:#003F5F;
font-size : 0.7em;
font-weight:normal;
line-height: 1.3em;
margin : 5px;

}

h3 {
color:#B22222;
font-size : 0.7em;
font-weight:normal;
line-height: 1.3em;
margin : 5px;
letter-spacing: 0.1em;
}

h6 {
color:#CBAC49;
font-size : 0.7em;
font-weight:normal;
margin-left : 26px;
margin-right : 10px;
letter-spacing: 0.1em;
padding-bottom:3px;


}

/*Container für Inhalt, rechts*/
#nav {
position: absolute;
top: 100px;
width: 308px;
padding:0;
margin-left: 380px;
background:#00324F;
z-index:7;
border: 1px solid #B0E0E6;

}

#nav1 {

padding:0;
margin: 0;

}


#nav1 ul
{
margin-top:10px;
margin-left: 6px;
margin-bottom:-10px;
padding-left: 0;
list-style-type: none;
}

#nav1 a
{
display: block;
text-decoration: none;
padding: 7px 8px 4px 18px;
color: #FFFFFF;
font-weight: normal;
font-size:0.7em;
background-color: #00324F;

}

#nav1 a:link, #nav1 a:visited
{
text-decoration: none;
}

#nav1 a:hover
{
color: #B0E0E6;

}

#nav1 a:active, #nav1 a:focus {
	outline: 1px dotted #B0E0E6;
}

#nav1 ul li a#current
{
color: #B0E0E6;
letter-spacing: 0.1em;

}



#footer {
height : 30px;
margin-bottom: -2px;
padding : 0;
width: 500px; 

}

#footcont{
padding-top: 6px;
padding-bottom: 4px;
padding-left:5px;
color: #B0E0E6;
font-size : 0.7em;
line-height: 1.4em;
background-color: #00324F;

}

#footcont a{
color: #eee;
text-decoration:none;
}



/************** .feature styles ***************/

.feature{
	padding: 0;
	clear: both;
	text-align: left;
	
}

.feature h3{
	padding: 5px 0px 5px 0px;
	text-align: left;
}

.feature img{
	float: left;
	padding: 0px 10px 0px 0px;
	margin: 0 5px 5px 0;
}
/* adjust margins to change separation between the feature image and text flowing around it */


/************** .story styles *****************/

.story{
	clear: both;
	padding: 10px 0px 0px 0px;
	text-align: left;
	
}

.story p{
  padding: 0px 0px 10px 0px;
}

.story img{
	float: right;
	padding: 0px 10px 0px 0px;
	margin: 0 5px 5px 0;
}


/************** Navigation *****************/

.p7AB {
	background-color: #00324F;
	border-bottom: 0;
	padding-right: 8px;
	padding-left: 8px;
	padding: 8px;
	margin-top:-20px;
	margin-bottom:5px;
	

}
.p7ABtrig {
	margin: 0;
	padding: 3px 0 0 0;
	
}
.p7ABtrig h3, .p7ABtrig h4 {
	margin: 0;
	padding: 0;
	color:#FFFFFF;
font-size : 0.7em;
font-weight:normal;
line-height: 1.3em;
}


#p7ABW1 .p7ABtrig a, #p7ABW2 .p7ABtrig a,
#p7ABW3 .p7ABtrig a, #p7ABW4 .p7ABtrig a,
#p7ABW5 .p7ABtrig a, #p7ABW6 .p7ABtrig a,
#p7ABW7 .p7ABtrig a, #p7ABW8 .p7ABtrig a,
#p7ABW9 .p7ABtrig a, #p7ABW10 .p7ABtrig a {
	display: block;
	text-decoration: none;
	padding: 4px 8px 4px 18px;
	color: #FFFFFF;
	font-weight: normal;

	background-color: #00324F;
	
}


#p7ABW1 .p7ABtrig a:hover, #p7ABW2 .p7ABtrig a:hover,
#p7ABW3 .p7ABtrig a:hover, #p7ABW4 .p7ABtrig a:hover,
#p7ABW5 .p7ABtrig a:hover, #p7ABW6 .p7ABtrig a:hover,
#p7ABW7 .p7ABtrig a:hover, #p7ABW8 .p7ABtrig a:hover,
#p7ABW9 .p7ABtrig a:hover, #p7ABW10 .p7ABtrig a:hover {
	color: #B0E0E6;

}
.p7ABtrig a:active, .p7ABtrig a:focus {
	outline: 1px dotted #B0E0E6;
}
#p7ABW1 .p7ABtrig .p7ABtrig_down, #p7ABW2 .p7ABtrig .p7ABtrig_down,
#p7ABW3 .p7ABtrig .p7ABtrig_down, #p7ABW4 .p7ABtrig .p7ABtrig_down,
#p7ABW5 .p7ABtrig .p7ABtrig_down, #p7ABW6 .p7ABtrig .p7ABtrig_down,
#p7ABW7 .p7ABtrig .p7ABtrig_down, #p7ABW8 .p7ABtrig .p7ABtrig_down,
#p7ABW9 .p7ABtrig .p7ABtrig_down, #p7ABW10 .p7ABtrig .p7ABtrig_down {
	color: #B0E0E6;

	
	
	
}
.p7ABcontent {
	padding: 20px;
	line-height: 1.5em;
	color: #007211;
	background-color: #FFFFFF;
	border: 1px solid #B0E0E6;
	
}
.p7ABcontent h2, .p7ABcontent h3, 
.p7ABcontent h4 {
	font-size: 14px;
	color: #333333;
	margin: 0px;
	line-height: normal;
	
}
.p7ABcontent p {
	margin: 6px 0 12px 0;
}
.p7ABcontent a {
color: #007211;
text-decoration:underline;

	
}
.p7ABcontent a:hover, .p7ABcontent a:active, .p7ABcontent a:focus {
color: #CBAC49;
	
}

#p7ABcontent a#current
{
color: #CBAC49;
letter-spacing: 0.1em;

}
.p7ABcontent img {
	margin-right:10px;
	float: left;
}