﻿#container 
{
	background-color:white;
	/*border: 4px solid  black;*/
}

#masthead {
	display:block;	
    width: 1000px;
	margin-left: -500px;
	margin-top: -70px;
	height: auto;
	position:absolute; /* positionieren */
	left: 50%;
	/*padding: 0px 25px 0 10px;*/

	z-index:2
}
#masthead-left {
	width: 300px;
	height: auto;
	/*padding: 0 0 0 20px;*/
	text-align:left;
	float: left;
}
#masthead-right {
	width: 700px;
	height: auto;
	/*padding: 0 0 0 30px;*/
	text-align:right;
	float: left;
}

#design {
	height: 320px;
	margin-top: 80px;
	/*background: #DDD url(aufmacher.jpg) no-repeat center center;*/
	background-size: cover;
	/*position: relative;*/
	z-index:3
}
		
#nav-oben {
	height:30px;
	background-size: cover;
	margin-top:10px;
	/*box-shadow: 0px 25px 15px 12px #FFF;*/
	z-index: 4	
}

#navigation-oben { 
	font: normal 14px/20px "Source Sans Pro", arial, helvetica, sans-serif;
    display:block;	
    width: 972px;
	margin-left: -540px;
	height: 35px;
	position: absolute; /* positionieren */
	left:50%;
	margin-top:0px;
	
	float: left;
	clear: none;

	white-space: nowrap;
}
	#navigation-oben li {
		font: normal 14px/20px "Source Sans Pro", arial, helvetica, sans-serif;
		display: inline-block;
		width: 20%; 
		border-left: 2px solid #FFF;
	}
	
		#navigation-oben li:last-child {
			border-right: 2px solid #000000;
		}
		#navigation-oben li a {
			font: 14px/20px "Source Sans Pro", arial, helvetica, sans-serif;
			display: block;
					width: 97%;
			vertical-align: middle;
			padding: 0.35rem;
			background: #FF9900;
			color: #000000;
			font-weight: bold;
			text-align: center;
			transition: all 0.35s ease;		
		}
		
		#navigation-oben li a:hover { background: #0069B4; background:#000000; color:#FFFFFF; text-decoration:none;
}
	
#content {
    display:block;	
    width: 1000px;
	margin-left: -500px;
	height: auto;
	position:absolute; /* positionieren */
	left: 50%;
	margin-top:10px;
    background-color:#FFFFFF;
    z-index: 5
}
/* Inhaltsformatvorlagen */
#content img {
	padding: 0px;
	border: 0px;
}

#content1 {
	width: 213px;
	height: auto;
	background-color:#FFFFFF;
	overflow: hidden;
	clip: rect(auto, auto, auto, auto);
	float: left;
}
#content1N {
	width: 210px;
	height: 100px;
	background-color:#FFFFFF;
	margin:0px 0px 0px 0px;
	padding: 10px 10px 0px 10px;
	overflow: hidden;
	clip: rect(auto, auto, auto, auto);
	float: left;
	clear:left
}
#info {
	width: 200px;
	margin: 50px 0px 5px 0px;
	padding:  5px 0px 5px 0px;
	overflow: hidden;
	background-color: #FFFFFF;
	/*border: 2px solid #2C4061;*/
	text-align: left;
	clip: rect(auto, auto, auto, auto);
	float:left;
	clear:left;

}

#content2 {
	width: 704px;
	margin: 0px 0px 0px 0px;
	padding: 10px 30px 0px 30px;
	overflow: hidden;
	clip: rect(auto, auto, auto, auto);
	background-color:#FFFFFF;	
	float: right;

}
#content2 img {
	padding: 0 15px 0 15px;
	border: 0px;
}

#table1 {
	width:100%;
	height:auto;
}
#tablehead1 {
	width:100%;
	height:35px;
	float:left;
	clear: none;

}
#tabletext11 {
	width:45%;
	height:auto;
	float:left;
	clear: none;

}
#tabletext12 {
	width:55%;
	height:auto;
	float:left;
	clear: none;
}
#table2 {
	width:100%;
	height:auto;
}
#tablehead2 {
	width:100%;
	height:35px;
	float:left;
	clear: none;

}
#tabletext21 {
	width:45%;
	height:auto;
	float:left;
	clear: none;

}
#tabletext22 {
	width:55%;
	height:auto;
	float:left;
	clear: none;
}
#table3 {
	width:100%;
	height:auto;
}
#tablehead3 {
	width:100%;
	height:35px;
	float:left;
	clear: none;

}
#tabletext31 {
	width:45%;
	height:auto;
	float:left;
	clear: none;

}
#tabletext32 {
	width:55%;
	height:auto;
	float:left;
	clear: none;
}



#content3 {
	width: 742px;
	height: 30px;
	margin:0px 0px 0px 0px;
	padding: 10px 15px 0px 10px;
	overflow: hidden;
	float: right;
	clear: right;
	clip: rect(auto, auto, auto, auto);
	background-color:#FFFFFF;
}

#footer {
    /*display:block;*/
    width: 975px;
	height: 20px;
	margin: 0px 0px 0px 0px;
	padding: 0px 15px 10px 10px;
	overflow: hidden;
	clip: rect(auto, auto, auto, auto);
	color: #FFFFFF;
    /*background-color:#C00000;*/
    border-top: 4px #FF9900 solid;
    float:left;
	clear: none;


}
#footer-left{
	width:200px;
	overflow: hidden;
	float: left;	
}
#footer-center1{
	width:319px;
	overflow: hidden;
	float: left;			
}
#footer-center2{
	width:320px;
	overflow: hidden;
	float: left;				
}
#footer-right{
	width:130px;
	overflow: hidden;
	float: left;		
}

/* Fußzeilen-Formatvorlagen */
#footer p {
	/*font-size: 0.85em;
	color: #000000;
	margin-top: 10px;
	margin-bottom: 10px;*/
}
#footer a {
	color: #FFFFFF;
	text-decoration: none;
}
#footer a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

/* Navigation1 */
ul#navigation1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	text-align: center;

	list-style-type:none;
	/*Seitenabstand von Links*/
	margin-left:-8px;
	padding-left:0px;
}
ul#navigation1 li{
	/*Abstand der Navigationelemente*/
	margin-bottom:2px;
}
ul#navigation1 li a{
	/*background-color:#FFFFFF;*/
	display:block;
	text-align: center;
	font-weight:bold;
	/*Größe der Navigationsfläche*/
	padding:5px;
	width:188px;
}
ul#navigation1 li a:hover{
	/*background:#cbcbcb url(star.gif) 90% 6px no-repeat;*/
	background-color:#FF9900;
  	text-decoration:none;
  	font-weight:bold;
  	color:#000000;
}

/* Navigation2 */
ul#navigation2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	text-align: center;

	list-style-type:none;
	/*Seitenabstand von Links*/
	margin-left:-8px;
	padding-left:0px;
}
ul#navigation2 li{
	/*Abstand der Navigationelemente*/
	margin-bottom:2px;
}
ul#navigation2 li a{
	/*background-color:#FFFFFF;*/
	display:block;
	text-align: center;
	font-weight:bold;
	/*Größe der Navigationsfläche*/
	padding:5px;
	width:188px;
}
ul#navigation2 li a:hover{
	/*background:#cbcbcb url(star.gif) 90% 6px no-repeat;*/
	background-color:#CBFCC6;
	background-color:#C00000;
  	text-decoration:none;
  	font-weight:bold;
  	color:#FFFFFF;
}
