@font-face { font-family: 'josefin'; src: url('josefin/JosefinSlab-Regular.ttf') format('truetype'); }
@font-face { font-family: 'opensans'; src: url('opensans/OpenSans-Regular.ttf') format('truetype'); }


html {
	height: 100%;
	z-index: 0;
}

.startseite {
	/*background-image: url("Bild_Startseite_Teil2.png");*/
	background-size: 100% auto;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center top;
}

.startseitenbild {
	position: relative;
	display: block;
	clear: both;
	left: auto;
	right: auto; 
	margin: auto;
	padding-top: 100px;
	padding-bottom: 2%;
	height: 70vh;
}

.titel {
	float: right;
	padding-top: 120px;
	padding-right: 20px;
	/*position: absolute;*/
/*	right: 20px;*/
	height: 10vh;
	/*margin-top: 100px;*/
}



.logo {
	/*position: absolute;*/
	/*vertical-align: top;*/
	/*padding: 2px;*/
	float: left;
	/*z-index: -1;*/
	padding-top: 100px;
	padding-left: 10%;
	min-width: 62px;
	width: 156px;
}

body {
	background-color: RGB(249, 239, 233);
	
	/*color: #F5E684;*/
	color: #FFFFFF;
	font-family: opensans;
	margin: 0px;
	padding: 0;
	min-height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 0;
}


/*.wrapper {
	min-height:100%;
	position:relative;
}*/

.content {
	position: relative;
	margin-top: 10%;
	clear: both;
	/*padding-top: 61px;*/
	min-height: 67%;
	z-index: 1;
}

.footer {
	position: relative;
	bottom: 0;
	padding: 15px;
	font-size: 13px;
	font-weight: bold;
	text-transform: lowercase;
	letter-spacing: 0.08em;
	color: RGB(85, 26, 35);
	/*top: auto;*/
	/*width: 100%;*/
	/*top-margin: auto;*/
	z-index: 1;
}

.footer a:link {
	color: RGB(85, 26, 35);
	text-decoration: none;
	/*font-size: 110%;*/
	z-index: 5;
}

.footer a:visited {
	color: RGB(85, 26, 35);
	text-decoration: none;
	z-index: 5;
}

.footer a:hover {
	color: RGBA(85, 26, 35, 0.6);
	text-decoration: none;
	z-index: 5;
}

.footer a:active {
	color: RGB(85, 26, 35);
	text-decoration: none;
	z-index: 5;
}

.circle {
	position: fixed;
	left: 62%;
	top: 20%;
	width: 30%;
}


.outer {
	position: fixed;
	top: 0;
	left: 0;
	display: inline-block;
	background-color: RGB(85, 26, 35);
	font-size: 17px;
	font-weight: bold;
	height: 62px;
	width: 100%;
	z-index: 3;
}

.inner {
	display: inline-block;
	/*position: fixed;*/
	vertical-align: top;
	min-width: 70%;
	width: 1000px;
	height: 62px;
	margin-left: auto;
	margin-right: auto;
	/*max-width: 1000px;*/
	/*z-index: -1;*/
	/*opacity: 0.99;*/
}

.menubar {
	list-style-type: none;
	overflow: hidden;
	text-align: center;
	/*float:right;*/
	font-family: opensans;
	letter-spacing: 0.08em;
	padding: 0;
	margin: 0;
	z-index: 5;
}



nav ul li {
	display: inline-block;
	z-index: 5;
}

form li {
	display: block;
}

/*
.menuitem {
	position: absolute;
	top: 50%; left: 50%;
	transform: translate(-50%,-50%);
} */

li a {
	display: inline-block;
	padding: 8px;
	border: 0px;
	margin: 10px;
	/*background-color: #dddddd;*/
	text-align: center;
	border-radius: 5px;
	z-index: 5;
}

.beitrag-text {
	margin: 40px;
	z-index: 3;
}

.ausgebucht {
	/*margin: 40px;*/
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	/*width: ;*/
}

.beitrag {
	position: relative;
	clear: both;
	background-color: RGBA(85, 26, 35, 0.6);
	/*border-radius: 25px;*/
	min-height: 90%;
	max-width: 700px;
	/*max-width: 50%;*/
/*	padding: 10px;
	padding-left: 30px;
	padding-right: 30px;*/
	padding-bottom: 10px;
	/*padding: 40px;*/
	border: 10px;
	margin-left: auto;
	margin-right: auto;
	/*margin-top: 185px;*/
	margin-top: 14%;
	/*margin-top: 31px;*/
	/*margin-top: 10%;*/
	margin-bottom: 25px;
	font-family: opensans;
	font-size: 14px;
	line-height: 23px;
	text-align: left;
	z-index: 2;

	overflow: hidden;
}

h2 {
	font-family: opensans;
	font-size: 14px;
	font-weight: bold;
	/*margin-bottom: 20px;*/
	text-transform: uppercase;
	/*letter-spacing: 0.08em;*/
	clear: both;
}


.stepcounter {
	float: right;
	font-weight: bold;
	white-space: nowrap;
	/*padding: 0;*/
	margin: 0;
}

.errorlist {
	color: #FF0000;
}

form {
	clear: both;
}

form input.button {
	/*position: right;*/
	/*align: center;*/
}

button, .button {
	background-color: RGBA(85, 26, 35, 0); 
	border: none;
	color: white;
	/*padding: 15px 32px;*/
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 0px;
	padding-right: 0px;
	text-align: center;
	text-transform: uppercase;
	/*font-weight: bold;*/
	display: inline-block;
/*	margin-right: 5%;
	margin-left: 5%;*/
	font-family: opensans;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0.08em;
	/*float: right;*/
}

.anmeldung-form 
{
	/*float: right;*/
}

form .button {
	float: right;
}

.zurueck-button {
	float: left;
}

.button:hover, button:hover {
	color: RGBA(85, 26, 35, 0.6);
}

.circologo, .ttalogo, .saltologo {
    width: 20%;
    padding: 10px;
}

/*.circologo {
    float: left;
}

.ttalogo {
    float: left;
}

.saltologo {
    float: left;
}*/

table {
	min-width: 100%;
	border: none;
	margin-left: auto;
	margin-right: auto;
    border-collapse:collapse;
}

.tabletitle {
	background-color: RGB(85, 26, 35);
	height: 30px;
	/*text-align: center;*/
	letter-spacing: 0.08em;
	padding-left: 10px;
	font-size: 14px;
}

tbody.table-inhaltx tr:nth-child(8n+1), 
tbody.table-inhaltx tr:nth-child(8n+2), 
tbody.table-inhaltx tr:nth-child(8n+3), 
tbody.table-inhaltx tr:nth-child(8n+4) {
    background-color: RGBA(85, 26, 35, 0.2);
}

tbody.table-inhaltx tr:nth-child(8n+5), 
tbody.table-inhaltx tr:nth-child(8n+6), 
tbody.table-inhaltx tr:nth-child(8n+7), 
tbody.table-inhaltx tr:nth-child(8n+8) {
    background-color: RGBA(85, 26, 35, 0.1);
}

td {
    background-color: inherit;
    padding: 5px;
    padding-left: 10px;
}

.kontakttabelle {
	min-width: 0%;
	width: auto;
	float: left;
}

/* Change the link color to #111 (black) on hover */
li a:hover {
	/*background-color: #FFFFFF;*/
	z-index: 5;
}

a:link {
	color: #FFFFFF;
	text-decoration: none;
	/*font-size: 110%;*/
	z-index: 5;
}

a:visited {
	color: #FFFFFF;
	text-decoration: none;
	z-index: 5;
}

a:hover {
	/*color: RGBA(85, 26, 35, 0.6);*/
	color: RGBA(255, 255, 255, 0.6);
	text-decoration: none;
	z-index: 5;
}

a:active {
	color: #FFFFFF;
	text-decoration: none;
	z-index: 5;
}

h1 {
	font-family: opensans;
	font-size: 17px;
	font-weight: bold;
	margin-bottom: 20px;

	text-transform: uppercase;
	letter-spacing: 0.08em;
	clear: both;
}

[type="checkbox"]#nav, #nav-label {
	  display: none;
}

/* responsives Menue */
@media screen and (max-width: 1000px) {

	/*center {
		position: relative;
		z-index: 1;
	}*/

    .content {
        margin-top: 65px;
    }

    .logo {
        max-width: 62px;
    }

	.menuitem {
		display: none;
		z-index: 5;
	}

	.outer {
		position: fixed;
		top: 0;
		left: 0;
		display: block;
		background-color: RGB(85, 26, 35);
		width: 100%;
		z-index: 3;
		height: 61px;
	}

	.inner {
		display: block;
		vertical-align: top;
		
		max-width: 80%;
		z-index: 3;
	}

	#nav-label {
		display: block;
		background: #222;
		width: 40px;
		height: 40px;
		cursor: pointer;
		position: absolute;
		right: 20px;
		top: 10px;
	}
  
	#nav-label:after {
	   content:'';
	   display: block;
	   width: 30px;
	   height: 5px;
	   background: #777;
	   margin: 7px 5px;
	   box-shadow: 0px 10px 0px #777, 0px 20px 0px #777
	}

	[type="checkbox"]#nav:checked ~ .menubar{
		position: fixed;
		display: block;
		z-index: 9999;
		background-color: RGB(85, 26, 35);
		top: 61px;
		right: 0;
	}


	[type="checkbox"]#nav:checked ~ .menubar > .menuitem {
		position: relative;
		display: block;
		z-index: 9999;
		background-color: RGB(85, 26, 35);
	}


}