html {
height:100%;
overflow-y: scroll;
}

body {
height: 100%;
background-image: url(layout_img/body_bg.jpg);
background-attachment: fixed;
background-color: #FFFFFF;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right:0px;
}

hr {
border: none 0;
border-top: 2px dotted #cc0100;
height: 2px;
margin-top: 4px;
margin-bottom: 8px;
margin-left: 0;
text-align: left;
}

a {
border:none;
outline:none;
cursor: pointer;
}

a img {
border:none;
outline:none;
}

.main {
height: 100%;
background-color: #FFFFFF;
margin:0px auto;
width: 800px;
}

.button a{
color: #042a41;
font-weight: bold;
font-size:14px;
text-decoration: none;
font-family:verdana;
}

.button:hover{
background-image: url(layout_img/b_a_bg.jpg);
}

.button a:hover{
color: #ad272d;
}

.button {
height: 24px;
width: 125px;
text-align:center;
background-color:#CCCCCC;
background-image: url(layout_img/b_bg.jpg);
display:block;
margin-right: 8px;
float: left;
padding-top: 8px;
font-style:normal;
font-variant:normal;
font-weight:800;
line-height:normal;
text-decoration:none;
}

.button_faq {
position:relative;
font-family: arial, verdana, helvetica, sans-serif;
background-image: url(layout_img/b_faq.jpg);
background-repeat: no-repeat;
margin-top: 2px;
margin-left: -1px;
float: left;
width: 25px;
height: 25px;
}

/*.button_faq:hover {
position:relative;
font-family: arial, verdana, helvetica, sans-serif;
background-image: url(layout_img/b_faq_over.jpg);
background-repeat: no-repeat;
margin-top: 2px;
margin-left: -1px;
float: left;
display: block;
width: 25px;
height: 25px;
}*/

.header {
width: 800px;
height: 127px;
background-image:url(layout_img/logo_bg.jpg);
background-color: #10446d;
padding-top: 31px;
}

.nav {
margin-top: 95px;
width: 800px;
height: 32px;
padding: 0px;
list-style: none;
}

.content_main {
background-color: #FFFFFF;
}

.dst_logo {
width: 646px;
height: 65px;
margin-left: 75px;
background-image: url(layout_img/DST_logo.png);
background-repeat: no-repeat;
}

.gradient_left {
background-image:url(layout_img/gradient_left.png);
background-repeat: repeat-y;
margin:0px auto;
width: 14px;
height: auto;
float: left;
}
.gradient_right {
background-image:url(layout_img/gradient_right.png);
background-repeat: repeat-y;
margin:0px auto;
height: auto;
width: 14px;
float: right;
}

.nest {
margin:0px auto;
width: 828px;
height: auto;
/*border: red 1px solid;*/
display: block;
background-image: url(layout_img/gradient_all.png);
background-repeat:repeat-y;
}

.content {
color: #0a446e;
font-family:Verdana, Arial, Helvetica, sans-serif;
height: auto;
width: 765px;
margin-left: 6px;
padding: 14px;
font-size: 12px;
}

.content a {
font-weight: bold;
text-decoration: none;
color: #7b0c0f;
}

.content a:hover {
font-weight: bold;
text-decoration: none;
color: #CC0000;
}

.title {
width: 100%;
margin-bottom: 10px;
font-size: 14px;
font-weight: bold;
display: block;
}

.h_functions {
float: right;
padding-right: 4px;
padding-top: 2px;
margin-left: 4px;
background-image:url(layout_img/l_contact.jpg);
background-repeat:no-repeat;
}

.title_sub {
width: 300px;
margin-bottom: 10px;
margin-top: 12px;
font-size: 14px;
font-weight: bold;
display: block;
}

.img_medium_l {
background-color: #ebebeb;
float:left;
margin:5px 12px 5px 0;
padding:8px;
text-align:center;
}

.img_medium_r {
background-color: #ebebeb;
float:right;
margin:5px 0 5px 12px;
padding:8px;
text-align:center;
}

.arrow_down {
float:left;
padding-right: 4px;
padding-top: 6px;
}

.arrow_up {
float: left;
padding-right: 6px;
padding-top: 6px;
}

.title_dot {
float: left;
padding-right: 6px;
padding-top: 6px;
}

.title_dot2 {
float: left;
padding-right: 8px;
padding-top: 6px;
}

.title_dot_quote {
padding-right: 6px;
padding-bottom: 2px;
}


.footer {
height: 22px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #033559;
background-color:#FFFFFF;
text-align: right;
padding-right: 14px;
}

.footer_hit {
height: 10px;
width: 5px;
background-color:#FF0000;
}

.top_img_profiel {
width: 800px;
height: 191px;
padding: 0px;
padding-top: 9px;
margin: 0px;
background-image:url(images/top/skyline.jpg);
}

.top_img_home {
width: 800px;
height: 191px;
padding: 0px;
padding-top: 9px;
margin: 0px;
background-image: url(images/top/skyline_dh_tb.jpg);
}

.top_img_denhaag {
width: 800px;
height: 341px;
padding: 0px;
padding-top: 9px;
margin: 0px;
background-image: url(images/top/locatie_denhaag2.jpg);
}

.top_img_tilburg {
width: 800px;
height: 341px;
padding: 0px;
padding-top: 9px;
margin: 0px;
background-image: url(images/top/locatie_tilburg.jpg);
}

.top_img_vacatures {
width: 800px;
height: 191px;
padding: 0px;
padding-top: 9px;
margin: 0px;
background-image: url(images/top/vacatures.jpg);
}

.top_img_trainingen {
width: 800px;
height: 191px;
padding: 0px;
padding-top: 9px;
margin: 0px;
background-image: url(images/top/trainingen.jpg);
}

.top_img_logo {
width: 800px;
height: 191px;
padding: 0px;
padding-top: 9px;
margin: 0px;
background-image: url(images/top/dst_bord.jpg);
}


.top_area_nest {
width: 148px;
float: right;
margin-right: 15px;
}

.top_area_nest_l {
width: 148px;
float: left;
margin-left: 15px;
}


.top_area_shadow {
background-image: url(layout_img/bg_area_top.png);
float: right;
margin-top: 6px;
padding: 2px;
}

.top_area_shadow_l {
background-image: url(layout_img/bg_area_top.png);
float: left;
margin-top: 6px;
padding: 2px;
}

.top_area {
float:right;
text-align: left;
width: 145px;
padding: 11px;
padding-top: 8px;
background-color: #FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #0a446e;
font-size:13px;
padding-bottom: 1px;
}

.top_area_l{
float: left;
text-align: left;
width: 145px;
padding: 11px;
padding-top: 8px;
background-color: #FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #0a446e;
font-size:13px;
padding-bottom: 1px;
}

.top_area a{
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #0a446e;
font-size:13px;
text-decoration: none;
}

.top_area_l a{
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #0a446e;
font-size:13px;
text-decoration: none;
}

.top_area a:hover {
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #cc0100;
font-size:13px;
text-decoration: none;
}

.top_area_l a:hover {
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #cc0100;
font-size:13px;
text-decoration: none;
}

.top_area b{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color: #0a446e;
}

.top_area_l b{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color: #0a446e;
}

.sublink {
width: 100%;
margin-bottom: 10px;
font-size: 12px;
display: block;
}

.sublink_regel2 {
width: 100%;
margin-bottom: 10px;
padding-left: 11px;
padding-top: 1px;
font-size: 12px;
display: block;
}

.sublink_arrow {
float: left;
padding-right: 6px;
padding-top: 0px;
color: #cc0100;
}

.dotted {
height: 2px; 
width: 100%;
background-image: url(layout_img/dotted_line.jpg);
margin-top: 6px;
margin-bottom: 8px;
}

.top_img_line {
background-color:#ae272d;
height: 3px;
width: 100%;
vertical-align:bottom;
}

.img_pers1 {
width: 800px;
height: 200px;
padding: 0px;
margin: 0px;
margin-bottom: 0px;
background-image: url(images/pers/sat/pers_sat05.jpg);
position: relative;
}

.img_pers2 {
width: 800px;
height: 200px;
padding: 0px;
margin: 0px;
margin-bottom: 0px;
background-image: url(images/pers/sat/pers_sat16.jpg);
position: relative; 
}

.img_pers3 {
width: 800px;
height: 200px;
padding: 0px;
padding-top: 0px;
margin: 0px;
margin-bottom: 0px;
background-image: url(images/pers/sat/pers_sat06.jpg);
position: relative; 
}

.img_pers4 {
width: 800px;
height: 200px;
padding: 0px;
padding-top: 0px;
margin: 0px;
margin-bottom: 0px;
background-image: url(images/pers/sat/pers_sat11.jpg);
position: relative; 
}

.img_pers5 {
width: 800px;
height: 200px;
padding: 0px;
padding-top: 0px;
margin: 0px;
margin-bottom: 0px;
background-image: url(images/pers/sat/pers_sat02.jpg);
position: relative; 
}

.img_pers6 {
width: 800px;
height: 200px;
padding: 0px;
padding-top: 0px;
margin: 0px;
margin-bottom: 0px;
background-image: url(images/pers/sat/pers_sat10.jpg);
position: relative; 
}

.img_pers7 {
width: 800px;
height: 200px;
padding: 0px;
padding-top: 0px;
margin: 0px;
margin-bottom: 0px;
background-image: url(images/pers/sat/pers_sat03.jpg);
position: relative; 
}

.img_pers8 {
width: 800px;
height: 200px;
padding: 0px;
padding-top: 0px;
margin: 0px;
margin-bottom: 0px;
background-image: url(images/pers/sat/pers_sat01.jpg);
position: relative; 
}

.quote {
width: 200px;
height: 68px;
overflow:hidden;
margin-bottom: 10px;
font-size: 13px;
font-family:Verdana, Arial, Helvetica, sans-serif;
display: block;
float: left;
margin-left: 50px;
margin-right: 15px;
margin-top: 57px;
color: #FFFFFF;
text-align: center;
}


.quote_l_2regels {
width: 420px;
height: 49px;
overflow:hidden;
font-size: 13px;
font-family:Verdana, Arial, Helvetica, sans-serif;
display: block;
float: left;
margin-left: 30px;
margin-right: 30px;
padding-top: 76px;
color: #FFFFFF;
text-align: center;
overflow:hidden;
}

.quote_l_3regels {
width: 420px;
height: 65px;
overflow:hidden;
font-size: 13px;
font-family:Verdana, Arial, Helvetica, sans-serif;
display: block;
float: left;
margin-left: 30px;
margin-right: 30px;
padding-top: 68px;
color: #FFFFFF;
text-align: center;
overflow:hidden;
}

.quote_l_4regels {
width: 420px;
height: 81px;
overflow:hidden;
font-size: 13px;
font-family:Verdana, Arial, Helvetica, sans-serif;
display: block;
float: left;
margin-left: 30px;
margin-right: 30px;
padding-top: 60px;
color: #FFFFFF;
text-align: center;
overflow:hidden;
}

.quote_l_5regels {
width: 420px;
height: 97px;
overflow:hidden;
font-size: 13px;
font-family:Verdana, Arial, Helvetica, sans-serif;
display: block;
float: left;
margin-left: 30px;
margin-right: 30px;
padding-top: 52px;
color: #FFFFFF;
text-align: center;
overflow:hidden;
}

.quote_l_6regels {
width: 420px;
height: 113px;
overflow:hidden;
font-size: 13px;
font-family:Verdana, Arial, Helvetica, sans-serif;
display: block;
float: left;
margin-left: 30px;
margin-right: 30px;
padding-top: 44px;
color: #FFFFFF;
text-align: center;
overflow:hidden;
}

.quote_l_7regels {
width: 420px;
height: 129px;
overflow:hidden;
font-size: 13px;
font-family:Verdana, Arial, Helvetica, sans-serif;
display: block;
float: left;
margin-left: 30px;
margin-right: 30px;
padding-top: 36px;
color: #FFFFFF;
text-align: center;
overflow:hidden;
}

.quote_l_8regels {
width: 420px;
height: 145px;
overflow:hidden;
font-size: 13px;
font-family:Verdana, Arial, Helvetica, sans-serif;
display: block;
float: left;
margin-left: 30px;
margin-right: 30px;
padding-top: 28px;
color: #FFFFFF;
text-align: center;
overflow:hidden;
}

.quote_r_2regels {
width: 420px;
height: 49px;
overflow:hidden;
font-size: 13px;
font-family:Verdana, Arial, Helvetica, sans-serif;
display: block;
float: right;
margin-left: 30px;
margin-right: 30px;
padding-top: 76px;
color: #FFFFFF;
text-align: center;
overflow:hidden;
}

.quote_r_3regels {
width: 420px;
height: 65px;
overflow:hidden;
font-size: 13px;
font-family:Verdana, Arial, Helvetica, sans-serif;
display: block;
float: right;
margin-left: 30px;
margin-right: 30px;
padding-top: 68px;
color: #FFFFFF;
text-align: center;
overflow:hidden;
}

.quote_r_4regels {
width: 420px;
height: 81px;
overflow:hidden;
font-size: 13px;
font-family:Verdana, Arial, Helvetica, sans-serif;
display: block;
float: right;
margin-left: 30px;
margin-right: 30px;
padding-top: 60px;
color: #FFFFFF;
text-align: center;
overflow:hidden;
}

.quote_r_5regels {
width: 420px;
height: 97px;
overflow:hidden;
font-size: 13px;
font-family:Verdana, Arial, Helvetica, sans-serif;
display: block;
float: right;
margin-left: 30px;
margin-right: 30px;
padding-top: 52px;
color: #FFFFFF;
text-align: center;
overflow:hidden;
}

.quote_r_6regels {
width: 420px;
height: 113px;
overflow:hidden;
font-size: 13px;
font-family:Verdana, Arial, Helvetica, sans-serif;
display: block;
float: right;
margin-left: 30px;
margin-right: 30px;
padding-top: 44px;
color: #FFFFFF;
text-align: center;
overflow:hidden;
}

.quote_r_7regels {
width: 420px;
height: 129px;
overflow:hidden;
font-size: 13px;
font-family:Verdana, Arial, Helvetica, sans-serif;
display: block;
float: right;
margin-left: 30px;
margin-right: 30px;
padding-top: 36px;
color: #FFFFFF;
text-align: center;
overflow:hidden;
}

.quote_r_8regels {
width: 420px;
height: 145px;
overflow:hidden;
font-size: 13px;
font-family:Verdana, Arial, Helvetica, sans-serif;
display: block;
float: right;
margin-left: 30px;
margin-right: 30px;
padding-top: 28px;
color: #FFFFFF;
text-align: center;
overflow:hidden;
}


.quote_italic {
font-style: italic;
}

.quote_pers {
font-size: 14px;
font-weight: bold;
}

.top_img_line2 {
background-color:#CCCCCC;
height: 3px;
width: 100%;
vertical-align:bottom;
}


.vacatures_kop {
font-weight: bold;
margin-top: 18px;

}

.vacatures_titel {
font-weight: bold;
margin-top: 18px;
font-size:13px;
}

.content_main li {
list-style: square;
}

.mail a {
font-weight: bold;
text-decoration: none;
color: #CC0000;
}

.mail a:hover {
font-weight: bold;
text-decoration: none;
color: #7b0c0f
}

.content_solliciteren {
color: #0a446e;
font-family:Verdana, Arial, Helvetica, sans-serif;
height: auto;
padding: 14px;
font-size: 12px;
}

.content_solliciteren a {
font-weight: bold;
text-decoration: none;
color: #7b0c0f;
}

.content_solliciteren a:hover {
font-weight: bold;
text-decoration: none;
color: #CC0000;
}

.content_main_solliciteren {
background-color: #FFFFFF;
width: 400px;
}

.content_inschrijfformulier {
color: #0a446e;
font-family:Verdana, Arial, Helvetica, sans-serif;
height: auto;
padding: 14px;
font-size: 12px;
}

.content_inschrijfformulier a {
font-weight: bold;
text-decoration: none;
color: #7b0c0f;
}

.content_inschrijfformulier a:hover {
font-weight: bold;
text-decoration: none;
color: #CC0000;
}

.content_main_inschrijfformulier {
background-color: #FFFFFF;
width: 700px;
float:left;
}

.form_item {
width: 600px;
padding-top:16px;
}

.form_item_title {
width: 350px;
float:left;
}

.form_item_title2 {
width: 350px;
float:left;
}

.form_item_title3 {
width: 350px;
float:left;
}

.form_item_title4 {
width: 350px;
float:left;
}

.form_rechts {
display: inline;
width: 400px;
}
.form_rechts1 {
display: inline;
width: 80px;
padding-left: 350px;
}
.form_rechts2 {
display: inline;
width: 400px;
padding-left: 350px;
}

.form_submit {
display: inline;
background-color:#ae272d;
font:Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight:bold;
color: #ffffff;
border: 1px solid #ae272d;
padding-bottom: 2px;
padding-top: 2px;
outline: none;
}

.form_rechts input {
display: inline;
width: 212px;
}

.form_rechts textarea {
display: inline;
width: 212px;
}

.form_dag input {
width: 25px;
display: inline;
margin-right: 3px;
margin-left: 3px;
}

.form_maand input {
width: 25px;
display: inline;
margin-right: 3px;
margin-left: 3px;
}

.form_jaar input {
width: 44px;
display: inline;
margin-right: 3px;
margin-left: 3px;
}

.select_area {
font-size:13px;
font:Verdana, Arial, Helvetica, sans-serif;
width: 260px;
color: #0a446e;
}

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

.fp_kader1 {
background-color:#ffffff;
width: 332px;
height: 234px;
float: left;
margin: 6px;
margin-left: 0px;
margin-right: 12px;
padding: 8px;
border: 1px solid #e2e2e4;
background-image: url(layout_img/fp_kader_bg.jpg);
background-position:bottom;
background-repeat:repeat-x;
overflow: hidden;
}

.fp_kader2 {
background-color:#ffffff;
width: 348px;
height: 250px;
float:left;
margin: 6px;
margin-left: 0px;
margin-right: 12px;
overflow: hidden;
border: 1px solid #e2e2e4;
}

.fp_kader3 {
background-color:#ffffff;
width: 694px;
height: 234px;
margin: 6px;
margin-left: 0px;
margin-right: 12px;
margin-top: 268px;
padding: 8px;
border: 1px solid #e2e2e4;
background-image: url(layout_img/personeel_home4.jpg);
background-position:bottom;
background-repeat:repeat-x;
overflow: hidden;
}

.fp_title {
width: 100%;
margin-bottom: 6px;
font-size: 14px;
font-weight: bold;
display: block;
}