/*@import url("http://fast.fonts.net/t/1.css?apiType=css&projectid=2ffbd33a-afd8-4afc-862b-bbac0ba8082b");*/
@font-face{
font-family:"Myriad-Regular";
src:url("/Fonts/2bd106a4-3872-4193-8627-d7af96dd4f7e.eot?#iefix");
src:url("/Fonts/2bd106a4-3872-4193-8627-d7af96dd4f7e.eot?#iefix") format("eot"),url("/Fonts/3b0f1c67-c2e4-4df6-976f-49d52e45aba1.woff2") format("woff2"),url("/Fonts/c5b1c170-d8f7-41f9-85c2-0ab670780c6b.woff") format("woff"),url("/Fonts/ba1ff8f6-0c27-4e7b-8be5-818b6c3dd801.ttf") format("truetype"),url("/Fonts/a379413e-a0b8-44dc-b250-1e000e4092a4.svg#a379413e-a0b8-44dc-b250-1e000e4092a4") format("svg");
}
@font-face{
font-family:"Myriad-Bold";
src:url("/Fonts/4f2af761-c017-4801-9aa5-5d30643373ce.eot?#iefix");
src:url("/Fonts/4f2af761-c017-4801-9aa5-5d30643373ce.eot?#iefix") format("eot"),url("/Fonts/eba438b3-9ab9-48ba-b1c5-610f83b38303.woff2") format("woff2"),url("/Fonts/acfb7490-30f6-4bf4-a1b8-70ff9172d209.woff") format("woff"),url("/Fonts/5bf402e3-ba96-414e-bc7e-cb6689fe32c1.ttf") format("truetype"),url("/Fonts/c5dceae7-427a-4765-b06b-ea2eecca3434.svg#c5dceae7-427a-4765-b06b-ea2eecca3434") format("svg");
}

html { 
	-webkit-text-size-adjust: auto; 
}

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

body {
	font-family:Myriad-Regular, Arial;	
	background-color:#000000;
	overflow-y: scroll;
}

h1 {
	font-weight:normal;		
	margin:0px;
	padding:0px;
	color:#FFFFFF;
	font-size:50px;
	float:left;
}

img {
	border:0px;
}

#greyit {
	position:fixed;
	background-color:#000000;
	opacity:0.8;
	width:100%;
	top:0px;
	z-index:1000;
	display:none;
}

#bigimg {
	position:absolute;
	background-color:#000000;
	width:80%;
	background-color:#FFFFFF;
	z-index:1001;
	top:100px;
	left:10%;
	display:none;
	padding:25px;
	box-sizing:border-box;
}

#wrapper {
	width:100%;
	max-width:1920px;
	margin:0 auto;	
}

#firstrow {
	background-color:#000000;
	height:145px;
	width:100%;	
	position:fixed;
	top:0px;
	z-index:30;
	max-width:1920px;
}

#firstrow .logo {
	float:left;
	margin-top:20px;
	margin-left:20px;
}

#firstrow .schriftzug {
	float:left;
	color:#FFFFFF;
	font-size:40px;
	margin-top:13px;
	margin-left:20px;
}

#firstrow .schriftzug span {
	font-size:28px;
}

#firstrow .sponslogos {
	float:right;
	margin-right:20px;	
}

#firstrow .sponslogos a {
	float:left;
	margin-top:25px;
}

#firstrow .sponslogos a img {
	width:70%;
}

#firstrow .navigation {
	position:absolute;
	bottom:15px;
	left:160px;
}

#firstrow .navigation a {
	float:left;
	display:block;
	color:#999999;
	text-decoration:none;
	margin-right:20px;
	font-size:18px;
}

#firstrow .navigation a:hover {
	color:#FFFFFF;
}

#firstrow .subnavigation {
		
	position:absolute;
	bottom:-30px;
	height:39px;
	display:none;
}

.aktiv {
	color:#FFFFFF !important;	
}

#firstrow .subnavigation a {
	padding-left:10px;
	padding-right:10px;
	color:#999999;
	text-decoration:none;
	float:left;
	background-color:#000000;
	height:39px;
	padding-top:10px;
	box-sizing:border-box;
	font-size:18px;
}

#firstrow .subnavigation a:hover {
	color:#FFFFFF;
}

#firstrow .subnavigation .end {
	float:left;
}

#firstrow #mobilenav {
	position:absolute;
	right:20px;	
	top:45px;
	display:none;
}

#header {
	position:relative;	
	top:145px;
	z-index:10;
	width:100%;
	max-width:1920px;
	display:none;
}

#header img {
	position:absolute;
	top:0px;
}

#header .activeimage {
	display:block;
}

#desktopheader {
	position:relative;	
	z-index:10;
	width:100%;
	max-width:1920px;
	background-color:#000000;
	top:145px;
}

#desktopheader a {
	float:left;
	display:block;
	width:19%;
	margin-left:0.5%;
	margin-right:0.5%;
	margin-top:1%;
	margin-bottom:1%;
}

#runningbar {
	position:relative;
	z-index:20;
	background-color:#ffffff;
	top:145px;
	width:100%;
	padding:20px;
	box-sizing: border-box;
	color:#850000;
	font-size: 30px;
	text-align: center;
}

#runningbar section {
	display:flex;
	flex-wrap: wrap;
	margin-top:50px;
	justify-content: space-around;
}

#runningbar section div {
	width:40%;
	color:#000000;
	font-size:20px;
}

#content {
	position:relative;
	z-index:20;
	background-color:#000000;
	top:145px;
}

#starton {
	background-color:#FFFFFF;
	width:100%;	
	color:#262626;
	float:left;
	display:block;
	padding-top:25px;
	padding-bottom:20px;
	text-align:center;
	font-size:30px;
	background-image:url(/img/doublearrowright.png);
	background-repeat:no-repeat;
	background-position:right 30px center;
	padding-right:103px;
	box-sizing:border-box;
	text-decoration:none;
	min-height:120px;
}

#infobox {
	width:100%;
	background-color:#850000;
	padding-top:30px;
	padding-bottom:30px;
	color:#FFFFFF;
}

#infobox h1 {
	margin-left:7.5%;
	margin-bottom:20px;
}

#news {
	width:100%;
	background-color:#262626;
	padding-top:40px;
	padding-bottom:40px;
	box-sizing:border-box;
	background-image:url(/img/bgrausch.jpg);
}

#news h1 {
	margin-left:7.5%;
	width:85%;
}

#news .newsbox {
	width:25%;
	float:left;
	color:#FFFFFF;
	margin-right:2.5%;
	margin-left:2.5%;
	margin-top:40px;
	background-color:#1d1d1d;
	padding:10px;
	padding-left:2%;
	padding-right:2%;
	box-sizing:border-box;
	box-shadow:0px 0px 10px #202020;
}

#news .first {
	border-left:0px;
	margin-left:7.5%;
}

#news .newsbox a {
	color:#999999;
}

#slideshow {
	width:100%;
	position:relative;
}

#slideshow img {
	position:absolute;
	top:0px;	
}

#bookshop {
	width:100%;
	background-color:#ffffff;
	box-sizing:border-box;
	padding-top:40px;
	padding-bottom:40px;		
}

#bookshop h1{
	margin-left:7.5%;
	width:30%;
	color:#262626;
}

#bookshop .booktext {
	margin-left:7.5%;	
	margin-top:20px;
	width:30%;	
	float:left;
}

#bookshop .booktext a {
	background-color:#262626;
	text-align:center;
	width:100%;
	display:block;
	padding-top:15px;
	padding-bottom:15px;
	font-size:30px;
	color:#FFFFFF;
	text-decoration:none;
}

#bookshop .covers {
	margin-right:7.5%;	
	margin-top:8px;
	width:50%;	
	float:right;
}

#bookshop .covers img {
	float:left;
	width:30%;
	margin-left:1.5%;
	margin-right:1.5%;
}

#welcome {
	width:100%;
	background-color:#262626;
	box-sizing:border-box;
	padding-top:40px;
	padding-bottom:40px;
	color:#FFFFFF;
	background-image:url(/img/bgrausch.jpg);
}

#welcome h1 {
	margin-left:7.5%;
	width:85%;
}

#welcome p {
	margin-left:7.5%;
	width:85%;
}


#footer {
	width:100%;
	background-color:#000000;
	box-sizing:border-box;
	padding-top:20px;
	padding-bottom:40px;
	padding-left:7.5%;
	padding-right:7.5%;
}

#footer a {
	float:left;
	display:block;
	margin-right:20px;
	color:#666666;
	font-size:14px;
	text-decoration:none;
}

#footer #siteby {
	float:right;	
	margin-right:0px;
}

.headerbuttons {
	position:absolute;
	top:-40px;
	z-index:1000;
	right:1%;
}

.headerbutton {
	border:2px solid #FFFFFF;
	border-radius:255px;
	width:15px;
	height:15px;
	float:left;
	margin-left:10px;
	margin-right:10px;
	cursor:pointer;
}

.copyright {
	position:absolute;
	left:2%;
	z-index:10000;	
	bottom:20px;
	color:#FFFFFF;
	background-color:#050603;
	padding:5px;
	padding-left:10px;
	padding-right:10px;
}

.arrowleftgal {
	position:absolute;
	top:50% !important;	
	z-index:1000 !important;	
	left:2%;
	margin-top:-45px;
	cursor:pointer;
}

.arrowrightgal {
	position:absolute;
	top:50% !important;		
	z-index:1000 !important;	
	right:2%;
	margin-top:-45px;
	cursor:pointer;
}

.themebox {
	width:100%;
	background-color:#262626;
	box-sizing:border-box;
	padding-top:40px;
	padding-bottom:40px;
	color:#FFFFFF;
	background-image:url(/img/bgrausch.jpg);
	padding-left:5%;	
}

.theme {
	width:23.2%;
	float:left;
	color:#FFFFFF;
	font-size:14px;
	margin-right:0.15%;
	margin-left:0.15%;
	margin-top:10px;
	background-color:#000000;
	box-sizing:border-box;
}

.theme img {
	width:100%;	
}

.theme .themetext {
	padding:10px;
	font-size:15px;
}

.textcontent {
	background-color:#FFFFFF;
	color:#000000;
	padding-top:30px;
	padding-bottom:30px;
	padding-left:5%;
	padding-right:5%;
}

.textcontent .bigletters {
	font-size:25px;
}

.textcontent a {
	color:#000000;
}

.textcontent h1 {
	color:#000000 !important;
	margin-bottom:20px;

}

.slideshowtouritem {
	float:left;
	margin-right:3.33%;
	margin-bottom:30px;
	width:30%;
	border-bottom:1px solid #CCCCCC;
	padding-bottom:30px;
	min-height:110px;
}

.slideshowtouritem h2 {
	margin:0px;
	padding:0px;
	font-size:20px;
}

.slideshowtouritem .order {
	clear:both;
	display:block;
	width:100%;
	text-align:center;
	background-color:#262626;	
	color:#ffffff;
	text-decoration:none;
	padding-bottom: 5px;
    padding-top: 5px;
	font-size: 18px;
	margin-top:10px;
}

.result {
	width:50%;
	float:left;	
}

.halloffame {
	float:left;
	width:20%;
	text-align:center;
	min-height:250px;
}

.halloffame img{
	width:50%;
	margin-top:10px;
	margin-bottom:10px;
	max-width:96px;
}

.bookimage {
	float:left;
	width:30%;	
	margin-top:20px;
}

.bigimg {
	width:100%;	
}

.smallimg {
	width:30%;
	float:left;
	margin-left:1.6666666%;
	margin-right:1.6666666%;
	cursor:pointer;
}

.smallimg img {
	width:100%
}

.booktext {
	float:left;
	width:65%;
	margin-left:5%;
}

.order {
	clear:both;
	display:block;
	width:50%;
	text-align:center;
	background-color:#262626;	
	color:#ffffff !important;
	text-decoration:none;
	padding-bottom: 8px;
    padding-top: 8px;
	font-size: 25px;
	margin-top:10px;
}

.leftcontact {
	float:left;
	width:50%;
	margin-right:5%;	
}

.rightcontact {
	float:left;	
	width:45%;
}

.formlabel {
	clear:both;
	float:left;	
	font-size:16px;
	font-family:Myriad-Bold;
}

.fullform {
	clear:both;
	float:left;	
	width:100%;
	padding:2%;
	border:1px solid #CCCCCC;
	font-size:16px;
	margin-bottom:20px;
	font-family:Myriad-Regular;
	resize:none;
	box-sizing:border-box;
}

.sendenbutton {
	clear:both;
	float:left;
	width:150px;
	background-color:#262626;
	color:#FFFFFF;
	border:0px;
	padding-top:5px;
	padding-bottom:5px;
}

.error {
	background-color:#820002;
	color:#FFFFFF;
	text-align:center;
	width:100%;	
	margin-bottom:15px;
	padding-top:10px;
	padding-bottom:10px;
}

.lefttickets {
	float:left;
	width:50%;
	margin-right:5%;		
}

.righttickets {
	float:left;	
	width:45%;	
}

.infoboxleft {
	float:left;
	margin-left:7.5%;
	width:25%;
}

.infoboxmiddle {
	float:left;
	margin-left:5%;
	margin-right:5%;
	width:25%;
}

.infoboxright {
	float:left;
	width:25%;
}

#mobilenavigation {
	width:100%;
	position:fixed;
	background-color:#000000;
	opacity:0.9;
	top:85px;
	z-index:50;
	display:none;
	overflow-y:scroll;
}

#mobilenavigation a {
	display:block;
	width:100%;
	box-sizing:border-box;
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:1px solid #CCCCCC;
	color:#FFFFFF;
	text-decoration:none;
	padding-left:20px;
	padding-right:20px;
}

#mobilenavigation .sub {
	padding-left:40px;
}

.close {
	position:absolute;
	right:2px;
	top:2px;
	cursor:pointer;	
	width:2%;
}

.partner {
	width:15%;
	float:left;
	margin-left:2.5%;
	margin-right:2.5%;	
}

.partner img {
	width:100%;	
}

.buchausgewaehlt {
	clear:both;
	float:left;
	margin-bottom:20px;
}


.buchausgewaehlt img {
	float:left;
	width:20%;	
	margin-top:5px;
	margin-bottom:5px;
}

.buchausgewaehlt .buchlabel {
	float:left;
	width:80%;
	font-size:18px;
	padding-top:5px;
}



.bookauswahl {
	background-color:#262626;
	padding:5px;
	color:#FFFFFF;	
	border:0px;
	width:50px;
	text-align:center;
	font-family: Myriad-Bold;
}

.infoboxSmallheadline{
	font-size:30px;
	font-weight:bold;
	text-align:center;
}

.infoboxExhibition{
	width:90%;
	margin-left:5%;
	text-align:center;
	margin-bottom:20px;
	position:relative;
}


#infobox .infoboxExhibition h1{
	text-align:center;
	width:100%;
	margin-left:0px;
}

.half {
	width:50%;
	float:left;
}

.cleardiv {
	clear:both;
	height:0px;
}

@media only screen and (min-width: 1400px) {
	.result {
		width:33.3%;	
	}
	.halloffame {
		min-height:310px;
	}
	
	#bigimg {
		width:50%;
		left:25%;
	}
	
}

@media only screen and (max-width: 1150px) {
	#firstrow .sponslogos {
		display:none;
	}	
	.theme {
		width:31%;
	}	
	.halloffame {
		width:25%;
	}	
}

@media only screen and (max-width: 850px) {
	#firstrow {
		height:85px;	
	}
	
	#firstrow .logo {
		margin-top:10px;
	}
	
	#firstrow .logo img {
		width:70px;	
	}
	
	#firstrow .navigation {
		display:none;
	}	
	
	#firstrow .schriftzug {
		width:400px;
		margin-top:10px;
		font-size:30px;
	}	
	
	#firstrow .schriftzug span {
		font-size:20px;
	}
	
	#firstrow #mobilenav {
		display:block;
		top:20px;
	}
	
	#header {
		top:85px;	
	}
	
	#starton {
		font-size:20px;	
	}
	
	#bookshop .covers {
		width:85%;	
	}
	
	#bookshop h1 {
		width:85%;	
		margin-top:20px;
	}
	
	#bookshop .booktext {
		width:85%;	
	}
	
	.headerbutton {
		display:none;
	}
	
	.theme {
		width:47%;
	}
	
	.slideshowtouritem {
		width:46.67%;
	}
	
	.result {
		width:100%;	
	}
	
	.halloffame {
		width:33.3%;
	}
	
	.lefttickets {
		width:100%;	
	}
	
	.righttickets {
		width:100%;	
	}
	
	.leftcontact {
		width:100%;	
	}
	
	.rightcontact {
		width:100%;	
	}
	
	.infoboxleft {
		margin-left:7.5%;
		width:85%;
	}
	
	.infoboxmiddle {
		margin-left:7.5%;
		width:85%;
	}
	
	.infoboxright {
		margin-left:7.5%;
		width:85%;
		margin-top:30px;
	}
	
	#header {
		position:relative;	
		display:block;
	}
	
	#desktopheader {
		display:none;	
	}
	
	#greyit {
		display:none !important;
	}
	
	#bigimg {
		display:none !important;
	}
	
	.partner {
		width:20%;
	}
	
	.half {
		width:100%;
	}
	
	#runningbar {
		font-size: 20px;
		top:90px;
	}
	
	#runningbar section{
		margin-top:0px;
	}
	
	#runningbar section div {
		width:100%;
		color:#000000;
		font-size:12px;
		margin-top:20px;
	}
}

@media only screen and (max-width: 600px) {
	#firstrow {
		height:85px;	
	}
	
	#firstrow .logo {
		margin-top:10px;
	}
	
	#firstrow .logo img {
		width:70px;	
	}
	
	#firstrow .navigation {
		display:none;
	}	
	
	#firstrow .schriftzug {
		width:290px;
		margin-top:20px;
		font-size:20px;
	}	
	
	#firstrow .schriftzug span {
		font-size:14px;
	}
	
	#firstrow #mobilenav {
		display:block;
		top:20px;
	}
	
	#header {
		top:85px;	
	}
	
	#starton {
		font-size:18px;	
	}
	
	#news .newsbox {
		width:85%;
		margin-left:7.5%;
	}
	
	.theme {
		width:94.5%;
	}
	
	.halloffame {
		width:50%;
	}
	
	.bookimage {
		width:100%;	
	}
	
	.booktext {
		width:100%;	
		margin-left:0px;
		margin-bottom:20px;
		padding-bottom:40px;
		border-bottom:1px solid #CCCCCC;
	}
	
	.partner {
		width:28.3%;
	}
	
	

}




@media only screen and (max-width: 470px) {
	
	h1 {
		font-size:35px;	
	}
	
	#firstrow {
		height:85px;	
	}
	
	#firstrow .schriftzug {
		width:120px;
		font-size:17px;
		margin-top:8px;
	}	
	
	#firstrow .schriftzug span {
		font-size:12px;
	}	
	
	#firstrow .logo img {
		width:70px;	
	}
	
	#firstrow .logo {
		margin-top:10px;
	}
	
	#firstrow #mobilenav {
		top:20px;
	}
	
	#header {
		top:85px;	
	}
	#starton {
		font-size:14px;	
		background-size:50px;
		padding-top:15px;
		min-height:80px;
	}
	
	.slideshowtouritem {
		width:100%;
		margin-right:0px;
		min-height:0px;
	}
	
	.copyright {
		font-size:12px;
		bottom:5px;
	}
	.halloffame {
		width:100%;
		margin-bottom:20px;
	}
	
	.partner {
		width:45%;
	}
	
	
}