*, *:after, *:before {
	box-sizing: border-box;
}
html, body {
	margin: 0;
	padding: 0;
	height: 100%;
}
body {
	font-family: 'Merriweather Sans', sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Merriweather', serif;
	font-weight: 700;
}
ul {
	margin-left: 20px;
	list-style-type: disc;
}
ul.bxsliderTop,
ul.bxslider {
	list-style: outside none none;
	margin-left: 0px;
}
header img#logo {
	float: left;
	margin-right: 50px;
}
p#website-Title {
	font-size: 70px;
	font-weight: 900;
	font-family: 'Merriweather', serif;
	line-height: 80px;
	margin-top: 25px;
}
p#website-Title span {
	color: #df9630;
}
.stretch {
	min-height: 100%; 
	height: auto !important; 
	height: 100%; 
	overflow: hidden !important;
}
header {
	margin-top:20px;
	margin-bottom:30px;
}
.topGrafik {
	display:block;
	margin-bottom: 5px;
}
.addBottom {
	margin-bottom:50px;
}
.relative {
	position:relative;
}
.floatImgLeft {
	float:left;
	max-width: 50%;
	margin-right: 22px;
	margin-bottom: 22px;
}
.floatImgRight {
	float:right;
	max-width: 50%;
	margin-left: 22px;
	margin-bottom: 22px;
}
.date {
	font-weight:400;
	margin-bottom:0px;
}

/*      NAVIGATION 
===========================*/
nav {
	/*background-color: #ccc;*/
	margin-top:5px;
}

section {
	margin-top: 5px;
	margin-bottom: 50px;
}
aside {
	margin-top: 5px;
	margin-bottom: 50px;
}
aside div.row {
	border-bottom: 1px solid #888;
}
aside div.row:last-of-type {
	border-bottom: 0;
}
footer.container {
	/*background-color: #bbb;*/
	height: 60px;
	margin-top: -40px !important;
	border-top: 1px solid #888;
	padding-top: 20px;
}
footer.container div.nav {
	text-align: right;
}
/*
footer a {
display:block;
padding:10px 30px;
text-align:right;
}
footer a:hover {
color:#fff;
}
*/

/*      Contactform
===============================*/
.contactform label {
	font-weight: normal;
}
.contactform input[type="text"], textarea {
	width: 96%;
}
.contactform select {
	width: 98%;
}
.contactform label.error {
	position:absolute;
	bottom:-20px;
	left: 0;
	color: orange;
	font-style: italic;
}
.contactform input.error {
	border:1px solid orange;
	background-color: #ffe8d2;
}
.contactform textarea {
	min-width: 96%;
	max-width: 96%;
}
.contactform textarea.error{
	border:1px solid orange;
	background-color: #ffe8d2;
}
.contactform p {
	font-size: 13px;
}

/*     Gallery
=========================*/
.magnificGallery {
	margin-bottom: 20px;
}
.galWrap {
	display:block;
	float:left;
	width:200px;
	margin:5px;
	position:relative;
	background-color: orange;
}
.galWrap img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom; 
	opacity:1;
	-webkit-transition:opacity 500ms ease-out;
	-moz-transition:opacity 500ms ease-out;
	-o-transition:opacity 500ms ease-out;
	transition:opacity 500ms ease-out;
}
.galWrap img:hover {
	opacity: 0.7;
	-webkit-transition:opacity 500ms ease-out;
	-moz-transition:opacity 500ms ease-out;
	-o-transition:opacity 500ms ease-out;
	transition:opacity 500ms ease-out;
}
.galCaption {
	position: absolute;
	bottom: 0;
	background-color:rgba(0,0,0,0.5);
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	color: white;
	margin-bottom:0px;
}
.galCaption:before {
	content:"\00a0\00a0";
}

/*     bxSlider
=========================*/
.bx-wrapper {
	margin-bottom: 10px;
}
.bx-wrapper img {
	height:auto;
}
#bx-pager {
	text-align: center;
	margin-bottom: 22px;
}
#bx-pager img {
	border: 1px solid #ccc;
	border: none;
	padding: 3px;
}
#bx-pager a.active img {
	border: 1px solid orange;
}
.bx-wrapper .bx-viewport {
	-moz-box-shadow: 0 0 0px #ccc;
	-webkit-box-shadow: 0 0 0px #ccc;
	box-shadow: 0 0 0px #ccc;
	border: 1px solid #ccc;
	left: 0px;
	background: #fff;
}
.bx-controls-direction a {
	opacity: 0;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
}
.bx-wrapper:hover .bx-controls-direction a {
	opacity: 1;
}
.bx-caption {
	background-color:rgba(0,0,0,0.5)!important;
}

/*     bxSlider TOP
=========================*/
#slider {
	margin-top: 20px;
	max-height: 300px;
	overflow: hidden;
}
#slider .bx-wrapper {
	margin-bottom: 10px;
}
#slider .bx-wrapper img {
	height:300px;
	width: 100%;
	position: relative;
	z-index: 1;
}
/*
#slider .bx-wrapper li {
	display: block;
	height: 300px;
}
*/
#slider .bx-wrapper li div.slideTextWrapper {
	position: absolute;
	z-index: 999;
	top: 10%;
	left: 5%;
	margin-right: 10%;
	max-width: 100%;
	background-color: rgba(255,255,255,0.65);
	padding: 10px;
	color: #444444;
	font-size: 18px;
}
#slider .bx-wrapper li div.slideTextWrapper p {
	margin-bottom: 0px;
}
#slider #bx-pager {
	text-align: center;
	margin-bottom: 22px;
}
#slider #bx-pager img {
	border: 1px solid #ccc;
	border: none;
	padding: 3px;
}
#slider #bx-pager a.active img {
	border: 1px solid orange;
}
#slider .bx-wrapper .bx-viewport {
	-moz-box-shadow: 0 0 0px #ccc;
	-webkit-box-shadow: 0 0 0px #ccc;
	box-shadow: 0 0 0px #ccc;
	border: 0;
	left: 0px;
	background: #fff;
}
#slider .bx-controls-direction a {
	opacity: 0;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
}
#slider .bx-wrapper:hover .bx-controls-direction a {
	opacity: 1;
}
#slider .bx-caption {
	background-color:rgba(0,0,0,0.5)!important;
}


/* Media Queries 
=========================*/
@media only screen and (max-width: 960px) {
	.galWrap {
		width:240px;
		margin:7px;
	}
	header img#logo {
		float: left;
		margin-right: 30px;
		width: 150px;
		height: auto;
	}
	p#website-Title {
		font-size: 55px;
		font-weight: 900;
		font-family: 'Merriweather', serif;
		line-height: 55px;
		margin-top: 25px;
	}
	
}

@media only screen and (max-width: 767px) {
	#slider {
		margin-bottom: 20px;
	}
	#slider .bx-wrapper li div.slideTextWrapper {
		font-size: 16px;
		line-height: 18px;
	}
	#slider .bx-wrapper li div.slideTextWrapper h3 {
		font-size: 16px;
		line-height: 18px;
	}
	footer {
		margin-top:0px !important;
	}
	header {
		margin-top: 5px !important;
	}
	header img#logo {
		float: left;
		margin-right: 10px;
		width: 90px;
		height: auto;
	}
	p#website-Title {
		font-size: 32px;
		font-weight: 900;
		font-family: 'Merriweather', serif;
		line-height: 32px;
		margin-top: 15px;
	}
	nav a {
		display:block;
		width:100%;
		border-bottom: 3px solid #fff;
		text-align:center;
		padding:10px 0px;
		font-size: 16px;
	}
	nav a.active {
		background-color: #ddd;
	}
	nav a:hover {
		background-color: #ddd;
	}
	.togglebar {
		display:none;
		border-top: 5px solid #fff;
	}
	#shower {
		display:block;
		text-align: center;
		padding:10px 0px;
		background-color: #fff;
		border-top: 1px solid #DF9630;
		margin-bottom: 30px;
	}
	.rotate {
		transform: rotate(180deg);
	}
	.galWrap {
		width:190px;
		margin:10px;
	}
	
	#slider .bx-wrapper img {
		height:100%;
		width: auto;
		max-width: none;
	}
}

@media only screen and (min-width: 768px) {
	nav a {
		font-size: 14px;
		margin: 15px 5px 0 0;
		padding: 10px;
		display: inline-block;
		color: #DF9630;
		font-weight: 700;
		letter-spacing: 0px;
		outline: medium none;
		position: relative;
		text-decoration: none;
		text-transform: uppercase;
		text-shadow: none;
	}
	
	#slider .bx-wrapper img {
		height:auto;
		width: 100%;
		max-width: none;
	}
}

@media only screen and (min-width: 768px) and (max-width: 960px) {
	nav a {
		font-size: 12px;
		margin: 15px 5px 0 0;
		padding: 5px;
		display: inline-block;
		color: #DF9630;
		font-weight: 700;
		letter-spacing: 0px;
		outline: medium none;
		position: relative;
		text-decoration: none;
		text-transform: uppercase;
		text-shadow: none;
	}
}


@media only screen and (min-width: 768px) {
	#shower {
		display:none;
		margin-bottom: 0px;
	}
	.togglebar {
		display:block !important;
	}
	.onSmallScreen {
		display:none;
	}
	
	/*------- Hovering -------*/
	
	
	nav a:before, nav a:after {
		background: none repeat scroll 0 0 #DF9630;
		content: "";
		height: 3px;
		left: 0;
		position: absolute;
		top: 100%;
		transform: scale(0.85);
		transition: transform 0.3s ease 0s;
		width: 100%;
	}
	nav a:after {
		opacity: 0;
		transition: top 0.3s ease 0s, opacity 0.3s ease 0s, transform 0.3s ease 0s;
	}
	nav a:hover:before, nav a:hover:after, nav a:focus:before, nav a:focus:after, nav a.active:before, nav a.active:after {
		transform: scale(1);
	}
	nav a:hover:after, nav a:focus:after, nav a.active:after {
		opacity: 1;
		top: 0;
	}
	nav a:hover, nav a.active {
		background-color: transparent;
	}
	/*------- Hovering -------*/
	
}



@media only screen and (max-width: 480px) {
	.galWrap {
		width:300px;
		margin:0 0 5px;
	}
	header img#logo {
		float: left;
		margin-right: 10px;
		width: 60px;
		height: auto;
	}
	p#website-Title {
		font-size: 22px;
		font-weight: 900;
		font-family: 'Merriweather', serif;
		line-height: 26px;
		margin-top: 5px;
	}
	#slider .bx-wrapper li div.slideTextWrapper {
		font-size: 14px;
		line-height: 16px;
	}
	#slider .bx-wrapper li div.slideTextWrapper h3 {
		font-size: 14px;
		line-height: 16px;
	}
}