@import url(http://fonts.googleapis.com/css?family=Open+Sans);

body {
	margin: 0;
	padding: 0;
	font-family: 'Open Sans', sans-serif;
	background-color: #e4fbd8;
}
a {color:#526FA8;}
a:hover {text-decoration: underline;}


#header {width: 1000px; min-height: 80px; background-color:#fff; color:#629149; margin:0 auto; padding: 0px;}


#images {width: 1000px; height: 400px; margin:0 auto;background-color:#F1F1F1;}

#navigation{
	width: 100%;
	height: 34px;
	border-top: 1px solid #629149;
	border-bottom: 1px solid #629149;
	margin: 0px auto;
	padding-top: 2px;
	padding-bottom: 2px;
	z-index: 1 !important;

}
#navigation ul {
	margin: 0px;
	padding: 0px;
	list-style: none;

}
#navigation ul li {
	float:left;
	display:block;
	width:200px;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	text-align: center;

}

#navigation ul li ul{
	display:none;
}

#navigation ul li:hover ul{
	display:block;
	margin-top: 0px;
	}

#navigation ul li ul li{
	float:none;
	display:block;
	width: auto;
	background-color:#ef9c1c;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	text-align: center;
}


#navigation ul li a{
	display:block;
	padding-top: 6px;
	padding-left: 5px;
	height: 26px;
	background-color:#ef9c1c;
	text-decoration: none;
	color: #FFF;	
}
#navigation ul li a:hover{
	background-color: #F7C535;
}
#navigation .active{
	background-color:#E7781F;
	font-weight: bold;
}
#navigation .submenu{
	position:absolute;
	width:200px;
}
#navigation .sm{

	padding-top: 3px !important;
	height: 20px !important;
}


#content {width: 960px; min-height: 400px; background-color:#fff; color:#629149; margin:0 auto; padding: 20px; line-height:1.8em; text-align:justify;}
@media (max-device-width : 320px) { #content { font-size: 2.0em; }}

#content h2 { font-size: 1.5em; margin:0px 0px 0px 0px; padding:0; display:inline-block;}

@media (max-device-width : 320px) { #content h2 { font-size: 1.8em; font-family: 'Aladin', cursive; margin:0px 0px 0px 0px; padding:0; display:inline-block;}
}


#content h3 {
	font-size: 1.2em;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 2px 0px;
}

@media (max-device-width : 320px) { #content h3 { font-size: 1.5em; padding: 20px 0px 20px 0px;margin: 20px 0px 20px 0px; }}

#content .bild {width: 305px; margin-right: 10px; padding-top: 10px; float:left; background-color:#e4fbd8; text-align:center;font-size: 0.8em;}
#content a {color:#526FA8;}

#content input{
	padding: 3px;
	margin: 0px 10px 10px 200px;
	width: 250px;
	border: 1px solid #E7781F;
	font-weight: bold;
	font-size:1.2em;
}

@media (max-device-width : 320px) { #content input{width: 350px; height:45px; font-size:1.2em;}}

#content p {
	margin: 0px 0px 0px 0px;
	padding: 5px;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #526FA8;
	text-align:center; 	background-color:#526FA8; color:#F1F1F1;
}
#content p a {color:#fff;text-decoration:none;}
#content p a:hover {text-decoration: underline;}
@media (max-device-width : 320px) { #content p {font-size:1.5em;}}
@media (max-device-width : 320px) { #content .link {clear:both;display:inline-block; padding: 10px 0px 10px 0px;}}

#content textarea{
	padding: 3px;
	margin: 0px 10px 10px 200px;
	width: 400px;
	border: 1px solid #E7781F;
	font-weight: bold;
	font-family: 'Open Sans', sans-serif;
	font-size:1.2em;
	}
@media (max-device-width : 320px) { #content textarea{width: 500px; height: 120px;margin: 30px 10px 10px 200px;}}


#footer {width: 980px; height: 20px; color:#fff; margin:0 auto; background-color:#ef9c1c; padding: 10px;font-size: 0.8em; text-align:center;}
#footer a {
	color: #FFFFFF !important;	text-decoration: none !important;
}
#footer a:hover {text-decoration: underline !important;}

@media (max-device-width : 320px) { #footer{font-size:1.5em;}}