@import url("clearNreset.css");
@import url("vtl-overlay.css");

html, body { width:100%; height:100%; }

body {
	background:white;
	color:#5e5e5e;
	font:normal 13px Arial, Tahoma, Verdana;
}

a {
	color:#5e5e5e;
	text-decoration:underline;
}

/* HEADER
-------------------------------*/

#header,
#header_cont {
	height:auto!important;
	/*min-height:51px;
	height:51px;*/
	min-height:71px;
	height:71px;
}

#header {
	background:url("../images/header_bg_big.jpg") center bottom repeat-x;
}

#header_cont {
	position:relative;
	width:790px;
	margin:0 auto;
}

#mainNav {
	position:absolute;
	/*left:225px;*/
	left:3px;
	bottom:15px;
}
#mainNav li {
	float:left;
	margin-right:45px;
}

#mainNav li a {
	display:inline-block;
	color:#e26316;
	font-size:16px;
	text-decoration:none;
	font-weight:bold;
}

#mainNav li#mi5 {
	margin-right:none;
}

/*#mainNav li#mi1 { margin-right:63px; }
#mainNav li#mi2 { margin-right:78px; }
#mainNav li#mi3 { margin-right:75px; }*/

#mainNav li a:hover,
body.mi1 #mainNav li#mi1 a,
body.mi2 #mainNav li#mi2 a,
body.mi3 #mainNav li#mi3 a,
body.mi4 #mainNav li#mi4 a,
body.mi5 #mainNav li#mi5 a,
body.mi6 #mainNav li#mi6 a{
	color:#222222;
}


/* VIDEO
-------------------------------*/
#videoWrap {
	background:#272727;
}
#video_holder {
	position:relative;
	width:790px;
	margin:0 auto;
	background:black;
	text-align:center;
	height:auto;
}

#video {
	display:none;
	height:405px;
}

#video_holder object,
#video_holder img {
	display:inline-block;
	padding:5px 0 10px 0;
	z-index:-1;
	background:black;
}
#video_holder img {
	cursor:pointer;
}

a#videoControl {
	display:block;
	position:absolute;
	/*bottom:-21px;*/
	top:100%;
	left:0px;
	/*width:142px;*/
	width:330px;
	height:21px;
	z-index:500;
	/*background:url("../images/open_video.jpg") left top no-repeat;*/
	overflow:hidden;
}
#videoControl.closeVideo {
	/*background:url("../images/close_video.jpg") left top no-repeat;*/
}
a#videoControl img {
	margin:0;
	padding:0;
	border:none;
}

/* Content Wrap
-------------------------------*/
#contWrap {
	width:790px;
	margin:0 auto;
}

/* SIDEBAR
-------------------------------*/
#sidebar {
	float:left;
	width:195px;
	padding-top:20px;
	margin-right:25px;
}
#sidebar h1 {
	margin-bottom:20px;
}
#sidebar h1,
#sidebar h1 a {
	display:block;
}
#sidebar h1 a {
	width:195px;
	height:72px;
	background:url("../images/vtl_logo.jpg") left top no-repeat;
	overflow:hidden;
	text-indent:-1000px;
}
#sidebar h2 {
	display:block;
	width:195px;
	height:31px;
	line-height:31px;
	text-align:center;
	background:url("../images/heading2_bg.jpg") left top no-repeat;
	font-size:13px;
	color:#222;
	font-weight:bold;
	cursor:default;
}

#sidebar h2 a {
	text-decoration:none;
	color:#222;
}

#sidebar #img {
	position:relative;
	width:195px;
	height:243px;
	background:url("../images/sidebar_photo_bg.jpg") left top no-repeat;
}
#sidebar #img img {
	display:block;
	border:none;
	position:absolute;
	left:7px;
	top:5px;
}


/* CONTENT
-------------------------------*/
#content {
	float:left;
	width:570px;
	padding-top:20px;
}

a.downloadPDF {
	display:inline-block;
	width:156px;
	height:22px;
	background:url("../images/download_pdf.jpg") left top no-repeat;
	overflow:hidden;
	text-indent:-10000px;
}

#contWrap h2 {
	font-size:18px;
	font-style:italic;
	color:#e26316;
	margin-bottom:15px;
}

#contWrap h3 {
	font-size:13px;
	color:black;
	font-weight:bold;
	margin-bottom:3px;
}

#contWrap p,
#contWrap ul,
#contWrap ol {
	margin-bottom:15px;
	line-height:150%;
}

body.mi4 #contWrap p,
body.mi4 #contWrap ul,
body.mi4 #contWrap ol {
	margin-bottom:20px;
}

#contWrap ul li {
	background:url("../images/list-bullet.jpg") left 5px no-repeat;
	padding-left:15px;
}

body.mi4 #contWrap p.noMrg,
#contWrap p.noMrg,
#contWrap ul.noMrg,
#contWrap ol.noMrg {
	margin-bottom:0;
}

#contWrap table {
	text-align:left;
	margin-bottom:15px;
}
#contWrap table th,
#contWrap table td {
	line-height:150%;
	padding:2px 0;
	text-align:left;
}

#contWrap table td span.fl {
	display:block;
	float:left;
}

#contWrap table th {
	width:165px;
	color:#5e5e5e;
	font-weight:13px;
}

.bigLinks {
	padding-top:15px;
	margin-bottom:30px;
}

.bigLink {
	display:block;
	font-size:13px;
	font-weight:bold;
	color:#434343;
	background:url("../images/bullet.jpg") left top no-repeat;
	padding:4px 0 4px 30px;
	margin-bottom:10px;
	text-decoration:none;
}
.bigLink:hover {
	text-decoration:underline;
}

/* TRAININGEN
-------------------------------*/
#triningen_title {
	font-size:14px;
	color:black;
	font-weight:bold;
	margin-bottom:4px;
}

#contWrap #trainingen {
	margin-top:4px;
}

#contWrap #trainingen ul {
	/*display:none;*/
	
}

#contWrap #trainingen li {
	clear:both;
	background:url("../images/arrow.jpg") left 5px no-repeat;
	padding-left:12px;
	margin-bottom:2px;
	height:auto!important;
	min-height:23px;
	height:23px;
}

* html #contWrap #trainingen li { margin-bottom:0; }

#contWrap #trainingen li.active {
	background:url("../images/arrow_down.jpg") left 7px no-repeat;
}

#contWrap #trainingen li a {
	float:left;
}

#contWrap #trainingen li a:hover {
	color:#e26316;
}

#contWrap #trainingen ul {
	clear:both;
	float:none;
	margin-top:4px;
	margin-left:2px;
	margin-bottom:0;
}

#contWrap #training-details th,
#contWrap #training-details td {
	height:25px;
	vertical-align:top;
}

.euro-icon {
	display:block;
	float:left;
	margin-top:-2px;
	margin-left:3px;
	width:24px;
	height:23px;
	background:url("../images/icon_euro.jpg") left top no-repeat;
	cursor:pointer;
}

.help,
#contWrap #training-details td span.help {
	display:block;
	float:left;
	margin-left:3px;
	margin-bottom:0;
	width:20px;
	height:20px;
	line-height:100%!important;
	background:url("../images/icon_help.jpg") left top no-repeat;
	cursor:pointer;
}


.bekijk_prijsopbouw {
	display:inline-block;
	margin-left:5px;
	width:114px;
	height:20px;
	background:url("../images/bekijk_prijsopbouw.jpg") left top no-repeat;
	text-indent:-1000px;
	overflow:hidden;
}

#bekijk_prijsopbouw {
	display:none;
}


/* AANMELDEN
-------------------------------*/

input.txt {
	width: 95%;
}

input.txt,
select {
	background:white;
	border:solid 1px #e3e3e3;
}

select,
select.training_select {
	width:395px;
	font-size:12px;
}
select.training_select option {
}

.short {
	width:40px;
}

#contWrap form table {
	margin-top:3px;
}

#contWrap form table th,
#contWrap form table td {
	padding-bottom:7px;
	height:25px;
	vertical-align:top;
}

#contWrap form table th {
	width: 120px;
}

#contWrap form table td p {
	position:relative;
	margin:0;
}

#contWrap form table th.narrow,
#contWrap form table td.narrow {
	padding-bottom:0;
}

#contWrap form table td p.chboxline {
	width:390px;
	float:left;
}
#contWrap form table td p.chboxline input {
	float:left;
}
#contWrap form table td p.chboxline span {
	width:370px;
	display:block;
	margin-left:22px;
}

form h3 {
	padding-bottom:5px;
}

form .spec {
	background:url("../images/form_spec_bg.jpg") left top no-repeat;
	padding-top:25px;
	height:230px;
}
form .spec h3 {
	border-bottom:solid 1px #ececec;
}

label.smaller {
	font-size:12px;
}

label.error {
	display:block;
	position:absolute;
	top:-6px;
	left:195px;
	width:255px; /*275*/
	height:18px;
	background:url("../images/error_msg.jpg") left top no-repeat;
	color:white;
	font-size:10px;
	padding:8px 20px;
}

#submit {
	margin-top:20px;
	margin-left:155px;
	border:none;
	background:none;
}



/* FEATURED
-------------------------------*/
#featuredWrap {
	position:relative;
	width:570px;
	height:170px;
	background:url("../images/featured_top.jpg") left top no-repeat;
	margin-top:17px;
	overflow:hidden;
}
#contWrap #featured {
	width:570px;
	height:145px;
	padding-bottom:25px;
	background:url("../images/featured_bottom.jpg") left bottom no-repeat;
	overflow:hidden;
}
#contWrap #featured ul {
	width:570px;
	height:145px;
	margin:0;
}
#contWrap #featured li {
	position:relative;
	width:570px;
	height:145px;
	background:none;
	padding:0;
}

#contWrap #featured h3 {
	display:block;
	width:280px;
	color:#333333;
	font-weight:bold;
	font-size:13px;
	border-bottom:solid 1px #ececec;
	padding-bottom:5px;
	margin-bottom:5px;
	margin:30px 0 5px 35px;
	line-height:120%;
}
#contWrap #featured p {
	display:block;
	width:280px;
	color:#8c8c8c;
	font-size:12px;
	margin:0px 0 0 35px;
	line-height:130%;
	
}
#contWrap #featured .img {
	position:absolute;
	width:208px;
	height:123px;
	right:35px;
	top:27px;
	background:url("../images/featured_img_bg.jpg") left top no-repeat;
}
#contWrap #featured .img span {
	display:block;
	position:relative;
	width:208px;
	height:123px;
}
#contWrap #featured .img img {
	display:block;
	position:absolute;
	top:7px;
	left:7px;
	width:194px;
	height:109px;
}

#nextBtn a {
	position:absolute;
	right:5px;
	top:80px;
	display:block;
	width:25px;
	height:24px;
	background:url("../images/featured_nav_next.png") left top no-repeat;
	overflow:hidden;
	text-indent:-1000px;
}
#prevBtn a {
	position:absolute;
	left:5px;
	top:80px;
	display:block;
	width:25px;
	height:24px;
	background:url("../images/featured_nav_prev.png") left top no-repeat;
	overflow:hidden;
	text-indent:-1000px;
}

#splitContent, #broadContent {
	margin-top: 20px;
}

#splitContent strong, #splitContent em {
	font-size: 1.1em;
}

#splitContent .border {
	border: 1px solid black;
	padding: 7px 10px;
	margin: 1em 0;
}

#links, #rechts {
	width: 45%;
}

#links {
	float: left;
}

#rechts {
	float: right;
}

button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

#button, form button {
	background: black;
	padding: 2px;
	border: none;
	display: block;
	width: 100%;
	cursor: pointer;
	margin: 1em 0;
}

#button a, form button span {
	display: block;
	line-height: 3em;
	font-size: 1.2em;
	color: white;
	background: rgb(51,102,255);
	font-weight: bold;
	text-align: center;
	text-decoration: underline;
	margin: 0;
	padding: 0;
}