/***   COLORS   ***/
	.col-evAuswahlTop{
		background-color: #C6C6C6 !important;	/* #FFF94F */
		padding: 14px;
	}
	
	.col-S1,.col-S1-hover:hover {
	  background-color: #F29E3E !important; /* #ffc107; */
	}

	.col-S2,.col-S2-hover:hover {
	  background-color: #EDCD7D!important;
	}

	.col-S3,.col-S3-hover:hover {
	  background-color: #C17C60!important; /* A36F59 */
	}

	.col-S4,.col-S4-hover:hover {
	  background-color: #f0e68c!important; /* w3-khaki */
	}
	
	.col-P1,.col-P1-hover:hover {
	  background-color: #A759BF!important;
	}	
	
	.col-P2,.col-P2-hover:hover {
	  background-color: #B59ABA!important;
	}

	.col-P3,.col-P3-hover:hover {
	  background-color: #9175BA!important;
	}

	.col-P4,.col-P4-hover:hover {
	  background-color: #CEABD3!important;
	}	
	
	
	/***   MAIN   ***/
	
	
	html, body, h1, h2, h3, h4, h5, h6 {
	  font-family: 'Abel', sans-serif !important;
	  /* font-family: Nunito+Sans, sans-serif !important; */
	  /* font-family:Saira; */
	  /* font-size: 1em !important; */
	  /*touch-action: none;*/
	}

	body {
		/* height: 100%; */
		/* font-family:"Arial Narrow", Arial; color:black; */
		background: rgb(40,52,59); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(40,52,59,1) 0%, rgba(130,140,149,1) 64%, rgba(181,189,200,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(40,52,59,1)), color-stop(64%,rgba(130,140,149,1)), color-stop(100%,rgba(181,189,200,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(40,52,59,1) 0%,rgba(130,140,149,1) 64%,rgba(181,189,200,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(40,52,59,1) 0%,rgba(130,140,149,1) 64%,rgba(181,189,200,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(40,52,59,1) 0%,rgba(130,140,149,1) 64%,rgba(181,189,200,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(40,52,59,1) 0%,rgba(130,140,149,1) 64%,rgba(181,189,200,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='."'#28343b'".', endColorstr='."'#b5bdc8'".',GradientType=0 ); /* IE6-9 */
		background-attachment:fixed; background-repeat:no-repeat;		
	}
	
	h3 {
		 font-weight: bold; /* DAZU ODER WEG */
	}
	
	.tdS {
		cursor: pointer;
		text-decoration: underline;
	}

	/*
	.tdS:hover{
		 background-color:  
	}
	*/
	.selectAuswahlTop{
		font-size: 1.3em;
		font-weight: bold;
		background-color: #38B9FF;
	}
	
	.tipsContainer {
		/*background-image: url('../pics/vettel-ferrari-silverstone-100_1920x1080.jpg'); /* ungarn.jpg ist 1600x900 */ /* Korea837.jpg */ /*vettel-ferrari-silverstone-100_1920x1080.jpg*/
		background-image: url('../pics/Lichter_1500x844.jpg');
		background-repeat: no-repeat;
		/* background-size: 100%; */
		background-size: auto 100%;
		/* background-size: 300px 100px; */
		background-color:#fff;
		/* height: 600px; */
	}

	.dragme {
		position: absolute;
		width:120px;
		height:60px;
		border:2px solid black;
		margin:4px;
		padding:0px;
		background-color:#fff;
		cursor: pointer;
		z-index:5;
		touch-action: none;
		touchAction: none;
	}
	.dragmeD {
		position: absolute;
		width:120px;
		height:60px;
		/*border:2px solid black;*/
		margin:4px;
		padding:0px;		
	}
	
	.dragmeSpan {
		position: absolute;
		top: -5px;
		left: 2px;
		padding-top:3px;
		font-family:Abel;
		font-weight:bold;
		font-size:1.5em;
	}

	.tinyTeamLabel{
		position:relative;
		top:27px;
		/*left:0px;*/
		right:0px;
		background:#444;
		opacity:.95;
		color:white;
		padding: 1px 2px 0px 2px;
		font-family:Abel;
		font-size:.7em;
	}
	
	.posNr {
		position:absolute;
		/*top:381px; left:550px;*/
		width:26px;
		height:60px;
		border: solid black 1px;
		background:#EEE;
		padding:5px;
		z-index:3; /* -10 */
	}

	.carpic {
		width:100%;
		position:absolute;
		bottom:0px;
		left:0px;
	}
	
	.platzNrLabel {
		position:relative;
		/*top:6px; */
		/*left:-3px;*/
		/*font-family:Arial; */
		font-weight:bold;
		font-size:1.7em;
		color:#333;
		z-index:3;
	}

	.tipPlatz {
		position:absolute;
		/*top:381px; left:581px;*/
		width:120px;
		height:60px;
		border: solid black 1px;
		background:#F9F9F9;
		opacity:.5;
		padding:5px;
		z-index:3;		
	}

	
	.menu {
		font-size: 1.4em;
		font-weight: bold; /* DAZU ODER WEG */
	}
	
	.textbox {
		padding: 20px !important;
		font-size: 1.2em;
		color: black;
		line-height: 1.4em; /* 1em; */
		/* text-align: justify; */
	}
	
	.blogImgLeft {
		width: 33%;
		float: left;
		margin-right: 14px;
	}

	.blogImgCenter {
		width: 100%;
		float: left;
		/* margin-right: 14px; */
	}

	.blogImgRight {
		width: 33%;
		float: right;
		margin-left: 14px;
	}

	.blogImgHalfLeft {
		width: 48%;
		float: left;
		margin-right: 14px;
	}

	.blogImgHalfRight {
		width: 48%;
		float: right;
		 margin-left: 14px;
	}
		
@media screen and (max-width: 600px) {
	.headerImg {
		width: 80%;
	}

	.blogImgLeft {
		width: 50%;
		float: left;
		margin-right: 8px;
	}

	.blogImgRight {
		width: 50%;
		float: right;
		margin-left: 8px;
	}	
		
}
	
	.blogHeader {
		text-align: left;
		font-weight: bold;
	}

	.blogDate {
		font-size:.8em;
		margin-left:17px;
		margin-bottom:-1px;
	}

		select, textarea {
		width: 100%;
		padding: 12px;
		border: 1px solid #ccc;
		border-radius: 4px;
		box-sizing: border-box;
		margin-top: 6px;
		margin-bottom: 16px;
		resize: vertical;
	}
	
/*	
	input[type=text], input[type=email], select, textarea {
		width: 100%;
		padding: 12px;
		border: 1px solid #ccc;
		border-radius: 4px;
		box-sizing: border-box;
		margin-top: 6px;
		margin-bottom: 16px;
		resize: vertical;
	}

	input[type=submit] {
		background-color: #4CAF50;
		color: white;
		padding: 12px 20px;
		border: none;
		border-radius: 4px;
		cursor: pointer;
	}
	
	input[type=submit].disabled {
		color: #ffffff;
		background-color: #E57022;
		border-color: #E57022; 
	}
	
	input[type=submit].disabled:hover {
		color: #dddddd;
		background-color: #E57011;
		border-color: #E57011; 
	}

	input[type=submit]:hover {
		background-color: #45a049;
	}
*/	
	label {
		font-weight: bold; 
	}
	
	/* The container */
	.checkcontainer {
		display: block;
		position: relative;
		padding-left: 35px;
		margin-bottom: 12px;
		cursor: pointer;
		box-sizing: initial;
		font-weight: normal;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}

	/* Hide the browser's default checkbox */
	.checkcontainer input {
		position: absolute;
		opacity: 0;
	}

	/* Create a custom checkbox */
	.checkmark {
		position: absolute;
		top: 0;
		left: 0;
		height: 25px;
		width: 25px;
		background-color: #eee;
	}

	/* On mouse-over, add a grey background color */
	.checkcontainer:hover input ~ .checkmark {
		background-color: #ccc;
	}

	/* When the checkbox is checked, add a blue background */
	.checkcontainer input:checked ~ .checkmark {
		background-color: #2196F3;
	}

	/* Create the checkmark/indicator (hidden when not checked) */
	.checkmark:after {
		content: "";
		position: absolute;
		display: none;
	}

	/* Show the checkmark when checked */
	.checkcontainer input:checked ~ .checkmark:after {
		display: block;
	}

	/* Style the checkmark/indicator */
	.checkcontainer .checkmark:after {
		left: 9px;
		top: 5px;
		width: 5px;
		height: 10px;
		border: solid white;
		border-width: 0 3px 3px 0;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	
	.contact-form-respond {
		padding: 8px; 
	}