@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,700,700italic");

* {
	margin: 0px;
	padding: 0px;
	-webkit-text-size-adjust: none;
}

.hide_on_mobile {
	display: none !important;
}

h1 {
	font-size: 28px;
	font-weight: 400;
	margin: 38px 0 28px 0;
}

h2 {
	font-size: 23px;
	font-weight: 400;
	margin: 28px 0 23px 0;
}

h3 {
	font-size: 19px;
	font-weight: 400;
	margin: 23px 0 19px 0;
}

h6 {
	background-color: #e6e2dc;
	font-size: 19px;
	font-style: italic;
	font-weight: 300;
	margin: 19px -19px;
	padding: 19px;
}

h6 + h6 {
	margin-top: -38px;
	padding-top: 0;
}

h1:first-child, h2:first-child, h3:first-child, h6:first-child {
	margin-top: 0;
}

h1:last-child, h2:last-child, h3:last-child, h6:last-child {
	margin-bottom: 0;
}

a {
	color: #5a741b;
}

a:hover, a:active {
	color: #789b24;
}

ul {
	list-style: none;
}

li {
	margin-left: 44px; 
}

ul > li:before {
	content: "•";
	font-weight: 700;
	margin: 0 19px 0 -25px;
}

table {
	min-width: 10%;
	table-layout: fixed;
}

td {
	padding: 8px;
}

html {
	height: 100%;
}

body {
	background-color: #ffffff;
	color: #4f4f4f;
	font-family: "Open Sans";
	font-size: 16px;
	font-weight: 400;
	min-height: 100%;
	min-width: 320px;
	width: 100%;
}

body:before {
	background-image: url("/logo.jpg");
	background-size: 100%;
	background-position: 0% 40%;
	content: "";
	display: block;
	height: 75px;
	width: 100%;
}

header {
	box-sizing: border-box;
	background-color: #e6e2dc;
	color: #5a741b;
	display: table;
	font-size: 19px;
	font-weight: 300;
	height: 75px;
	padding: 9px 19px;
	width: 100%;
}

#title_container {
	display: table-cell;
	padding-right: 59px;
	vertical-align: middle;
}

#navigation_toggle {
	display: none;
}

#navigation_toggle_label {
	border: 1px solid #4f4f4f;
	box-sizing: border-box;
	cursor: pointer;
	display: block;
	float: right;
	height: 38px;
	margin: 10px 0 0 -38px;
	padding: 5px 8px;
	width: 38px;
}

.navigation_toggle_stripe {
	background-color: #5a741b;
	height: 2px;
	margin-top: 5px;
	width: 20px;
}

#navigation_toggle + nav {
	display: none;
}

#navigation_toggle:checked + nav {
	display: initial;
}

nav {
	background-color: #e6e2dc;
	float: left;
	width: 100%;
}

#navigation_top {
	margin-bottom: 19px;
}

.navigation_element_default, .navigation_element_active, .navigation_element_small_default, .navigation_element_small_active {
	box-sizing: border-box;
	border-bottom: 1px solid #4f4f4f;
	color: #5a741b;
	font-size: 19px;
	height: 39px;
	line-height: 38px;
	padding: 0 19px;
	transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
	-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
	-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}

.navigation_element_default, .navigation_element_active {
	width: 100%;
}

.navigation_element_small_default, .navigation_element_small_active {
	float: left;
	width: 50%;
}

.navigation_element_default:first-child, .navigation_element_active:first-child, .navigation_element_small_default:first-child, .navigation_element_small_active:first-child, .navigation_element_small_default:nth-child(2), .navigation_element_small_active:nth-child(2) {
	border-top: 1px solid #4f4f4f;
	height: 40px;
}

.navigation_element_default, .navigation_element_small_default {
	display: block;
	text-decoration: none;
}

.navigation_element_default:hover, .navigation_element_small_default:hover {
	background-color: #789b24;
	color: #e6e2dc;
}

.navigation_element_active, .navigation_element_small_active {
	background-color: #5a741b;
	color: #e6e2dc;
	cursor: default;
}

#cdslash {
	box-sizing: border-box;
	border-bottom: 1px solid #4f4f4f;
	color: #4f4f4f;
	display: block;
	float: left;
	font-size: 12px;
	height: 39px;
	line-height: 38px;
	padding: 0 19px;
	text-decoration: none;
	width: 50%;
}

main {
	display: block;
	padding: 19px;
}

footer {
	color: #5a741b;
	font-size: 9px;
	padding: 0 19px 19px 19px;
	text-align: center;
}

.image_standard {
	clear: both;
	max-width: 100%;
}

.image_left {
	clear: both;
	margin: 0 -19px;
	width: calc(100% + 38px);
}

.image_center {
	clear: both;
	display: block;
	margin: 0 auto;
	max-width: 100%;
}

.image_right {
	clear: both;
	margin: 0 -19px;
	width: calc(100% + 38px);
}

.image_full {
	clear: both;
	margin: 0 -19px;
	width: calc(100% + 38px);
}

#not_found_text {
	
}

#not_found_link {

}

#unauthorized_text {
	
}

#unauthorized_login_wrong {

}

#unauthorized_login_name {

}

#unauthorized_login_password {

}

#unauthorized_login_https_warning {

}

#unauthorized_login_submit {

}

#unauthorized_login_timeout {

}

#unauthorized_logged_in {
	
}

#unauthorized_link {

}

.frame_iframe {
	clear: both;
	height: 300px;
	margin: 0 -19px;
	width: calc(100% + 38px);
}

.frame_map {
	clear: both;
	height: 200px;
	margin: 0 -19px;
	width: calc(100% + 38px);
}

.frame_youtube {
	clear: both;
	height: 200px;
	margin: 0 -19px;
	width: calc(100% + 38px);
}

.frame_soundcloud_playlist_cover {
	height: 450px;
	width: 100%;
}

.frame_soundcloud_playlist_timeline {
	height: 350px;
	width: 100%;
}

.frame_soundcloud_track_cover {
	height: 250px;
	width: 100%;
}

.frame_soundcloud_track_timeline {
	height: 130px;
	width: 100%;
}

iframe {
	border: none;
}

#start_title {
	font-size: 38px;
	margin-bottom: 38px;
}

#start_text {
	font-size: 19px;
}

.imprint {
	font-size: 8px;
}