@charset "utf-8";

img, li { behavior: url(iepngfix.htc) }

/* @group Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
ul, li, hr, ol {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

hr{
 	background-color:#FFFFFF;
	width:100%; 
	height:1px;
	align:center;
}

a{
	color:#FFFFFF;
	text-decoration:none;
}

a:hover{
	color:#CC0000;
}


/* remember to define focus styles! */

:focus {
	outline: 0;
}

html{
	height:100%;
	min-height:100%;
}


body {
	background-color: #fff;
	background-image:url(../images/bg1.gif);
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	font-size:12px;
	color:#333333;
	height:100%;
}

h1, h2{
	font-weight:bold;
}

h3{
	font-size:12px;
}

input {
	font-size: 10px;
	margin: 0 0 0 0;

}

input.knop {
	clear:both;
	cursor:pointer;	
	width: 80px;
}

table{
	width: 100%;
	table-layout: fixed;
	color:#333;
	margin:0px 0 0px 0;
	table-layout:fixed;	
	border-collapse: collapse;
	border-spacing: 0;
	border:none;
}


td, th {
	text-align: left;
	vertical-align: top;
	padding: 5px 5px;
	border: 1px solid #b9c2d2;
	line-height: 14px;
}

th{
	font-weight:bold;
}


tr.off {
    background: none;
}

tr.on {
    background: #e5e5e5;
    cursor: pointer;
}

td a {
    text-decoration: none;
}

td h2 {
    margin:0 0 5px 0;
}

td p {
    margin:0 0 0px 0;
}

.full form{
border:solid #ccc 1px; 
padding:5px;
}

#wrapper{
	width: 900px;

	padding: 0px;
	margin:0px auto 0px auto;
	background-color:#FFF;

}

#header{
	width:100%;
	height:80px;
	background-color:#fff;
}

#header img{
	margin:20px 30px 0 30px;
	float:left;
}

#header #sloganContCont{
	position:relative;
	width:400px;
	height:65px;
	margin:10px 0 0 0px;
	float:left;
	font-size:24px;
	color:#223C7D;
	line-height:32px;
	overflow:hidden;
}

#header #sloganCont{
	position:absolute;
	top:0px;
	left:0px;
	width:8000px;
	height:65px;
	margin:0;
}

#header #slogan{
	width:400px;
	height:65px;
	margin:0 0 0 0;
	float:left;
}

#headerMenu{
	width:100%;
	height:25px;
	background-color:#223C7D;
}

#headerMenu ul{
	color:#FFF;
	height:25px;

	font-size:12px;
	line-height:25px;
	list-style:none;
	margin: 0 0 0 0px;
	float:left;
}

#headerMenu img{
	float:right;
	margin:5px 5px 5px 0px;
}

#headerMenu li{
	float:left;
	padding:0 10px;
}

#headerArt{
	width:100%;
	height:50px;
	background-color:#CCCCCC;
	background-image:url(/images/headerArt.jpg);
	border-bottom:1px solid #223C7D;
}

#content{
	float:left;
	width:100%;
	margin:0px;
	position:relative;
	background-image:url(../images/bgcontent.jpg);
	background-repeat:repeat-y;
}

#contentWhite{
	float:left;
	width:100%;
	margin:0px;
	position:relative;
	background-image:url(../images/bgcontentWhite.jpg);
	background-repeat:repeat-y;
}

#leftColom{
	position:relative;
	float:left;
	width:160px;
	background-color:#223C7D;
	height:500px;
	color:#FFF;	
}

#leftColom h1{
	color:#CCC;
	font-size:13px;
	margin:10px 0 10px 5px;
}

#leftColom a h1:hover{
	color:#C00;
}

#leftColom li{
	color:#fff;
	font-size:11px;
	margin:0 0 0 20px;
	list-style-position:outside;
}

#leftColom hr{
	background-color:#FFFFFF;
	margin:10px 0 0 0;
	_margin: 5px 0 0 0; /* IE 6 and below */
}
.glassBtnRed {
    display: block;
    height:62px;
    width: 146px;
    width:170px;
    height:72px;
    background-image:url(../images/glassBtn-red.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position:0px 0px;
    margin:50px auto 50px auto;
    cursor:pointer;
}
.glassBtnRedP {
    text-align:center;
    color: white;
    font-weight:bold;
    font-size:20px;
    line-height:72px;	
}
.glassBtnRed2 {
    display: block;
    height:62px;
    width: 146px;
    width:170px;
    height:72px;
    background-image:url(../images/glassBtn-red.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position:0px 0px;
    margin:0px auto 0px auto;
    cursor:pointer;
}
.glassBtnRedP2 {
    text-align:center;
    color: #5E0000;
    font-weight:bold;
    font-size:14px;
    line-height:19px;
    padding-top: 14px;
}

.glassBtn1, .glassBtn2, .glassBtn3{
	float:left;
	height:62px;
	width: 146px;
	width:170px;
	height:72px;
	background-image:url(../images/glassBtn170-01.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position:0px 0px;
	margin:0px 0px 5px 5px;
	cursor:pointer;

}

.glassBtn1P, .glassBtn2P, .glassBtn3P{
	text-align:center;
	color:#030;
	font-weight:bold;
	font-size:13px;
	line-height:18px;
	margin:8px 0;
	
}

.glassBtn2P{
	color:#600;
	font-size:13px;
	line-height:18px;
	margin:8px 0px;
}

.glassBtn3P{
	color:#003;
	font-size:13px;
	line-height:18px;
	margin:8px 10px;
}


.glassBtn1:hover, .glassBtn2:hover, .glassBtn3:hover, .glassBtnRed:hover,.glassBtnRed2:hover{background-position:right;}

.glassBtn2{
	background-image:url(../images/glassBtn170-02.png);
}

.glassBtn3{
	background-image:url(../images/glassBtn170-03.png);
}


#main{
	float:left;
	width:530px;
	min-height:400px;
	background-color:#fff;
	padding:0 5px 0 5px;
}

#main .h0{
	font-size:18px;
	color:#223C7D;
	margin:0px 0px 0px 10px;
	padding:5px 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;	
} 

#main h1{
	font-size:20px;
	color:#223C7D;
	margin:0 0 10px 0;
}

#main h2{
	font-size:14px;
	color:#223C7D;
	margin:0 0 5px 0;
}

#main h3{
	font-size:12px;
	color:#666;
	margin:0 0 5px 0;
	font-weight:bold;
}

#main h4{
	font-size:12px;
	color:#223C7D;
	margin:10px 0 5px 0;
	padding:10px 0 0 0;
	font-weight:bold;
	border-top:solid #CCCCCC 1px;
}

#main h6{
	font-size:20px;
	color:#223C7D;
	margin:0 0 10px 0;
	font-weight:bold;
}

#main p, #main ol, #main ul, #main td{
	font-size:11px;
	color:#333;
	margin:0 0 10px 0;
	list-style-position:outside;
}

#main a{
	color:#223C7D;
	font-size:11px;
	font-weight:bolder;
}

#main a:hover{
	color:#CC0000;
}

#main ol, #main ul{margin-left:20px;}

#main hr{
	background-color:#999999;
	margin:10px 0px 10px 0px;
	_margin: 5px 0; /* IE 6 and below */
}

#main hr.between{
	width:510px; 
	background-color:#999999;
	margin:10px 10px 10px 10px;
	_margin: 5px 0; /* IE 6 and below */
}


#main th{
	font-size:12px;
	text-align:left;
	font-weight:bold;
	color:#666;
}

#main td{
	height:25px;
}

#main .intro{
	font-weight:bolder;
}

#main form h3{
	font-size:9px;
	color:#666;
	margin:10px 0 5px 0;
	font-weight:bold;
}

#rightColom{
	float:right;
	width:190px;
	padding:5px 5px 0 5px;
	_padding: 0px; /* IE 6 and below */
	color:#fff;
	display: inline;
	background-color:#b2b2b2;
}

#rightColom p, #rightColom a{
	margin: 0px 0 5px 0;
	_margin: 0px 0 0 5px; /* IE 6 and below */
	font-size: 11px;
}

#rightColom a{
	color:#006;
}

#rightColom a:hover{
	color:#C00;
}

div#rightColom hr{
	margin:10px 0px 10px 0;
	_margin: 5px 0; /* IE 6 and below */
	background-color:#fff;

}

#rightColom h1{
	font-size:14px;
	margin:0 0 5px 0;
}

#rightColom h2{
	font-size:12px;
	font-weight:bold;
	margin:10px 0 5px 0;
}

#rightColom li{
	
	font-size:11px;
	margin:0 10px 10px 20px;
	list-style-position:outside;
}

div#rightColomWhite{
	float:right;
	padding:5px 5px 0 5px;
	_padding: 0px; /* IE 6 and below */
	color:#666;
	display: inline;
	width:190px;
}

	
#rightColomWhite p, #rightColomWhite a{
	margin: 0px 0 5px 0;
	_margin: 0px 0 0 5px; /* IE 6 and below */
	font-size: 11px;
}

#rightColomWhite a{
	color:#006;
}

#rightColomWhite a:hover{
	color:#C00;
}

#rightColomWhite hr{
	margin:10px 0px 10px 0;
	background-color:#CCC;
	_margin: 5px 0; /* IE 6 and below */

}

#rightColomWhite h1{
	font-size:14px;
	margin:0 0 5px 0;
}

#rightColomWhite h2{
	font-size:12px;
	font-weight:bold;
	margin:10px 0 5px 0;
}

#rightColomWhite li{
	
	font-size:11px;
	margin:0 10px 10px 20px;
	list-style-position:outside;
}

#footer{
	position:relative;
	clear:both;
	width:100%;
	height:25px;
	background-color:#223C7D;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #fff;	
}

#footer p{
	text-align:center;
	color:#FFF;
	line-height:25px;
	font-size:10px;
}

#smeltTxt{
	width:508px;
	margin:0 0 5px  0;
	background-color:#eee;
	padding:5px 10px;
	border: 1px solid #CCCCCC;	
}

#smeltTxtBottom{
	width:100%;
	height:5px;
	background-color:#FFCC00;
}

#smeltTxt h1{
	color:#223C7D;
	
}

#smeltTxt h2{
	color:#223C7D;	
	font-size:16px;
}

#smeltTxt p{
	margin:10px 0 10px 0;
}

.clear{
	clear:both;
}

.fivepixels{
	width:5px;
	height:5px;
	font-size:0px;
}

.ttl{
	float:left; 
	font-size:14px; 
	color:#039; 
	font-weight:bold; 
	line-height:18px; 
	margin:0 5px 0 0;
}


table.mensen {
	margin-bottom: 20px;
	font-size:12px;
}

table.mensen th {
	font-weight: bold;
	text-align: left;
	padding: 0 0 8px 0;
	border-bottom: 1px solid #b9c2d2;
}

table.mensen td {
	text-align: left;
	vertical-align: top;
	padding: 3px 3px 3px 0;
	border-bottom: 1px solid #b9c2d2;
}

table.mensen tr.off {
	background: none;
}

table.mensen tr.on {
	background: #e5e5e5;
	cursor: pointer;
}

table.mensen td a {
	text-decoration: none;
	vertical-align: top;
	padding: 3px 0;
}


#trainingresultaten a {
    display: block;
    height: 40px;
	line-height:40px;
	border-top:solid #CCC 1px;
}

#trainingresultaten a:hover {
    display: block;
    background-color: #FFC000;
}

.halfBtn{
	width:200px; 
	height:60px;
	background-image:url(../images/halfBtn.png);
	background-position:left;
	margin:10px auto; 
	text-align:center;
	cursor:pointer;
}

.halfBtn:hover{
	background-position:right;
}

.halfBtn td, .halfBtn table, .halfBtn tr{
	height:100%;
	vertical-align:middle;	
	text-align:center;
	border:none;
	color:#223C7D!important;
	font-weight:bold;
}

.halfBtn td:hover{
	color:#fff!important;
}

div#mysmeltnew input {
    display: inline;
    font-size: 10px;
    width: 160px;
    margin: 0 0 5px 0;
    padding: 0;    
}

div#mysmeltnew input.small {
    display: inline;
    font-size: 10px;
    width: 60px;
    margin: 0 0 5px 0;
    padding: 0;    
}

div#mysmeltnew span {
    color: #CC0000;
}

div#mysmeltnew input.button {
    display: block;
    margin: 15px 0 10px 0;
    width: auto;
}

table.noBorders td, table.noBorders tr{
	border:none;

	padding: 5px 0;
}

.full, .half, .halfRight, .halfLeft{
	width:510px;
	padding:10px 10px 10px 10px;
}

.halfCont{
	padding:0px;
	margin:0px;
	width:100%;
	float:left;
	background-image:url(../images/halfCont.jpg);
}

.half, .halfRight, .halfLeft{
	width:240px;
	float:left;
}

.halfRight{
	background-color:#eeeeee;
}


p#trainingreactie {
    line-height: 16px;
}
p#trainingreactie span {
	padding: 0 1px 0 3px;
    color: #f00;
}
p#trainingreactie textarea {
    width: 190px;
}
p#trainingreactie input {
    width: 120px;
    margin: 0 0 10px 0;
}
p#trainingreactie input.radio {
    width: 20px;
    float: none;
    margin: 10px 0 0 0;
}

div#bereikbaarheid {
	margin-top: 15px;
	padding: 6px;
	border: 1px solid #b9c2d2;
	background-image:url(../images/bereikbaarheid.jpg)
}

table#vacaturereactie {
	border:#FFFFFF 1px solid;
}

table#vacaturesendfriend {
	border:#FFFFFF 1px solid;
}

table#vacaturereactie td, table#vacaturesendfriend td {
	color:#FFFFFF;
	font-size:11px;
	border:none;
}
table#vacaturereactie span {
	padding: 0 1px 0 3px;
    color: #f00;
}
table#vacaturereactie textarea {
    width: 190px;
}
table#vacaturereactie input {
    float: right;
    width: 120px;
}
table#vacaturereactie input.file {
    width: 190px;
    float: left;
}

div#bereikbaarheid h3 {
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
	border-bottom:solid 1px #CCC;
}

div#bereikbaarheid p {
	margin: 0;
	padding: 0;
}

.rightBtn{
	width:190px; 
	height:60px;
	background-image:url(../images/rightBtn.png);
	background-position:left;
	margin:10px auto; 
	text-align:center;
	cursor:pointer;
}

.rightBtn:hover{
	background-position:right;
}

.rightBtn td, .rightBtn table, .rightBtn tr{
	height:100%;
	vertical-align:middle;	
	text-align:center;
	border:none;
	color:#223C7D!important;
	font-weight:bold;
	font-size:12px;
}

.rightBtn td:hover{
	color:#fff!important;
}

.inschrijven th {
}
.inschrijven td {
    border: 0px;
    line-height: 24px;
    padding: 0px;
    padding-left: 5px;
}
#main label {
    font-size: 11px;
}
#voorwaarden {
     display:none;
     position:absolute;
     float: right;
     left: 180px;
     top: 400px;
     padding-left: 10px;
     padding-right: 10px;
     background-color: white;
     border: 2px solid gray;
     width: 500px;
}

#TDBanner{
	position:relative;
	margin:5px 0 5px 0;
	_margin:5px 0 5px 5px; /* IE 6 and below */
	padding:5px 10px;
	color:#FFF;
	font-size:10px;
	height:124px;
	width:170px;
	clear:both;
	background-image:url(../images/TD-banner-03.png);
	background-repeat:no-repeat;
}

#TDBtn{
	position:absolute;
	bottom:12px;
	left:5px;
	
	font-size:10px;
	height:47px;
	width:181px;
	clear:both;
	background-image:url(../images/TD-banner-01.png);
	background-position:left;
	background-repeat:no-repeat;
	cursor:pointer;
	text-align:center;
    color:#030;
    font-weight:bold;
    font-size:20px;
    line-height:47px;	
}

#TDBtn:hover{
	background-position:right;
}

#ISBanner{
	position:relative;
	margin:5px 0 5px 0;
	_margin:5px 0 5px 5px; /* IE 6 and below */
	padding:5px 10px;
	color:#FFF;
	font-size:10px;
	height:124px;
	width:170px;
	clear:both;
	background-image:url(../images/InterimServicesBanner.png);
	background-repeat:no-repeat;
}

#ISBtn{
	position:absolute;
	bottom:25px;
	left:33px;
	
	font-size:10px;
	height:31px;
	width:128px;
	clear:both;
	background-image:url(../images/InterimServicesBannerBtn.png);
	background-position:left;
	background-repeat:no-repeat;
	cursor:pointer;
	text-align:center;
    color:#fff;
    font-weight:bold;
    font-size:20px;
    line-height:31px;	
}

#ISBtn:hover{
	background-position:right;
}