/* CSS Document */
<style type="text/css">
/* <![CDATA[*/
body, html, #navi, #container, #inhalt {
           margin:0;
           padding:0;
}
body {
           font: 100.01% sans-serif;
           background-color: #000000;
           text-align: center;
}
#container {
	width: 60em;
	text-align: left;
	margin: 0 auto;
	background-color:#000000;
	
}
#kopf {
	background-color: #000000;
	padding: 10px;
	text-align: center;
	background-image: url(logo1.jpg);
	background-repeat:no-repeat;

}
#navi {	float: left ;
		padding: 0;
		width: 11em;
}
#navi ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
}
#navi li {
        margin: 0 0 1px 0;
}

#navi li a:link, #navi li a:visited {
	display: block;
	text-decoration: none;
	font-weight: bold;
	padding: 5px 5px 5px 0.5em;
	border-left: 12px solid #0000cc;
	background-color: #0066FF;
	color: #E1E6CF;
	background-image: url(hinter.jpg);
}
#navi li a:hover, #navi li a:active, #navi li a:focus {
        border-left: 12px solid #3366ff;
        background-color: #3300CC;
        color: #0000CC;
}

#inhalt {
	text-align: center;
	float: left;
	background-color: #000000;
	color: #6699FF;
	margin-left: 1em;
	padding-left:10px;
	border-top-width: 3px;
	border-left-width: 3px;
	border-top-style: groove;
	border-left-style: groove;
	border-top-color: #0000CC;
	border-left-color: #0000CC;
	font-size: 1em;
	font-weight: bolder;width: 75%;	
	
}

#inhalt1 {
	text-align: center;
	float: left;
	background-color: #000000;
	color: #6699FF;
	margin-left: 1em;
	padding-left:10px;
	border-top-width: 3px;
	border-left-width: 3px;
	border-top-style: groove;
	border-left-style: groove;
	border-top-color: #0000CC;
	border-left-color: #0000CC;
	font-size: 20px;
	font-weight: bolder;
	width: 75%;
	background-image: url(baum.jpg);
	background-repeat:no-repeat;
	background-position:right;

}

#inhalt2 {
	text-align: center;
	float: left;
	background-color: #000000;
	color: #6699FF;
	margin-left: 1em;
	padding-left:10px;
	border-top-width: 3px;
	border-left-width: 3px;
	border-top-style: groove;
	border-left-style: groove;
	border-top-color: #0000CC;
	border-left-color: #0000CC;
	font-size: 1em;
	font-weight: bolder;width: 75%;	
	background-image: url(regenbogen.jpg) ;
	background-repeat:no-repeat;
	background-position:center;
	
}
p {
	margin: 10px 0px  25px;
	font-size: 1em;
	font-weight: bolder;
	text-align:justify;	
}

/*Bemerkung blau links*/
.subtitel {
	margin: 0 10px;
	padding:10px 0;
	font-size: 1em;
	color: #6699FF;
	text-align:left;
}
/*Rot mitte*/
.titel {   color: #990000;
           margin: 0 10px;
           padding:25px 0;
           font-size: 2em;
		   text-align:center;
}
/*Schrift Kopfzeile*/
h1       {
	color: #0000CC;
	text-align: left;
	font-size: 3.5em;
	font-style: italic;
		   }
h6     {
	color: #990000;
	text-align: center;
	font-size: 1em;
	text-align:center;
	font-style: italic;
}


a:link {
	color:#3333CC;
	text-decoration: none;
	font-style: italic;
				}
a:visited{
	color:#0033FF;
	text-decoration: none;
	font-style: italic;
				}
a:focus{
	color:#0000FF;
	text-decoration: none;
	font-style: italic;
				}
a:hover{
	color:#3300FF;
	text-decoration: none;
	font-style: italic;
				}
a:active{
	color:#3333FF;
	text-decoration: none;
	font-style: italic;
				}	
.links{	float: left;

		margin: 0.4em 0.4em 0.4em 0.4em;
}
.rechts{float: right;

		margin: 0.4em 0.4em 0.4em 0.4em;
}


/*]]>*/
</style>