@charset "utf-8";
/* CSS Document */

* {
	margin: 0px;
	padding: 0px;
}

body{
  font-size: 12px;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  background-image: url(../images/background.jpg)
}

/*Der Abschnitt sorgt dafür das die seite nur 800px breit ist*/
#container{
width: 760px;
margin: 0px auto;
margin-top: 9px;
border-style: solid;
border-color: #91B6EC;
}

/*Dieser Teil verhindert das Divs aus dem Container herausfliesen*/
#container:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#Teil1{ /*header*/
  float: left;
  height: 150px;
}
#Teil2{ /*main*/
  float: left;
  width: 760px;
background-color: #FFFFFF;
}
#Bereich1{ /*links oben- Header/Logo*/
  float:   left; 
  width: 760px;
  height: 150px;  
}
#Bereich3{   /*breadcrumbs*/
  background-color: #82ACEA; 
  width: 760px;
  text-align: center;
}
#Bereich4{ /*linke Seite*/
  float:   left;
  margin: 0 0 1.2em;
  width: 100px; 
}

#Bereich6{  /*rechte seite*/
  float: right; 
  width: 12em; 
  background-color: #FFFFFF; 
}
#Bereich7{  /*footer*/
  /*margin: 0 0 1.1em; */
  background-color: #FFFFFF; 
  /*border: 1px dashed silver; */
}
/*Counter*/
#counter {
margin-top: 20px;
text-align:center;
background: #FFFFFF;
}

/*Menü links*/
#menu {
list-style-type: none;
margin-top: 2px;
font-weight: bold;
}

#menu li {
border-color:#000000;
background-color:#82ACEA;
margin-bottom: 2px;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 10px;
}

#menu a:link {
color: #000000;
text-decoration: none;
}

#menu a:visited {
color: #000000;
text-decoration: none;
}

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

iframe {
width: 656px;
height: 500px;
border: none;
}