@charset "utf-8";
/* CSS Document */

/* =========================== */
/* ======== Allgemein ======== */
/* =========================== */

html,body {margin:0;padding:0;}



body {
	margin:0;
	padding:0;

}

/* =========================== */
/* ======== DIV Struktur ======== */
/* =========================== */



#head, #content_wrapper, #footer, #menu, .breadcrumbs {

}



#head {
	width:833px;
	height:206px;
	margin:39px 0 0 61px;
	position:relative;
}

#logo {
	position:absolute;
	top:21px;
	left:0px;
}

#headerimage {
	margin-left:198px;
}



ul.breadcrumbs li {
	list-style:none;
	float:left;
}

#content_wrapper {
	width:894px;
}

#content {
	float:right;
	width:580px;
	margin-top:30px;
	margin-bottom:90px;
}

#sidebar {
	float:left;
	width:300px;
}

#menu {
	margin-top:-3px;
	margin-left:78px;
}

#footer {
}


/* =========================== */
/* ======== Menu ============= */
/* =========================== */
#menu ul {
	margin: 3px 0 0 0;
}

#menu ul li {
    list-style:none;
	margin-bottom:2px;
	letter-spacing:1.5px;
}

.level0 a, .level0 a:link, .level0 a:visited {
	padding:2px 5px 0px 5px;
	font-size:13px;
	text-decoration:none;
	background-color:#e16709;
	color:#FFF;
	height:16px;
	display:inline-block;
	text-transform:uppercase;
}

.level0 a smal {
	font-size:11px;
}

.level0 a:hover, .level0 li.current a {
	background-color:#004469;
}

.level1 li { 	
	margin-bottom:0 !important;	
}

.level1 a, .level1:link a.level1:visited a {
	color:#004469 !important;
	background-color:transparent !important;
}
.level1 li.current a, .level1 a:hover {
	color:#95a944 !important;
	background-color:transparent !important;
}

.level1 li.current a { font-weight:bold; }




/* =========================== */
/* ======== Content ========== */
/* =========================== */

.datum {
}


/* =========================== */
/* ======== Sidebar ========== */
/* =========================== */

.bambus {
	margin:22px 0 0 -78px;
}



/* =========================== */
/* ======== Gallery ========== */
/* =========================== */

a.thumb {
	display:block;
	float:left;
	margin:0 10px 10px 0;
	position:relative
	
}

a.thumb div {
	position:absolute;
	bottom:0px;
	background-color:#000;
	opacity:0.7;
	color:#FFF;
	padding:5px;
	font-size: 10px;
    line-height: 10px;
}


/* =========================== */
/* ======== Footer Menu ====== */
/* =========================== */


/* =========================== */
/* ======== Sonstiges ======== */
/* =========================== */

form {
	font-size:13px;

}

.clearer {
	clear: both;
}




.failmessage {
	background-color:#d72a2a;
	background-image:url(../cms/images/icon-head-warning.png);
	background-repeat:no-repeat;
	background-position:10px 9px;
	color:#FFFFFF;
	font-weight:bold;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px; 	
	padding:8px 15px 8px 55px;
	min-height: 33px;
	font-size:12px;
}

.successmessage {
	background-color:#1e9426;
	background-image:url(../cms/images/icon-head-success.png);
	background-repeat:no-repeat;
	background-position:10px 9px;
	color:#FFFFFF;
	font-weight:bold;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px; 	
	padding:8px 15px 8px 55px;
	min-height: 33px;
	font-size:12px;	
}

nav.mobile {
	display: none;		
}

img.mobielheader { display: none; }

/* Mobile only devices (767x and down) */
/* ======================================= */
/* ======================================= */
/* ======================================= */
/* ======================================= */
@media(max-width:767px) {
	

	img.mobielheader { display: block; }
	
	nav.mobile ul {
		margin: 0px;		
		list-style: none;
	}

	nav.mobile {
		display: block;
	}

	nav.desktop {
		display: none;
	}
	#headerimage {
		display: none;
		margin-left: 0px;
		width: 100%;
		height: auto;
	}
	#content {
		float:left;
		
		width: auto;
	}
	#sidebar { display: none;}

	#content_wrapper,
	#head {
		width: auto;
		margin: 0;
		padding: 0 30px;
	}
	#logo {
		padding-left: 30px;
		height: 80px;
		width: 86px;
	}
	#head { height: 125px; }

	.mobielheader {
		width: 100%;
		height: auto;
	}

	.mobilemenubutton.mobileimage {
	    background-image: url("../images/menu-button.gif");
	}
	.mobilemenubutton {
	    background-color: #ffffff;
	    background-position: right top;
	    background-repeat: no-repeat;
	    border: 3px solid #de6810;
	    border-radius: 5px;
	    color: #ffffff;
	    height: 49px;
	    outline: medium none;
	    overflow: hidden;
	    position: fixed;
	    right: 30px;
	    top: 30px;
	    transition: all 0.3s ease-in-out 0s;
	    white-space: nowrap;
	    width: 49px;
	    z-index: 999;
	}

	.mobilemenubutton.active {
	    background-color: #de6810;
	    width: 120px;
	    background-image: none;
	    top: 10px;
	    right: 10px;
	}


	.mobilemenu {
	    background-color: rgba(0, 0, 0, 0.9);
	    left: 50%;
	    top: 50%;
	    margin: 0;
	    overflow-y: visible;
	    padding-top: 70px;
	    position: fixed;
	    width: 0%;
	    height: 0%;
	    z-index: 888;
	    opacity: 0;
	    -moz-transition: all 0.3s ease-out;
	    -webkit-transition: all 0.3s ease-out;
	    -o-transition: all 0.3s ease-out;
	    transition: all 0.3s ease-out;
	    /*
	    display: none;
		position: absolute;
		margin-top: 86px;
		background-color:#de6810;
		width: 90%;
		min-height: 100%;
		z-index: 888;
		right: -100%;
		box-shadow: -7px 0px 11px 0px rgba(0, 0, 0, 0.3);
		-moz-box-shadow: -7px 0px 11px 0px rgba(0, 0, 0, 0.3);
		-webkit-box-shadow: -7px 0px 11px 0px rgba(0, 0, 0, 0.3);
	    */
	}
	.mobilemenu ul.level0 {
	    height: 100%;
	    overflow: auto;
	}
	.mobilemenu.visible {
		box-sizing: border-box;
	    opacity: 1;
	    left: 0;
	    top: 0;
	    width: 100%;
	    height: 100%;
	}


	nav.mobile ul li {
		border-bottom: 1px solid #cdf3d7;	
		background-color: #e7914e;
	}
	nav.mobile ul li.last {
		border-bottom:none;	
	}
	nav.mobile li.level0 a {
		display: block;
		padding: 1em
	}

	nav.mobile ul.level1 {
		margin-left: 0;
	}
	nav.mobile ul li.level1 a,
	nav.mobile ul li.level1 a:link,
	nav.mobile ul li.level1 a:visited
	{
		padding:0 0 0 1.8em;
		color: #FFF !important;
	}

	nav.mobile ul li.level1.first a {
		margin-top: 1.3em;
	}
	nav.mobile ul li.level1.last a {
		margin-bottom: 1.3em
	}

	nav.mobile ul li.level1 a:before { content: "» "; }

	nav.mobile li.level1 {
		border: none;
		margin-bottom: 1em !important;
	}
	nav.mobile a,
	nav.mobile a:visited,
	nav.mobile a:link {
		text-decoration: none;
		color: #cdf3d7;
		font-size: 1.1em;
	}

	nav.mobile a:hover,
	nav.mobile a:active,
	nav.mobile a:focus {
		color: #FFF;
	}

	nav.mobile li.current > a { font-weight: 700; color:#FFF;}


}