


#alles {
position: relative;
width: 986px;
margin: 0 auto;
text-align: left;
color:  #FFFFFF;
background: #000000;
border-right: solid 1px;
border-left: solid 1px;
border-color: #808080;
height: 792px;
}
#alles p.footer {
background: #808080; 
padding: 2px 215px 0 180px;
margin: 20px 0 0 0;
height: 2.5em;
}


#logo {
position: absolute;
top: 690px;
left: 5px;
display: block;
width: 140px;
height: 40px;
}

#navoben {
position: absolute;
top: 0;
left: 680px;
width: 280px;
list-style-type: none;
background: black;
height: 22px; ;
}
#navoben li {
display: inline;
 
}

#navoben a {
display: block;
float: left;
border-left: 1px solid #C0C0C0;
color: #FFFFFF;  /*schrift farbe*/
width: 90px;
text-align: center;
text-decoration: none;

} 
#navoben a:hover {
color:#BC0000;
background: #FFFFFF;
height: 22px;
}


#navoben a.akt {
color: #BC0000;
background: black;
height: 22px;
}

#header { 
display: block;
width: 986px;
height: 140px;
}
#main {
width: 834px;
margin: 0 0 0 152px;
background:transparent url(../images/mitte.jpg) top left no-repeat;
height: 600px;
}

#rechtespalte {
font-size: 12px;
float: right;
display: block;
width: 180px;
color: #ffffff;
background: transparent; 
overflow:auto; 
height: 600px;
margin: 5px 5px 0 10px;

}
   
#rechtespalte h3 {
font-size: 12px;
margin: 200px 0 5px 0;
color: #BC0000;
clear: left;
background: #D4D4D4 ;
padding-right: 10px;
}
#rechtespalte h4 {
font-size: 12px;
color: #BC0000;
clear: left;
background: transparent ;
padding-right: 10px;

}

#inhaltgallery  {
position: absolute;
width: 720px;
height: 550px;
top: -10px;
left: 78px;
background:transparent; 
border:0px solid #FF00FF;

}


#inhaltgallery p { 
position: absolute;
width: 593px;
height: 200px;
top: 115px;
left:0px;
background:transparent;
border:0px solid #000;
}



a.gallery, a.gallery:visited { 
display:inline; 
color:#000; 
text-decoration:none; 
border:1px solid #000; 
width:75px;
height:75px;
float:left;
margin:5px 10px;
position:relative; 
cursor:auto; 

}
 
a.gallery span {
position: absolute;
width: 590px;
height: 393px;
top: 0px;
left:180px;
visibility:hidden;
background:transparent;
text-align:center;
border:0px solid #fff;
font-family:tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif;
letter-spacing:1px;

}



a.gallery:hover {
white-space:normal; 
border:1px solid #FF0000; 
z-index:100;  

}

a.gallery:hover span {
visibility:visible; 
z-index:99;

}

a.gallery:hover span img {
position: absolute;
width:593px;
height:393px;
left:180px;
top:20px;
margin:10px; 
border:1px solid #FFFFFF; 
position:absolute;
z-index:100;

}

a.gallery:active, a.gallery:focus {
border:1px solid #FFFFFF;
z-index:10; 
}

a.gallery:active span, a.gallery:focus span {
visibility:visible;
z-index:10;

}

a.gallery:active span img, a.gallery:focus span img {
border:1px solid #FFFFFF;
position: absolute;
width:593px;
height:393px;
left:180px;
top:20px;
margin:10px;
  
}

 

#inhalt {
position: absolute;
width: 593px;
height: 600px;
top: 150px;
left: 180px;
background: transparent ; 
border:0px solid #00FFFF;
}
#vorderseite {
position: absolute;
width: 593px;
height: 500px;
top: 0px;
left: 0px;
background: transparent ;
border:0px solid #FF0000;
}

#inhalt td {
border-right: solid 15px;
border-color: #000000;
padding-top: 5px;
padding-left: 0px;

}

#inhalt h3 {
font-size: 12px;
margin: 0px 0 5px 0;
color: #BC0000;
clear: left;
background: #D4D4D4 ;
padding-right: 10px;
}

#inhalt h4 {
width: 120px;
height: 20px;
font-size: 12px;
margin: 0px 150px 5px 50px;
color: #BC0000;
clear: left;
background: #E2E2E2;
padding-right: 10px;
text-align: center;
cursor:pointer; 
}


#inhalt  p {
font-size:12px;
color: #ffffff;
text-decoration:none;
font-style: normal;
background: transparent ;
top: 50px;
}


/* Linke Hauptnavigation */

#navlinks {
position: absolute;
top: 140px;
left: 0px;
right: 7px;
width: 150px;
height: 500px;
background: transparent url(../images/links.jpg) top left no-repeat;
z-index:100;
}
#navlinks .nav {

}   
#navlinks li {
display: block;
}
  
#navlinks .nav a {
display: block;
width: 130px;
text-decoration: none;
font-weight: normal;
padding: 0 0 0 10px;
border-top: 0px solid #FFFFFF;
border-left: 0px solid #FFFFFF;

} 
#navlinks .nav a:link,
#navlinks .nav a:visited {
color: #ffffff;
background: transparent;
}
#navlinks .nav a:hover,
#navlinks .nav a:active,
#navlinks .nav a:focus {
color: #BC0000;
background: transparent;
}   
#navlinks .nav a:link.akt,
#navlinks .nav a:visited.akt {
color: #808080;
background: #2C4572;
}
     
.footer {
font-size: 12px;
color: #FFFFFF;
text-align: center;
}
h1 {
font-size: 24px;
margin: 0px 0 15px 0;
color: #BC0000;
clear: left;
padding-right: 10px;
}
h2 {
font-size: 14px;
margin: 10px 0 8px 0;
color: #BC0000;
clear: left;
padding-right: 10px;
 } 
h3 {
font-size: 18px;
margin: 0px 0 5px 0;
color: #BC0000;
clear: left;
background:  #C0C0C0;
padding-right: 10px;
}
#ohnespalte h1 {
margin-right: 200px;
}

p {
font-size:12px;
color: #000000;
text-decoration:none;
font-style: normal;
}
/* die naechsten 2 anweisungen sorgen dafuer, dass floatende elemente eingeschlossen werden */

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {
height: 1%;
}
/* End hide from IE-mac */


label, .two-elements p{
        float:right;
      }


       #myButton input{
        float:right;
        margin:4px 10px 0 0;
        padding:0 2px;
        background:#C4DE69;
       }
