* {
    /*box-sizing: border-box;
    outline: medium none;*/
	}

html {
	padding: 0px;
	margin: 0px;
	font-family: Ubuntu,sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 24px;
	letter-spacing: 0;
	margin-bottom: 1em;
	color: rgb(10, 10, 10);
	}

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

td {
	vertical-align: top;
	text-align: left;
	padding: 5px;
	}

table {
    width: 100%;
	border: none;
	}
	
.visual {
	width: 100%;
	background-image: url(/images/visual-yamaha-r3-cup-480px.jpg);
	height: 440px;
	background-position: center bottom;
	}
	
.logo {
	margin: 15px 0px;
	text-align: center;
	}
	
.logo img {
	border: 0 none;
	width: 200px;
}
		
.logo-r3-cup {
	margin-top: 10px;
	text-align: center;
	}
		
.logo-r3-cup img {
	width: 100%;
	max-width: 100px;
	}

.btn-minimal {
	width: 100%;
	}
	
.column-left {
	width: 100%;
	margin-right: 0%;
	}
		
.column-right {
	width: 100%;
	margin-left: 0%;
	}

	


/* popup */

.white-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 800px;
  margin: 20px auto;
}

.hiddencontent
{
	display:none;
}

	
		
header {
    line-height: 1.6em;
    width: 100%;
	background-color: white;
	display: table;
	/*position: fixed;*/
	height: 80px;
	/*z-index: 9000;*/
	}
	
.container {
	width: 98%;
	margin: auto;
	display: table;
	}

h1 {
	font-family: 'Play', sans-serif;
	font-weight: normal;
	width: 100%;
	color: rgb(10, 10, 10);
	font-size: 36px;
	line-height: 36px;
	}
	
h2 {
	font-family: 'Play', sans-serif;
	font-weight: normal;
	font-size: 2em;
	display: table;
	color: #353131;
	}
	
h3 {
	font-weight: bold;
	width: 100%;
	font-size: 1em;
	}
	
h4 {
	font-family: 'Play', sans-serif;
	font-weight: normal;
	width: 100%;
	color: white;
	font-size: 2em;
	padding: 0px;
	margin: 0px;
	}
	
section {
	display: table;
	width: 100%;
	color: rgb(10, 10, 10);
font-family: Ubuntu,sans-serif;
font-size: 15px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0;
margin-bottom: 1em;

	}
	
footer {
    background-color: rgba(0, 68, 148, 1);
	display: table;
	width: 100%;
	text-align: center;
	}
	
.modelinfo {
    background-color: rgba(0, 68, 148, 1);
	display: table;
	width: 100%;
	color: white;
	}

.modelinfo-left img, .modelinfo-right img {
	width: 100%;
	}

	
.info {
	display: table;
	width: 100%;
	background-color: rgba(62, 61, 64, 1);
	color: white;
	}

.info, .modelinfo, .pearle {
	padding-top: 10px;
	padding-bottom: 15px;
	}

.pearle {
	display: table;
	width: 100%;
	background-color: #009878;
	color: white;
	}
	
.interested {
	width: 100%;
	background-image:url(/images/triangle.png);
	background-position:center top;
	height: 79px;
	text-align: center;
	background-repeat: no-repeat;
	}

#wrap{
    margin: auto;
    text-align: left;
    width: 100%;
	}

element.style {
	color: rgba(62, 61, 64, 1);
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12pt;
	}


#wrap .cont_details fieldset,.cont_order fieldset{
	width: 100%;
	}


#wrap legend{
	font-size: 24px;
	font-family: 'Play', sans-serif;
	font-weight: normal;
	color: rgba(62, 61, 64, 1);
    padding-bottom:10px;
	text-transform: uppercase;
	}

#wrap .cont_details input{
	margin-bottom:2px;
	margin-top: 3px;
	}

#name, #address, #zipcode, #place, #email, #phonenumber, #vraag1, #vraag2, #vraag3, #vraag4, #vraag5, #vraag6, #birthdate, #raceclass {
	width: 96%;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(186, 186, 186);
	color: rgba(62, 61, 64, 1);
    display: block;
    font-size: 14px;
    padding: 2% 2%;
    transition: all 0.1s linear 0s;
		font-family: Ubuntu,sans-serif;
	}

#wrap .input1:hover,.input1:active {
	font-family: Ubuntu,sans-serif;
	}

#wrap label {
	color: rgba(62, 61, 64, 1);
	display: block; 
	font-size:14px;
    font-weight: bold;
	}

	
#wrap label.inlinelabel {
    display:inline;
	}
	
#wrap .cont_order input {
	margin-bottom:5px;
	width: 90%;
	}
	
#wrap .cont_order p{
	padding-top:5px;
	}

#wrap input[type="radio"]{
	margin-top:8px;
	margin-bottom:8px;
	}


#wrap input#submit {
	margin:10px;
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
	padding-bottom:10px;
	}

#wrap .field_container {
    margin-bottom:20px;
	}
	
#wrap .field_container_submit {
    margin-bottom:20px;
	width: 100%;
	display: table;
	text-align: center;
	}
	
	
#wrap label.radiolabel {
	font-weight:normal;
	display:inline;
	}
	
#wrap label.checkboxlabel {
	font-weight:normal;
	display:inline;
	}

#wrap .error {
/* display:block; */
	color:#f00;
	}
	
.error {
	color:#f00;
	font-weight:bold;
	font-size: 14px;
	}
	
fieldset {
	border: none;
	margin: 0;
	padding: 0;
}

/* [class*="btn-"] { */

#submit {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: rgba(255, 255, 255, 0.15) -moz-use-text-color rgba(0, 0, 0, 0.15);
    border-image: none;
    border-style: solid none;
    border-width: 1px medium 0px;
    color: #fff;
    display: inline-block;
    font-size: 1em;
    letter-spacing: 1px;
    line-height: 140%;
    padding: 10px 20px;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
    transition: all 0.1s linear 0s;
	}

.btn-minimal {
    background-color: #d52b1e;
    border: 1px solid #d52b1e;
    border-radius: 0;
    color: rgb(255, 255, 255);
    text-align: center;
    width: 50%;
	font-weight: bold;
	}

.btn-minimal:hover {
    background-color: #9a2118;
    border: 1px solid #9a2118;
    cursor: pointer;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
	}
	
.btn-minimal:active {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15) inset;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
	color: white;
	}
	
.btn-minimal {
    margin-top: 25px;
	}
	
.content-box {
	margin-top: 20px;
	margin-bottom: 25px;
	}


.partners {
	text-align: center;
	}

.partners h2 {
	color: rgba(62, 61, 64, 1);
	}


/* Read more */

.read-more-state {
 	display: none;
	}

.read-more-target {
    max-height: 0;
    overflow: hidden;
	opacity: 1;
	font-size: 0;
	transition: .25s ease;
	}

.read-more-state:checked ~ .read-more-wrap .read-more-target {
 	opacity: 1;
	font-size: inherit;
	max-height: 999em;
	color: rgb(62, 61, 64);
	}

.read-more-wrap {
		color: rgb(62, 61, 64);
}

.read-more-state ~ .read-more-trigger:before {
	content: 'Toon meer';
	}

.read-more-state:checked ~ .read-more-trigger:before {
	content: 'Toon minder';
	}

.read-more-trigger {
	cursor: pointer;
	display: inline-block;
	padding: 0 .5em;
 	color: #666;
	line-height: 2;
	border: 1px solid #ddd;
	border-radius: .25em;
	margin-bottom: 15px;
	}

.number {
	z-index: 2;
	position:  absolute;
	color: white;
	font-size: 1.5em;
	font-weight: bold;
	text-shadow: 2px 1px 2px rgba(0, 0, 0, 0.5);
	text-align: center;
	margin: 5px;
	-moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px;
	}

.rider {
	cursor:pointer;
	width:  50%;
	float: left;
	border: 5px solid rgb(62, 61, 64);
	box-sizing: border-box;
	}

.rider img {
	width: 100%;
	z-index: -1;
	}

.seperator {
	width: 100%;
	height: 1px;
	display: table;
	}

.rider-info {
	width: 96%;
	margin: auto;
	max-width: 700px;
	color: rgb(62, 61, 64);
}

.rider-info img {
	width: 100%;
}

.rider-info h1 {
	color: rgb(62, 61, 64);
}


.youtube {
	position:relative; 
	padding-bottom:55%;
	height:0;
	width: 100%;
	float: left;
	border: 10px solid rgb(0, 152, 120);
	box-sizing: border-box;
	}
	
.youtube iframe {
	position:absolute; 
	top:0;
	left:0; 
	width:100%; 
	height:100%;
	}

@media only screen and (min-width : 481px) {
	
	.visual {
		width: 100%;
		background-image: url(/images/visual-yamaha-r3-cup-1024px.jpg);
		height: 420px;
		}

	.logo {
		float: left;
		text-align: center;
		}
		
	.logo-r3-cup {
		float: right;
		text-align: center;
		}
			
	.logo-r3-cup img {
		width: 100%;
		max-width: 150px;
		}

	.number {
		margin: 10px;
		}
	
}

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

	.youtube {
		width: 50%;
		padding-bottom:25%;
	}

}

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

	.column-left {
		float:left;
		width: 48%;
		margin-right: 2%;
		}
		
	.column-right {
		float:left;
		width: 48%;
		margin-left: 2%;
		}

	.rider {
		width:  33.3%;
		}
	
	.seperator {
		width: 0%;
		height: 0px;
		display:  none;
		visibility: hidden;
		}
	


}

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

	.logo {
		float: left;
		}
		
	.nieuws-include {
		width: 60%;
		float: left;
		}

	.nieuws-lijst {
		width: 35%;
		float: left;
		margin-left: 5%;
		}

	.nieuws-lijst {
		float: left;
		padding-top: 20px;
		padding-bottom: 20px;
		}

	.intro-left, .modelinfo-left, .calendar-left {
		float:left;
		width: 48%;
		margin-right: 2%;
		color: white;
		}
		
	.intro-right, .modelinfo-right, .calendar-right {
		float:left;
		width: 48%;
		margin-left: 2%;
		color: white;
		}
	
	.rider {
		width:  25%;
		}
	
}

@media only screen and (min-width : 1025px) {
		
	.logo-r3-cup {
		float: right;
		margin-top: 40px;
		width: 300px;
		}
			
	.logo-r3-cup img {
		max-width: 300px;
		}

	.visual {
		background-image: url(/images/visual-yamaha-r3-cup-2000px.jpg);
		background-position: center bottom;
		height: 750px;
		width: 100%;
		}
	
	
}

@media only screen and (min-width : 1280px) {
		
	.rider {
		width:  20%;
		}
	
}

@media only screen and (min-width : 1921px) {
	
	.visual {
		width: 100%;
		background-image: url(/images/visual-yamaha-r3-cup-2560px.jpg);
		background-position: center bottom;
		height: 900px;
		}
	
}




/* Cookie-part */
.accept-place {
    display: flex;
    align-items: center;
    justify-content: center;
}

.accept-place p {
    padding-right: 30px;
}
.accept-place label {
    padding: 0 30px;
}