/* 
Style Sheet für Montessori-Kinderhaus-Aurich
*/

* { padding: 0; margin: 0; }
html { height: 101%; } 
body {
	font: 0.8125em Verdana, sans-serif;
	color: Black;
	background-color: #475AE8;
}
#wrapper {
	color: black;
	width: 850px; 
	margin: 35px auto 25px auto;
	background-color: White;
	
}
#kopfbereich {
	background-image: url(Bilder/Header_hg.gif);
	background-repeat: repeat-x;
}

#kopfbereich img {
	margin-top: 30px;
	margin-left: 12%;
}


#Regenbogen {
	background-image: url(Bilder/menu_2.gif);
	background-repeat: repeat-x;
}


#navibereich {
	background-image: url(Bilder/navi.gif);
	background-repeat: repeat-x;
	background-color: White;
	height: 50px;
}

#navibereich ul {
	padding-top: 28px;
	margin: auto 0px -8px 75px;

}
	  
#navibereich li {
	display: inline;
	list-style-type: none;
}
	 
#navibereich a {
	color: black;
	background-color: White;
	padding: 4px 8px 4px 8px;
	border: 1px solid #8c8c8c;
}
#navibereich a:hover,
#startseite #navi01 a,
#kinderhausseite #navi02 a,
#materialseite #navi03 a,
#paedagogikseite #navi04 a,
#praxisseite #navi05 a,
#aktuellesseite #navi06 a,
#archivseite #navi07 a
 {
	text-decoration: none;
	color: black;
	background-color: #4AD4FF;
	padding-bottom: 6px; 
	border-bottom: none;
}
  #navibereich a:active {
	background-color: #BCFF7B;
	
}

#textbereich {
	background-color: White;
	background-image: url(Bilder/Handgross1.gif); 
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: 16% 96%;
}
#no {
		text-align: right;
		margin-bottom: 5px;
}
#no1 {
	text-align: right;
	margin-bottom: 5px;
	padding-bottom: 10px;
	border-bottom: thin dotted Blue;
}
#archiv {
		height: 190px;
		margin-bottom: 15px;
}


		
.bildlinks {
   float:left; 
   padding: 6px; 
   border: 1px solid #A6C9CA; 
   margin-right: 10px; 
   margin-bottom: 10px; 
}

.bildrechts {
	float: right;
	padding: 6px;
	border: 1px solid #A6C9CA;
	margin-bottom: 10px;
	margin-left: 10px;
}

.mitte {
	margin-left: 20%;
	
}

.archiv {
	float: left;
	padding: 6px;
	border: 1px solid #A6C9CA;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 25px;
}

.index {
	float: right;
	padding: 3px;
	margin-bottom: 10px;
	margin-left: 10px;	
	
}


.clearing { clear: both; }

.aktuelles {
	padding-left: 10px;
	padding-right: 10px;
}


#textbereich p {
	margin-left: 20%;
	width: 65%;	
}
#textbereich ul {
	margin-left: 25%;
	margin-top: 20px;
	margin-bottom: 20px;
}
#kopf {
	margin-top: 15px;
	
}

table {
	 table-layout: fixed;
	 width: 550px;
	 border-collapse: collapse;
	 margin-left: 20%;
	 margin-bottom: 15px;
	 
}
td {
	
	border: 2px solid;
	border-color: Black;
}
col#s1 {
	width: 60px;
	background-color: #FFFFCC;
}
col#s2 {
		background-color: #FFFFCC;
}
col#s3 {
		background-color: #FFFFCC;
}
th {
	color: Blue;
	border: 2px solid;
	border-color: Black;
	background-color: #ccffff;
}

#Regenbogen2 {
	background-image: url(Bilder/Regenbogen_2.gif);
	background-repeat: repeat-x;
}

#fussbereich {
  text-align: center;
  padding: 0px;
  clear: both;
  height: 75px;
  color: #000;
  width: 100%;
  background-image: url(Bilder/foo_logo.gif);
  background-repeat: repeat-x;
  padding-top: 5px;
}
.footer {
	margin-top: 5px;
}


h1 {
	font-size: 120%;
	margin-left: 20%;
	padding: 2px;
	padding-top: 17px;
	padding-bottom: 5px;
	width: 65%;
	color: Blue;
	border-bottom: thin dotted Blue;
	margin-bottom: 15px;
}

#em {
	padding-top: 10px;
	text-decoration: none; color: Blue;
} 


address {
	margin-top: 10px;
  text-align: center;  
  font-size: 85%; 
  font-style: normal; 
  letter-spacing: 2px; 
  line-height: 1.5em; 
}
a { text-decoration: none; outline: none; text-align: right;} 
a:link { color: #d90000;}
a:visited { color: #d90000; }
a:hover, a:focus { text-decoration: underline; }
a:active { color: white; background-color: #d90000; }
.skiplink { display: none; }
p, ul { 
  margin-top: 0 ;
  margin-right: 0 ;
  padding-bottom: 1em;
  margin-bottom: 0;
  margin-left: 0; 
}  
ul ul { 
  margin: 0; 
} 
li { 
  margin-top: 0 ; 
  margin-right: 0; 
  margin-bottom: 0; 
  margin-left: 1em; 
}
span {
font-style: normal;
font-size: larger;
font-weight: bolder;
}