﻿*{
	padding: 0;
	margin: 0;	/* Innenabstand */
	border: 0;	/* Aussenabstand */	
}
body {
	font-size: 0.9em;
	font-family: verdana;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1.5em;
	color: black;
	background: #FFFFCC;
}
#header{
        text-transform:uppercase;
        text-align:center;
        background-image:url('Bilder/moor.jpg');
        /*background-image:url('Bilder/lauscheblaustreifen.gif')*/             
        /*#5A6BBD;     #0066CC */
        background-repeat:repeat;
        /*background:#5A6BBD;*/
}
#header h1{
        font-size:1.4em;
        line-height: 5em;
        text-indent:2em;
        color:white;
}
#box{
        width: 760px;
        margin:0 auto;        /* Das Element wird horizontal zentriert */
        background:#99CC00; /* #ffffff */
}

#navigation{
        list-style:none;
        text-align:center;
        width: 100%;
        height:2em;
        border-bottom: 0.1em
}
#navigation li{
	background: #FFFFCC;
	float: left;
	font-weight: bold;
	border-bottom: 0.1em;
}
#navigation li a{
        display: block;
        border-bottom: 0.1em solid #999;
        width: 190px;
        height: 2em;
        line-height: 2em;
        background: #669900;
        color: #ffffff;
        text-decoration: none;
}
#navigation li a:hover,#navigation li#active a{
        background:#CCCC00;
        color:#000000;
}
ul.subnavigation{
        list-style:none;
        text-align:left;
        font-weight: bold;
}
ul.subnavigation li a{
        display:block;
        border-bottom:0.1em; solid #999;
        width:190px;
        line-height:2em;
        background:#669900;
        height:100%;
        color:#ffffff;
        text-indent:1.2em;
        text-decoration:none;
}
ul.subnavigation li a:hover,ul.subnavigation li#active a{
        background:#CCCC00;   
        color:#000000;
 }

#content{
        width: 100%;
}
#spalte_links{
        float: left;
        background:#99CC00;
        height: 100%;
}
#spalte_links h2{
        background:#99CC00;
        color:white;
        text-indent:0.8em;
        width:190px;
        font-size:1em;
		border-bottom:0.1em;
}
#spalte_rechts{
		float: right;
        width:530px;
        background:#FFFFCC;
        padding: 20px 20px 20px 20px;
}

#spalte_rechts ol{
	padding-left: 30px;	
}

#spalte_rechts h2{
        line-height:2.5em;
}

#spalte_rechts p{
        margin: 1em 0 0 2em;
}

#spalte_rechts br{
        padding-top: 1em;
}


#spalte_rechts #fototabelle {
	
}

#spalte_rechts #fototabelle img{
	width: 150px;
	height: 100px;
	padding: 5px 5px 5px 5px;
}
#footer{
	float: left;
	background: #99CC00;
	color: #FFFFFF;
	text-align: center;
	height: 2em;
	line-height: 2em;
	width: 100%;
}


.link {
	color: #669900;
	font-size: medium;
	font-family: verdana;
	pause-after: inherit;
	pause-before: inherit;
}

.bildre dl{
float: right;
margin: 1em 1em 1em 1em;
text-align: center;
}

.bildli dl{
float: left;
margin: 1em 1em 1em 1em;
text-align: center;
}