/* *** css by Agnes Schwarz *** */
/* April 2006 */
/* August 2007 */

body {
background-color: #003399;
font-size: 12px;
font-family: "comic Sans MS", "Lithos Pro Light", serif;
color:#003366;
padding:10px;
margin:0px;

}
a {
color: #003366;
text-decoration:none;
}
a:visited {
color:#ffffff;
}
a:hover {
color: #ffffff;
}
a:active {
color:#ffffff;
}
/* ----------oberes menu------------- */
#menu p{
color:white;
background:#003399;
padding:3px 15px 3px 0;
margin:0;
text-align:right;
border-bottom:1px solid white;
width: auto;
}
#menu a {
color:white;
font-size: 13px;
text-decoration:none;
padding:0 5px 0 5px;
font-weight:bold;
}
#menu a span { /* ausgewählte Seite orange */
color:#cc9933;
}
#menu a:hover {
color:#cc9933;
text-decoration:none;}



/* ----------Flaggen------------ */
.flagge{
 float:left;
 width:160px;
 text-align:center;
}

.flagge img{
 padding:7px 3px 0px 0px;

}

h1 {
font-size:18px;
padding: 0px 0px;
margin:0px;
font-weight: bold;
font-family: "Comic Sans MS", "Lithos Pro Light",s serif;
}
h2 {
font-size:15px;
padding: 0px 0px;
margin:0px;
font-weight: bold;
font-family: "Comic Sans MS", "Lithos Pro Light", serif;
}

/* ----------container zentriert das layout-------------- */
#container {
width: 800px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
background-color: #003399;
border-left:1px solid white;
border-right:1px solid white;

}

/* ----------logo-------------- */
#banner {
padding: 0px 0px 0px 0px ;
margin: 0px;
border-top:1px solid white;
border-bottom:1px solid white;
background-color: #003399;
}


/* ------------galerie---------------*/
#galerie_s {
	background-color: #99ccff;
	margin-left: 160px;
	padding: 18px;
	}
	
#galerie {
	background-color: #99ccff;
	margin-left: 160px;
	
	}

/* -----------------Inhalt--------------------- */
#content {
background-color: #99ccff;
padding: 18px;
margin-left: 160px;
margin-right: 0px;
font-size: 12px;
font-family: "Verdana", Sans-Serif;

}

div#content { 
min-height:550px;
height:expression(this.scrollHeight > 550 ? "auto":"550px");
}

#contenthome {
background-color: #003399;
padding:0px 0px 0px 0px;
margin-left: 160px;
margin-right: 0px;
text-align: right;
}



/* --------------left navigavtion------------- */
#left {
float: left;
width: 160px;
margin: 0px;
padding: 0px; 
color : white;
}

#navigation{
	font-size: 15px;
	margin-top:20px;
	margin-left:15px;
}                     
#navigation a{
     font-family: "Comic Sans MS", "Lithos Pro Light", serif;
     color : white;
   	 text-decoration: none;
	 text-align: left;
	 font-weight: bold;
}
#navigation a span { /* ausgewählte Seite orange */
    color:#cc9933;
}

#navigation a:hover {
color:#cc9933;
text-decoration:none;
}


#logo {
margin-top:50px;
}




/* -----------untere Zeile--------------------------- */
#unten {

margin: 0px;
padding:3px 15px 3px 0;
text-align: right; 
font-weight: bold;
font-family: "Comic Sans MS", "Lithos Pro Light, serif";
border-top:1px solid white;
border-bottom:1px solid white;
color:#cc9933;
font-size:15px;
}


img { 
margin: 0px 0px 0px 0px;

}
.fright {   /* Text am Bild vorbeifließen lassen */
 float: right;
 margin: 0 0 0.2em 1em;
 padding:0px;
}
.fleft { 
 float: left;
 margin: 0 1em 0.2em 0; 
 padding:0px;
  }
  .fbottom {
  float: bottom;
  margin: 0 1em 0.2em 0; 
  padding:0px;
}