@import url('https://fonts.googleapis.com/css?Open+Sans:300,400,400i,600');



html, body { margin: 0px;
  background-color: #f0f0f0;
height: 100%;
}
form {
  background-color: #9fc;
  width: 40em; /* Breite des Formulars */
  margin-left:1em;
padding: 1.4em;
  border: 1px solid #ccc;
}
label { /* Beschriftung auf eigener Zeile */
  display: block;
  cursor: pointer; /* Mauszeiger wird zur Hand */
}
input#absender,
textarea {
  width: 30em;
  border: 0.05em solid #ccc;
  margin-bottom: 1em;
}
textarea {
  height: 7em;
}
input:focus,
textarea:focus {
  background-color: #cc9999;
}
#container {
  margin: 0px auto;
  font-family: Open Sans, sans-serif;
  font-size: 1em;
  position: relative;
  width: 800px;
  padding-bottom:4em;
 border-radius: 10px;
    box-shadow:4px 4px 4px #9cc;
  min-height: 70%;
	color: #066;
}
* html #container {
height: 70%;
} 



#Logo{
display:block;
background-image:url(../pic/Logo.jpg);
background-repeat:no-repeat;
  margin: 0 5px;
width:200px;
float: left;
}

#Navi{

margin-top: 35px;
width:590px;
height:80px;
  float: right;
}
#Navi ul {
  margin-left: -35px;
}
#Navi li { display:inline;
        line-height: 1.5em;
  list-style-type: square;
float:left;
margin-left:2px;
margin-top: 10px;
}


#Navi a {
    padding: 60px 30px 30px 10px;
  border-top: 2px solid whitesmoke;
  border-right: 3px solid whitesmoke;
 border-radius:  0  10px 0 0;  
color: #fff;
    text-align: left;
background-color: #A7A9AC;
text-decoration:none;
}

#Navi a:hover {
  color: #033;
background-color: #E6E7E8;
}
#Navi span {
    padding: 60px 30px 30px 10px;
  color: #033;
background-color: #E6E7E8;
  border-top: 2px solid whitesmoke;
  border-right: 3px solid whitesmoke;
 border-radius:  5px 10px 0 0 ;
}


#Textbereich{
	display:block;
        min-height: 32em;
        line-height: 1.5em;
        background-color: white;
	width:540px;
font-size: 0.75em;
        margin:0 20px 5px 5px;
        padding:1em;
 border-radius: 2px 10px 30px 0; 
    box-shadow:4px 4px 4px #9cc;
  font-family: Open Sans,sans-serif;
        float: right;
	
}




#slideshow {
width: 520px; 
height: 390px;   
overflow: hidden;
    border:10px solid #ccc;
 border-radius: 10px;
    box-shadow:2px 2px 2px #033; 
	 background-color: white;
}

#slideshow ul {
margin: 0;
  padding: 0;
list-style: outside none none;
}

#slideshow li {
width: 520px; 
height: 390px;
list-style: outside none none;
}
#slideshow img.quer {
    display: block;
	width: 520px;
owerflow:hidden;
}
#slideshow img.hoch {
    display: block;
	height: 390px;
margin:0 auto;
owerflow:hidden;
}

#slide_mini { 
width: 540px;  
  height: 250px; 
margin: 10px 5px;
  overflow-y: auto;
float:right;
}

#slide_mini ul {
margin: 0;
  padding:5px;
list-style: outside none none;
}

#slide_mini li {
width: 50px; 
height: 50px;
overflow: hidden;  
margin: 3px;
float: left;
list-style: outside none none;
}

#slide_mini a {
text-decoration: none;
display:inline-block;
float:left;
}

#slide_mini a:hover{
border:2px solid lightgray;
}

#Fuss{
	font-family: "Courier New",Courier,monospace;
	height:4em;
        position:absolute;
	padding:10px;
	font-size:0.1em;
	width: 780px; 
	color:#fff;
        clear:both;

}
#Fuss_rechts {
	width:380px; 
	float:left;
}
#Fuss_links {
	width:360px;
        float:left;
}
#Fuss a {
  font-family: "Courier New",Courier,monospace;
  font-size: 1.2em;
  text-decoration: none;
  color: #003333;
	padding:0.2em;
}
#Fuss a:hover{
	color:white;
	background-color:#cc9999;
	padding:0.2em;
}

.a {
   margin-top:1em;
   margin-bottom:1em;
  line-hight: 1.3em;
  font-size: 1.1em;
  text-decoration: none;
  color: white;
 border-radius:  0  5px 0 0;  
	background-color:#369;
	padding:0.5em;
}
.a:hover{
	color: black;
}
.h1{
	font-size:1.2em;
	color: #033;
}
.h2 {
	font-size:1.1em;
	color: #033;
}

.meldung {
        font-size: 1.1em;
	color:  #033;
}

.floatright
{
float: right;
margin: 10px;
clear: right;
}