/***********************************/
/************             **********/
/* --------- Global style ---------*/
/************             **********/
/***********************************/

*, body, html{padding:0px;margin:0px;}

td {padding:1px}

dl,dt,dd,ul,ol,li,pre,form,fieldset,input,blockquote,img,h1,h2,h3,h4,h4,h5 {margin:0;padding:0;}

fieldset,img {border:0;}

.fl {float:left;}

.fr {float:right;}

.cl {clear:both; height:0; overflow:hidden;}

.block { display:block;}

.none { display:none;}

hr {height:1px; border:solid 1px #333; overflow:hidden; margin:10px; background:#333; display:block;}



.clear:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}

*html .clear{height:1%;}

.clear{display:block;}



/*ol,ul,dl {list-style:none;}*/

body{
	font-family:Trebuchet MS;
	background-color:#000000;
	
	font-size:13px;
	color:#FFFFFF;
}

input {font-family:Trebuchet MS;color:#402A76;}

.embedded input {color:black;}

.bg1{background-image: url(http://stoersteopleiding.nl/img/bg.jpg);
	background-repeat:no-repeat;
	background-position: center top;
	}
.bg2{background-image: url(http://stoersteopleiding.nl/img/bg2.jpg);
	background-repeat:no-repeat;
	background-position: center top;
	}
/***********************************/
/************             **********/
/* --------- Link   style ---------*/
/************             **********/
/***********************************/

a:link,a:visited { text-decoration:none; color:#DB8C20}

a:hover,a:active { text-decoration:underline; color:#DB8C20}
.embedded a {color:#F66003;}
a.all:link, a.all:visited{color:#716A89; text-decoration:none}
a.all:hover{color:#DB8C20; text-decoration:none}

a.black:link, a.black:visited{color:#1A1A1A; text-decoration:none}
a.black:hover{color:#1A1A1A; text-decoration:underline}


a.red1:link, a.red1:visited{color:#FF0000; text-decoration:none}
a.red1:hover{color:#FF0000; text-decoration:underline}


.actief a {color:white;}


/***********************************/
/************             **********/
/* --------- Font   style ---------*/
/************             **********/
/***********************************/

h1 {font-size:36px;color:#DB8C20; line-height:48px}

.embedded h1 {color:#F66003;}

h2 {margin-top:10px;}

h3 {font-size:12px;color:#DB8C20; font-weight:bold; line-height:20px }

h4 {}

h5 {}

/***********************************/
/************             **********/
/* --------- Main   style ---------*/
/************             **********/
/***********************************/
#page{width:1007px; margin:0 auto; padding:0 auto; position: relative;}
#top{width:1007px;height:24px;background-image:url(http://stoersteopleiding.nl/img/top1.png);background-repeat: no-repeat;text-align:center}
#top1{width:940px; height:24px;  background-image:url(http://stoersteopleiding.nl/img/top1.jpg); background-repeat:no-repeat; background-position:center top; margin:0 auto; padding:0 auto}
#top2{width:940px; height:24px;  background-image:url(http://stoersteopleiding.nl/img/top2.jpg); background-repeat:no-repeat; background-position:center top; margin:0 auto; padding:0 auto}
#shadowt{width:1007px;height:42px; background-image:url(http://stoersteopleiding.nl/img/t_top.png); background-repeat:repeat-y; }
#shadow{width:1007px;height:100%; background-image:url(http://stoersteopleiding.nl/img/s_top1.png); background-repeat:repeat-y; }
#homebg{width:940px;   background-image:url(http://stoersteopleiding.nl/img/index.jpg); background-repeat:no-repeat; background-position:center top; margin:0 auto; padding:0 auto}
#homebg1{width:940px;    margin:0 auto; padding:0 auto; background-color:#000000; }
#title{padding-top:300px; text-align:center; color:#DB8C20; font-size:48px;}
#subtitle{width:604px; margin:0 auto; padding:0 auto; font-size:13px; text-align:center; color:#FFFFFF; font-weight:bold}
#middle{width:868px; height:117px; margin-top:33px; margin-left:32px;}
.d1{width:222px;height:117px;background-image:url(http://stoersteopleiding.nl/img/d1.png);background-repeat:no-repeat;float:left;}
.dt1{padding:26px 0 0 100px; width:120px; float:left; text-align:center; position:absolute; font-weight:bold;line-height:15px}
.d2{width:211px;height:117px;background-image:url(http://stoersteopleiding.nl/img/d2.png);background-repeat:no-repeat;float:left;}
.dt2{padding:26px 0 0 10px; width:200px; float:left; text-align:center; position:absolute; font-weight:bold;line-height:15px}
.d3{width:214px; height:117px; background-image:url(http://stoersteopleiding.nl/img/d3.png); background-repeat:no-repeat;float:left;}
.dt3{padding:26px 0 0 90px; width:120px; float:left; text-align:center; position:absolute; font-weight:bold; line-height:15px}
.d4{width:221px; height:117px; background-image:url(http://stoersteopleiding.nl/img/d4.png); background-repeat:no-repeat;float:left;}
#bottom{width:940px;height:90px;float:left; background-color:#000000;margin:0 auto; padding:0 auto;}
.logo1{padding:35px 0 0 250px;float:left;}
.logo2{padding:35px 0 0 30px;float:left}
.logo3{padding:35px 0 0 20px;float:left}
.bt1{border: none; background-image:url(http://stoersteopleiding.nl/img/bt1.png); color:#402A76; width:89px; height:24px; background-repeat:no-repeat; cursor:pointer; background-color:#000000; font-size:11px; font-weight:bold; padding-bottom:4px !important;padding-bottom:0px}
.bt2{border: none; background-image:url(http://stoersteopleiding.nl/img/bt2.png); color:#402A76; width:45px; height:24px; background-repeat:no-repeat; cursor:pointer; background-color:#000000; font-size:11px; font-weight:bold; padding-bottom:4px !important;padding-bottom:0px}
#input1{clear:both;width:99px; height:24px; background-image:url(http://stoersteopleiding.nl/img/input1.png); background-repeat:no-repeat; float:left;margin-left:18px!important;margin-left:10px}
.input1{width:80px;float:left;height:17px;border-top:0px; border-left:0px;border-right:0px; position:relative;margin-top:2px;line-height:15px; font-size:12px;padding-top:2px; margin-left:6px !important;margin-left:0px}
#vind{float:left; width:45px; height:24px;  margin-left:10px!important; margin-left:4px; font-size:12px}
#bt3{width:200px; height:24px;padding-top:5px}
#kennismakingsdagenknop{padding-left:0px; cursor:pointer; background-image:url(http://stoersteopleiding.nl/img/bt4.jpg); background-repeat:no-repeat; width:200px; height:20px;background-position:2px 0px}

#shadowt,
#top,
#shadow
{
  position: relative;
  top: 0;
  left: 0;
  z-index: 0;
}

/***********************************/
/************             **********/
/* --------- Menu   style ---------*/
/************             **********/
/***********************************/
#menudiv{width:1007px; margin:0 auto; padding:0 auto; position:relative; z-index:90}
#menubg{position:absolute;z-index:91; left:64px}
#menu{width:216px; background-image:url(http://stoersteopleiding.nl/img/topbg.png); background-repeat:repeat-y;}
#menu ul{padding:16px 0 0 0; margin:0;list-style:none;}
#menu ul li{height:20px; background-image:url(http://stoersteopleiding.nl/img/topselect.png); background-position:center;font-size:13p; font-weight:bold; text-align:center; background-repeat:no-repeat}
#menu ul li a,#menu ul li a:visited{ position:relative; z-index:102 }
#menu ul li a:hover{color:#FFFFFF; text-decoration:none}
#menulogo{width:216px;height:214px; float:left}
/***********************************/
/************             **********/
/* --------- Nav   style ---------*/
/************             **********/
/***********************************/
#navdiv{width:1007px; margin:0 auto; padding:0 auto; position:relative; z-index:110}
#nav{position:absolute;margin-top:-100px;width:200px;display:none;text-align: left;}
#navtop{width:160px; height:43px; background-image:url(http://stoersteopleiding.nl/img/navtop.png);background-repeat:no-repeat;text-align:center; font-size:13px; font-weight:bold; padding:8px 20px 0px 20px}
#navbottom{position:absolute;width:200px;height:23px;background-image:url(http://stoersteopleiding.nl/img/navbottom.jpg);background-repeat:no-repeat;font-size:11px;color:#716A89;text-align:center;display:block;background-position: 1px 0px;line-height:22px}
#nav ul{padding:0; margin:0px}
#nav ul li{width:200px; background-image:url(http://stoersteopleiding.nl/img/navbg.jpg);font-size:11px;line-height:20px; background-repeat:no-repeat;  text-align:center; position:relative;background-position: 1px 0px; }
/***********************************/
/************             **********/
/* ------- content    style -------*/
/************             **********/
/***********************************/
#con_left{width:214px; padding-left:22px;padding-top:214px;float:left}
.d31{width:207px; height:117px; background-image:url(http://stoersteopleiding.nl/img/d31.png); background-repeat:no-repeat;float:left;}
.dt31{padding:26px 0 0 86px; width:114px; float:left; text-align:center; position:absolute; font-weight:bold; line-height:15px}
.d41{width:198px; height:3px; background-image:url(http://stoersteopleiding.nl/img/d41.png); background-repeat:no-repeat;float:left; margin-top:10px; padding-left:9px; padding-top:11px!important; padding-top:0px}
#d42{width:198px; height:100%;  background-image:url(http://stoersteopleiding.nl/img/d42.png); background-repeat:no-repeat;float:left; padding-left:9px;}
#con_left p{font-size:13px; line-height:20px; padding-left:36px;}
#con_bg{ background-color:#000000;float:left;background-image:url(http://stoersteopleiding.nl/img/index1.jpg); background-repeat:no-repeat; background-position:center top; width:100%;}
#con_right{width:630px;float:left; padding:120px 0 0 34px;}
#con_right p{font-size:12px; line-height:18px; }
#input2{clear:both;width:99px; height:24px; background-image:url(http://stoersteopleiding.nl/img/input1.png); background-repeat:no-repeat; float:left;}
.input2{width:80px;float:left;height:17px;border-top:0px; border-left:0px;border-right:0px; position:relative;margin-top:2px;line-height:15px; font-size:12px;padding-top:2px;color:#B7B4C1; margin-left:6px !important;margin-left:8px}
#top10{padding-top:10px}
.glay{font-size:12px; color:#B7B4C1}
.w150{width:150px; float:left}
.w165{width:165px; float:left}
.p20{padding-left:20px}
.h24{height:24px;}

#test{
	width:100%;
	/*height:318px;*/
	/*background-image:url(http://stoersteopleiding.nl/img/testbg.jpg);*/
	background-repeat:no-repeat;
	float:left;
	background-color:#000000;
	background-position: center top;
}

.embedded {
    background-color:transparent;
}

#formulier input[type="text"], #formulier input[type="select"], #formulier select {
    border:1px solid #241252;
    -webkit-border-radius: 3px; 
	-moz-border-radius: 3px;
    background-color:#070213;
    color:white;
    height:20px;
}

.embedded #formulier input[type="text"], .embedded #formulier input[type="select"], .embedded #formulier select {
    border:1px solid #272725;
    background-color:#1A1B13;
    color:#D9D9CA;
}

#formulier tr {height:30px;}

.geenborderboven {border-width:0 1px 1px 1px; border-color: black #251253 #1c0d3e #251253; border-style:solid;padding:2px 6px;}
.borderonder {border-bottom:1px solid #1c0d3e;padding:2px 6px; }


/* --- roc finder --*/
.embedded div.searchpc, .embedded div.searchuitstroom {
    float:left;
}
.embedded div.searchpc {
    width:100px;
}
.embedded div.searchuitstroom {
    width:300px;
}








 ul#tabnav, ul#subtabnav { /* general settings */
	text-align: left; /* set to left, right or center */
	margin: 1em 0 1em 0; /* set margins as desired */
	/*font-size: 11px; */ /* set font as desired */
	border-bottom: 1px solid #DB8C20; /* set border COLOR as desired */
	list-style-type: none;
	padding: 3px 4px 4px 2px; /* THIRD number must change with respect to padding-top (X) below */
	line-height:normal;
}
ul#tabnav {border-bottom:1px solid #DB8C20;}

ul#tabnav li, ul#subtabnav li { /* do not change */
    display: inline;
    line-height:normal;
}

ul#tabnav li.actievetab, ul#subtabnav li.actievetab { /* settings for selected tab */
    border-bottom: 1px solid black; /* set border color to page background color */
    background-color: black; /* set background color to match above border color */
}

ul#tabnav li.actievetab a, ul#subtabnav li.actievetab a { /* settings for selected tab link */
    background-color: black;; /* set selected tab background color as desired */
    color: white; /* set selected tab link color as desired */
    position: relative;
    top: 1px;
    padding-top: 4px; /* must change with respect to padding (X) above and below */
}

ul#tabnav li.actievetab {color:#DB8C20;}

ul#tabnav li a, ul#subtabnav li a  { /* settings for all tab links */
    padding: 4px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
    border: 1px solid #DB8C20; /* set border COLOR as desired; usually matches border color specified in #tabnav */
    background-color: black; /* set unselected tab background color as desired */
    color: #DB8C20; /* set unselected tab link color as desired */
    margin-right: 0px; /* set additional spacing between tabs as desired */
    text-decoration: none;
    border-bottom: none;
}

ul#tabnav li a {color:#DB8C20; border-color: #DB8C20}

ul#subtabnav li a {
    background-color: black;
}

ul#tabnav a:hover, ul#subtabnav a:hover { /* settings for hover effect */
    color: white;
}

ul#tabnav a {color:#DB8C20;}

















.embedded ul#tabnav, .embedded ul#subtabnav { /* general settings */
	text-align: left; /* set to left, right or center */
	margin: 1em 0 1em 0; /* set margins as desired */
	/*font-size: 11px; */ /* set font as desired */
	border-bottom: 1px solid #DB8C20; /* set border COLOR as desired */
	list-style-type: none;
	padding: 3px 4px 4px 2px; /* THIRD number must change with respect to padding-top (X) below */
	line-height:normal;
}
.embedded ul#tabnav {border-bottom:1px solid #F66003;}

.embedded ul#tabnav li, .embedded ul#subtabnav li { /* do not change */
    display: inline;
    line-height:normal;
}

.embedded ul#tabnav li.actievetab, .embedded ul#subtabnav li.actievetab { /* settings for selected tab */
    border-bottom: 1px solid black; /* set border color to page background color */
    background-color: black; /* set background color to match above border color */
}

.embedded ul#tabnav li.actievetab a, .embedded ul#subtabnav li.actievetab a { /* settings for selected tab link */
    background-color: black;; /* set selected tab background color as desired */
    color: white; /* set selected tab link color as desired */
    position: relative;
    top: 1px;
    padding-top: 4px; /* must change with respect to padding (X) above and below */
}

.embedded ul#tabnav li.actievetab {color:#F66003;}

.embedded ul#tabnav li a, .embedded ul#subtabnav li a  { /* settings for all tab links */
    padding: 4px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
    border: 1px solid #DB8C20; /* set border COLOR as desired; usually matches border color specified in #tabnav */
    background-color: black; /* set unselected tab background color as desired */
    color: #DB8C20; /* set unselected tab link color as desired */
    margin-right: 0px; /* set additional spacing between tabs as desired */
    text-decoration: none;
    border-bottom: none;
}

.embedded ul#tabnav li a {color:#F66003; border-color: #F66003}

.embedded ul#subtabnav li a {
    background-color: black;
}

.embedded ul#tabnav a:hover, .embedded ul#subtabnav a:hover { /* settings for hover effect */
    color: #DB8C20;
}

.embedded ul#tabnav a {color:#F66003;}