* { font-family: 'Open Sans', sans-serif; margin: 0; padding: 0; box-sizing: border-box; }

html, body { height: 100%; font-size: 13px; }
#container { background: #fff; height: 100%; }
#wrapper { width: 1100px; margin: 0 auto; }

#topbar { height: 40px; background: #dd1f26; }
#topbar li:first-child { border-left: none; }
#topbar li { float: left; border-left: 1px solid #ab2025; list-style: none; }
#topbar li a { display: block; width: 40px; background: #bf2126; text-align: center; color: #fff; line-height: 40px; text-decoration: none; }
#topbar li a:hover { background: #ab2025; }

#nav { height: 65px; border-bottom: 1px solid #ebebeb; z-index: 1; font-size: 13px; }
#nav ul li:first-child { border-left: 1px solid #ebebeb; }
#nav ul li { float: left; border-right: 1px solid #ebebeb; }
#nav ul li.sub a { background: url('/images/layout/nav-sub.png') no-repeat right 10px top 30px; padding-right: 25px; }
#nav ul li a { display: inline-block; line-height: 65px; padding: 0 12px; border-top: 1px solid #ebebeb; text-decoration: none; color: #565656; }
#nav ul li a:hover { border-top: 2px solid #dd1f26; line-height: 63px; height: 64px; background-position: right 10px top 29px; color: #363636; }
#nav ul li.sub a:hover { background-image: url('/images/layout/nav-sub-hover.png'); }
#nav ul li.active a { border-top: 2px solid #dd1f26; line-height: 63px; height: 64px; }

#nav ul ul { position: absolute; display: none; z-index: 2; }
#nav ul li.sub:hover ul { display: block; }
#nav ul li.sub ul { background: #fff; border: 1px solid #ebebeb; border-top: none; }
#nav ul li.sub li:first-child { border: 0; }
#nav ul li.sub li { border-right: 0; float: none; border-top: 1px solid #ebebeb; }
#nav ul li.sub li a { border-left: 2px solid #fff; background: #fff; height: 38px; line-height: 38px; border-top: 0; padding-left: 10px; display: block; }
#nav ul li.sub li a:hover { border-left: 2px solid #dd1f26; background-image: none; }
#nav ul li.sub li.active a { border-left: 2px solid #dd1f26; background-image: none; }

.holder { width: 1100px; margin: 0 auto; }

#header h1 { height: 130px; line-height: 130px; }
#header h1 a { text-decoration: none; color: #000; }
#header h1 a span.welkom { font-family: "Toyota Base"; }
#header h1 a span.toyota { font-family: "Toyota Semibold"; }
#header .holder { position: relative; }
#toyota-ribbon { position: absolute; width: 124px; height: 295px; border: 1px solid #ebebeb; border-top: none; background: #fff; z-index: 1; right: 0; top: 0; margin-top: -40px; text-align: center; }
#toyota-ribbon img.logo { margin: 59px 0 127px 0; }

ul li { list-style: none; }

/*#body { background: #fff; margin-top: 440px; height: 200px; z-index: 100; padding: 20px; border: 1px solid #ebebeb; }*/
#body { position: relative; background: #fff; z-index: 1; background: #fff; z-index: 1; overflow: hidden; margin-top: -60px; min-height: 300px; padding-top: 20px; }
#body.home { margin-top: -60px; padding-top: 0; }
#body h1 { padding: 0; margin: 0; line-height: 20px; font-size: 30px; margin-bottom: 10px; color: #dd1f26; margin-bottom: 20px; }

.sidebars .sidebar { float: left; width: 220px; padding: 0 10px; 

	box-sizing: border-box; }
.sidebars #content { float: left; width: 600px; margin: 0 30px; }
.sidebars #content { float: left; width: 600px; margin: 0 30px; }
#body.full { padding: 30px; }
#body.full.home { padding: 0; }

.sidebar-left .sidebar { float: left; width: 220px; }
.sidebar-left #content { float: left; width: 800px; margin: 0 0 0 30px; }

.sidebar-right .sidebar { float: left; width: 200px; padding: 0 10px; }
.sidebar-right #content { float: left; width: 800px; margin: 0 30px; }

.sidebar h2 { font-weight: normal; color: #666; }
.sidebar .box { margin-bottom: 20px; padding: 0 15px; }
.sidebar .box h3 { font-weight: bold; color: #1d1d1b; font-size: 24px; margin-bottom: 10px; }
.sidebar .box h3 a { text-decoration: none; color: #1d1d1b; }
.sidebar .box ul li { border-bottom: 1px solid #ebebeb; }
.sidebar .box ul li:first-child { border-top: 1px solid #ebebeb; }
.sidebar .box ul li a { display: block; padding: 10px 0 10px 15px; text-decoration: none; color: #6d6b70; background: url(/images/layout/usp-arrow.png) no-repeat left 0 top 14px; }
.sidebar .box ul li a:hover { text-decoration: underline; }


#slider { height: 158px; background: url(/images/layout/slider-bg.png) center; z-index: -1; }
#slider.home { height: 500px; }
#slider .holder { width: 1400px; overflow-x: hidden; }

#home-blocks { position: relative; overflow: hidden; padding: 20px; border: 1px solid #ebebeb; }
#home-blocks .block { float: left; width: 310px; border-left: 1px solid #ebebeb; margin-left: 30px; padding-left: 30px; min-height: 260px; }
#home-blocks .block:first-child { margin-left: 0; border-left: none; padding-left: 0; }
#home-blocks .block .button { border: 1px solid #e1e1e1; padding: 5px 10px; display: inline-block; color: #1d1d1b; text-decoration: none; margin-top: 5px; }
#home-blocks .block .button:hover { background: #dd1f26; color: #fff; }

#payoff { clear: both; margin-top: 50px; color: #363636; font-size: 14px; }
#payoff h2 { color: #dd1f26; font-size: 40px; margin-bottom: 20px; }
#payoff h3 { color: #6d6b70; font-size: 24px; font-weight: normal; margin-bottom: 20px; }
#payoff img { float: right; margin-left: 30px; }
#payoff p { line-height: 24px; }

#footer { background: #fbfcfc; border-top: 1px solid #eeeeee; margin-top: 60px;  }
#footer-blocks { position: relative; overflow: hidden; padding: 20px 0; }
#footer-blocks .block { position: relative; float: left; width: 346px; margin-left: 30px; min-height: 260px; font-size: 13px; color: #6d6b70; }
#footer-blocks .block .openingstijden { position: absolute; top: 5px; right: 0; padding-left: 15px; background: url(/images/layout/openingstijden-open.png) no-repeat left 0 top 5px; }
#footer-blocks .block:first-child { margin-left: 0; border-left: none; padding-left: 0; }
#footer-blocks .block h2 { color: #6d6b70; font-weight: normal; margin-bottom: 10px; font-size: 24px; }
#footer-blocks .block .button { border: 1px solid #e1e1e1; padding: 5px 10px; display: inline-block; color: #1d1d1b; text-decoration: none; margin-top: 5px; }
#footer-blocks .block .button:hover { background: #dd1f26; color: #fff; }
#footer-blocks .block a { color: #6d6b70; }
#footer-blocks .block a:hover { color: #6d6b70; text-decoration: none; }
#footer-blocks .block table tr:first-child td { padding-bottom: 10px; }
#footer-blocks .block table tr td:first-child { width: 220px; }
#footer-blocks .block ul li { padding: 10px 20px; background: url(/images/layout/usp-arrow.png) no-repeat left 0 top 14px; border-bottom: 1px solid #ebebeb; }
#footer-blocks .block ul li:first-child { border-top: 1px solid #ebebeb; }
#footer-blocks .block ul li a { text-decoration: none; }
#footer-blocks .block ul li a:hover { text-decoration: underline; }

#footer-bottom { background: #363636; font-size: 12px; color: #6d6b70; }
#footer-bottom .holder { padding: 10px 0; }
#footer-bottom ul { float: right; }
#footer-bottom ul li { float: left; border-left: 1px solid #6d6b70; padding: 0 5px; }
#footer-bottom ul li:first-child { border-left: none; padding-left: 0; }
#footer-bottom a { color: #6d6b70; text-decoration: none; }
#footer-bottom a:hover { color: #afadb2; text-decoration: underline; }



@font-face {
	font-family: "Toyota Semibold";
	font-style: normal;
	font-weight: normal;
	src: url("/images/fonts/toyota.nl/Toyota Semibold.eot?#iefix") format("embedded-opentype"),
	 url("/images/fonts/toyota.nl/Toyota Semibold.woff") format("woff"),
	 url("/images/fonts/toyota.nl/Toyota Semibold.ttf") format("truetype"),
	 url("/images/fonts/toyota.nl/Toyota Semibold.svg#ToyotaTextBold") format("svg");
}

@font-face {
	font-family: "Toyota Base";
	font-style: normal;
	font-weight: normal;
	src: url("/images/fonts/toyota.nl/Toyota Base.eot?#iefix") format("embedded-opentype"),
	 url("/images/fonts/toyota.nl/Toyota Base.woff") format("woff"),
	 url("/images/fonts/toyota.nl/Toyota Base.ttf") format("truetype"),
	 url("/images/fonts/toyota.nl/Toyota Base.svg#ToyotaTextRegular") format("svg");
}



.formstyle div#error_message { 
	padding: 10px 20px;
	border: 1px solid #B20202; 
	margin-bottom: 10px;
	background: #ffe6e6; 
}
.formstyle div#error_message h3 { font-size: 12px; color: #B20202; text-decoration: none; margin: 0; padding: 0; cursor: pointer; }
.formstyle div#error_message h3 span { font-style: italic; font-weight: normal; float: right; color: #B20202; }
.formstyle div#error_message h3 span:hover { text-decoration: underline; }
.formstyle div#error_message a { color: #B20202; text-decoration: none; }
.formstyle div#error_message ul { list-style: none; margin: 10px 0 0; }
.formstyle div#error_message li { padding: 0 0 0 10px; color: #111; font-size: 12px; line-height: 18px; }

#success_message { border: 1px solid #00b300; padding: 1px; background: #fff; margin-bottom: 10px; }
#success_message .content { background: #00b300; padding: 10px 10px; color: #fff; font-weight: normal; }


/* formstyle */
.formstyle { padding: 10px 0;; }
.formstyle p { padding: 0 0 10px 0; /*border: 1px solid grey;*/ line-height: 25px; margin: 0; }
.formstyle p.error { background: #ffe6e6; margin-bottom: 10px; }
#content .formstyle p.indent, p.indent { padding-left: 120px; }

.formstyle label { display: inline-block; width: 120px; color: #333; vertical-align: top; margin-top: 3px; }
.formstyle p.top label { vertical-align: top; margin-top: 6px; }
.formstyle label.content { width: auto; margin-right: 15px; }

.formstyle input[type=text], .formstyle input[type=password], .formstyle textarea, .formstyle select { 
	margin-right: 10px;
	width: 236px;
	max-width: 336px;
	padding: 5px 5px;
	border: 1px solid #c2c2c2;
	background: #fcfcfc;
	outline: none;
}
.formstyle textarea { height: 150px; }
.formstyle option { padding: 0 7px; }

.formstyle input[type=text], .formstyle input[type=password], .formstyle textarea, .formstyle select {
	box-shadow: rgba(0,0,0,0.10) 0 0 5px;
}

.formstyle input[type=text]:hover, .formstyle input[type=password]:hover, .formstyle textarea:hover, .formstyle button:hover,
.formstyle input[type=text]:focus, .formstyle input[type=password]:focus, .formstyle textarea:focus {
	box-shadow: rgba(0,0,0,0.15) 0 0 8px;
}

.formstyle input[type=text]:hover,.formstyle input[type=password]:hover, .formstyle textarea:hover { 
	background-color: #fcfcfc; border: 1px solid #636363; 
}
.formstyle input[type=text]:focus, .formstyle input[type=password]:focus, .formstyle textarea:focus { 
	background-color: #fff; border: 1px solid #444444; 
}

.formstyle input[type=text].error, .formstyle input[type=password].error, .formstyle input[type=file].error, .formstyle textarea.error, .formstyle select.error { 
	background-color: #ffc2c2; border: 1px solid #b20202; 
}
.formstyle input[type=text].error:hover, .formstyle input[type=password].error:hover, .formstyle input[type=file].error:hover, .formstyle textarea.error:hover, .formstyle select.error:hover { 
	background: #ffe6e6; 
}
.formstyle input[type=text].error:focus, .formstyle input[type=password].error:focus, .formstyle input[type=file].error:focus, .formstyle textarea.error:focus, .formstyle select.error:focus { 
	border: 1px solid #444448;  
	background: #ffe6e6; 
}

.formstyle button {
	padding: 5px 10px;
	background: #c2c2c2; 
	border: 1px solid #c3c3c3; 
	color: #363636; 
	border-radius: 4px;
	box-shadow: rgba(0,0,0,0.10) 0 0 8px;
	cursor: pointer;
}
.formstyle button:hover { background: #3e3e3e; color: #ffffff; border: 1px solid #c2c2c2; }

.formstyle span.error { margin: 0; }
span.error { display: inline-block; margin: 5px 0 0 0; background: url(/images/icons/cross.png) no-repeat; width: 21px; height: 16px; position: relative; cursor: help; vertical-align: top; }
span.error:hover .content { display: block; }
span.error .content { display: none; width: 200px; margin-top: -5px; position: absolute; background: #B20202; color: #fff; top: 0; left: 21px; border: 1px solid #999; border-radius: 4px; padding: 5px 7px; line-height: 14px; cursor: default; z-index: 100; }
span.error .content a { color: #fff; }



.formstyle span.block { display: inline-block; width: 350px; }
.formstyle span.block.big { width: auto; }
.formstyle span.block label { display: inline; }


#content .formstyle p.linenormal { line-height: normal; }

.formstyle p.info label { display: inline-block; color: #333; margin-right: 10px; }
.formstyle p.info { line-height: 11px; margin: 0 !important; padding-bottom: 0; }
.formstyle p.info label { font-size: 11px; padding-bottom: 2px; }
.formstyle span.required { padding-right: 8px; background-position: right 0; background: url(/images/layout/label_required.png) no-repeat right 0px; }
.formstyle .info span.required { font-size: 11px; background-position: right 0; background: url(/images/layout/label_required.png) no-repeat right 0; }

.formstyle input.width30 { width: 18px; }
.formstyle input.width50 { width: 38px; }
.formstyle input.width70 { width: 58px; }
.formstyle input.width80 { width: 68px; }
.formstyle input.width90 { width: 78px; }
.formstyle input.width100 { width: 88px; }
.formstyle input.width110 { width: 98px; }
.formstyle input.width120 { width: 108px; }
.formstyle input.width140 { width: 128px; }
.formstyle input.width150 { width: 138px; }
.formstyle input.width160 { width: 148px; }
.formstyle input.width180 { width: 168px; }
.formstyle input.width200 { width: 188px; }

.formstyle .width30 { width: 30px; }
.formstyle .width50 { width: 50px; }
.formstyle .width60 { width: 60px; }
.formstyle .width70 { width: 70px; }
.formstyle .width80 { width: 80px; }
.formstyle .width90 { width: 90px; }
.formstyle .width100 { width: 100px; }
.formstyle .width110 { width: 110px; }
.formstyle .width120 { width: 120px; }
.formstyle .width140 { width: 140px; }
.formstyle .width150 { width: 150px; }
.formstyle .width160 { width: 160px; }
.formstyle .width180 { width: 180px; }
.formstyle .width200 { width: 200px; }

label { display: inline-block; }

.width30 { width: 30px; }
.width50 { width: 50px; }
.width60 { width: 60px; }
.width70 { width: 70px; }
.width80 { width: 80px; }
.width90 { width: 90px; }
.width100 { width: 100px; }
.width110 { width: 110px; }
.width120 { width: 120px; }
.width150 { width: 150px; }
.width150 { width: 160px; }
.width180 { width: 180px; }
.width200 { width: 200px; }
.width250 { width: 250px; }
.width300 { width: 300px; }


#logout { background: #dd1f26; padding: 10px 20px; text-align: center; color: #fff; border-top: 5px solid #fff; border-bottom: 5px solid #fff; margin-bottom: 10px; }