@charset "UTF-8";




/* ----------------- RESET ALL STYLES ----------------- */
*
{
margin:0; 
padding:0; 
border:0;
}

body{ background: #91B0E6; 
font: 18px/1.5em 'Raleway', sans-serif;color:#91B0E6; text-align: justify;-webkit-font-smoothing: antialiased;
}



header{ 
margin:auto; 
width:100%; 
height:auto; background:#849BC6;
 }

header h5 span{

font-family:  'Raleway', sans-serif;
 color:#FFFFFF; font-size:160%;
 }



.clearfix {
float: none;
	clear: both;
}



.wrapper {
margin:auto;
	width:60%;
	height:auto;
}

#top{
	height:auto;
}


#logo{
	margin-top:2%;
	text-decoration:none; color:#5E8DD5;
}


#logoimage{
	width:180px;
	padding-right:0px;
	float:left;
}




nav {display: block;width: 100%;margin:3px auto;text-align: center;}
nav ul { list-style: none;}
nav li {display: inline-block;}
nav a {display: inline-block; background: transparent; color: #000000; padding: 5px 15px;
border: 0px solid white;text-decoration: none;font-family:  'Raleway', sans-serif;text-transform:uppercase;font-size: 16px; font-weight:normal;}
nav a:hover {border: 0px solid white; background:transparent; color:#FFFFFF;
font-family:  'Raleway', sans-serif;text-transform:uppercase;font-size: 16px; font-weight:bold;}
nav a:active {background: #fff; color:#000;}
nav select { display: none;}


a {text-decoration : none; color : #F09000; font-weight: normal; text-decoration:underline;}
a:hover {text-decoration : none; color : #6FA600; font-weight:normal;}


.effect1{color: #FFFFFF;text-shadow: -3px 5px 5px rgba(0,0,0, 0.1);letter-spacing: 0.3em; }
.effect2{color: #FFFFFF;text-shadow: -3px 5px 5px rgba(0,0,0, 0.5);letter-spacing: 0.3em; }
h3 { font-family:  'Raleway', sans-serif;
font-size:26px;
font-weight:normal;
text-align:center;
color:#669900;
margin-bottom:1%;

}

h4{font-size:22px;color:#FF6600; text-align: left; font-family: 'Raleway', sans-serif;  font-weight: bold;margin-bottom:1%; }
h5{font-size:19px;color:#FF6600; text-align: center; font-family: 'Raleway', sans-serif;  font-weight: bold;margin-bottom:2%;
}
h6{font-size:14px;color:#FFFFFF; text-align:center; font-family:  'Raleway', sans-serif;  font-weight: lighter;
}


.left{ 
margin-top:4%;
width:48%;
float:left;
margin-bottom:2%;
}

.left h2{ font-family:  'Raleway', sans-serif;text-transform: none; 
font-size:180%;
font-weight:bold;
text-align:left;
color:#5474AF;
margin-bottom:5%;}

.left p{ 
font-family: 'Raleway', sans-serif;
font-size:100%;
line-height:140%;
}

.right{
 margin-top:4%;
width:48%;
float:right;
margin-bottom:2%;
}


.right h2{ font-family:  'Raleway', sans-serif;text-transform: none;
font-size:180%;
font-weight:bold;
text-align:left;
color:#FF6600;
margin-bottom:5%;

}


.right p{
	font-family: 'Raleway', sans-serif;
font-size:100%;
	line-height:140%;
}



hr{
height:1px;
width:100%;
	background-color:#2d2d2d;
	margin:1% 0;
}




img.scaled {width: auto; /* Firefox */max-width: 100%;max-height: 100%;}
img.liquid {width:100%;}
.imgleft {float : left;border : 0;margin : 5px 10px 10px 0px;padding : 5px;}
.imgright {float : right;border : 0;margin : 5px 10px 10px 0px;padding : 5px;}


.btn-2{color:#fff; background:#3864AD;font-size:16px;text-decoration:none;padding:10px 14px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0px;text-shadow:none;border:1px;
border-color:#5474AF;border-style:solid;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;}
.btn-2:hover{color:#000;  background:#fff;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;text-decoration:none;}


footer{
	width:100%;
	padding:30px 0;
	background-color:#5474AF;
	color: #000000;
	text-transform: #fff;
}



footer a {text-decoration : none; color : #fff; font-weight : normal;}
footer a:hover {text-decoration : underline; color : #D8FF8A; font-weight : normal;}
footer p {color: #000000; text-align:center; font-size:18px;}


/* ---------------------- RESPONSIVE----------------------  */

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

.wrapper{
width:90%;
	}

}

@media only screen and (max-width: 860px) {
	
h1{
font-size:160%;
}

h2{
font-size:110%;
}
	
	
header h5 span{
font-size:110%;
}
}
@media only screen and (max-width: 720px) {
	
	
#logo{
width:150px;
display:block;
margin:auto;
	margin-bottom:5%;
}
	
	
header h5{
font-size:100%;
	margin-bottom:5%;
}
	
	
.left{
width:100%;
	}
	
	
.right{
width:100%;
}
}


@media (max-width: 960px) {
nav ul     { display: block; text-align:center;}
nav select { display: inline-block; }}
	
	.Navi {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #FFFFFF;
}

<center>
<style>
/* Navigation */

nav {
 margin: auto;
 width: 100%;
 max-width: 1000px;
}

<style>
/* Navigation */

ul#navigation, ul#navigation ul {
 margin: 0;
 padding: 0;
 list-style-type: None;
 height: 32px;
}

ul#navigation li {
 float: Left;
 width: 150px;
 position: Relative;
}

ul#navigation li a {
 display: Block;
 width: 149px;
 line-height: 30px;
 text-align: Center;
 color: #000000;
 text-decoration: none;
 background-color: #ABC7E0;
 border: 1px Solid #FFFFFF;
 border-bottom: 0;
}

ul#navigation li a:hover,
 ul#navigation li a:active {
 color: #000000;
 cursor: Pointer;
}

ul#navigation li ul {
 display: None;
 position: Absolute;
 left: 0px;
 top: 31px;
 z-index: 100;
}

ul#navigation li:hover > ul,
 ul#navigation li:active > ul {
 display: Block;
}

ul#navigation li ul a {
 background-color: #ABC7E0;
}

h1, p {
 clear: Left;
}
</style></center>
.Ueberschriften {
	font-size: 24px;
	color: #FFFFFF;
}
.stil5 {
	font-size: 24px;
	color: #FFFFFF;
}
.stil18 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	font-style: normal;
	font-weight: normal;
}