@charset "UTF-8";




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

body{ background: #fffff; 
font: 17px 'Arial', sans-serif; color:#333; text-align: justify;-webkit-font-smoothing: antialiased;
}


header{ 
margin:auto; 
width:80% auto; 
height:auto; }


header h5 img {max-width:100%;height:auto;width: auto;

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

#top{
	height:auto;
}


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


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


#home #navhome  a{color:#336600; font-family : Arial, sans-serif;text-transform:none;font-size: 20px; font-weight:normal;}
#veranstaltungen #navveranstaltungen a{color:#336600;font-family : Arial, sans-serif;text-transform:none;font-size: 20px; font-weight:normal;}
#galerie #navgalerie  a{color:#336600;font-family : Arial, sans-serif;text-transform:none;font-size: 20px; font-weight:normal;}
#kontakt #navkontakt a {color:#336600;font-family : Arial, sans-serif;text-transform:none;font-size: 20px; font-weight:normal;}
#oeffnungszeiten #navoeffnungszeiten a {color:#336600;font-family : Arial, sans-serif;text-transform:none;font-size: 20px; font-weight:normal;}

nav {display: block;width:100% ;
height:40px auto; margin: 20px auto;text-align: center;}
nav ul { list-style: none;}
nav li {display: inline-block;}

nav a {display: inline-block; background: transparent; color: #99cc66; padding: 5px 15px;
text-decoration: none;font-family : Arial, sans-serif;text-transform:none;font-size: 20px; font-weight:normal;}
nav a:hover {background:#fff; color:#336600;
font-family : Arial, sans-serif;text-transform:none;font-size: 20px; font-weight:normal;}
nav a:active {background:#3366003; color:#fff;font-family : Arial, sans-serif;text-transform:none;font-size: 20px; font-weight:normal;}
nav select { display: none;}
a:hover {text-decoration : none; color : #336600; font-weight : lighter;}
a {text-decoration : none; color : #cccccc; font-weight : lighter; text-decoration:underline;}
.clearfix {
float: none;
	clear: both;
}


.effect1{color: #cccccc;text-shadow: -3px 3px 3px rgba(0,0,0, 0.1);letter-spacing: 0.3em; }
.effect2{color: #cccccc;text-shadow: -3px 3px 3px rgba(0,0,0, 0.4);letter-spacing: 0.3em; }
h1 {font-size:45px; color:#669933;  text-align: center; font-family: "Times New Roman", Times, serif;
text-transform: none; font-weight: 400;   padding: 0px 0px 3px 0px;}
h2 {font-size:23px;color:#99cc66; text-transform: none;text-align: center; font-family: "Times New Roman", Times, serif;  font-weight: lighter;margin-bottom:1%;
}
h3 { font-family: 'Arial', sans-serif;
font-size:18px;
font-weight:normal;
text-align:center;
color:#990033;
margin-bottom:1%;

}

h5{font-size:10px;color:#777777; text-align: center; font-family: 'Arial', sans-serif;  font-weight: lighter;margin-bottom:2%;
}
h6{font-size:14px;color:#FFFFFF; text-align: left; font-family: 'Arial', sans-serif;  font-weight: lighter;margin-bottom:2%;
}
.left{ 
margin-top:4%;
width:45%;
float:left;
margin-bottom:2%;
}

.left h2{ font-family: "Times New Roman", Times, serif; text-transform: none; 
font-size:130%;
font-weight:bold;
text-align:center;
color:#669933;
margin-bottom:5%;}

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

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


.right h2{ font-family: "Times New Roman", Times, serif;text-transform: none;
font-size:130%;
font-weight:bold;
text-align:center;
color:#669933;
margin-bottom:5%;

}


.right p{
	font-family:Arial, 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;}

footer{
	width:100%; padding:30px 0;
	background-color:#99cc66;
}



footer a {text-decoration : underline; color : #fff; font-weight : normal;}
footer p {color: #FFFFFF; text-align:center; font-size:14px;}

/* ---------------------- 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; }}