@charset "utf-8";

body
{
	font-family:Tahoma, Arial, sans-serif;
	background-color:#ffffff;
	font-size:1em; 
	border:solid 1px #585858;
	

}

header, nav, section, article, footer
{
	display:block; 
} 

header
{
	background-image:url(../img/banner.png); 
	height:200px;
	width:100%;
	background-size:cover;
	background-position:right top;
	background-repeat:no-repeat;
}


article#nav 
{
	
	background-image:url(../img/pattern3.jpg); 
	background-position:center top;
	background-repeat:repeat-x;
	float:left;
	width:100%;
	margin-top:1%;
	padding-bottom:1%;
	margin-bottom:2%;
	border-bottom:solid 1px #585858;
	border-top:solid 1px #585858;

}

article#nav ol 
{
	list-style-type:none;	
		
}

article#nav ol li a
{
	float:left;
	display:block; 
	width:10%;
	text-align:center;
}

article#nav ol li a:link 
{
	text-decoration:none; 
	color:#585858;
	padding:1%;
	margin-left:4%;
	border:solid 1px #585858;
	border-radius:10px;
	background-color:#F6CEEC;
	font-family:"Lucida Calligraphy",Tahoma, Arial, sans-serif;
	font-size:1.3em;
}

article#nav ol li a:visited
{
	text-decoration:none; 
	color:#585858;
	padding:1%;
	margin-left:4%;
	border:solid 1px #585858;
	border-radius:10px;
	background-color:#F6CEEC;
	font-family:"Lucida Calligraphy",Tahoma, Arial, sans-serif;
	font-size:1.3em;

}

article#nav ol li a:hover
{
	 
	color:#F6CEEC;
	border-radius:5px;
	border:solid 1px #F6CEEC;
	border-radius:10px;
	background-color:#585858;
	font-family:"Lucida Calligraphy",Tahoma, Arial, sans-serif;
	font-size:1.3em;

	
}

article#nav ol li a:focus
{
	
	color:#F6CEEC;
	border-radius:5px;
	border:solid 1px #F6CEEC;
	border-radius:10px;
	background-color:#585858;
	font-family:"Lucida Calligraphy",Tahoma, Arial, sans-serif;
	font-size:1.3em;
	
}

article#nav ol li a:active
{
	text-decoration:none; 
	color:#000000;
	padding:1%;
	margin-left:4%;
	border:solid 1px #F6CEEC;
	border-radius:10px;
	font-family:"Lucida Calligraphy",Tahoma, Arial, sans-serif;
	font-size:1.3em;

}


article#links
{
	float:left;
	width:24.2%;
	height:400px;
	padding:1%;
	background-color:#ffffff;
	background-position:left center;
	background-size:cover;
	text-align:left;
	border-bottom:solid 1px #585858;
	border-top:solid 1px #585858;
	border-right:solid 3px #585858;
	
}

article#links h1
{
	color:#585858;
	text-decoration:underline;
	font-family:"Lucida Calligraphy",Tahoma, Arial, sans-serif;
	font-size:1.2em;
}

article#links ol
{
	list-style-type:none;
	padding:5%;
}

article#links ol li
{
	margin-bottom:5%;
}

article#links img
{
	margin-left:10%;
	margin-right:10%;
}



article#links ol li a:link 
{
	text-decoration:none; 
	color:#F6CEEC;
	font-family:Tahoma, Arial, sans-serif;
	font-size:1.1em;
}

article#links ol li a:visited
{
	text-decoration:none; 
	color:#F6CEEC;
	font-family:Tahoma, Arial, sans-serif;
	font-size:1.1em;

}

article#links ol li a:hover
{
	 
	color:#585858;
	text-decoration:underline;
	font-family:Tahoma, Arial, sans-serif;
	font-size:1.1em;

	
}

article#links ol li a:focus
{
	
	color:#585858;
	text-decoration:underline;
	font-family:Tahoma, Arial, sans-serif;
	font-size:1.1em;
	
}

article#links ol li a:active
{
	text-decoration:none; 
	color:#F6CEEC;
	font-family:Tahoma, Arial, sans-serif;
	font-size:1.1em;

}

article#links a:link 
{
	text-decoration:none; 
	text-decoration:underline;
	color:#585858;
	font-family:Tahoma, Arial, sans-serif;
	font-size:1.1em;
}

article#links a:visited
{
	text-decoration:none; 
	text-decoration:underline;
	color:#585858;
	font-family:Tahoma, Arial, sans-serif;
	font-size:1.1em;

}

article#links a:hover
{
	 
	color:#F6CEEC;
	text-decoration:underline;
	font-family:Tahoma, Arial, sans-serif;
	font-size:1.1em;

	
}

article#links a:focus
{
	
	color:#F6CEEC;
	text-decoration:underline;
	font-family:Tahoma, Arial, sans-serif;
	font-size:1.1em;
	
}

article#links a:active
{
	text-decoration:none; 
	color:#585858;
	text-decoration:underline;
	font-family:Tahoma, Arial, sans-serif;
	font-size:1.1em;

}

article#mitte
{
	float:right;
	width:70.9%;
	height:400px;
	overflow:scroll;
	overflow-x: hidden;
	padding:1%;
	background-color:#FBEFFB;
	border-bottom:solid 1px #585858;
	border-top:solid 1px #585858;
	border-left:solid 3px #585858;
	text-align:left;
	background-position:left center;
	background-repeat:repeat-x;
}

article#mitte table
{
	text-align:left;

}

article#mitte h1
{
	
	color:#585858;
	text-align:center; 
	font-family:"Lucida Calligraphy",Tahoma, Arial, sans-serif;
	font-size:2em;
}

article#mitte h2
{
	color:#585858;
	text-align:left; 
	font-family:"Lucida Calligraphy",Tahoma, Arial, sans-serif;
	text-decoration:underline;
}


article#mitte img
{

	height:250px;
	width:250px;
	margin-left:40px;
	border:0px;
}

article#mitte p
{
	text-align:center;
	font-size:1.3em;
}


article#mitte p a:link
{
	text-decoration:none; 
	color:#585858;
}

article#mitte p a:visited
{
	text-decoration:none; 
	color:#585858;

}

article#mitte p a:hover
{
	 
	text-decoration:underline; 

	
}

article#mitte p a:focus
{
	
	text-decoration:underline; 

}

article#mitte p a:active
{
	text-decoration:none; 
	color:#585858;

}

section 
{
	clear:both;
	
}

section#linie
{
	background-color:000000;
	width:100%;
}



article#navi
{
	float:left;
	width:10%;
	text-align:right;
	margin-left:35%;
	margin-right: 0%;
	font-size:0.9em;

}

article#navi h3
{
	color:#F6CEEC;
	text-align:right; 
	font-family:Tahoma, Arial, sans-serif;
}

article#navi ol li a:link 
{
	text-decoration:none; 
	color:#000000;
	padding:1%;
	margin-left:6%;
	font-size:0.9em;
}

article#navi ol li a:visited
{
	text-decoration:none; 
	color:#000000;
	padding:1%;
	margin-left:6%;
	font-size:0.9em;

}

article#navi ol li a:hover
{
	 
	text-decoration:underline; 
	color:#F6CEEC;
	padding:1%;
	margin-left:6%;
	font-size:0.9em;

	
}

article#navi ol li a:focus
{
	
	text-decoration:underline; 
	color:#F6CEEC;
	padding:1%;
	margin-left:6%;
	font-size:0.9em;
	
}

article#navi ol li a:active
{
	text-decoration:none; 
	color:#000000;
	padding:1%;
	margin-left:6%;
	font-size:0.9em;

}

article#navi ol 
{
	list-style-type:none;	
		
}

article#social
{
	float:right;
	width:10%;
	text-align:left;
	margin-right:30%;
	font-size:0.9em;

}

article#social h3
{
	color:#F6CEEC;
	text-align:left; 
	font-family:Tahoma, Arial, sans-serif;
}



article#kontakt
{
	float:right;
	width:10%;
	text-align:left;
	font-size:0.9em;
}

article#kontakt ol 
{
	list-style-type:none;	
		
}


article#kontakt ol li a:link 
{
	text-decoration:none; 
	color:#000000;
	font-size:0.9em;
}

article#kontakt ol li a:visited
{
	text-decoration:none; 
	color:#000000;
	font-size:0.9em;

}

article#kontakt ol li a:hover
{
	 
	text-decoration:underline; 
	color:#F6CEEC;
	font-size:0.9em;

	
}

article#kontakt ol li a:focus
{
	
	text-decoration:underline; 
	color:#F6CEEC;
	font-size:0.9em;
	
}

article#kontakt ol li a:active
{
	text-decoration:none; 
	color:#000000;
	font-size:0.9em;

}

article#kontakt h3
{
	color:#F6CEEC;
	text-align:left; 
	font-family:Tahoma, Arial, sans-serif;
}



footer
{

	clear:both;
	font-size:1.2em;
	text-align:center;
	background-color:#F6CEEC;
	color:#ffffff;
}

footer ol 
{
	list-style-type:none;	
		
}

footer ol li a:link 
{
	text-decoration:none; 
	color:#585858;
}

footer ol li a:visited
{
	text-decoration:none; 
	color:#585858;

}

footer ol li a:hover
{
	 
	text-decoration:underline; 

	
}

footer ol li a:focus
{
	
	text-decoration:underline; 

}

footer ol li a:active
{
	text-decoration:none; 
	color:#585858;

}

/*Smartphone*/
@media only screen and (orientation:portrait) 

{

	header
{
	background-image:url(../img/banner_klein.png); 
	background-position:left center;
	background-repeat:no-repeat;
	height:225px; 
	width:100%;
	background-size:cover;
}

	article#nav ol li a 
	{
		float:none;
		width:90%;

	}

	article#mitte
	{
		float:none;
		width:97%;
		height:100%;
		margin-top:0%;
		border-left:1px solid #ffffff;
		overflow-y:hidden;
	}

	/*article#mitte img li a
	{
		width:200px;
		height:150px;
	}*/
	
	article#kontakt
	{
		visibility:hidden;

	}
	article#links
	{
		float:none;
		width:97%;
		height:100%;
	}

	article#links img
	{
		/*margin-left:250px;*/
		display:none;
	}

	article#social
	{
		visibility:hidden;
		
	}

	article#navi
	{
		visibility:hidden;
	}

	article#mitte img
	{
	
		margin:0 auto;
	}

}

@media only screen and (max-width: 1180px) 

{

	header
{
	background-image:url(../img/banner_klein.png); 
	background-position:left center;
	background-repeat:no-repeat;
	height:225px; 
	width:100%;
	background-size:cover;
}

	article#nav ol li a 
	{
		float:none;
		width:90%;

	}

	article#mitte
	{
		float:none;
		width:97%;
		height:100%;
		margin-top:0%;
		border-left:1px solid #ffffff;
		overflow-y:hidden;
	}

	/*article#mitte img li a
	{
		width:200px;
		height:150px;
	}*/
	
	article#kontakt
	{
		visibility:hidden;

	}
	article#links
	{
		float:none;
		width:97%;
		height:100%;
	}

	article#links img
	{
		/*margin-left:250px;*/
		display:none;
	}

	article#social
	{
		visibility:hidden;
		
	}

	article#navi
	{
		visibility:hidden;
	}

	article#mitte img
	{
	
		margin:0 auto;
	}

}