*{margin: 0; padding: 0;}
html,body {margin:0;padding:0;height:100%;font: 12px Arial;}
.clear{clear: both;}
h2{font: 16px Arial;}
h3{font: 14px Arial;color: #a3037b;}
a{color: #313131;}
/** structure **/
#container {min-height:100%;position:relative;}
#top{background: #f09100;height: 7px;}
#header{width: 900px;margin: 0 auto;height: 92px;padding: 11px 0 0 0;}
#body{padding-bottom:250px;}
#inner_body{width: 900px;margin: 0 auto;}
#footer{position:absolute;bottom:0;width:100%;height:250px;background: #a3037b URL(../gfx/site/footer_bg.png) top right no-repeat;}
#footer div{width: 900px;margin: 0 auto;padding: 15px 0 15px 0;border-bottom: 1px dotted #d181bd;color: #d181bd;}
#footer a{color: #d181bd;text-decoration: none;display: inline-block;margin: 0 5px 0 5px;}
#footer a:hover{color: #ffffff;}
/** /structure **/
/** logo / menu **/
#header #logo{background: URL(../gfx/site/logo.png) top left no-repeat;position: absolute;height: 102px;width: 212px;text-indent: -9999px;}
#header #menu{float: right;width: 695px;height: 38px;margin: 31px 0 0 0;border-bottom: 1px dotted #b3b3b3;text-align: right;}
#header #menu ul{list-style-type: none;float: right;}
#header #menu li{display: inline-block;float: left;margin-right: 1px;}
#header #menu li a{display: inline-block;background: URL(../gfx/site/menu_left.png) top left no-repeat;height: 27px;padding: 0 0 0 10px;font: 15px Arial;color: #767676;text-decoration: none;}
#header #menu li a span{cursor: pointer;display: inline-block;background: URL(../gfx/site/menu_right.png) top right no-repeat;height: 22px;padding: 5px 10px 0 0;}
#header #menu li a:hover, #header #menu .active a{background-position: bottom left;color: #ffffff;}
#header #menu li a:hover span, #header #menu .active a span{background-position: bottom right;}
/** /logo /menu **/
/** index content **/
/* buttons */
#buttons{height: 49px;width: 451px;position: absolute;background: URL(../gfx/site/buttons_bg.png) top left no-repeat;top: 120px;margin: 0 0 0 438px;padding: 10px 0 0 10px;}
#buttons a{display: inline-block;background: URL(../gfx/site/button_left.png) top left no-repeat;padding: 0 7px 0 10px;height: 28px;font: bold 11px Arial;color: #ffffff;text-decoration: none;margin: 0 4px 0 3px;}
#buttons a span{cursor: pointer;display: inline-block;background: URL(../gfx/site/button_right.png) top right no-repeat;padding: 7px 19px 0 8px;height: 21px;}
#buttons a:hover{background-position: bottom left;}
#buttons a:hover span{background-position: bottom right;}
/* /buttons */
/* button leraren */
#button{height: 49px;width: 451px;position: relative;margin: 20px 0 0 0;}
#button a{display: inline-block;background: URL(../gfx/site/button_left.png) top left no-repeat;padding: 0 7px 0 10px;height: 28px;font: bold 11px Arial;color: #ffffff;text-decoration: none;margin: 0 4px 0 3px;}
#button a span{cursor: pointer;display: inline-block;background: URL(../gfx/site/button_right.png) top right no-repeat;padding: 7px 19px 0 8px;height: 21px;}
#button a:hover{background-position: bottom left;}
#button a:hover span{background-position: bottom right;}
/* /button leraren */
/* index_list */
#index_list{position: absolute; top: 310px; margin: 0 0 0 52px; list-style-type: none;}
#index_list li{height: 29px;}
/* /index_list */
/* nieuwsbrief */
#nieuwsbrief{background: URL(../gfx/site/nieuwsbrief_bg.png) top left no-repeat;height: 64px;width: 356px;position: absolute;top: 462px;margin: 0 0 0 524px;padding: 7px 0 0 8px;}
#nieuwsbrief span{display: block;font: 16px Arial;color: #333333;padding: 0 0 6px 0;}
#nieuwsbrief #nieuwsbrief_submit{display: inline-block;float: right;height: 24px;width: 39px;margin: 0 7px 0 0;padding: 0 !imporant;background: URL(../gfx/site/index_submit.png) top left no-repeat;cursor: pointer;}
#nieuwsbrief input[type=text]{display: inline-block; background: URL(../gfx/site/index_input.png) top left no-repeat;width: 127px;height: 20px;border: 0;margin: 0 5px 0 0;font: 12px Arial;color: #484848;padding: 4px 10px 0 10px;}
/* /nieuwsbrief */
/* header_image_index */
#header_image_index{height: 426px;overflow: hidden;padding: 0 0 7px 0;margin: 0 0 13px 0;border-bottom: 1px dotted #b3b3b3;}
#header_image_index #overlay{height: 426px;width: 900px;background: URL(../gfx/site/overlay_index.png) top left no-repeat;position: absolute;}
/* /header_image_index */
/* recente_vacatures */
#recente_vacatures{width: 519px;padding: 0 0 20px 0;float: left;}
#recente_vacatures h2{color: #f09100;}
#recente_vacatures ul{width: 519px;border-top: 1px dotted #b3b3b3;list-style-type: none;margin: 13px 0 15px 0;padding: 12px 0 0 0;}
#recente_vacatures li{display: block;background: #f2f2f2 URL(../gfx/site/list_item.png) 10px 11px no-repeat;line-height: 22px;width: 464px;padding: 2px 0 2px 25px;}
#recente_vacatures li a{color: #7b7b7b;text-decoration: none;}
#recente_vacatures .titel{display: inline-block;width: 260px; cursor: pointer;}
#recente_vacatures .locatie{display: inline-block;width: 191px;text-align: right;cursor: pointer;}
#recente_vacatures .alternate{background-color: #ffffff;}
#recente_vacatures .alignright{display: block;text-align: right;width: 475px;}
#recente_vacatures .alignright a{font: bold 10px Tahoma;color: #7b7b7b;text-decoration: none;}
/* /recente_vacatures */
/* laatste_nieuws */
#laatste_nieuws{width: 380px;padding: 0 0 20px 0;float: left;}
#laatste_nieuws h2{color: #a3037b;}
#laatste_nieuws ul{border-top: 1px dotted #b3b3b3;width: 380px;list-style-type: none;margin: 13px 0 0 0;padding: 13px 0 0 0;}
#laatste_nieuws .alignright{display: block;text-align: right;width: 570px;}
#laatste_nieuws .alignright a{font: bold 10px Tahoma;color: #7b7b7b;text-decoration: none;}
#laatste_nieuws li{display: block;width: 362px;border: 1px solid #d2d2d2;background: #f2f2f2;padding: 8px 8px 25px 8px;margin: 0 0 15px 0;color: #636363;}
#laatste_nieuws .thumb{float: left;border: 1px solid #d2d2d2;margin: 0 8px 0 0;}
#laatste_nieuws p{padding: 5px 0 10px 0;}
/* /laatste_nieuws */
/** /index_content **/
/** page_content **/
/* general */
#left{width: 577px;padding: 25px 0 50px 0;float: left;}
#left h1{font: 22px Arial;color: #a3037b;padding: 0 0 25px 0;}
#left p{padding: 0 0 25px 0;line-height: 20px;}
#left h3{font: bold 12px Arial;color: #f09100;}
#left textarea{width: 301px;height: 100px}
#right{width: 298px;float: left;padding: 0 0 15px 24px;}
#right .detail_image{margin: 0 0 0 -24px;}
#vacatures_right{width: 298px;float: left;padding: 130px 0 15px 24px;}
#vacatures_right .detail_image{margin: 0 0 0 -24px;}
/* /general */
/* controls */
.controls{margin: 20px 0 0 0;}
.controls .top{background: URL(../gfx/site/light_grey_top.png) top left no-repeat;height: 7px;width: 577px;font-size: 0px;line-height: 0;}
.controls_content{border-left: 1px solid #cacaca;border-right: 1px solid #cacaca;background: #f3f3f3;}
.controls_content .email{background: URL(../gfx/site/icon_mail.png) top left no-repeat;display: block;height: 17px;padding: 3px 0 0 27px;font: bold 10px Tahoma;color: #6d1874;text-decoration: none;margin: 0 0 0 7px; width: 130px;}
.controls_content .pdf{background: URL(../gfx/site/icon_pdf.png) top left no-repeat;display: block;height: 17px;padding: 3px 0 0 27px;font: bold 10px Tahoma;color: #6d1874;text-decoration: none;margin: 0 0 0 7px; width: 350px;}
.controls_content .print{background: URL(../gfx/site/icon_print.png) top left no-repeat;display: block;height: 17px;padding: 3px 0 0 27px;font: bold 10px Tahoma;color: #6d1874;text-decoration: none;margin: 0 0 0 7px; width: 130px;}
.controls .bot{background: URL(../gfx/site/light_grey_bot.png) top left no-repeat;height: 7px;width: 577px;font-size: 0px;line-height: 0;}
/* /controls */
/* reset all */
.reset_all{text-align: left;float: left;margin: 0 0 9px 0;}
.reset_all a{display: inline-block;height: 16px;padding: 2px 6px 0 6px;float: left;font: normal 11px Verdana;color: #f09100;border: 1px solid #dedede;text-decoration: none;margin: 0 0 0 2px;}
.reset_all a:hover{color: #767676;border-color: #767676;}
/* /reset all */
/* pagination */
.pagination{text-align: right;float: right;margin: 0 0 9px 0;}
.pagination a{display: inline-block;height: 16px;padding: 2px 6px 0 6px;float: left;font: bold 11px Verdana;color: #f09100;border: 1px solid #dedede;text-decoration: none;margin: 0 0 0 2px;}
.pagination a:hover, .pagination a.active{color: #767676;border-color: #767676;}
.pagination .previous{height: 20px;width: 24px;background: URL(../gfx/site/previous.png) top left no-repeat;padding: 0 !important;border: 0 !important;}
.pagination .next{height: 20px;width: 24px;background: URL(../gfx/site/next.png) top left no-repeat;padding: 0 !important;border: 0 !important;}
/* /pagination */
/* filter */
#filter{background: URL(../gfx/site/filter_bg.png) top left no-repeat;height: 46px;width: 569px;font: bold 10px Verdana;color: #c799bc;padding: 10px 0 0 8px;margin: 0 0 16px 0;}
#filter label{padding: 0 0 5px 0;display: inline-block;}
/* /filter */
/* back */
.back{height: 17px;width: 149px;display: block;text-align: center;background: URL(../gfx/site/naar_overzicht.png) top left no-repeat;font: bold 10px Tahoma;color: #f09100;text-decoration: none;padding: 3px 0 0 0;margin: 0 0 9px 0;}
/* /back */
/* vacature */
.vacature{width: 577px;margin: 0 0 13px 0;}
.vacature h2{color: #a3037b;padding: 0 0 5px 0;}
.vacature p{padding-right: 20px !important;}
.vacature .top{background: URL(../gfx/site/light_grey_top.png) top left no-repeat;height: 7px;width: 577px;font-size: 0px;line-height: 0;}
.vacature .vacature_content{border-left: 1px solid #cacaca;border-right: 1px solid #cacaca;background: #f3f3f3;padding: 0 10px 20px 10px;}
.vacature .vacature_content table{width: 557px;padding: 15px 0 18px 0;line-height: 20px;border-bottom: 1px dotted #cacaca;margin: 0 0 15px 0;}
.vacature .bot{background: URL(../gfx/site/dark_grey_bot.png) top left no-repeat;height: 7px;width: 577px;font-size: 0px;line-height: 0;}
.vacature .controls_content{border-left: 1px solid #cacaca;border-right: 1px solid #cacaca;background: #e3e3e3;padding: 7px 0 0 0;}
.vacature .controls_content .email{background: URL(../gfx/site/dark_icon_mail.png) top left no-repeat;display: block;height: 17px;padding: 3px 0 0 27px;font: bold 10px Tahoma;color: #6d1874;text-decoration: none;margin: 0 0 0 7px; width: 130px;}
.vacature .controls_content .print{background: URL(../gfx/site/dark_icon_print.png) top left no-repeat;display: block;height: 17px;padding: 3px 0 0 27px;font: bold 10px Tahoma;color: #6d1874;text-decoration: none;margin: 0 0 0 7px; width: 130px;}
.vacature .controls .bot{background: URL(../gfx/site/dark_grey_bot.png) top left no-repeat;height: 7px;width: 577px;font-size: 0px;line-height: 0;}
/* /vacature */
/* vacatures */
.vacatures{width: 577px;margin: 0 0 13px 0;}
.vacatures p{padding: 0 20px 10px 0 !important;}
.vacatures .top{background: URL(../gfx/site/light_grey_top.png) top left no-repeat;height: 7px;width: 577px;font-size: 0px;line-height: 0;}
.vacatures .vacature_content{border-left: 1px solid #cacaca;border-right: 1px solid #cacaca;background: #f3f3f3;padding: 0 10px 0 10px;}
.vacatures .bot{background: URL(../gfx/site/dark_grey_bot.png) top left no-repeat;height: 7px;width: 577px;font-size: 0px;line-height: 0;}
.vacatures h2{color: #a3037b;padding: 0 0 5px 0;}
.vacatures .controls_content{border-left: 1px solid #cacaca;border-right: 1px solid #cacaca;background: #e3e3e3;padding: 7px 0 0 0;height: 21px;font: bold 10px Tahoma;}
.vacatures .controls_content .more{float: right;display: block;width: 130px;text-align: right;margin: 4px 10px 0 0;}
.vacatures .controls_content .more a{text-decoration: none;color: #767676;}
.vacatures .controls_content .reageer{float: left;display: block;width: 130px;margin: 4px 0 0 10px;}
.vacatures .controls_content .reageer a{text-decoration: none;color: #f09100;}
.vacatures .controls .bot{background: URL(../gfx/site/dark_grey_bot.png) top left no-repeat;height: 7px;width: 577px;font-size: 0px;line-height: 0;}
/* vacatures */
/* vacatures new*/
.vacatures_new {width: 577px;margin: 0 0 13px 0;}
.vacatures_new p{padding: 10px 0 10px 0 !important;}
.vacatures_new .top{background: URL(../gfx/site/light_grey_top.png) top left no-repeat;height: 7px;width: 577px;font-size: 0px;line-height: 0;}
.vacatures_new .vacature_content_top{border-left: 1px solid #cacaca;border-right: 1px solid #cacaca;background: #f3f3f3;padding: 0 10px 0 10px;}
.vacatures_new .vacature_content{border-left: 1px solid #cacaca;border-right: 1px solid #cacaca;background: #f3f3f3;padding: 0 10px 0 10px;}
.vacatures_new .vacature_content_bottom{border-left: 1px solid #cacaca;border-right: 1px solid #cacaca;background: #f3f3f3;padding: 0 10px 0 10px;margin-bottom:-7px;}
.vacatures_new .vacature_content_white{border-left: 1px solid #cacaca;border-right: 1px solid #cacaca;background: #ffffff;padding: 0 10px 0 10px;}
.vacatures_new .bot{background: URL(../gfx/site/light_grey_bot.png) top left no-repeat;height: 7px;width: 577px;font-size: 0px;line-height: 0;}
.vacatures_new h2{color: #a3037b;padding: 0 0 5px 0;}
.vacatures_new .controls_content{border-left: 1px solid #cacaca;border-right: 1px solid #cacaca;background: #e3e3e3;padding: 7px 0 0 0;height: 21px;font: bold 10px Tahoma;}
.vacatures_new .controls_content .more{float: right;display: block;width: 130px;text-align: right;margin: 4px 10px 0 0;}
.vacatures_new .controls_content .more a{text-decoration: none;color: #767676;}
.vacatures_new .controls_content .reageer{float: left;display: block;width: 130px;margin: 4px 0 0 10px;}
.vacatures_new .controls_content .reageer a{text-decoration: none;color: #f09100;}
.vacatures_new .controls .bot{background: URL(../gfx/site/dark_grey_bot.png) top left no-repeat;height: 7px;width: 577px;font-size: 0px;line-height: 0;}
/* vacatures new*/
/* plaats */
#plaats{position: absolute;top: 135px;margin: 0 0 0 486px;}
#plaats a{display: inline-block;background: URL(../gfx/site/button_left.png) top left no-repeat;padding: 0 0 0 11px;height: 28px;color: #ffffff;font: bold 11px Arial;text-decoration: none;margin: 0 10px 0 0;}
#plaats a span{display: inline-block;background: URL(../gfx/site/button_right.png) top right no-repeat;padding: 7px 11px 0 0px;height: 21px;}
#plaats a:hover{background-position: bottom left;}
#plaats a:hover span{background-position: bottom right;}
/* /plaats */
/* reageer */
#reageer{position: absolute;margin: 5px 0 0 405px;}
#reageer a{display: inline-block;background: URL(../gfx/site/artikel_button.png) top left no-repeat;padding: 0 0 0 11px;height: 28px;color: #ffffff;font: bold 11px Arial;text-decoration: none;margin: 0 10px 0 0;}
#reageer a span{display: inline-block;background: URL(../gfx/site/artikel_button_right.png) top right no-repeat;padding: 7px 11px 0 0px;height: 21px;}
#reageer a:hover{background-position: bottom left;}
#reageer a:hover span{background-position: bottom right;}
/* /reageer */
/* nieuwsbrief_purple */
#nieuwsbrief_purple{background: URL(../gfx/site/nieuwsbrief_purple.png) top left no-repeat;height: 95px;width: 289px;margin: 19px 0 0 0;padding: 7px 0 0 8px;}
#nieuwsbrief_purple h3{color: #ffffff;}
#nieuwsbrief_purple #nieuwsbrief_submit{float: right;height: 24px;width: 39px;margin: 7px 20px 0 0;padding: 0 !imporant;background: URL(../gfx/site/purple_submit.png) top left no-repeat;cursor: pointer;}
#nieuwsbrief_purple input{background: URL(../gfx/site/purple_input.png) top left no-repeat;width: 197px;height: 20px;border: 0;margin: 7px 0 0 0;font: 12px Arial;color: #484848;padding: 4px 10px 0 10px;}
/* /nieuwsbrief_purple */
/*nieuwsbrief_orange */
#nieuwsbrief_orange{background: URL(../gfx/site/nieuwsbrief_orange.png) top left no-repeat;height: 95px;width: 289px;margin: 19px 0 0 0;padding: 7px 0 0 8px;}
#nieuwsbrief_orange h3{color: #333333;}
#nieuwsbrief_orange #nieuwsbrief_submit{float: right;height: 24px;width: 39px;margin: 7px 20px 0 0;padding: 0 !imporant;background: URL(../gfx/site/orange_submit.png) top left no-repeat;cursor: pointer;}
#nieuwsbrief_orange input{background: URL(../gfx/site/orange_input.png) top left no-repeat;width: 197px;height: 20px;border: 0;margin: 7px 0 0 0;font: 12px Arial;color: #484848;padding: 4px 10px 0 10px;}
/* /nieuwsbrief_orange */
/* /page_content */
.input_small {
border: 1px solid #888888;
width: 50px;
height: 14px;
padding: 2px;
margin-bottom: 1px;
margin-top: 1px;
}
.input_medium {
border: 1px solid #888888;
width: 150px;
height: 14px;
padding: 2px;
margin-bottom: 1px;
margin-top: 1px;
}
.input_regular {
border: 1px solid #888888;
width: 210px;
height: 14px;
padding: 2px;
margin-bottom: 1px;
margin-top: 1px;
}
.input_large {
border: 1px solid #888888;
width: 362px;
height: 14px;
padding: 2px;
margin-bottom: 1px;
margin-top: 1px;
}
/* Standard width fitting for textarea and selectboxes */
.textarea {
border: 1px solid #888888;
width: 362px;
height: 120px;
padding: 2px;
}