/* CSS layout */
body {
	margin: 0;

	padding: 0;
	color:gray;
	font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
	line-height:130%;
	padding-bottom:40px;
}
/* p {  max-width: 70em; } */

@media all and (min-width:1081px) {
	img{margin:0px 10px 5px;}
	
	body {
	
		margin-left:10%;
		margin-right:10%;}
			
	#right {
		margin-left:235px;
	}
	#left{
	float:left;
	width: 230px;
	

	height:100%;}
}
		
@media all and (max-width:1081px) {
	body {
		margin-left:1%;
		margin-right:1%;}
		
		
	img{margin: 0px  5px 2px 2px;}
	img{
	float:none;
}	
	#right {
		margin-left:0px;
	}
	#left{
	float:none;
	width: 100%;
	text-align:center;
}


}
#head {
	margin:0;
	padding:0;
	background:#006699;
	height:100px;
	width:100%;
	
	
	
}
#head img {
	margin:auto;
	
}
#head h1{
	text-align:center;
	color: white;
}

#head h3{
	text-align:center;
	color: white;
}


  /* Header-Img */
/* 
	****************************
	Formatierung Hauptnavigation
	****************************
 */
#hauptnavigation {
	background-color:#006699;
	font:120%;
	margin:0;
	padding:0;
	
}

#hauptnavigation ul {

	color:#fff;
	margin:2px;
	text-align:center;
	padding:5px;
	
}

#hauptnavigation ul li {
	

    list-style: none;	
	padding-top:10px;
	font-weight:bold;
	display: inline-block;
	
	
}

#hauptnavigation ul li a {
	background:#000066;
	color:white;
	padding:5px 10px;
	text-decoration:none;
}

#hauptnavigation ul li a:hover {
	background:white;
	color:#006699;
	padding:5px 10px 8px 10px;
	
}


/* 
/* 
	****************************
	Formatierung Subnavigation
	****************************
 */
#left  ul {
	
	color:#fff;
	margin:0;
	padding:5px 0;
	width:100%;
}
@media all and (max-width:1081px) {
	#left ul li {
		
		
	   	display: inline-block;		
	    list-style: none;	
		padding-top:10px;
		font-weight:bold;
 
}	
}

@media all and (min-width:1081px) {
	#left ul li a {
		display:block;
}}
@media all and (max-width:1081px) {
	img {
	
	max-width:95%;
	height:auto;
	width: auto; /* ie 8 */
	}
		
}


#left ul li a {
	background:#015d6c;
	border-top:1px solid #009baa;
	color:#fff;
	padding:5px 10px;
	text-decoration:none;
	width: 200px;
	
}

#left ul li a:hover, #left  ul li a.aktiv, #left  ul li a:focus {
	background:#006699;
	color:#fff;
	/*padding:5px 10px 8px 10px;*/
	
}

#left ul li a.aktiv {
	/* font-weight:bold; */
	
	
}


h1 {
	font-family:"Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
	color:#006699;
	font-size:1.4em;
	
	

}
h2 {
	
	color:#006699;
	font-size:1.3em;
	
	

}
h3 {
	
	color:#006699;
	font-size:1.1em;
	
}

.zentriert{
	text-align:center;
}

.tabelle {
	table-layout:auto;

	
	font-size:0.95em;
	
	
}
td {
	border-bottom-style:solid;
	border-bottom-width:thin
}
.left{
	text-align: left;
}
.color{
	color: #015d6c;
}
.aktiverLink{
	font-weight:bold;
	
	text-decoration:underline;
}

#content2spalten ul {
	list-style-image:url(../img/ul_bullets.gif);	
}
.blau{
	color:navy;
	font-weight: bold;
}
a.info
{
position:relative;
z-index:1;


text-decoration:none;
}
.float_left{
	float:left;
	
}

a:link { font-weight:bold; color:#006699; text-decoration:underline; }
a:visited { font-weight:bold; color:#006699; text-decoration:none; }
a:focus { font-weight:bold; color:#006699; text-decoration:underline; }
a:hover { font-weight:bold; color:#006699; text-decoration:none; }
a:active { font-weight:bold; color:#006699; text-decoration:underline; }
@media all and (min-width:1081px) {
	#footer{
	
	
	width:80%;
}
}
@media all and (max-width:1081px) {
	#footer{
	
	width:98%;
}
}

#footer{
	background:#006699;
    position: fixed;
	padding: 3px,0,10,0
	
	
	text-align:center;
	bottom:0;
	color:white;
	line-height: 1.5em;
	
}

#footer a:link{ color:white; text-decoration:underline; }
#footer a:visited { color:white; text-decoration:none; }
#footer a:focus {  color:white; text-decoration:underline; }
#footer a:hover { color:white; text-decoration:none; }
#footer a:active {  color:white; text-decoration:underline; }