@charset "UTF-8";

/* ----------------- RESET ALL STYLES ----------------- */
*{
margin:0; 
padding:0; 
border:0;
}body{background:url(../images/bg.png) repeat fixed;min-height:100%;
font: 18px 'Ubuntu', sans-serif; color:#000; text-align: justify;-webkit-font-smoothing: antialiased; }

header{ 
margin:auto; 
width:100%; 
height:auto; background:#00CFB7;
 }a {color:#000;text-decoration: none;cursor:pointer;}a:hover {color:#fff;text-decoration: none;}
/* ----------------- WRAPPER -----------------  */
.wrapper {
margin:auto;
width:60%;
height:auto;
}#top{
height:40px;
}#logo{
margin-top:2%;
text-decoration:none;
}

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

/* ----------------- NAVIGATION -----------------  */
nav{
float:right;
width:530px; /* 530px */
	display:block;
height:40px;
}

nav ul li{
	display:block;
width:24%; /* 32% */
float:left;
text-align:center;}

nav ul li a{font-family: 'Macondo', cursive;width:90%;
text-decoration:none;
text-transform:uppercase;font-size: 21px; 
font-weight:normal;
line-height:250%;
display:block;
color:#000;
}nav ul li a:hover{
color:#fff;
}


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

.imgcenter { text-align:center; }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 0px 10px 20px;padding:5px;}

#image-link {width: 60px;height: 60px;text-decoration: none;display: block;background:url(../images/button/sprite.png);position: fixed; right: 20px; bottom: 20px; text-indent: -9999px; }#image-link:hover, #image-link:active {background-position: 60px 0;}
.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; }
h1 {font-size:68px; color:#2D7068; text-transform: none;  text-align: center; font-family: 'Henny Penny', cursive;  font-weight: 400; letter-spacing: -0.03em; }h3 {font-size:25px;color:#2D7068; text-align: left; font-family: 'Macondo', cursive;  font-weight: lighter;margin-bottom:1%;
letter-spacing: none; }h2 {font-family: 'Macondo', cursive;font-size:180%;
font-weight:normal;
text-align:left;
color:#2D7068;
margin-bottom:2%;

}h5{font-size:14px;color:#2D7068; text-align: center; font-family: 'Ubuntu', sans-serif;  font-weight: lighter;margin-bottom:2%;
}h6{font-size:19px;color:#777; text-align: left; font-family: 'Ubuntu', sans-serif;  font-weight: lighter;margin-bottom:2%;
}
.left{ 
margin-top:4%;
width:48%;
float:left;
margin-bottom:2%;
}.left h3{ font-family:Englebert, sans-serif;
font-size:160%;
font-weight:normal;
text-align:center;
color:#990000;
margin-bottom:5%;}.left p{ 
font-family:Englebert, sans-serif;
font-size:100%;
line-height:140%;
}.left p a{
	color:#0088FF;
text-decoration:underline;
}
.left p a:hover{
 color:#FF9C00;
text-decoration:none;
}
	

.right{
 margin-top:4%;
width:48%;
float:right;
margin-bottom:2%;
}
.right h3{ 
font-family:Englebert, sans-serif;
font-size:160%;
font-weight:normal;
text-align:center;
color:#990000;
margin-bottom:5%;

}
.right p{
	font-family:Englebert, sans-serif;
font-size:100%;
line-height:140%;
}.right p a{ 
color:#0088FF;
text-decoration:none;
}.right p a:hover{
 color:#FF9C00;
text-decoration:none;
}

.text1 {font-family:Ubuntu, sans-serif;
font-size:100%;
line-height:140%;
 color:#000;}.text2 {font-family:Ubuntu, sans-serif;
font-size:60%;
line-height:60%;
 color:#000;}.text3{font-family:Ubuntu, sans-serif;
font-size:80%;
line-height:80%;
 color:#000;}hr{
height:1px;
width:100%;
background-color:#2d2d2d;
margin:2% 0;
}


/* ----------------------- FOOTER  ------------------------- */
footer{
width:100%;
padding:5px 0;
background-color:#00CFB7;
}

footer a {text-decoration : underline; color : #000; font-weight : lighter;}footer a:hover {text-decoration : none; color : #fff; font-weight : lighter;}.left h4{
	font-family: 'Macondo', cursive;
font-size:140%;
font-weight:normal; 
color:#fff;
margin-bottom:10px;letter-spacing: 0.19em; text-align:left; 
}

.right h4 {font-family: 'Macondo', cursive; 
font-size:140%; font-weight:normal;
color:#fff;
margin-bottom:10px;
letter-spacing: 0.19em; text-align:left;}

.right h5 {
font-family: Ubuntu, sans-serif; 
font-size:110%; font-weight:normal;
color:#000;
margin-bottom:10px;
letter-spacing: 0.17em; text-align:left;}

/* ---------------------- NEU ----------------------  */
.links320 {margin-left:320px}


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


@media only screen and (max-width: 1279px) {
.wrapper{
width:90%;
	}	
}

@media only screen and (max-width: 1105px) }
}
@media only screen and (max-width: 999px) }
}


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

}
@media only screen and (max-width: 720px) {
#logo{
width:150px;
display:block;
margin:auto;
margin-bottom:5%;
}
	
nav{
width:100%;
}
	
h1{
font-size:180%;
margin-bottom:5%; 
}
h2{
font-size:130%;
}

.left{
width:100%;
}
.right{
width:100%;
}
.links320 {margin-left:200px}
}


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



@media only screen and (max-width: 510px) {
body{
background:#FFFFFF;
font: 20px 'Ubuntu', sans-serif; color:#000; text-align:left;-webkit-font-smoothing: antialiased; }

nav ul li a{
font-family : Unbuntu, sans-serif;width:90%;
text-decoration:none;
text-transform:uppercase;font-size: 16px; 
font-weight:normal;
line-height:250%;
display:block;

}nav ul li a:hover{
	color:#B5B5B5;
	
}
.links320 {margin-left:120px}
}

@media only screen and (max-width: 350px) {
.links320 {margin-left:0}
}