@charset "utf-8";


/* =============== GENERAL =============== */


html, body {
	height:100%;
}


body {
	margin: 0;
	padding: 0;
	height: auto;
	/*	background-color: white;	*/
	background-color: #fbf6f6;
	z-index: 1;
	color: #171717;
}

body, input, textarea, select, p, div {
	font-family: aktiv-grotesk, Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	font-size: 15px;
}

input, textarea, select {
	font-size: 16px;
}




#wrapper {
	margin: 0 auto;
	padding: 0 50px;
	width: 100%;
	max-width: 1400px;
	background: #FFFFFF;
	position: relative;
	display: table;
	box-sizing: border-box;
}


/* Christmas Theme */
@media screen and (min-width: 1460px) {
	#lametta {
		background: url(../images/christmas/lametta-pattern.png) repeat-x  ;
		mix-blend-mode: darken;
		background-size: auto 26px;
		width: 100%;
		height: 32px;
		background-color: white;
	}
}
@media screen and (max-width: 1459px) {

	#lametta {
		width: 100%;
		height: 30px;
		background: url(../images/christmas/lametta-pattern.jpg?tdfmp2) repeat-x #fff;
		background-size: auto 26px;
	}
}







/* =============== GENERAL =============== */

.eventstamp {
	opacity: 0;
	position: relative;
	bottom: -50px;
	right: -100px;
}



/* =============== HEADER =============== */


#header {
	float: left;
	width: 100%;
	padding: 24px 0 0px 0;
	box-sizing: border-box;
	position: relative;
}

#header .logo {
	display: flex;
	float: left;
	DFwidth: 444px;
	text-decoration: none;
}

	#header .logo img {
		float: left;
		object-fit: contain;
	}

#topline {
	float: left;
	margin-left: 40px;
	margin-right: 30px;
}

.fbWrapper {
	float:left;
	height: 29px;
	position: relative;
    top: 1px;
}

#languageselection {
	float: left;
	position: relative;
	margin-left: 53px;
}

	#languageselection div {
		background-color: #f3f3f3;
		padding: 7px 14px 6px 14px;
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		width: 110px;
		box-sizing: border-box;
		cursor: pointer;
	}

	#languageselection div:hover {
		background-color: #ededed;
	}

		#languageselection div img {
			float: right;
			margin-top: 2px;
		}

	#languageselection ul {
		float: left;
		display: none;
		width: 110px;
		padding: 5px 0px 5px 0px;
		box-shadow: 0px 3px 5px rgba(0,0,0,0.3);
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		box-sizing: border-box;
		z-index: 101;
		position: absolute;
		background-color: #fff;
	}

	#languageselection ul li {
		float: left;
		width: 100%;
	}

	#languageselection ul li a {
		float: left;
		padding: 2px 14px;
		width: 100%;
		box-sizing: border-box;
		text-decoration: none;
	}

	#languageselection ul li a:hover {
		background-color: #f5f5f5;
	}

	#languageselection ul li span {
		float: left;
		padding: 2px 14px;
		width: 100%;
		box-sizing: border-box;
	}


/* =============== FOOTER =============== */

#footermetanavi {
	padding: 0px 0px 10px 0;
	display: none;
	margin-top: 40px;
}

	#footermetanavi ul {
		float: left;
		padding: 0px;
		margin: 0px;
		list-style: none;
	}


		#footermetanavi ul li {
			margin: 0 10px 10px 10px;
			display: inline-block;
		}


			#footermetanavi ul li a {
				text-decoration: none;
				letter-spacing: 0;
				font-size: 18px;
				font-weight: bold;
			}





/* =============== OLD STYLES BUT IN USE =============== */




/* MAP

	• general tags
		> headers
	• our classes
	• page
	• grid
	• header
		> icons
		> top navigation
		> search
	• footer
	• cookie accept popup

*/



/*                                                            general tags
----------------------------------------------------------------------- */

* {
	margin: 0;
	padding: 0;
	letter-spacing: 0px;
}

div {
	display: block;
}

ul {
	margin: 0px;
	padding: 0px;
}

.producttypeinfo ul {
	margin-inline-start: 20px;
}


li {
	list-style: none;
}

a {
	text-decoration: underline;
	color: #333;
	outline: none;
}

p {
	margin: 5px 0px 15px;
	clear: left;
}



p, .eventOrderInfoTextWrapper, .sideelementtrackdescription, .vipinfo,
	#eventcommentmessage, #eventspecialnote, #eventprintathome, .orderwarningnote


{
	line-height: 23px;
}



strong {
	color: #333;
}

/* --- headers --- */

h1, h4, span.h4, h5, span.h5 {
	text-transform: uppercase;
}

h1 {
	font-family: aktiv-grotesk;
	font-weight: bold;
	font-size: 30px;
	margin-bottom: 5px;
	color: #ffcc00;
	letter-spacing: 1px;
}

h3 {
	color: #1e295d;
	text-transform: uppercase;
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: bold;
}

h4, span.h4, h5, span.h5 {
	color: #1e295d;
	line-height: 21px;
	padding: 0px;
	margin: 0px 0px 10px;
}

h4, span.h4 {
	font-size: 18px;
	letter-spacing: 1px;
}

h4 {
	color: #1e295d;
	font-size: 18px;
	text-transform: none;
}

h5, span.h5 {
	font-size: 16px;
	letter-spacing: 0.8px;
	margin-top: 20px;
}




/*                                                                our classes
   ----------------------------------------------------------------------- */


.clear {
	clear: both;
}

.title {
	float: left;
	width: 100%;
	color: #FFF;
	background-color: #1e295d;
	padding: 0px 10px;
	letter-spacing: 0.7px;
	margin-top: 25px;
	margin-bottom: 25px;
	box-sizing: border-box;
	font-size: 18px;
	height: 36px;
	line-height: 36px;
}


.sideelement {
	float: left;
	margin-bottom: 46px;
	clear: left;
	font-weight: normal;
}

.yellowborderbottom {
	border-bottom: 6px solid #ffcc00;
}

.greyborderbottom {
	border-bottom: 1px solid #ccc;
}

.yellowborderbottom, .greyborderbottom {
	padding-bottom: 20px!important;
}

h1.borderbottom {
	border-bottom: 1px solid #ccc;
	margin: 8px 0px 0px;
	padding: 0px 0px 11px;
}


input.text {
	width: 244px;
}

.float-right {
	float: right;
}

.fullwidth {
	float: left;
	width: 100%;
}

/*                                                                    page
----------------------------------------------------------------------- */



.full { display: block; }
.fullinline { display: inline-block; }
.fulltableheader { display: table-header-group; }
.fulltable { display: table; }
.mobile, .mobileinline, .mobiletableheader, .mobiletable { display: none; }

#content {
	width: 100%;
	float: left;
}

.leftcolumn {
	display: table-cell;
	width: 320px;
	padding-right: 25px;
	box-sizing: border-box;
	margin-bottom: 40px;
	vertical-align: top;
}


#maincolumn {
	display: table-cell;
	box-sizing: border-box;
	padding-left: 14px;
	padding-top: 14px;
	margin-bottom: 40px;
	position: relative;
	vertical-align: top;
}





/*                                                                    grid
----------------------------------------------------------------------- */



.headermenu, #metanavi, #basketinfo {
	float: left;
	box-sizing: border-box;
}

.headermenu {
	float: right;
}




/*                                                                  header
----------------------------------------------------------------------- */



#header .loggedin a {
	text-decoration: none;
}



#header .mobile .logo {
	margin-top: 0px;
}

margin-top: 26px;

#header .logo .full {
	margin-top: 30px;
	width: 239px;
}

#basketinfo .customer-login-panel {
	display: none;
	position: absolute;
	top: 50px;
	padding-top: 1px;
	z-index: 101;
}

#basketinfo form {
	float: left;
	background-color: #ffe47a;
	padding: 10px;
	width: 195px;

	border-radius: 6px;
}

#basketinfo form input {
	border-radius: 2px;

}




#basketinfo form input {
	float: left;
	padding: 0px 8px;
	width: 190px;
	margin-bottom: 4px;
	background-color: white;
	box-sizing: border-box;
	height: 30px;
	line-height: 30px;
}

#basketinfo form input[type='submit'] {
	margin: 0;
	font-size: 0;
	text-indent: -9999px;
	clear: none;
}

#header #basketinfo form a {
	float: left;
	background: url(../images/icons/double_arrow_right_yellow.gif) no-repeat;
	background-position: left 9px;
	color: #1e295d;
	display: inline-block;
	padding: 0 0 0 12px;
	margin-top: 10px;
	font-size: 15px;
}

#header #basketinfo form a:hover {
	color: #1e295d !important;
	text-decoration: underline;
}

#basketinfo .password {
	width: 157px;
}

#search form input.submit, #basketinfo form input[type='submit'] {
	background: #ffcc00 url(../images/icons/double_arrow_right_white.gif) no-repeat center;
	border: none;
	float: left;
	cursor: pointer;
	height: 20px;
	width: 20px;
	margin-left: 3px;
}

#basketinfo form input[type='submit'] {
	width: 30px;
	height: 30px;
}

#basketinfo .totalOrderCount, #basketinfo .totalSum {
	color: #1e295d;
	font-weight: bold;
	float: right;
	margin-right: 10px;
}


#headermenuopened {
	width: 100%;
	border: 0px solid  black;
	display: none;
	justify-content: right;
	margin-top: 40px;
	min-width: 900px;
}

.metanavili {
	white-space: nowrap;
}



#socialicons, #loginstatus, #metanavi {
	float: right;
}




#facebookicon {
	margin-right: 15px;
	text-decoration: none;
}

#instaicon {
	text-decoration: none;
}

#facebookiconimage, #instaiconimage {
	height: 30px;
	position: relative;
	top: 5px;
}

#header #metanavi li a {
	letter-spacing: -0.2px !important;
}

#metanavi {
	margin: 0px 0px 10px 0;
}

#basketinfo {
	width: 215px;
	margin: 0px 10px 10px 0;
}

#loginstatus {
	margin-right: 60px;
	margin-top: 2px;
	line-height: 30px;
	font-size: 18px;
}


#socialicons {
	margin-right: 60px;
	margin-top: 3px;
}

#headermenuicons {
	width: 135px;
	display: flex;
}

#headermenuicons #menuicon {
	position: relative;
	top: 1px;
}


#totalitems {
	position: absolute;
	z-index: 100;
	width: 18px;
	left: 8px;
	top: -5px;
	font-size: 15px;
	text-align: center;
	font-weight: bold;
	letter-spacing: -1.5px;
}



#event-head-mobile {
	display: none;
}


#headermenubar {
	border: 0px solid black;
	display: flex;
	justify-content: right;
	margin-top: 8px;
	position:  relative;
	top: 11px;
}


#customericon {
	margin-right: 15px;
}

#basketicon {
	margin-right: 18px;
}

#languageselection {
	margin-right: 80px;
	position: relative;
	top: 6px;
}

#headermenuicons a {
	text-decoration: none;
}


#header #metanavi li, #header #basketinfo li {
	padding-bottom: 6px;
}


#header #metanavi li a, #header #basketinfo li a {
	color: #333;
	text-decoration: none;
	letter-spacing: 0;
}


#metanavi a, #basketinfo a {
	display: block;
	background-position: center left;
	background-repeat: no-repeat;
	background-size: 25px auto;
	padding: 0px 0 0px 0px;
	text-decoration: none;
	height: 24px;
	font-size: 18px;
	line-height: 32px;
}

.metanaviicon {
	display: inline-block;
	width: 34px;
	position: relative;
	top: 6px;
	left: 1px;
}



.metanavili {
	height: 30px;
	padding-left: 8px;
}

.metanavili:hover {
	background-color: #ffe57e;
	border-radius: 4px;
}




/* --- top navigation --- */

#navigationtop {
	overflow: visible;
	z-index: 100;
	position: relative;
	margin: 50px -1.5px 0 -1.5px;
}

#navigationtop > .clearfix {
	display: none;
}

#navigationtop.active .bottomline {
	float: left;
	width: 100%;
	padding: 0 1.5px;
	box-sizing: border-box;
	margin-top: -5px;
}

	#navigationtop.active .bottomline::after {
		content: "";
		float: left;
		width: 100%;
		height: 1px;
		border-bottom: 11px solid #ffcc00;
	}

.tabs {
	float: left;
	width: 100%;
	display: table;

}

.tabs li.parent {
	display: table-cell;
	position: relative;
	text-align: center;
	padding: 0 1.5px 5px 1.5px;
}

.tabs li.parent > a {
	float: left;
	width: 100%;
	box-sizing: border-box;
	height: 46px;
	line-height: 44px;
	font-weight: bold;
	letter-spacing: 0.4px;
	/*border: 1px solid #dbdbdb;*/
	margin: 0px 0px 1px 0px;
	/*background: #F9F9F9 url(../images/navigationtop/corner-off.gif) top right no-repeat;*/
	font-size: 16px;
	background: #fafafa;
	background: -moz-linear-gradient(45deg, #fafafa 0%, #e1e1e1 100%);
	background: -webkit-linear-gradient(45deg, #fafafa 0%,#e1e1e1 100%);
	background: linear-gradient(45deg, #fafafa 0%,#e1e1e1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e1e1e1',GradientType=1 );
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	color: #222222;
	text-transform: uppercase;
	text-decoration: none;
	overflow: hidden;
}

.tabs li.parent > a.active, .tabs li.parent:hover > a  {
	background: #FFCC00;
	color: #444;
}
.tabs li.parent > a.active {
	height: 50px;
	padding-bottom: 2px;
	margin-bottom: -2px;
}

#navigationtop .subnavigation {
	display: none;
	position: absolute;
	top: 46px;
	left: 1.5px;
	z-index: 99;
	background-color: #fff;
	border-top: 11px solid #FFCC00;
	margin-top: 3px;
	box-shadow: 0px 5px 10px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 5px 10px rgba(0,0,0,0.2);
	-o-box-shadow: 0px 5px 10px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 5px 10px rgba(0,0,0,0.2);
}

#navigationtop .penultimate .subnavigation, #navigationtop .last .subnavigation {
	left: auto;
	right: 1.5px;
}

#navigationtop .motogp .subnavigation {
	DF left: auto;
	DF right: -320px;
}


#navigationtop .tabs .parent:hover .subnavigation {
	display: block;
}

#navigationtop .subnavigation ul.sub {
	float: left;
	box-sizing: border-box;
}

	#navigationtop .subnavigation ul.sub li {
		float: left;
		width: 100%;
	}

	#navigationtop .subnavigation ul.sub a {
		float: left;
		width: 100%;
		box-sizing: border-box;
		border-top: 2px solid #eee;
		padding: 15px 10px;
		line-height: 15px;
	}

		#navigationtop .subnavigation ul.sub a:hover {
			background: #ffcc00;
		}

		#navigationtop .subnavigation ul.sub li:first-child a {
			border-top: none;
		}



	#navigationtop .subnavigation ul.sub .date {
		float: left;
		font-size: 15px;
		width: 74px;
		height: auto !important;
		text-align: left !important;
	}


	#navigationtop .subnavigation ul.sub li .r {
		float: none;
		display: table;
		border-left: 2px solid #ffe57e;
		margin-left: 85px;
		padding-left: 7px;
		box-sizing: border-box;
	}

		#navigationtop .subnavigation ul.sub li .r .h2 {
			float: left;
			font-size: 15px;
			color: #333;
			text-align: left;
		}

			#navigationtop .subnavigation ul.sub li .r .h2 .eventName {
				float: left;
				font-weight: bold;
			}

			#navigationtop .subnavigation ul.sub li .r .h2 .comma {
				float: left;
				margin-right: 3px;
			}

		#navigationtop .subnavigation ul.sub li .r .location {
			float: left;
			position: relative;
		}





/* table */

.subeventinfo .date, #maincolumn table .date {
	float: left;
	text-decoration: none;
	font-size: 16px;
	line-height: 23px;
}

#maincolumn table span {
	float: left;
}

.subeventinfo span, #maincolumn table span {
	color: #333;
	font-size: 16px;
	line-height: 23px;


}

.subeventinfo span.r {
	border-left: 2px solid #ffd940;
	margin-left: 48px;
	padding-left: 7px;
	display: table;
	line-height: 23px;
}



.subeventinfo {
	float: left;
	width: 100%;
	text-decoration: none;
	padding: 8px 0 7px 0;
	overflow: hidden;
}

.subeventinfo .container {
	margin-right: 21px;
	overflow: hidden;
}


.subeventinfo .subcontainer {
	float: left;
	width: 100%;
}

 #navigationtop .sub .r {
	float: left;
}

.subeventinfo .h2, #maincolumn table .r .h2 {
	font-size: 15px;
	font-weight: bold;
	float: left;
	display: inline;
}

.subeventinfo .h2 .comma, #maincolumn table .r .comma {
	float: left;
	display: inline;
	font-weight: normal;
	margin-right: 3px;
}

.subeventinfo .location, #maincolumn table .r .location {
	font-size: 16px;
	font-weight: normal;
	line-height: 23px;
}






/* --- search --- */

#search {
	float: left;
	border-top: 10px solid #FFCC00;
	border-bottom: 1px solid #ccc;
	background: #F9F9F9;
	height: 44px;
	padding-left: 5px;
	box-sizing: border-box;
	width: 100%;
}

#breadcrumb {
	height: 33px;
	line-height: 33px;
	float: left;
	padding-left: 5px;
}

#breadcrumb strong {
	color: #ffcc00;
	padding-left: 5px;
	font-size: 13px;
}

#breadcrumb a:first-child {
	padding-left: 0;
}
#breadcrumb a {
	color: #333;
	padding: 0 5px;
	text-decoration: none;
	font-size: 13px;
}

#search form .text{
	width: 140px;
	font-size: 11px;
	padding: 2px;
	margin: 7px 0 0 5px;
	height: 20px;
	overflow: hidden;
	border: 1px solid #ccc;
	color: #666;
	background-color: #fff;
}

#search form .submit{
	float: right!important;
	margin-top: 7px;
}




/*                                                                 footer
----------------------------------------------------------------------- */

#footer {
	clear: both;
	margin: 0px auto 0px auto;
	width: 100%;
	text-align: center;
	color: #444;
}

	#footer a {
		color: #444;
	}

	#footer .copyright {
		font-size: 18px;
		display: inline-block;
		margin-top: 30px;
	}

		#footer .copyright span {
			display: inline-block;
			margin: 0 10px;
		}

		#footer .copyright a {
			text-decoration: none;
		}

			#footer .copyright a:hover {
				text-decoration: underline;
			}

#footerwrapper {
	padding: 50px 0px 50px 0px;
	float: left;
	width: 100%;
	box-sizing: border-box;
}

.footercontent a.separated {
	text-decoration: none;
	margin-left: 7px;
	padding-left: 7px;
}


.footercontent a {
	text-decoration: none;
	color: black;
	font-size: 18px;
}

	.footercontent a:hover {
		text-decoration: underline;
	}

#searchform {
	float: none;
	width: 240px;
	position: relative;
	display: inline-block;
}

	#searchform img {
		position: absolute;
		top: 7px;
		right: 7px;
		cursor: pointer;
	}

	#searchform input {
		background: none !important;
		border: 2px solid #444444;
		font-weight: bold;
		color: #444444;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		padding: 8px 27px 7px 7px;
		width: 240px;
		color: #444444;
		font-size: 15px;
	}

	#searchform input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
		color: #444444;
		opacity: 1; /* Firefox */
	}

	#searchform input:-ms-input-placeholder { /* Internet Explorer 10-11 */
		color: #444444;
	}

	#searchform input::-ms-input-placeholder { /* Microsoft Edge */
		color: #444444;
	}


#footer .logos {
	display: inline-block;
	margin-top: 30px;
}

#footer .paymentlogos {
	float: left;
	margin-top: 24px;
	margin-left: 30px;
}

.guetezeichen {
	float: left;
}

#footer .creditcardlogos {
	float: left;
}

#footer .footercontent {
	display: inline-block;
}

#footer .footercontent a {
	display: inline-block;
	margin-bottom: 10px;
	font-weight: bold;

}




/*                                               cookie accept popup
------------------------------------------------------------------*/


#privacypolicycontainer {
	float: left;
	position: fixed;
	z-index: 1000;
	bottom: 0px;
	left: 0px;
	width: 100%;
	padding: 5px 30px 5px 30px;
	box-sizing: border-box;
	color: #FFF;
	background-color: #666666;
	line-height: 1.4;
	display: none;
	text-align: center;
}

#privacypolicycontainer>.text {
	display: inline-block;
	margin-right: 5px;
	padding: 7px 0px;
}

#privacypolicycontainer>.link {
	display: inline-block;
	margin-right: 20px;
	padding: 7px 0px;
	color: #FFF;
}

#privacypolicycontainer * a {

	color: #FFF !important;
}


#privacypolicycontainer>#cookieaccept {
	display: inline-block;
	background-color: #ffcc00;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #333;
	font-weight: bold;
	padding: 7px 12px;
	cursor: pointer;
}











/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
   ■■■■■■■■■■■■■■■ style.pages ■■■■■■■■■■■■■■
   ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */


/* MAP

	• general
	• index
		> keyvisual
		> eventseries
	• eventselector
	• event
		> newsletter
		> travelinfo
		> camping
		> paddock
		> motogp
		> vip
		> sectorselection
	• leftcolumn
		> sidebar
	• maincolumn
		> statictext
		> races
		> customer/order
	• products
		> popupreduced
	• customer
		> change password/email
		> newsletter
	• order
		> login
	• cookie accept popup
	• shopping basket

*/





/*                                                                 general
----------------------------------------------------------------------- */

	#paddock-slider { overflow: hidden; }

	/* image resize */

	.imageresize {
		cursor:pointer;
	}

	#imageresizebig {
		display:none;
		position: absolute;
		top:100px;
		left:50px;
		z-index: 800;
		background:#fff;
		padding:5px;
		text-align:center;
		border: 1px solid #cccccc;
		margin: 0 15px !important;
		cursor: move; /* fallback if grab cursor is unsupported */
		cursor: grab;
		cursor: -moz-grab;
		cursor: -webkit-grab;
	}

	* html #imageresizebig { /* ie6 hack */
		position: absolute;
		top:50%;
		margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
	}




	#imageresizebig h4 {
		margin-right:60px;
		background:#FFFFFF;
		text-align:left;
		padding-left:5px;
		height: 18px;
	}


	#imageresizebig .image {
		padding:10px;
	}

	#imageresizebig img {
		max-width: 900px;
		max-height: 900px;
	}

	#imageresizebig span.close {
		height: 30px;
	    line-height: 12px;
	    background: #F9F9F9;
	    color: #666;
	    float: right;
	    cursor: pointer;
	    font-size: 20px;
	    overflow: hidden;
	    /* border: 1px solid #ccc; */
	    text-align: center;
	    padding: 2px 5px;
	}

	#imageresizebig span.close:hover {
		background:#eee;
	}


/*                                                                   index
----------------------------------------------------------------------- */

/* keyvisual */
	.races h2 {
		color: #ffcc00;
	}


	#keyvisual {
		margin: 32px -12.5px 0 -12.5px;
	}

	#keyvisual .boxwrapper {
		float: left;
		width: 33.33%;
		padding: 0 12.5px;
		box-sizing: border-box;
	}

	.keyvisual4 {
		margin: 32px -3px 0px -3px !important;
	}

	.keyvisual4 .boxwrapper {
		width: 25% !important;
		padding: 0 3px !important;
		box-sizing: border-box;
	}



	#keyvisual .box {
		float: left;
		width: 100%;
		position: relative;
	}

		#keyvisual .box img {
			float: left;
			width: 100%;
		}

		#keyvisual span {
			float: left;
			width: 100%;
			position: absolute;
			top: 0;
			left: 0;
			box-sizing: border-box;
			padding: 10px 15px 11px 15px;
			font-size: 28px;
			color: #fff;
			font-family: aktiv-grotesk-condensed;
			font-weight: bold;
			letter-spacing: 0.3px;
		}

		#keyvisual span {
			background: -moz-linear-gradient(left, rgba(30,41,93,0.8) 0%, rgba(30,41,93,0.2) 100%);
			background: -webkit-linear-gradient(left, rgba(30,41,93,0.8) 0%,rgba(30,41,93,0.2) 100%);
			background: linear-gradient(to right, rgba(30,41,93,0.8) 0%,rgba(30,41,93,0.2) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a4e98', endColorstr='#007db9e8',GradientType=1 );
		}

	#keyvisual a {
		text-decoration: none;
	}



	.keyvisualmobile {
		display: none;
		width: 100%;
		margin-bottom: 20px;
	}

		.keyvisualmobile a {
			float: left;
			width: 100%;
		}

		.keyvisualmobile img {
			float: left;
			width: 100%;
		}


/* eventseries */

	#eventseries, #eventseries>.wrapper {
		float: left;
		width: 100%;
	}

	#eventseries{
		margin-top: 20px;
	}

	#eventseries .wrapper{
		overflow: hidden;
	}

	#eventseries .innerwrapper{
		margin: 0 -16px;
	}

	#eventseries .column {
		float: left;
		padding-right: 16px;
		padding-left: 16px;
		width: 33.33%;
		margin-bottom: 20px;
		box-sizing: border-box;
	}

	#eventseries .last {
		border-right: none;
	}

	#eventseries .races {
		height: auto;
		overflow: hidden;
	}

	#eventseries .separateline3{ /* nach 4. Block */
		clear: both;
		height: 0;
		background: #990000;
		visibility: hidden;
		overflow: hidden;
	}

	#eventseries .upcoming h1 {
		font-size: 27px;
		margin: 10px 0 15px 0;
		letter-spacing: 0.6px;
	}

	#eventseries .upcoming .races .noShow {
		display: none;
	}

	img.upcoming {
		border-bottom: 6px solid #ffcc00;
		margin-bottom: 0px !important;
		width: 100%;
	}

	.allevents {
		background: #1e295d url(../images/icons/double_arrow_right_white.png) no-repeat top 14px left 14px;
		background-size: 12px auto;
		color: #fff;
		display: block;
		height: 40px;
		line-height: 41px;
		padding-left: 35px;
		margin-top: 10px;
		text-decoration: none;
		font-size: 16px;
		cursor: pointer;
		overflow: hidden;
		text-transform: uppercase;
		font-weight: bold;
		letter-spacing: 0.6px;
	}

	.allevents:hover, .allevents:focus {
		background-color: #ffcc00;
	}




/*                                                           eventselector
----------------------------------------------------------------------- */

.eventselector {
	width: 100%;
	border-top: 1px solid #dddddd;
	display: inline-block;
	background: url(../images/icons/double_arrow_right_yellow.png) no-repeat;
	background-size: 16px auto;
	background-position: right 5px top 12px;
}

.eventselector:first-child {
	border-top: 0px solid #e6e6e6;
}


.eventselector:hover {
	background: url(../images/icons/double_arrow_right_white.png) no-repeat #ffe57e;
	background-size: 16px auto;
	background-position: right 5px top 12px;
}


.eventselector .noShow, .upcoming .races .noShow {
	display: none !important;
}

.eventselector.first-child {
	border-top: none;
}


/*                                                                   event
----------------------------------------------------------------------- */

#content .maincontainer {
	display: table;
	width: 100%;
	box-sizing: border-box;
	margin-top: 20px;
	float: left;
}

#content .maincontainer .leftcontainer {
	display: table-cell;
	width: 320px;
	box-sizing: border-box;
	vertical-align: top;
}

#content .maincontainer .rightcontainer {
	display: table-cell;
	vertical-align: top;
	box-sizing: border-box;
}

#content .maincontainer .rightcontainer #maincolumn {
	box-sizing: border-box;
	width: 100%!important;
}

#maincolumn .eventinfocontainer {
	float: left;
	width: 100%;
}

#maincolumn .auszeichnungen {
	float: right;
	margin-top: 0px;
	position: relative;
	padding-left: 10px;
	z-index: 5;
}

#eventofficial {
	background: #999;
	color: #fff;
	float: left;
	padding: 6px;
	width: 100px;
	box-sizing: border-box;
	margin-bottom: 5px;
}


#eventpriority {
	background: #1e295d;
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding: 10px;
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 5px;
	font-size: 18px;

}



#eventofficial, #eventpriority strong {
	color: #fff !important;
}



#eventorderinformation {
	margin-bottom: 20px;
}

.eventChildrenText {
	float: none;
	display: block;
	border: none;
	color: #1e295d;
	font-weight: bold;
	padding: 3px 0 3px 0px;
}

.stock-soldout {
	color:#8a0b0b;
	text-align:center;
	font-size: 18px;
}

.camping.stock-soldout {
	display: inline-block;
	width: 100%;
	margin-top: 20px;
}

#eventcommentmessage, #eventspecialnote, #eventprintathome, .infobox {
    box-sizing: border-box;
    background: #fffae5;
    /* border-top: 1px solid #ffcc00; */
    /* border-bottom: 1px solid #ffcc00; */
    color: #7d6400;
    padding: 19px;
    margin-bottom: 20px;
    font-weight: bold;
}

#eventcommentmessage b,
#eventspecialnote b,
#eventprintathome b,
#eventcommentmessage strong,
#eventspecialnote strong,
#eventprintathome strong {
	color: #333;
}


#ticket-info-msg {
	top: 140px;
	left: 0;
	right: 0;
	box-shadow: 0px 0px 20px rgba(0,0,0,.5);
	padding: 20px; background-color: rgba(255,255,255,.95);
	position: absolute;
	z-index: 99;
	margin-left: 14px;
}
#ticket-info-msg .close {
	background: url(../images/icons/panorama_close.png) no-repeat center;
	display: block;
	width: 30px;
	height: 31px;
	position: absolute;
	top: -13px;
	right: -15px;
	z-index: 100;
}
#ticket-info-msg p {
	margin-bottom: 0;
}
#ticket-info-transparent-content {
	opacity: 0.4;}



.event-sidebar .officialagent {
	border-bottom: 1px solid #ccc;
	padding: 25px 0;
}

/* newsletter */

#eventnewslettercontent .formline {
	position: relative;
}

#eventnewslettercontent .formline.dataerror {
	padding-top: 5px;
	background: #FFCCCC;
}

#eventnewslettercontent p.note {
	display: block;
	padding-top: 10px;
	font-size: 12px;
	color: #666;
}


/* travelinfo */

	div.travelinformation .SectionTitle, a.h3 {
		color: #1e295d;
		text-transform: uppercase;
		margin: 0;
		padding: 0;
		margin-bottom: 10px;
		font-size: 15px;
		font-weight: bold;
	}




	.travelinformation .DataTitle {
		display: block;
		font-weight: bold;
		color: #666;
		margin-bottom: 10px;
		border-bottom: 1px solid #eee;
	}


	.travelinformation .DataInfo {
		display: block;
		padding-left: 100px;
	}

	.travelinformationsubmenu a {
		margin-right: 10px;
		line-height: 20px;
	}

	.travelinformationsubmenu a.active {
		font-weight: bold;
		text-decoration: none;
		cursor: default;
	}


/* camping */


	#camping-list li {
		margin-bottom: 25px;
		font-size: 18px;
	}

	#camping-list li a {
		text-decoration: none;
		border: none;
		color: #1e295d;
		font-weight: bold;
		padding: 6px 0 3px 0px;
	}




	.soldout {
		color: #aaaaaa !important;
	}




	form#datepickform {
		margin-top: 25px;
	}

	.datepickform fieldset,
	.datepickform2 fieldset {
		border: 1px solid #ccc;
		padding: 10px;
	}

	.datepickform div.line,
	.datepickform2 div.line {
		margin-bottom: 1px;
		overflow: hidden;
		position: relative;
	}

	.datepickform label,
	.datepickform2 label {
		display: block;
		border: 0;
		float: left;
		width: 106px;
		margin-top: 5px;
		padding-top: 0px!important;
	}

	#arrivaldeparturepicker input.date-pick {
		float: left;
		background: #FFFFFF;
		height: 24px;
		border: 1px solid #eee;
		padding: 0 3px;
		font-size: 15px;
		color: #333333;
	}

	.datepickform .note img,
	.datepickform2 .note img {
		margin-top: 2px;
	}

	.productinfotoggleloader {
		float: left;
		width: 100%;
		text-align: center;
		margin-top: 10px;
	}

	.notehandlingcharges {
		float: left;
		width: 100%;
		box-sizing: border-box;
		text-align: center;
		border: 1px solid #eee;
		background: #F9F9F9;
		margin: 20px 0 30px 0;
	}

	.maincontainer.camping #products .table {
		margin: 0;
	}

	.maincontainer.camping h3 {
		float: left;
		width: 100%;
		margin-top: 20px;
	}

	.maincontainer.camping .container {
		float: left;
		width: 100%;
	}

	.maincontainer.camping #products .tablehead {
		margin-top: 30px;
	}

	.maincontainer.camping .motoautobuttons {
		float: left;
		width: 100%;
		margin: 10px 0px 20px 0px;
	}

	.maincontainer.camping .motoautobuttons  img {
		float: left;
		width: 100%;
		cursor: pointer;
	}

	.maincontainer.camping .motocontainer {
		float: left;
		box-sizing: border-box;
		width: 246px;
		padding-right: 20px;
	}

	.maincontainer.camping .autocontainer {
		float: left;
		box-sizing: border-box;
		width: 246px;
		padding-left: 20px;
	}

	div.dp-popup {
		width: auto !important;
	}



/* paddock */


	.maincontainer.paddock .logocontainer {
		float: right;
		margin-top: -67px;
	}

	.maincontainer.paddock .gallery {
		float: right;
		margin: 0 0 20px 20px;
	}

	.maincontainer.paddock .paddocktexts {
		margin-bottom: 50px;
	}

	.maincontainer.paddock .sideelement ul,
	.maincontainer.paddock .paddocktexts ul {
		margin-left: 13px;
	}

	.maincontainer.paddock .sideelement ul li,
	.maincontainer.paddock .paddocktexts ul li {
		list-style-image: url(../images/icons/liststyletypeicon.gif);
		list-style-position: outside;
		margin-bottom: 8px;
		padding-left: 2px;
	}

	.maincontainer.paddock h4 {
		margin-top: 30px;
	}

	.maincontainer.paddock .sidebar h4 {
		margin-top: 0px;
	}


/* motogp */

	dl.vipmotogp {
		margin-bottom: 20px;
	}

	.vipmotogp dt {
		font-weight: bold;
		margin-top: 20px;
	}

	.vipmotogp dd {
		padding-left: 20px;
	}

/* vip */

	.vipimages {
		float: left;
		width: 100%;
		margin-top: 10px;
		margin-bottom: 20px;
	}

/* sectorselection */

	#sectorselectioncontainer {
		float: left;
		width: 100%;
	}

	#sectorselectioncontainer h1 {
		margin-top: 20px;
	}

	#sectorselectioncontainer h2 {
		padding-bottom: 40px;
		margin-bottom: 10px
	}

	#sectorselectioncontainer form.button {
		float: left;
		width: auto;
		margin-bottom: 15px;
	}

	#sectorselectioncontainer .content-head {
		width: 100%!important;
	}

	.sectorselection {
		float: left;
		width: 100%;
		box-sizing: border-box;
		padding: 0px;
		margin-top: 30px;
		margin-bottom: 120px;
		text-align: left;
		position: relative;
	}

	.sectorselection .sector {
		display: inline-block;
		background-color: #00194c;
		width: 30px;
		text-align: center;
		font-size: 30px;
		color: #FFF;
		padding: 12px 10px 12px 10px;
		font-weight: bold;
		cursor: pointer;
		border-radius: 1px;
		border: 5px solid #ffffff;
		margin-bottom: 5px;
	}

	.sectorselection .sector.active {
		border: 5px solid #ff0000;
	}

	.sectorselection .sector.unavailable {
		background-color: #e2e2e2;
		cursor: default;
	}

	#sectorselectioncontainer .productname {
		display: inline-block;
		font-size: 18px;
		font-weight: bold;
		padding: 0 15px 0 15px;
	}

	#sectorselectioncontainer .buttonscontainer {
		float: left;
		width: 100%;
		text-align: center;
	}

	.sectorselection .mapcontainer {
		margin: 0 auto;
		max-width: 600px;
		width: 100%;
		margin-top: 20px;
	}

	.sectorselection .mapcontainer img{
		width: 100%;
	}


/*                                                              leftcolumn
----------------------------------------------------------------------- */


	.leftcolumn .creditcardlogos {
		margin-top: 15px;
	}

	.leftcolumn .sideelement {
		float: left;
		width: 100%;
		box-sizing: border-box;
	}

	.leftcolumn .sideelement #eventmap {
		width: 100%;
	}

	.gBorderBottom {
		border-bottom: 0px solid #ccc;
		padding-bottom: 0px;
	}

/* sidebar */

	.statictextsidebar {
		float: left;
		width: 33%;
		padding: 18px 10px 10px 0px;
		box-sizing: border-box;
	}

	#content .sidebar {
		float: left;
		padding: 18px 20px 10px 0px;
		box-sizing: border-box;
		width: 100%;
		position: relative;
	}

	ul.sideelement a {
		margin-bottom: 3px;

		background: #fafafa;
		background: -moz-linear-gradient(45deg,  #fafafa 0%, #f1f1f1 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(45deg,  #fafafa 0%,#f1f1f1 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(45deg,  #fafafa 0%,#f1f1f1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#f1f1f1',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

		display: block;
		padding: 0 0 0px 23px;
		line-height: 47px;
		color: #2f2f2f;
		text-decoration: none;
		text-transform: uppercase;
		height: 46px;
		font-size: 16px;
		font-weight: bold;
	}
	ul.sideelement a::after {
		content: "";
		display: inline-block;
		background: url(../images/icons/double_arrow_right_black.png) no-repeat center;
		background-size: 13px auto;
		width: 16px;
		height: 16px;
		margin-left: 10px;
		position: relative;
		top: 1px;
	}
	ul.sideelement a.active {
		color: #ffffff;

		background: #ffe57e;
		background: -moz-linear-gradient(45deg,  #ffe375 0%, #ffe57e 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(45deg,  #ffe375 0%,#ffe57e 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(45deg,  #ffe375 0%,#ffe57e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe375', endColorstr='#ffe57e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	}
	ul.sideelement a.active::after {
		background: url(../images/icons/double_arrow_right_white.png) no-repeat center;
		background-size: 13px auto;
	}
	ul.sideelement a.active:hover {
		background: #ffcc00;
		background: -moz-linear-gradient(45deg,  #ffcc00 0%, #ffcc00 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(45deg,  #ffcc00 0%,#ffcc00 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(45deg,  #ffcc00 0%,#ffcc00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcc00', endColorstr='#ffcc00',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	}

	ul.sideelement a:hover {
		background: #ffcc00;
		background: -moz-linear-gradient(45deg,  #ffcc00 0%, #ffcc00 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(45deg,  #ffcc00 0%,#ffcc00 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(45deg,  #ffcc00 0%,#ffcc00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcc00', endColorstr='#ffcc00',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	}



	#side-sub-navigation {
		width: 100%;
	}

	#content .sidebar .sideelement {
		width: 100%;
		box-sizing: border-box;
	}

	#content .sidebar .sideelement img#eventmap {
		width: 100%;
		float: left;
		box-sizing: border-box;
		DFsborder: 2px solid #efefef;
	}

	#content .sidebar .centered {
		text-align: center;
	}

	#content .sidebar .container {
		float: left;
	}

	.sidebar .downloadPriceList {
		float: left;
		width: 100%;
		border-top: 1px solid #ccc;
	}

	.sidebar .downloadLink h4 {
		margin-bottom: 0;
	}

	.sidebar .downloadLink a {
		color: #1e295d;
		font-size: 18px;
		text-decoration: none;
		display: block;
		padding: 20px 0px 20px 0px;
		overflow: hidden;
	}

		.sidebar .downloadLink a:hover {
			text-decoration: underline;
		}

	.sidebar .downloadLink .text {
		float: left;
		display: inline;
	}

	.sidebar .downloadLink .icon.pdf {
		background: url(../images/icons/page_white_acrobat.png) no-repeat center;
		margin-left: 12px;
		margin-top: 2px;
		float: left;
		display: inline;
		height: 16px;
		width: 16px;
	}

	.defaultsidebar {
		float: left;
		padding: 18px 20px 10px 0px;
		box-sizing: border-box;
		width: 305px;
		position: relative;
		overflow: hidden;
	}

/*                                                              maincolumn
----------------------------------------------------------------------- */

	content-wrapper {
		float: left;
		width: 625px;
	}

	#maincontent .seperator-left {
		border-left: 1px solid #ccc;
		padding-left: 14px;
	}

	.content-head {
		float: left;
		width: 100%;
		margin-bottom: 10px;
	}

	.content-head h1 {
		float: left;
		width: 92%;
		margin-bottom: 10px;
	}

	.content-head h2 {
		float: left;
		width: 100%;
		color: #23245d;
		margin-bottom: 35px;
		font-size: 18px;
		font-weight: bold;
	}

	#maincolumn table {
		width: 100%;
	}

	#maincolumn table.races th, #maincolumn table.products th {
		background: #1e295d none repeat scroll 0% 0%;
		color: #FFF;
		font-weight: bold;
		text-align: left;
		padding: 0 10px;
		height: 45px;
		line-height: 45px;
		font-size: 18px;
		box-sizing: border-box;
		border: none;
	}


/* --- races ---- */

	#maincolumn table.races {
		overflow: hidden;
		font-size: 13px;
		margin-bottom: 20px;
	}

	#maincolumn tbody td {
		padding: 13px 8px;
	}

	#maincolumn tbody .even td {
		background-color: #f7f7f7;
	}

	#maincolumn tbody tr:first-child td {
		border-top: none;
	}

	#maincolumn .races tr td.event {
		overflow: hidden;
	}

	#maincolumn .races tr td:first-child a {
		text-decoration: none;
		padding: 4px 0;
		width: 200%;
		float: left;
		display: inline;
		overflow: hidden;
	}

	#maincolumn .races .r{
		float: none !important;
		text-decoration: none;
		border-left: 2px solid #ffd940;
		margin-left: 50px;
		padding-left: 7px;
		display: table;
	}

	#maincolumn .hoverStyle tbody tr:hover td {
		background: #ffeb99;
	}

	#maincolumn .races tbody tr {
		cursor: pointer;
	}

	.icon-only {
		height: 26px;
		width: 26px;
		display: block;
	}

	.priority-date {
		background: url(../images/icons/priority_date.gif) no-repeat left center;
	}

	.best-price {
		background: url(../images/icons/best_price.gif) no-repeat left center;
	}

	.icon-left {
		padding: 2px 0 2px 20px;
	}

	.double-yellow-arrow-right {
		background: url(../images/icons/double_arrow_right_yellow.png) no-repeat left center;
		padding-right: 30px;

	}



/* --- customer/order --- */

	.orderwarningnote {
		background-color: #FCC;
		border-top: 4px solid #F00;
		border-bottom: 4px solid #F00;
		margin-top: 6px;
		margin-bottom: 6px;
		padding: 10px 40px;
		display: inline-block;
		width: 100%;
		box-sizing: border-box;
	}

	.successnote {
		background:#E6F2D1 url(../images/icons/accept.png) no-repeat 10px center;
		border:3px solid #84C11D;
		margin-top: 6px;
		margin-bottom: 6px;
		padding:10px 40px;
		font-size:12px;
	}

	.mandatoryfieldnotice {
		float: left;
		position: absolute;
		top: 27px;
		right: 0px;
		padding-right: 10px;
		text-align: right;
		font-style: italic;
		box-sizing: border-box;
		color: #fff;
	}


/* static text */

	.statictextcontainer {
		width: 100%;
		float: left;
		margin-top: 20px;
	}

	.statictextcontainer .textcontent {
		display: inline-block;
	}

	.statictextcontainer .textcontent h3 {
		margin-top: 30px;
	}

	.statictextcontainer .textcontent ol li {
		list-style-type: decimal;
	}

	.faqcontent li {
		margin-bottom: 0;
	}

	.faqcontent ol, .faqcontent dl {
		margin-bottom: 20px;
		list-style-type: none !important;
		margin-left: 0;
		overflow: hidden;
	}

	.faqcontent .internal {
		background: url(../images/icons/double_arrow_right_yellow_box.gif) no-repeat left 4px;
		display: block;
		padding: 3px 3px 3px 22px;
		color: #1e295d;
		text-decoration: none;
	}

	.faqcontent .internal:hover, .faqcontent .internal.active {
		background: #1e295d url(../images/icons/double_arrow_right_white.gif) no-repeat 4px 8px;
		color: #fff;
	}

	.faqcontent .answer {
		display: none;
	}

	.faqcontent .answer p {
		padding: 10px 0 20px 0;
		margin: 0;
	}

	.statictextcontainer.notfound img {
		float: right;
		margin-left: 10px;
	}






/*                                                                products
----------------------------------------------------------------------- */



/* products table */

#products .table,
#products .tablehead,
#products .tablebody,
#products .producttypeinfo,
#products .subkategorietitle,
#products .tablebody .row,
#products .productdescription {
	float: left;
	width: 100%;
}

#products .table {
	margin-top: 30px;
	margin-bottom: 30px;
	box-sizing: border-box;
}

#products .tablehead,
#products .tablebody .row {
	display: table;
}

#products .tablebody .row.hidden {
	position: relative;
}

#products .tablebody .row.hidden::before {
	content: '';
	background-color: #e2b8b8;
	-webkit-mask: url(../images/icons/eye-slash.svg) no-repeat center;
	mask: url(../images/icons/eye-slash.svg) no-repeat center;
	-webkit-mask-size: 20px;
	mask-size: 20px;
	position: absolute;
	top: 50%;
	left: -42px;
	text-align: center;
	margin-top: -25px;
	width: 50px;
	height: 50px;
	z-index: 1;
}

#products .cell {
	display: table-cell;
	vertical-align: top;
}

#products .tablehead {
	background: #1e295d;
	margin-bottom: 0px;
}


#products .table .tablehead .onlyprice {
	padding-left: 30px !important;
}


#products .tablehead .cell {
	color: #FFF;
	font-size: 18px;
	font-weight: bold;
	height: 45px;
	line-height: 45px;
	padding: 0px 10px;
}

#products .tablebody .cell {
	padding: 10px 6px 10px 6px;
}

#products .tablebody .cell.price {
	font-size: 18px;
	color: #000;
	padding: 12px 10px 0;
	font-weight: bold;
}

#products .tablebody .cell {
	vertical-align: top;
}

#products .tablebody .row:first-child .cell {
	border-top: none;
}

#products .tablehead .cell:first-child,
#products .tablehead .row .cell:first-child {
	border: none;
}

#products .producttypeinfo,
#products .producttype2info {
	float: left;
	padding: 15px 6px 15px 6px;
	box-sizing: border-box;
	font-size: 15px;
	line-height: 24px;
}

#products .productdescription {
	padding: 0px 20% 10px 6px;
	font-size: 14px;
	box-sizing: border-box;
	line-height: 24px;
}

#products .info-popup.additionalinfo {

	float: left;
    width: 100%;
    /* max-width: 700px; */
    /* margin: 5px 0; */
    padding: 4px 7px;
    font-size: 14px;
    box-sizing: border-box;
    line-height: 24px;
    display: none;
    DFbackground-color: #f4f4f4;
    /* border-radius: 3px; */
    -moz-border-radius: 3px;
    /* -webkit-border-radius: 3px; */
}

#products .producttypename {
	float: left;
	padding: 0px 10px;
	box-sizing: border-box;
	width: 100%;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	background: #1e295d;
	display: none;
	height: 46px;
	line-height: 46px;
}

#products .subkategorietitle {
	font-weight: bold;
	padding: 40px 0 10px 5px;
	text-transform: uppercase;
	color: #1e295d;
	font-size: 18px;
	box-sizing: border-box;
}

#products .grandstandtitle {
	font-weight: bold;
	padding: 25px 0 5px 5px;
	text-transform: uppercase;
	color: #1e295d;
	font-size: 18px;
	box-sizing: border-box;
	float: left;
	width: 100%;
}
}

#products .producttypeinfo ul {
	margin-left: 20px;
}

#products .producttypeinfo li {
	list-style: disc;
}

#products .producttype2info ul {
	margin-left: 20px;
}

#products .producttype2info li {
	list-style: disc;
}

#products .tablebody .row .product {
	font-size: 16px;
	line-height: 1.5;
	font-weight: normal;
}

#products .tablebody .row .product a {
	text-decoration: none;
}

#products .tablebody .row .infos .imageicon {
	float: left;
	cursor: pointer;
	height: 16px;
	margin-top: 6px;
	padding-left: 6px;
}

#products .table .infos { width: 174px; }
#products .table .price { width: 100px; }
#products .table .vat { width: 45px; text-align: right; }
#products .table .order {
	width: 148px;
    padding-left: 20px;

	}

#products .tablehead .order { text-align: right; padding-right: 25px; box-sizing: border-box;}

#products .table .separate { display: none; }

#products .table .infos .icon-only {
	cursor: auto;
	float: left;
	margin-right: 11px;
}

.additionalproductinfo {
	cursor: pointer;
	height: 26px;
    width: 26px;
    display: block;
    float: left;
	margin-right: 11px;
}


#products .tablebody .row .infos .imageicon,
#products .table .infos .icon-only,
.additionalproductinfo {
   	opacity: 0.6;
}








#products .table .infos .icon-only:first-child {
	margin-left: 0;
}

#products .table .infos .icon-only.empty {
	background: none !important;
	width: 26px;
	height: 26px;
}

#products .table .infos .info-popup {
	display: none;
	background: #ffeb99;
	padding: 5px;
	position: absolute;
	top: -29px;
	z-index: 99;
}

#products .table .infos .icon-only:hover + .info-popup {
	display: block;
}

#products .table .infos .info-popup.covered {
	left: 0px;
}

#products .table .infos .info-popup.numbered {
	left: 20px;
	width: 167px;
}

#products .table .infos .info-popup.videowall {
	left: 40px;
}

#products .table .infos .info-popup.additionalinfo {
	left: 76px; top: 0; width: 190px;
}

#products .table .infos .info-popup.additionalinfo p {
	margin: 0;
}


#products input.addBasket {
	float: left;
	width: 66px;
	height: 31px;
	cursor: pointer;
	background: url("../images/whitelabel/redbullring/cart.png") no-repeat center #ffcc00 !important;

	background-size: 32px 32px !important;

	border: none;
	margin: 0px 0 0 6px;
	text-indent: -9999px;
	font-size: 0;
	color: #fff;
	clear: none;
	border-radius: 22px;
	-moz-border-radius: 22px;
	-webkit-border-radius: 22px;
	margin: 0px 0 -2px 6px;
}





#products .imageswrapper {
	float: left;
	width: 100%;
	padding: 3px 0px 20px 4px;
	margin-right: -5px;
	box-sizing: border-box;
	display: none;
}

#products .imageswrapper img.preview {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	width: 100%;
}

#products .imageswrapper img.list {
	margin-right: 3px;
	margin-bottom: 3px;
	float: left;
	height: 45px;
}

/* products table order */

#products .table.order {
	margin-bottom: 0;
	margin-top: 0px;
}

#products .table.order .price {
	width: 180px;
	padding-right: 0px;
}

#products .table.order .quantity {
	width: 70px;
}

#products .table.order .tablehead .cell {
	padding: 0px 10px !important;
}

#products .table.order .tablehead .price {
	padding-right: 0px !important;
}

#products .table.order .priceperunit {
	width: 120px;
	font-size: 18px;
	font-weight: bold;
	padding-top: 12px;
}



#products .table.order .priceperunit span {
	display: none;
}


#products .table.order .orderquantity {
	padding: 15px 10px 0;
	font-size: 18px;
	text-align: center;
}

#products .table.order .totalprice {
	padding: 15px 10px 0;
	font-size: 18px;
}


/*

#products .table.order input.deleteentry {
	cursor: pointer;
	background: url("../images/icons/basket_delete.png") no-repeat;
	border: none;
	width: 23px;
	height: 22px;
	text-indent: -9999px;
	font-size: 0;
	color: #fff;
	float: right;
	margin-right: 5px;
}

*/




#products .table.order input.deleteentry {
	float: right;

	width: 52px;
	height: 31px;
	cursor: pointer;
	padding: 0px 28px 0px 10px;
	background: url("../images/icons/x.png") no-repeat center #ffcc00 !important;

	background-size: 32px 32px !important;

	border: none;
	font-size: 0;
	color: #fff;
	clear: none;
	border-radius: 22px;
	-moz-border-radius: 22px;
	-webkit-border-radius: 22px;
	margin: -2px 0 -2px 6px;
	position: relative;
	top: -2px;
}


















#products .table .greylinethrough {
	text-decoration: line-through;
}

#suminfo {
	float: left;
	width: 100%;
}

#suminfo .row {
	float: left;
	width: 100%;
	padding: 0px 0 0px 5px;
	box-sizing: border-box;
	border-bottom: 1px solid #ccc;
	font-size: 15px;
	min-height: 46px;
	line-height: 46px;
}

#suminfo .row.last {
	border-bottom: none;
}

#suminfo .row .sum {
	float: right;
	width: 180px;
	padding-left: 5px;
	font-size: 15px;
}

#suminfo .row .note {
	display: block;
	width: 50%;
	margin-top: 5px;
	font-style: italic;
	color: #666;
	font-weight: 400;
	font-size: 13px;
	line-height: 20px;
}

#suminfo .row .sum.last {
	font-size: 18px;
	font-weight: 700;
}

#suminfo .row.pshippinginfo {
	line-height: 30px;
	padding-top: 8px;
	padding-bottom: 8px;
}
/* childage */

.childageswrapper {
	float: left;
	width: 100%;
	margin-bottom: 15px;
}

.childagecontainer {
	float: left;
	width: 100%;
	padding: 5px 0px 0px 0px;
}

	.childagecontainer .childagetitle {
		float: left;
		margin-right: 10px;
		margin-top: 2px;
		margin-left: 5px;
		font-size: 15px;
		font-weight: bold;
		color: #333;
	}

		.childagecontainer .childagetitle span {
			float: none !important;
		}

	.childagecontainer select {
		position: relative;
		top: 1px;
		font-size: 15px !important;
		background-color: #ffcc00 !important;
		height: auto !important;
		padding-right: 7px !important;
		width: 180px !important;
		border: 2px solid #cccccc !important;
	}

	.childagecontainer .childagetext {
		margin-top: 2px;
	}

.eventOrderInfoTextWrapper, .eventOrderInfoTextWrapper p, .eventOrderInfoTextWrapper strong {
	font-size: 15px;
}

.eventChildrenTextWrapper span {
	color: #171717;
	font-size: 15px !important;
}


/* --- */

.covered {
	background: url(../images/icons/covered.png) no-repeat center;
	background-size: contain;
}
.numbered {
	background-image: url(../images/icons/numbered.png);
	background-size: contain;
}
.videowall {
	background-image: url(../images/icons/videowall.png);
	background-size: contain;
}
.additionalproductinfo {
	background-image: url(../images/icons/productinfo.png);
	background-size: contain;

}

.producttimeline {
	margin-left: 10px;
	margin-right: 10px;
	display: inline-block;
	margin-bottom: -2px;
	height: 17px;
	border-left: 1px solid black;
}

.producttime {
	color: #000;
	float: none !important;
	display: inline-block;
	font-size: 17px;
	font-weight: normal;
}


/* popupreduced */

#popupquestion {
	float: left;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.6);
	display: none;
	z-index: 10000;
}

#popupquestionwrapper {
	float: left;
	width: 600px;
	max-width: 100%;
	background-color: #fff;

	box-shadow: 0px 1px 10px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 1px 10px rgba(0,0,0,0.5);
	-o-box-shadow: 0px 1px 10px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 1px 10px rgba(0,0,0,0.5);

	padding: 30px 30px 20px 30px;
	position: absolute;
	left: -1000px;
	top: -1000px;
	opacity: 0;
	box-sizing: border-box;
	border: 4px solid #525252;
}

	#popupquestionwrapper .message {
		float: left;
		width: 100%;
		margin-bottom: 30px;
		font-size: 16px;
		line-height: 1.4;
		color: #333;
	}

	#popupquestionwrapper .cancel {
		float: right;
		padding: 7px 14px;
		font-weight: bold;
		background-color: #e0e0e0;
		color: #333;
		cursor: pointer;
		margin-left: 15px;
	}

	#popupquestionwrapper .continue {
		float: right;
		padding: 7px 14px;
		font-weight: bold;
		background-color: #FC0;
		color: #333;
		cursor: pointer;
	}


/*                                                                customer
----------------------------------------------------------------------- */

	#customercontainer {
		float: left;
		display: table;
		margin-top: 20px;
	}

	.accounttimeline {
		position: relative;
		float: left;
		width: 100%;
		height: 40px;
		padding-bottom: 10px;
		border-top: 1px solid #ccc;
	}


	.accounttimeline a {
		text-transform: uppercase;
		text-decoration: none;
		color: #666;
		padding-top: 15px;
		padding-left: 40px;
		display: inline-block;
		font-size: 16px;
	}




	.accounttimeline.active {
		background-color: #FFF0B2;
	}

	.accounttimeline.active a {
		color: #1e295d;
	}


	.accounttimeline:hover {
		background-color: #FFF0B2;

	}

	.customersidebar {
		padding-top: 76px;
	}

	.orderhistory {
		margin-top: 28px;
		margin-bottom: 68px;
	}

	.orderhistory * th {
		background: #1e295d none repeat scroll 0% 0%;
		color: #FFF;
		font-weight: bold;
		text-align: left;
		padding: 5px;
	}


	.orderhistory * td {
		border-top: 1px solid #CCC;
		padding: 5px 5px;
		font-size: 15px;
		background-color: #eeeeee;
	}

	.orderhistory * tr:first-child td {
		border-top: none;
	}

	.orderhistory .price {
		width: 70px;
		text-align: right;
	}


	.orderhistory .pending {
		color: #F90;
		font-weight: bold;
	}

	.orderhistory .done {
		color: #060;
		font-weight: bold;
	}


/* change password/email */

	form#changepassword .container,
	form#changeemail .container,
	form#forgotpassword .container {
		float: left;
		width: 100%;
		box-sizing: border-box;
	}

	form#changepassword .container {
		margin-top: 30px;
		margin-bottom: 30px;
	}

	form#changeemail .container {
		margin-top: 30px;
		margin-bottom: 30px;
	}

	form#forgotpassword .container {
		margin-bottom: 30px;
	}

	form#changepassword .note {
		float: left;
		width: 100%;
		margin-top: 30px;
	}

	form#forgotpassword .note {
		float: left;
		width: 100%;
		margin-bottom: 20px;
	}


/* newsletter */

	form#newsletter .emailabostext {
		float: left;
		margin-top: 30px;
		width: 100%;
		box-sizing: border-box;
	}

	form#newsletter .generalnewsletter {
		float: left;
		width: 100%;
		margin: 15px 0px;
		background: #FFF0B2 none repeat scroll 0% 0%;
		border-width: 1px medium;
		border-style: solid none;
		border-color: #CCC -moz-use-text-color;
		padding: 12px 24px;
		box-sizing: border-box;
	}

	form#newsletter h3 {
		color: #1e295d;
		text-transform: uppercase;
		margin-bottom: 20px;
		font-weight: bold;
	}

	form#newsletter .newslettersubscriptions {
		float: left;
		margin-top: 30px;
		margin-bottom: 10px;
		width: 50%;
		padding: 0 10px 10px 0;
		box-sizing: border-box;
	}

	form#newsletter .checkboxtoggle {
		display: block;
		background: url(../images/icons/double_arrow_right_yellow_box.gif) no-repeat left 1px;
		border: none;
		color: #1e295d;
		padding: 0px 0 3px 20px;
		text-decoration: none;
		margin-bottom: 10px;
	}





/*                                                                   order
----------------------------------------------------------------------- */

#ordercontainer {
	margin-top: 20px;
}

.ordersidebar {
	padding-top: 65px;
}

.orderlogin .container {
	float: left;
	width: 100%;
}

.orderlogin #forgotpassword {
	float: left;
	margin-bottom: 40px;
}



#ordercontainer .sideelement.trusted,
#ordercontainer .sideelement.shippingcosts {
	padding-left: 0px;
}

.sideelement.trusted {
	border-bottom: 1px solid #ccc;
	padding-bottom: 15px;
}

#ordertimeline {
	border-bottom: 1px solid #ccc;
}

#ordertimeline .ordertimeline {
	position: relative;
	display: block;
	text-align: center;
	color: #666;
	font-size: 10px;
	text-decoration: none;
	width: 100%;
	height: 47px;
	line-height: 10px;
	border-top: 1px solid #ccc;
	box-sizing: border-box;
}

#ordertimeline .ordertimeline .centercenter {
	float: left;
}


/*
.active-one .one {
	background: #fff0b2 url(../images/ordertimeline/1-active.gif) no-repeat 20px center;
}
.one {
	background: transparent url(../images/ordertimeline/1.gif) no-repeat 20px center;
}

.active-two .two {
	background: #fff0b2 url(../images/ordertimeline/2-active.gif) no-repeat 20px center;
}
.two {
	background: transparent url(../images/ordertimeline/2.gif) no-repeat 20px center;
}

.active-three .three {
	background: #fff0b2 url(../images/ordertimeline/3-active.gif) no-repeat 20px center;
}
.three {
	background: transparent url(../images/ordertimeline/3.gif) no-repeat 20px center;
}

.active-four .four {
	background: #fff0b2 url(../images/ordertimeline/4-active.gif) no-repeat 20px center;
}
.four {
	background: transparent url(../images/ordertimeline/4.gif) no-repeat 20px center;
}

.active-five .five {
	background: #fff0b2 url(../images/ordertimeline/5-active.gif) no-repeat 20px center;
}
.five {
	background: transparent url(../images/ordertimeline/5.gif) no-repeat 20px center;
}

*/



.centercenter {
	color: black;
	position: relative;
	display: block;
	top: 18px;
	left: 0px;
	font-size: 15px;
	text-align: left;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: bold;
}

.pastorderstep {
	color: #dddddd;
}


div.shippingcosts {
	position: relative;
}

form#orderentries table.products.basket tr.product td {
	background: #fff;
	vertical-align: bottom;
	padding: 10px 0 10px 20px;
}

form#orderentries table.products .product.first {
	padding-left: 0px!important;
}

form#orderentries table.products .quantity {
	background: #fff5cc;
	border: 1px solid #ccc;
	height: 18px;
	padding: 0 0 0 5px;
	float: left;
	margin-bottom: 0px;
}

form#orderentries table.products input[type="submit"] {
	clear: none;
}

.basket-border {
	float: left;
	width: 100%;
	border: 3px solid #FFCC00;
	margin-top: 0px;
	box-sizing: border-box;
}

div.total, div.handlingcharges, div.shippinginfo, div.promocodediscount {
	border-bottom: 1px solid #ccc;
	padding: 12px 0;
}

div.totalsum {
	padding: 12px 0;
}



form#orderenterdata h3.sub {
	float: left;
	width: 100%;
	padding-bottom: 8px;
	margin-top: 25px;
	box-sizing: border-box;
}

.order.mandatoryfieldnotice {
	top: 37px;
	right: 0px;
	color: #666;
}


/* login */

#maincolumn.orderlogin div.forgotpassword {
	float: left;
	width: 100%;
	text-align: center;
}

#maincolumn.orderlogin div.forgotpassword .arrow {
	display: inline-block;
	background: url("../images/icons/double_arrow_right_white.gif") no-repeat scroll center center #FFCC00;
	border: none;
	cursor: pointer;
	height: 20px;
	width: 20px;
	margin-right: 10px;
	margin-bottom: -4px;
}

#maincolumn.orderlogin div.forgotpassword a {
	height: 20px;
	text-decoration: none;
	cursor: pointer;
	font-size: 17px;
	color: #1e295d;
	font-weight: bold;
}

#maincolumn.orderlogin #forgotpassword .textcontainer {
	margin-bottom: 25px;
}

/* enterdata */

form#orderenterdata {
	padding-top: 10px;
}


/* payment */

div.paymenteps,
div.paymentbanktransfer,
div.paymentcreditcard,
div.paymentmaestro {
	float: left;
	width: 100%;
	border-bottom: 1px solid #ccc;
}
div.paymentmaestro {
}
#maincolumn.orderpayment .title {
	margin-bottom: 0px;
}

.paymentlastline {
	border-bottom: none !important;
}


#maincolumn.orderpayment .ordercontinue {
	margin-top: 30px;
}

#payment {
	float: left;
	width: 100%;
	box-sizing: border-box;
}

#maincolumn.orderpayment .basket-border {
	margin-top: 20px;
	margin-bottom: 30px;
}

#maincolumn.orderpayment input[type="submit"] {
	width: auto!important;
}

#maincolumn.orderpayment .paymentforms {
	float: left;
	display: none;
	box-sizing: border-box;
}

div.paymentradio {
	float: left;
	height: 90px;
	width: 60px;
	display: block;
}

input.paymentradio {
	float: left !important;
	margin: 6px 30px 10px 20px;
	width: auto !important;
}

#payment label {
	text-align: left;
	display: block;
	width: 100% !important;
	cursor: pointer;
	height: auto;
	border: 0;
	float: left;
	margin: 0;
	margin-bottom: 10px;
	padding: 28px 10px;
	padding-top: 28px!important;
	padding-right: 140px;
	clear: none!important;
	box-sizing: border-box;
}

#payment .normal {
	margin-left: 63px;
}

#payment strong {
	font-size: 18px;
	padding-bottom: 5px;
	display: inline-block;
}

#payment label.cc {
	background: #fff url(../images/logos/ccs.gif) no-repeat right;
	background-size: 120px auto;
}

#payment label.maestro {
	background: #fff url(../images/logos/maestro.gif) no-repeat right;
	background-size: 100px auto;
}

#maincolumn.orderpayment h3 {
	float: left;
	width: 100%;
	margin-top: 25px;
	margin-bottom: 15px;
}

#maincolumn.orderpayment .monthyear {
	float: left;
	width: 187px;
}

#maincolumn.orderpayment .monthyear .left{
	float: left;
	width: 50%;
	padding-right: 3px;
	box-sizing: border-box;
}

#maincolumn.orderpayment .monthyear .right{
	float: left;
	width: 50%;
	padding-left: 2px;
	box-sizing: border-box;
}

#maincolumn.orderpayment .monthyear select {
	float: left;
	width: 100%;
	margin: 0px;
}

#maincolumn.orderpayment .information {
	padding-left: 120px;
	float: left;
	margin: 15px 0;
}

/* confirm */

#maincolumn.orderconfirm .toptext {
	float: left;
	width: 100%;
	box-sizing: border-box;
	margin: 6px 0 0px 0;
}

#maincolumn.orderconfirm h3 {
	float: left;
	width: 100%;
	box-sizing: border-box;
	border-top: 1px solid #ccc;
	padding-top: 35px;
	padding-bottom: 10px;
}

#maincolumn.orderconfirm form {
	margin-top: 20px;
}

#maincolumn.orderconfirm form.top input[type="submit"] {
	margin-top: 25px;
	margin-bottom: 25px;
	position: relative;
	top: 16px;
}

#maincolumn.orderconfirm form.bottom input[type="submit"] {
	margin-top: 25px;
	margin-bottom: 25px;
}

#maincolumn.orderconfirm div.data {
	float: left;
	width: 100%;
	box-sizing: border-box;
	position: relative;
	padding: 20px;
	margin-bottom: 10px;
	background-color: #FFF0B2;
}

#maincolumn.orderconfirm div.data input {
	float: left;
	margin: 2px 10px 0 0;
}

#maincolumn.orderconfirm div.data label {
	display: block;
	padding-top: 0px;
	font-size: 15px;
	line-height: 18px;
	font-weight: bold;
	color: #1e295d;
	letter-spacing: 0;
}

#maincolumn.orderconfirm div.block {
	float: left;
	width: 100%;
	padding-bottom: 20px;
	line-height: 17px;
	box-sizing: border-box;
}

#maincolumn.orderconfirm a.change {
	float: right;
	color: #1e295d;
	text-decoration: none;
	padding-top: 2px;
	padding-bottom: 1px;
	padding-left: 30px;
	margin-top: -21px;
	background: url("../images/icons/double_arrow_right_yellow_box_big.gif") no-repeat scroll center left;
}

#maincolumn.orderconfirm .textcontent {
	float: left;
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 30px;
	line-height: 17px;
	font-size: 15px;
}

#maincolumn.orderconfirm .textcontent a,
#maincolumn .statictext a {
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}

/* finished */

#maincolumn.orderfinished h3.first-child {
	margin-top: 30px;
}

#maincolumn.orderfinished .thanks {
	float: left;
	width: 100%;
	box-sizing: border-box;
}

/* --------------------------------------------------shopping basket    */


#order-expiry, #order-expired {
    float: left;
    width: 100%;
    background-color: #ffcc00;
    color: #fff;
    font-size: 18px;
    padding: 8px 12px;
    box-sizing: border-box;
    font-weight: bold;
    margin-top: 15px;
    margin-bottom: 12px;
}





#order-expired {
	margin-bottom: 30px;
}

.order * th {
	background: #1e295d none repeat scroll 0% 0%;
	color: #FFF;
	font-weight: bold;
	text-align: left;
	padding: 5px;
}

tr th.product {
	width: 310px;
	padding-left: 5px;
}

tr th.priceperunit {
	width: 105px;
	padding-left: 15px;
}

tr th.quantityy {
	width: 70px;
	padding-left: 15px;
	border: none;
}

tr th.price {
	width: 140px;
	padding-left: 15px;
}










tr.product td.product,
tr.product td.priceperunit,
tr.product td.quantity,
tr.product td.price {
	height: 100%;
}
tr.product td.first {
	padding: 10px 0;
}
tr.product td {
	background: #fff;
	vertical-align: bottom;
	padding: 10px 0 10px 20px;
}
tr:first-child td {
	border-top: none;
}


tr.product td {
	border-top: 1px solid #ccc;
	background: url(../images/icons/table_whitespace.gif) repeat-x top;
	padding: 1px 5px;
}



.printathomepricelist {
	border-top: none !important;
	position: relative;
	top: -10px;
}






/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
   ■■■■■■■■■■■■■■■ style.forms ■■■■■■■■■■■■■■
   ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */


/* MAP

	• contact form
	• search form
	• products form
	• account/order forms
	• account forms
	• order forms

*/



form {
	float: left;
	width: 100%;
}

input {
	border: 1px solid #cccccc;
	padding: 5px 0px 5px 5px;
	margin-bottom: 7px;
	background-color: #f9f9f9;
	box-sizing: border-box;
}

.mandatory {
	background-color: #FFF5CC;
}

input.dataerror,
textarea.dataerror,
select.dataerror {
	background-color: rgb(255, 204, 204);
}



input[type=submit] {
	color: white;
	font-weight: bold;
	padding: 0px 42px 0px 24px;
	border: 0;
	background:  url("../images/icons/double_arrow_right_white.png") no-repeat right 20px top 15px #1e295d;
	background-size: 16px auto;
	font-size: 18px;
	cursor: pointer;
	height: 47px;
	line-height: 45px;
	box-sizing: border-box;
	text-transform: uppercase;
	border-radius: 30px;
}

select {
	padding: 5px 0px 5px 5px;
	margin-bottom: 5px;
	box-sizing: border-box;

}



#maincolumn form * label {
	display: inline-block;
	padding-top: 5px;
}




input[type=submit] {
	margin: 0 auto;
	display: block;
	clear: both;
}


.autohelp {
	position: absolute;
	display: block;
	background: #FFFAE5;
	right: 0px;
	top: 0px;
	height: 16px;
	line-height: 16px;
	font-size: 11px;
	padding: 0 5px;
	border: 1px solid #FFCC00;
	z-index: 5;
}






#maincolumn form.passwordforgotten * label {
	width: 15%;
}





form#userdata .container,
form#orderenterdata .container,
form#newsletter .container{
	float: left;
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 40px;
}

#maincolumn form .formline {
	float: left;
	width: 100%;
	box-sizing: border-box;
}

.formline label,
.formline input,
.formline select {
	float: left;
	clear: none;
}



/*                                                             contact form
------------------------------------------------------------------------ */


	.statictextcontainer .formline label {
		width: 30%;
	}

	.statictextcontainer .formline input,
	.statictextcontainer .formline textarea {
		width: 70%;
	}

	.statictextcontainer .formline textarea {
		float: left;
		resize: none;
		height: 120px;
		padding: 3px;
		box-sizing: border-box;
	}

	.statictextcontainer textarea {
		border: 1px solid #cccccc;
	}

	form#contact .mandatoryfield {
		float: right;
		margin: 10px 0 30px 0;
	}



/*                                                              search form
------------------------------------------------------------------------ */


#search form {
	width: auto;
	float: right;
}




/*                                                           products forms
------------------------------------------------------------------------ */


#maincolumn #products * select {
	float: left;
	height: 31px;
	width: 60px;
	box-sizing: border-box;
	line-height: 31px;
	border: none;
	padding: 0 0 0 15px;
    background: #ebebeb;
	margin-bottom: 0px;
	font-size: 18px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	text-align: center;
	margin: 0px 0px -2px 0;
}

	#maincolumn #products * select option {
		font-size: 15px;
	}



/*                                                       account/order forms
------------------------------------------------------------------------ */

#maincolumn form.login {
	margin-bottom: 30px;
}

#maincolumn form.custom .formline {
	display: table;
	max-width: 650px;
}

	#maincolumn form.custom .formline label {
		display: table-cell;
		width: 125px;
		float: none;
		font-size: 17px;
		font-weight: bold;
	}

	#maincolumn form.custom .formline input {
		display: table-cell;
		width: 100%;
		float: none;
	}

	#maincolumn form.custom .submitcontainer {
		width: 100%;
		float: left;
		text-align: center;
		margin-top: 10px;
	}

	#maincolumn form.custom .submit {
		width: auto;
		display: inline-block;
		float: none;
	}



#maincolumn form#enterdata,
#maincolumn form#userdata,
#maincolumn form#orderenterdata {
	position: relative;
}

#maincolumn form.login * input,
#maincolumn form.passwordrequest * input,
#maincolumn form.orderwithoutlogin * input {
	width: 70%;
	display: inline-block;
	float: right;
}

form#userdata * select,
form#orderenterdata * select {
	height: 30px;
	border: 1px solid #CCC;
	padding: 2px 3px;
}

form#userdata * select.mandatory,
form#orderenterdata * select.mandatory {
}




/*                                                            account forms
------------------------------------------------------------------------ */


label[for="salutation"], label[for="shippingsalutation"] {
	width: 80px;
}
label[for="company"], label[for="shippingcompany"] {
	width: 60px;
	padding-right: 20px;
	text-align: right;
}

label[for="lastname"], label[for="shippinglastname"]  {
	width: 80px;
	text-align: right;
	padding-right: 10px;
	padding-left: 10px;
}

label[for="salutation"],
label[for="firstname"],
label[for="address"],
label[for="zipcode"],
label[for="email"],
label[for="phone"],
label[for="fax"],
label[for="shippingsalutation"],
label[for="shippingfirstname"],
label[for="shippingaddress"],
label[for="shippingzipcode"],
label[for="emailcheck"],
label[for="pickupname"],
label[for="accountpassword"],
label[for="accountpasswordcheck"]
{
	width: 75px;
}

label[for="promocode"]
{
	width: 100px;
}

label[for="ccowner"],
label[for="ccnumber"],
label[for="ccmonth"],
label[for="ccccvcode"],
label[for="maestronumber"],
label[for="maestromonth"],
label[for="maestroowner"],
label[for="maestroccvcode"]
{
	width: 120px;
}

label[for="uidnumber"] {
	width: 100px;
	text-align: right;
	padding-right: 20px;
}


label[for="city"], label[for="shippingcity"] {
	text-align: right;
	padding-left: 10px;
	padding-right: 10px;
	width: 50px;
}





label[for="countryid"], label[for="shippingcountryid"] {
	text-align: right;
	padding-left: 10px;
	padding-right: 10px;
	width: 50px;
}



label[for="fax"],
label[for="emailcheck"] {
	text-align: right;
	padding-right: 20px;
	width: 115px;
}

label[for="accountpassword"],
label[for="accountpasswordcheck"],
label[for="accountoldemail"],
label[for="accountemail"],
label[for="accountemailcheck"],
label[for="newsletteremail"],
label[for="newsletteremailcheck"] {
	float: left;
	width: 160px;
}


select#salutation, select#shippingsalutation {
	width: 140px;
}


input#uidnumber {
	width: 120px;
}


input#company, input#shippingcompany {
	width: 155px;
}

input#lastname, input#shippinglastname {
	width: 279px;
}

input#address, input#shippingaddress {
	width: 623px;
}

input#zipcode, input#shippingzipcode {
	width: 80px;
}
input#city, input#shippingcity, input#state {
	width: 230px;
}

select#countryid, select#shippingcountryid {
	width: 173px;
}


form#userdate input#phone,
form#userdate input#fax,
form#userdate input#email
{
	width: 215px;
}


form#userdata input[type="radio"],
form#orderenterdata input[type="radio"] {
	float: left;
	margin-top: 6px;
	margin-right: 10px;
}

form#userdata .radiocontainer,
form#orderenterdata .radiocontainer {
	float: left;
	width: 50%;
}


form#userdata .radiotext,
form#orderenterdata .radiotext {
	float: left;
	margin-right: 30px;
}





.customeruserdatanote {
	float: left;
}

#userdataerror {
	margin-top: 20px;
}








#shippingaddresscontent {
	float: left;
	padding-top: 20px;
}




/* newsletter */

form#newsletter .generalnewsletter label {
	float: left;
	background: transparent none repeat scroll 0% 0%;
	color: #1e295d;
	font-weight: bold;
	width: 80% !important;
	clear: none !important;
}

form#newsletter .generalnewsletter input {
	float: left;
	margin: 7px 15px 0px 0px;
}

form#newsletter .newsletters * .newsletter label {
	display: inline !important;
	padding-top: 0px !important;
	position: relative;
	top: -1px;
	padding-left: 5px !important;
}

form#newsletter .newsletter * input {
	float: left;
	padding-top: 10px;
	clear: both;
	margin-top: 7px;
	margin-right: 6px;
}



/*                                                            order forms
------------------------------------------------------------------------ */




form#orderenterdata input#phone,
form#orderenterdata input#fax,
{
	width: 215px;
}

form#orderenterdata input#phone,
form#orderenterdata input#fax,
{
	width: 215px;
}

form#orderenterdata textarea#comment {
	background-color: #f9f9f9;
	border: 1px solid #ccc;
	width: 556px;
	height: 85px;
}

form#orderenterdata label[for="comment"] {
	width: 125px;
	margin-right: 20px;
}









/*	Slideshow	*/

#slideshow {
	position: relative;
}

#slideshow img {
	position: absolute;
	left: 0;
	float: left;
}


#firstslideshowimage {
	width: 100%;
}

.slideshowimage {
	width: 100%;
	opacity: 0;
}




.orderbct {
	color: #ffcc00; text-decoration: none;
}

.orderbct:hover {
	text-decoration: underline;
}





input.validbgcolor, textarea.validbgcolor, select.validbgcolor, .validbgcolor
{
	background-color: #CCFFCC;
}

input::placeholder, select::placeholder {
	color: #222222;
}


input.mandatorymissingbgcolor, textarea.mandatorymissingbgcolor, select.mandatorymissingbgcolor, .mandatorymissingbgcolor
{
	background-color: #FFCCCC;
}





/* In CKEditor you can choose style marker for trademark */
.tabs li.parent > a .marker {font-size: 17px;}
#eventseries .upcoming h1 .marker {font-size: 26px;}
.allevents .marker {font-size: 15px;}
.content-head h1 .marker {font-size: 29px;}





.vatdisclaimer {
	clear: both;
	padding: 20px 0px 60px 10px;
	font-size: 18px;
}

.agbcontainer {
	width: 100%;
}

.postorderinfobox {
	clear: both;
	padding: 20px;
	background: #fffae5;
	color: #7d6400;
	padding: 19px;
	font-weight: bold;
}

.sticker {
	float: right;
}

.sticker img {
	float: right;
	max-height: 100px;
	object-fit: contain;
}

.badge {
	display: flex;

	align-items: center;
  justify-content: center;

}

.badge .contentimage {
	margin: 0 auto;
	width: 27%;

}


.bestpricestamp {
    position: absolute;
    opacity: 1;
    top: 45px;
    right: -10px;
}


@media screen and (min-width: 666px) {

	.bestpricestamp .contentimage {
	    max-width: 115px;
	    min-width: 80px;
	    opacity: 1;
	}
}


@media screen and (max-width: 665px) {

	.bestpricestamp {
	    position: absolute;
	    opacity: 1;
	    top: -45px;
	    right: 10px;
	}

	.bestpricestamp .contentimage {
	    max-width: 80px;
	    min-width: 80px;
	    opacity: 1;
	}
}






.yellowbox {
    box-sizing: border-box;
    DFbackground: #fffae5;
	background: #f3f3f3;
    /* border-top: 1px solid #ffcc00; */
    /* border-bottom: 1px solid #ffcc00; */
    DFcolor: #7d6400;
    padding: 19px;
    margin-bottom: 20px;
    font-weight: bold;
}


.text h4 {
	margin-top: 25px;
}


#products .even {
	background-color: #f4f4f4;
}


.twocontentimages {
	display: flex;
	width: 100%;
}

.contentimage {
}

.twocontentimages .contentimage {
	flex: 50%;
	width: 50%;
}







.leftcolumncontent * .contentimage {
	max-width: 320px;
}

#products .grandstandslider .imageswrapper {
	display: block;
}



#eventdatetbc {
	font-weight: bold;
	background: #fffae5;
	border-top: 1px solid #ffcc00;
	border-bottom: 1px solid #ffcc00;
	color: #7d6400;
	margin-bottom: 20px;
	padding: 19px;
}

#eventcommentmessage, #eventspecialnote, #eventprintathome {
	background: #fffae5;
	DFborder-top: 1px solid #ffcc00;
	DFborder-bottom: 1px solid #ffcc00;
	color: #7d6400;
	padding: 10px;
	margin-bottom: 20px;
}

.maincontainer.cms #maincolumn {
	display: inline-grid !important;
	width: 100% !important;
}



#redbullticketingpartnerlogo {
	position: relative;
	top: 0px;
	max-width: 140px;
	margin-right: 50px;
}


#gpticketshopchristmaslogo {
	position: relative; top: -24px;
}







.sideelementtrackdescription {
	border-top: 1px solid #ccc;
	margin-top: 60px;
	padding-top: 18px;
	padding-bottom: 18px;

}





.bestpricestamp {
	max-width: 120px; min-width: 80px; top: 0;
	z-index: 5;
}







.ticketfilter {
	padding-bottom: 0px; float: left;
	background-color: white;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-radius: 5px;
	padding: 20px 15px 15px 15px;
	width: 100%;
	box-sizing: border-box;
	margin-top: 0px;
}
.stickyticketfilter {
	border-top: 0px;
}
.ticketfilter a {
	text-decoration: underline;
	text-decoration-color: #cccccc;
}


.ticketfilteroption {
	float: left; padding-right: 20px;

}

.checkboxfilteroption {
	padding: 3px 25px 5px 0px;
	display: flex;
}

.checkboxfilteroption input {
	margin: 7px;
}

.greycheckbox {
	opacity: 0.5;
	pointer-events: none;

}


.ticketfilterselect {
	width:  100%;
	color: #1e295d;
	font-size: 16px;
	font-weight: bold;
}