body {
background-color:#000000;
font-family:Tahoma, Geneva, sans-serif, MS Sans Serif, arial; /* sans-serif und Arial sind Hauptschriftarten */
color:#FFFFFF;
}

#container {
padding-top:10px;
width:800px;
margin:auto;
}

#header {
margin:0;
padding:0;
}

#titel {
margin:0;
padding:0;
}

img {
border:0px;
border-color:#000000;
}

#menu {
font-family:Arial;
font-size: 14px;
text-align:left;
color:#99CC00;
padding: 15px 0 0 0;
}

#menu ul {
margin:0;
padding:0;
}

#menu li {
list-style:none;
float:left;
margin-right:18px;
}

#menu a {
color:#99CC00;
text-decoration:none;
text-underline:none;
}

#menu a:hover {
color:#FFFFFF;
text-decoration:none;
text-underline:none;
}

menu a:active {
color:#FFFFFF;
text-decoration:none;
text-underline:none;
}

hr{
 border: 0px; /* Für Firefox und Opera */
 border-top: solid 1px #FFFFFF;
 border-bottom: transparent;
 clear:both;
}


#slideshow {
border-width:10px;
border-color:#555555;
border-style:solid;
margin-top:20px;
}

#slideshow p{
border-width:10px;
border-color:#555555;
border-style:solid;
}

#slideshow .farbe{
border-width:2px;
border-color:#99CC00;
border-style:solid;
}

#mitte {
margin:0px;
}

div.bereichfenster1 {
margin-top:30px;
overflow:auto;
margin-right:0px;
}

div.bereichfenster2 {
margin-top:10px;
overflow:auto;
margin-right:0px;
}

div.bereich1{
float:left;
height:110px;
width:240px;
border:10px solid #555555;
margin-right:10px;
}

div.bereich2{
float:left;
height:110px;
width:240px;
border:10px solid #555555;
margin-right:10px;
}

div.bereich3{
float:left;
height:110px;
width:240px;
border:10px solid #555555;
}

div.bereich4{
float:left;
height:110px;
width:240px;
border:10px solid #555555;
margin-right:10px;
}

div.bereich5{
float:left;
height:110px;
width:240px;
border:10px solid #555555;
margin-right:10px;
}

div.bereich6{
float:left;
height:110px;
width:240px;
border:10px solid #555555;
}

div#mitte + div { clear: both; }

#box {
clear:both;
}

#boxinhalt1 {
margin-left:0px;
margin-top:5px;
margin-bottom:10px;
color:#555555;
width:250px;
display:block;
float:left;
font-family:sans-serif;
font-size:14px;
overflow:hidden;
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}

#boxinhalt1 p{
font-size:14px;
}

#boxinhalt2 {
margin-left:25px;
margin-top:5px;
margin-bottom:10px;
color:#555555;
overflow:hidden;
width:250px;
display:block;
float:left;
font-size:14px;
font-family:sans-serif;
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}

#boxinhalt2 p{
font-size:14px;
}

#boxinhalt3 {
margin-left:25px;
margin-top:5px;
overflow:hidden;
margin-bottom:10px;
color:#555555;
width:250px;
display:block;
float:left;
font-size:14px;
font-family:sans-serif;
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}

#boxinhalt3 p{
font-size:14px;
}

#boxinhalt1 a {
color:#555555;
text-decoration:none;
text-underline:none;
text-align:center;
font-size:18px;
font-family:sans-serif;
margin-bottom:10px;
}

#boxinhalt1 a:hover {
color:#99CC00;
text-decoration:none;
text-underline:none;
}

#boxinhalt1 a:active {
color:#99CC00;
text-decoration:none;
text-underline:none;
}

#boxinhalt2 a {
color:#555555;
text-decoration:none;
text-underline:none;
text-align:center;
font-size:18px;
font-family:sans-serif;
margin-bottom:10px;
}

#boxinhalt2 a:hover {
color:#99CC00;
text-decoration:none;
text-underline:none;
}

#boxinhalt2 a:active {
color:#99CC00;
text-decoration:none;
text-underline:none;
}

#boxinhalt3 a {
color:#555555;
text-decoration:none;
text-underline:none;
text-align:center;
font-size:18px;
font-family:sans-serif;
margin-bottom:10px;
}

#boxinhalt3 a:hover {
color:#99CC00;
text-decoration:none;
text-underline:none;
}

#boxinhalt3 a:active {
color:#99CC00;
text-decoration:none;
text-underline:none;
}

#copyright {
text-align:center;
text-decoration:none;
font-size:12px;
font-family:sans-serif;
color:#666666;
}

#copyright a {
color:#666666;
text-decoration:none;
text-underline:none;
text-align:center;
font-size:12px;
font-family:sans-serif;
margin-bottom:10px;
}

#copyright a:hover {
color:#99CC00;
text-decoration:none;
text-underline:none;
}

#copyright a:active {
color:#99CC00;
text-decoration:none;
text-underline:none;
}

/*Seiten*/

#textbereich {
background-color:#222222;
color:#FFFFFF;
font-family:arial;
font-size:14px;
text-align:left;
/*border:1px solid #aaa;*/
background-color:#222222;
left:200px;top:50px;
-moz-border-radius:10px;
-khtml-border-radius:10px;
padding:5px;
margin-bottom:20px;
}

#text {
background-color:#222222;
color:#FFFFFF;
font-family:arial;
text-align:justify;
margin:20px 80px 20px 80px;
}

#textb{
background-color:#222222;
color:#FFFFFF;
font-family:arial;
text-align:justify;
margin:20px 80px 20px 80px;
}

#textbild {
with:150px;
float:left;
margin:0 30px 50px 0;
border: solid 2px #99CC00;
}

#text a{
color:#99CC00;
text-decoration:none;
text-underline:none;
}

#textb a{
color:#99CC00;
text-decoration:none;
text-underline:none;
}

#text a:hover{
color:#99CC00;
text-decoration:none;
text-underline:none;
}

#textb a:hover{
color:#99CC00;
text-decoration:none;
text-underline:none;
}

#text a:active{
color:#99CC00;
text-decoration:none;
text-underline:none;
}

#textb a:active{
color:#99CC00;
text-decoration:none;
text-underline:none;
}

#text h1 {
font-family:arial;
font-size:18px;
text-decoration:none;
}

#textb h1 {
font-family:arial;
font-size:18px;
text-decoration:none;
}

#text h2 {
font-family:arial;
font-size: 14px;
font-style:italic;
}

#textb h2 {
font-family:arial;
font-size: 14px;
font-style:italic;
}

#text img {
width:150px;
}

#referenzbereich {
background-color:#000000;
color:#FFFFFF;
font-family:arial;
font-size:14px;
text-align:left;
}

#referenzbereich a{
color:#99CC00;
text-decoration:none;
text-underline:none;
}

#referenzbereich a:hover{
color:#99CC00;
text-decoration:none;
text-underline:none;
}

#referenzbereich a:active{
color:#99CC00;
text-decoration:none;
text-underline:none;
}

#referenz {
background-color:#222222;
color:#FFFFFF;
font-family:arial;
font-size:14px;
text-align:left;
/*border:1px solid #aaa;*/
background-color:#222222;
left:200px;top:50px;
-moz-border-radius:10px;
-khtml-border-radius:10px;
padding:5px;
margin-bottom:20px;
margin-top:10px;
}

#referenz a{
color:#99CC00;
text-decoration:none;
text-underline:none;
}

#referenz a:hover{
color:#99CC00;
text-decoration:none;
text-underline:none;
}

#referenz a:active{
color:#99CC00;
text-decoration:none;
text-underline:none;
}

#referenzlinks {
margin-left:10px;
margin-top:0px;
color:#FFFFFF;
width:250px;
display:block;
font-family:arial;
font-size:14px;
overflow:hidden;
float:left;
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
margin-bottom:10px;
}

#referenzmitte {
margin-right:20px;
margin-top:0px;
color:#FFFFFF;
width:250px;
display:block;
font-family:arial;
font-size:14px;
overflow:hidden;
float:left;
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
margin-bottom:10px;
}

#referenzrechts {
margin-top:0px;
color:#FFFFFF;
width:250px;
display:block;
float:left;
font-family:arial;
font-size:14px;
overflow:hidden;
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
margin-bottom:10px;
}