@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700);

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
   margin: 0;
   padding: 0;
   border: 0;
   outline: 0;
   font-weight: 300;
   font-style: inherit;
   font-size: 100%;
   vertical-align: baseline;
   text-decoration:none;
	font-family: 'Source Sans Pro', sans-serif !important;
}
:focus {
   outline: 0;
}
ol,
ul {
   list-style: none;
}
table {
   border-collapse: separate;
   border-spacing: 0;
}
caption,
th,
td {
   text-align: left;
   font-weight: normal;
}
table {
  border-collapse: collapse;
}
table td, table th {
  border: 1px solid rgb(200,204,185);
}
table tr:first-child th {
  border-top: 0;
}
table tr:last-child td {
  border-bottom: 0;
}
table tr td:first-child,
table tr th:first-child {
  border-left: 0;
}
table tr td:last-child,
table tr th:last-child {
  border-right: 0;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}
#fb-root {
    display: none;
}
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
    width: 100% !important;
}
body {
	-webkit-animation: bugfix infinite 1s; 
	line-height: 1;
   	background-color:rgb(244,243,236);
}
/* Desktops */
html, body {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}
.trans_2 {
	transition-duration:.2s;
	-o-transition-duration:.2s;
	-webkit-transition-duration:.2s;
	-moz-transition-duration:.2s;
}
.trans_4 {
	transition-duration:.4s;
	-o-transition-duration:.4s;
	-webkit-transition-duration:.4s;
	-moz-transition-duration:.4s;
}
.trans_5 {
	transition-duration:.5s;
	-o-transition-duration:.5s;
	-webkit-transition-duration:.5s;
	-moz-transition-duration:.5s;
}
.lft_rounded {
	border-radius:3px 0px 0px 3px;
}
.rgt_rounded {
	border-radius:0px 3px 3px 0px;
}
.btm_rounded {
	border-radius:0px 0px 5px 5px;
}
.fadein {
	position:relative; 
	width:60%; 
	height:auto;
	margin:auto;
}
.fadein img { 
	position:absolute; 
	left:0; 
	top:0; 
	width:100%;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	box-shadow:0px 1px 3px rgb(102,102,102);
	-moz-box-shadow:0px 1px 3px rgb(102,102,102);
	-webkit-box-shadow:0px 1px 3px rgb(102,102,102);
}
#logo {
	display:inline-block;
	height:50px;
	width:50px;
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border:4px solid rgb(245,245,235);
	overflow:hidden;
	box-shadow:inset 0px 1px 2px rgb(102,102,102), 0px 1px 3px rgb(102,102,102);
	margin:5px;
}
#logo img {
	height:50px;
	width:50px;
}
#header {
	display:block;
	position:fixed;
	z-index:1;
	width:25%;
	height:100%;
	background-color:rgb(172,183,0);
	border-right:2px solid rgb(152,163,0);
	box-shadow:1px -5px 2px rgb(204,204,204), 1px 5px 2px rgb(204,204,204);
	text-align:center;
}
#header h1 {
	color:rgb(245,245,235);
	font-size:20px;
	width:90%;
	margin:auto;
	text-align:center;
	margin-top:5%;
	margin-bottom:20px;
	text-shadow:0px 1px 1px rgb(130,126,53);
}
#header h2 {
	color:rgb(117,116,73);
	font-size:14px;
	line-height:16px;
	width:80%;
	margin:auto;
	text-align:center;
	text-shadow:0px 1px 1px rgb(170,180,10);
}	
#open-menu, #close-menu {
	display:none;
	position:absolute;
	top:-9999px;
	right:-9999px;
}
#menu {
	position:absolute;
	bottom:0;
	display:block;
	width:100%;
}
#menu ul {
	margin:0;
	list-style-type:none;
}	
#menu ul li {
	display:block;
	position:relative;
	width:92%;
	padding:2.7% 4%;
	color:rgb(130,126,53);
	text-align:left;
	font-size:15px;
	line-height:17px;
	border-bottom:2px solid transparent;
}
#menu ul li span.hover {
	opacity:0;
	font-size:22px;
	color:rgb(202,213,40);
	position:absolute;
	top:57%;
	margin-top:-13px;
	right:5%;
}
#menu ul li.active {
	color:rgb(202,213,40);
	text-shadow:none;
	background-color:rgb(152,163,0);
	border-bottom:2px solid rgb(202,213,40);
}
#menu ul li.active span.hover {
	opacity:1;
}
#menu ul li.active:hover span.hover {
	right:5%; !important;
}
#menu ul li.active:hover {
	padding:2.7% 4% !important;
}
#menu ul li:hover {
	color:rgb(202,213,40);
	text-shadow:none;
	background-color:rgb(152,163,0);
	border-bottom:2px solid rgb(202,213,40);
	padding-left:6%;
	padding-right:2%;
}
#menu ul li:hover span.hover {
	opacity:1;
	right:10%;
}
.submenu {
	list-style-type:none;
	text-align:center;
}
.submenu-2 {
	padding: 4.25% 6.25% !important;
}
.submenu li {
	display:inline-block;
	margin:1%;
	padding:1.25% 2.25%;
	background-color:rgb(239,238,231);
	font-size:15px;
	color:rgb(155,155,145);
	border:1px solid transparent;
	border-radius:4px;
	box-shadow:inset 0px 0px 1px rgb(195,195,185);
}
.submenu li.active {
	border:1px solid rgb(202,213,20);
	color:rgb(182,193,20);
}
.submenu li:hover  {
	border:1px solid rgb(202,213,20);
	color:rgb(182,193,20);
}
#content {
	margin-left:25%;
	width:75%;
}
.columns {
	width:100%;
}
.columns img {
	position:relative;
	width:100%;
	height:auto;
	box-shadow:0px 0px 2px rgb(123,123,123);
	border-bottom:4px solid rgb(202,213,40);
	transition-duration:.3s;
	-o-transition-duration:.3s;
	-webkit-transition-duration:.3s;
	-moz-transition-duration:.3s;
}
.aktuelles h2 {
	text-align:left !important;
	padding-left:5.4% !important;
}
.noshadow {
	box-shadow:none !important;
	border-bottom:none !important;
}
.img-logo {
	width:30% !important;
	left:50%;
	margin-left:-15%;
}
.columns .link:hover {
	box-shadow:0px 0px 15px rgb(143,153,143);
	transition-duration:.3s;
	-o-transition-duration:.3s;
	-webkit-transition-duration:.3s;
	-moz-transition-duration:.3s;
}
.columns-img:hover .columns-img:after {
	background-color: rgb(255,153,0);
}
.columns h1 { 
	width:97%;
	padding:1.5%;
	text-align:center;
	color:rgb(162,173,0);
	font-size:40px;
}
.columns h2 {
	display:block;
	clear:both;
	text-align:center;
	margin:15px 0px;
	color:rgb(142,153,0);
	font-size: 22px;
    	font-weight: 400;
}
.columns h3 {
	display:block;
	clear:both;
	text-align:center;
	margin:5px auto;
	max-width:90%;
	color:rgb(142,153,0);
	font-size:15px;
	line-height:1.5;
}
.columns p {
	text-align:justify;
	padding:1% 0%;
	color:rgb(112,122,0);
	font-size:15px;
	line-height:20px;
}
.columns a {
	color:rgb(112,122,0);
	font-size:15px;
	line-height:20px;
    font-weight:bold;
}
.columns a:hover {
	color:rgb(92,102,0);
}
.column-1 {
	display:block;
	clear:both;
	width:94.1%;
	padding:.5% 1.5%;
	margin:.5% 1.4%;
}
.column-2 {
	display:inline-block;
	width:44%;
	padding:.5% 1.4%;
	margin:.5% 1.3%;
	vertical-align:top;
}
.column-3 {
	display:inline-block;
	width:27%;
	padding:.5% 1.5%;
	margin:.5% 1.4%;
	vertical-align:top;
}
.column-4 {
	display:block;
	float:left;
	width:19%;
	padding:1.5%;
	margin:1.4%;
}
.column-5 {
	display:block;
	float:left;
	width:14%;
	padding:1.5%;
	margin:1.5%;
}
#facebook-column {
	display:block;
	clear:both;
	width:94.5%;
	padding:1.5%;
	margin:1.1%;
}
.split {
	display:block;
	padding:1.5%;
	margin-top:15px;
	background-color:rgb(220,224,205);
	border:1px solid rgb(200,204,185);
}
.split h3 {
	margin:1%;
	padding:1%;
	float:left;
	text-align:left;
	clear:none !important;
}
.statis tr.head {
	background-color:rgb(220,224,205);
}
.statis td {
	padding:.5%;
	font-size:13px;
	line-height:15px;
	color:rgb(112,122,0);
}
.no-m {
	margin:0 !important;
}
.no-p {
	padding:.4% !important;
	width:99.2% !important;
}
/* Mobile */
@media only screen and (max-width: 767px) {	
.fadein {
	display:none;
	position:absolute;
	top:-9999px;
	left:-9999px;
}
#header {
	display:block;
	position:fixed;
	top:0;
	left:0;
	z-index:1;
	width:100%;
	height:3.5em;
	background-color:rgb(172,183,0);
	border-bottom:2px solid rgb(154,165,0);
	box-shadow:1px 0px 3px rgb(123,123,123);
	text-align:center;
}
#logo {
	height:2.25em;
	width:2.25em;
	border:.3em solid rgb(255,255,255);
}
#logo img {
	width:100%;
	height:100%;
}
#header h1 {
	display:none;
}
#header h2 {
	display:none;
}
#open-menu, #close-menu {
	display:block;
	position:absolute;
	right:1.125em;
	top:1.125em;
	opacity:0.2;
	-moz-opacity:0.2;
	-webkit-opacity:0.2;
	filter:alpha(opacity=20);
}
#open-menu img {
	height:1.25em;
	width:1.25em;
}
#close-menu img {
	height:1em;
	width:1em;
}
#close-menu {
	display:none;
}
#menu {
	display:block;
	position:absolute;
	z-index:1;
	right:-90%;
	top:3.5em;
	bottom:auto;
	width:90%;
	overflow-y:scroll;
}
#menu ul {
	display:block;
	margin:0;
	list-style-type:none;
	padding-bottom:50px;
}	
#menu ul li {
	display:block;
	position:relative;
	width:80%;
	padding:15px 5px;
	color:rgb(117,116,73);
	text-align:left;
	font-size:16px;
	line-height:16px;
	border-bottom:none;
}
#menu ul li:hover {
	color:rgb(117,116,73);
	background-color:transparent;
	border-bottom:none;
	padding:15px 5px;
}
#menu ul li span.hover {
	opacity:0;
	font-size:22px;
	line-height:22px;
	color:rgb(202,213,40);
	position:absolute;
	top:50%;
	margin-top:-13px;
	right:5%;
}
#menu ul li.active {
	color:rgb(182,193,20);
	text-shadow:none;
	background-color:transparent;
	border-bottom:none;
	padding-left:5%;
}
.submenu li {
	font-size:14px;
	padding:2.5% 3%;
}
#content {
	width:100%;
	margin:0;
	margin-top:4em;
}
.columns {
	width:100%;
}
.explore {
	position:relative;
	z-index:0;
	height:auto;
}
.overview {
	position:inherit;
	height:auto;
}
.learn-more, .explore-content {
	display:none;
	height:0;
	width:0;
}
.columns img {
	width:100% !important;
	height:auto;
	box-shadow:0px 0px 2px rgb(153,153,153);
}
.columns h1 { 
	width:97%;
	padding:1.5%;
	text-align:center;
	color:rgb(142,153,0);
	font-size:1.2em;
	line-height:1.2em;
	text-shadow:0px 1px 1px rgb(224,223,216);
}
.columns h2 {
	text-align:center;
	margin:.8em auto;
	max-width:90%;
	color:rgb(112,122,0);
	font-size:.9em;
	line-height:1em;
	text-shadow:0px 1px 1px rgb(234,233,226);
}
.columns h3 {
	display:block;
	clear:both;
	text-align:center;
	margin:.6em auto;
	max-width:90%;
	color:rgb(102,113,0);
	font-size:.8em;
	line-height:1.1em;
	text-shadow:0px 1px 1px rgb(234,233,226);
}
.columns p {
	text-align:left;
	padding:1.75% 0%;
	color:rgb(112,122,0);
	font-size:14px;
	line-height:18px;
}
.column-1, .column-2, .column-3, .column-4, .column-5, #facebook-column {
	display:block;
	width:94%;
	padding:1.5%;
	margin:1.5%;
}
.no-full {
	display:inline-block;
	width:26%;
	padding:1.5%;
	margin:1.4%;
	vertical-align:top;
}
.wurf .column-3 {
	display:inline-block;
	width:26%;
	padding:1.5%;
	margin:1.4%;
	vertical-align:top;
}
.split h3 {
	float:left;
	width:46%;
	margin:1%;
	padding:1%;
}
#site {
	display:block;
	position:relative;
	z-index:2;
	width:100%;
	height:100%;
}
#site, #menu {
		transition-duration:.5s;
		-o-transition-duration:.5s;
		-webkit-transition-duration:.5s;
		-moz-transition-duration:.5s;
}
.off_canvas #header #open-menu {
	display:none;
}
.off_canvas #header #close-menu {
	display:block;
}
.off_canvas #menu {
	right:5%;
}
.off_canvas #content {
	opacity:0.5;
}
.off_canvas #site {
	left:-100%;
}
}x