html {
margin:0; padding:0;
background-color: #42ADDE;
}
body {
background-color: #42ADDE;
color:#004080;
font:normal 95% Arial, Helvetica, Verdana, sans-serif;
margin:0;	
padding:0;
width: 100%;
}	

#main {
background-color: #F68B1E;
width:95%;
text-align:center;
margin:auto;
margin-top:1em;
}

#content {
background-color: #FFF0C7;
border: 0.5em solid #F68B1E; 
border-bottom:0;
width:98.4%;
overflow:auto;
}

#header {
background-color: #F68B1E;
border-top:0.5em solid #F68B1E;
height:150px;
margin:0;
padding:0;
width:100%;
overflow:hidden;
}

.box-left {
float:left;
height:95%;
width:14.8%;
margin:0 0 0 0.8%;
background: #F68B1E;
font-size:80%;
}

.box-left img {
width:100%;
}
.box-right {
float:left;
height:95%;
width:14.8%;
margin: 0 0 0 0.8%;
background: #F68B1E;
font-size:80%;
}
.box-right img {
width:100%;
}

html>body .box-left, .box-right {
margin: 0 0 0 1.1%;
}
.box-center {
float:left;
height:95%;
margin-left:1%;
font-size:80%;
width:34%;
}

.box-center img {
width:100%;
}
/*++++++++++++ navigation +++++++++++++++*/
#nav {
  	font-family: Arial,Verdana,Helvetica,sans-serif;
  	font-size:80%;
  	font-weight:normal;        
  	padding: 0;  	
  	background-color: #F68B1E;  
  	width:100%;
	border-top:1px solid #FFF0C7;
	min-height:25px;
    	}

  #nav ul {
    	margin:0;
    	padding-top:5px;
    	 
    	
  	}
  html>body #nav ul { margin-left:-2.7em;}

  #nav ul li { 
    	display: inline;  	
  	 padding:0.1% 0 0 0.1%;
	overflow:hidden;

  	  	} 
  	
   #nav ul li a { 
     	display: inline;
  	padding:2px 0px 2px 3px;
  	border-left: 5px solid #004080;  	
  	background-color: #FFF0C7;     	
  	color: #004080;
  	text-decoration: none;
	padding-left:3px;
	padding-right:3px;	
	overflow:hidden;
  	}    
  	
  	html>body #nav ul li a {
  	width:auto;
  	
  	}  
  	
  	#nav ul li a:hover{       	 	
  	border-left: 5px solid #42ADDE;  	
  	background-color:#EBEBEB;        
  	color: #F68B1E;     	
  	}

/*+++++++++++++++ ende navigation	++++++++++++++*/
#title {
background-color: #FFF0C7;
border-bottom: 0.5em solid #F68B1E;
height:1.8em;
width:100%;
}

#spalte1 {
background-color: #FFF0C7;
float:left;
width:49.8%;

}

#spalte2 {
background-color: #FFF0C7;
float:right;
width:49.8%;
overflow:auto;
}

#footer {
background-color: #F68B1E;
border:0.5em solid #F68B1E;
width:98.5%;
}
 #fs ul{
 background-color:#F68B1E;
 height:1.5em;
 font-size:0.7em;
 text-align:center;
 color:#004080;
 }

#fs ul li {
border-left:5px solid maroon;
border-right:5px solid maroon;
border-top:1px solid maroon;
border-bottom:1px solid maroon;
display:inline;
list-style:none;
}

#fs ul li a{
text-decoration:none;
background-color:#FFF0C7;
color:maroon;
padding-left:5px;
padding-right:5px;
}

#fs ul li a:hover {
background-color:gray;
color:white;
}

#tab	{
border: 1px solid maroon;
width: 50%;
margin-left: 25%;
margin-top: 10px;
margin-bottom: 10px;
text-align: left;
}

#tab a	{
border-left:10px solid maroon;
border-right:1px solid maroon;
border-top:1px solid maroon;
border-bottom:1px solid maroon;
list-style:none;
text-decoration:none;
background-color:#FFF0C7;
color:maroon;
padding-left:5px;
padding-right:5px;
margin-left:20px;
}

#tab a:hover	{
border-left: 10px solid #42ADDE;  	
  	background-color:#EBEBEB;        
  	color: #F68B1E;
  	margin-left: 20px;
  	}
/*+++++++++Formate++ +++++++++++++*/
h1, h2 {
margin-top:5px;
line-height:0.9em;
}

h3, h4 {
text-align:left;
padding-left:1.5em;
}
p {
line-height:1.2em;
margin:10px;
text-align:left;
}

ul {
list-style:none;
}

ul li  {
text-align:left;
}

/*+++++++++Images+++++++++++++++*/

#bilder {
background-color: #FFF0C7;
border-left:0.5em solid #F68B1E;
border-right:0.5em solid #F68B1E;
overflow:auto;
width:98.5%;
}
.bb-left {
float:left;
width:49.5%;
}
.bb-left img {

padding:0.5em;
width:90%;
}

.bb-right {
float:right;
width:49.5%;
}

.bb-right img {
padding:0.5em;
width:90%;
}

.bb-cent {
width:95%;
margin:0.3em;
padding-bottom:1em;
}

.bb-cent img {
padding:0.5em;
width:70%;
}

.bb-cent p, .bb-right p, bb-left p {
text-align:center;
font-size:80%;
padding-left:11%;
padding-right:11%;
}