/* DEFAULT */

html{ background : #8aa1b5; }
body{ background : #fff; margin : 0; font-family : "Arial"; font-size : 10pt; }
.clearer{ clear : both; }
#hidden{ display : none; }
h1{ color : #8aa1b5; font-weight : normal; font-size : 20pt; margin : 0 0 10px 0; padding : 0; }
h2{ color : #a53121; font-weight : normal; font-size : 14pt; margin : 0 0 10px 0; padding : 0; }
#page_nav{ float : right; text-align : right; }
#page_nav b{ display : block; margin : 0 0 5px 0; }
#page_nav #page_select{ color : #666; font-size : 10pt; font-family : "Arial"; border : 1px solid #ccc; }
p{ margin : 5px 0; padding : 0; }

#header{ height : 83px; background : url('../img/bg_top.jpg') repeat-x; width : 100%; }
#top{ background : url('../img/header.jpg') no-repeat center; height : 83px; width : 726px; margin : 0 auto; }
#container{ width : 726px; margin : 0 auto; color : #666; padding : 0 0 10px 0; }
#text img{ padding : 5px; background : #fff; border : 1px solid #ccc; margin : 0 5px; }
.row label{ float : left; width : 200px; font-weight : bold; color : #8aa1b5; }
.row2 label{ float : left; font-weight : bold; color : #8aa1b5; padding : 4px 4px 4px 0; }
#text form .textbox{ float : left; padding : 4px; font-family : "Arial"; font-size : 10pt; color : #8E8986; background : #fff; width : 250px; border : 1px solid #ccc; margin : 0 5px 0 0; }
#text form .stextbox{ float : left; padding : 4px; font-family : "Arial"; font-size : 10pt; color : #8E8986; background : #fff; width : 80px; border : 1px solid #ccc; margin : 0 5px 0 0; }
.checkbox_container{ width : 510px; float : left; padding : 0px; }
table .checkbox_container{ width: 100px !important; }

/* HELP */
#contact_form label{ float : left; font-weight : bold; color : #8aa1b5; }
#contact_form .textbox{ float : left; padding : 4px; font-family : "Arial"; font-size : 10pt; color : #8E8986; background : #fff; width : 300px; border : 1px solid #ccc; margin : 0 5px 5px 0; }
#contact_form #compulsory{ float : left; }

/* HOOFDMENU */

#hoofdmenu1{ list-style : none; padding : 0 10px; margin : 20px auto 0 auto; }
#hoofdmenu1 li,#hoofdmenu1 li.active_menu1{ float : left; width : 110px !important; height : 28px; text-align : center; padding : 0 2px; }
#hoofdmenu1 li.menu1 a{ color : #8aa1b5; text-decoration : none; font-size : 14pt; padding : 2px 0 0 0; display : block; }
#hoofdmenu1 li.active_menu1 a{ color : #fff; text-decoration : none; font-size : 14pt; padding : 2px 0 0 0; display : block; }
#hoofdmenu1 li.active_menu1{ background : url('../img/menu_hover.jpg') center center no-repeat; }
#hoofdmenu1 li.menu1:hover a{ color : #999; }

/* SEARCH */

#search{ width : 706px; height : 61px; background : url('../img/search.jpg') no-repeat; margin : 20px 0 0 0; padding : 10px; color : #8aa1b5; line-height : 1.2; }
#search form{ margin : 0; padding : 0; }
#search b{ font-weight : normal; padding : 2px 5px; float : left; }
#search h2{ color : #8aa1b5; font-size : 14pt; margin : 0; padding : 0 0 5px 0; font-weight : normal; }
#search a{ display: block; margin: 2px 0 0 0; }
.s_select{ width : 150px; font-family : "Arial"; font-size : 10pt; color : #999; float : left; }
.button_options_small{ background-color: #F2F2F2; padding : 2px; margin: -2px 5px 0 5px; border : 0; color : #666; font-weight : normal; border-left: 1px solid #999; border-top: 1px solid #999; border-right: 1px solid #777; border-bottom: 1px solid #777; cursor: hand; cursor: pointer; }
#advanced{ color : #8aa1b5; font-size : 8pt; }

/* CONTENT */

#content{ margin : 10px 0 0 0; }
#content a{ color : #a53121; }
#content a:hover{ text-decoration : none; color : #8aa1b5; }
p.even{ background : #efefef; padding : 10px; border-bottom : 1px dotted #ccc; }
p.uneven{ padding : 10px; }
.button{ background : none; border : 0; color : #D2DBE2; text-decoration: underline; }
.button:hover{ color : #FFF; cursor: pointer; cursor: hand; }

/* FOOTER */

#footer{ background : #8aa1b5; border-top : 3px solid #d2dbe2; color : #fff; padding : 10px 0 0 0; }
#footer_container{ width : 726px; margin : 0 auto 10px auto; }
#footer_container ul{ padding : 0 0 20px 0; margin : 0; list-style : none; float : left; }
#footer_container ul li{ float : left; padding : 0 20px 0 0; }
#footer_container ul li a{ color : #fff; }
#footer_container ul li a:hover{ text-decoration : none; }
#footer #choice{ float : right; }
#footer #choice li{ text-align : center; width : 95px; padding : 0; }
#footer li a{ padding : 5px 0 0 0; display : block; }
#footer #choice li:hover,#footer #choice li.active{ background : url('../img/footer_hover.jpg') center center no-repeat; height : 28px; }
#footer #choice li:hover a,#footer #choice li.active a{ color : #8aa1b5; }

/* FAVORIETEN */

.fav_ico{ vertical-align: middle !important; padding: 0px !important; border: 0px solid !important; }

/* NIEUWS */

.news_image{ border : 1px solid #ccc; float : right; margin : 0 0 0 10px; }
.news_post{ width : 350px; margin : 0 0 20px 0; }
.news_archief{ float: right; clear: both; margin: 0 15px 0 0; }
.news_more{ margin: 0 0 15px 0; }

/* VACATURES */

#vacatures_home{ list-style : none; margin : 0; padding : 0; }

/* STARTPAGINA */

#left{ float : left; width : 363px; }
#right{ float : left; width : 342px; border-left : 1px dotted #ccc; padding : 0 0 0 10px; }

/* LINKS */

.link_p{ float : left; width : 162px; margin : 0 5px 10px 0; height : 50px; padding : 5px; }
.link_p .link_omschrijving{ display : block; margin : 5px 0 0 0; font-size : 8pt; }

/* STARTPAGINA */

#logo_home{ position : absolute; left : 50%; margin : 0 0 0 -192px; top : 10px; }
#home_container{ position : absolute; left : 0; width : 100%; top : 75px; background : #fff; text-align : center; padding : 0 0 10px 0; }
#home_container h2{ font-size : 12pt; margin : 20px 0 0 0; text-decoration : none !important; }
#home_container h3{ font-size : 12pt; margin : 20px 0 0 0; color : #8aa1b5; }
#home_container h4{ font-size : 10pt; margin : 0; color : #a53121; padding : 10px 0; }
#home_wrapper{ margin : 0 auto; width : 750px; }
#home_wrapper h3 a{ text-decoration : none !important; color : #8aa1b5; }
#home_wrapper #home_left,#home_container #home_right{ float : left; }
#home_left, #home_right{ width : 375px; margin: -10px 0 0 0; }
#home_footer{ color: #FFF; position: absolute; left: 0px; width: 100%; padding: 15px 0 0 0; font-size: 11px; }
#home_footer img{ border: 1px solid #999; vertical-align: middle; }
#home_footer a{ color: #FFF; text-decoration: none; }
#home_footer a:hover{ text-decoration: underline; }

.home_login{ background : url('../img/bg_login.jpg') no-repeat top; width : 329px; margin : 0 auto; padding : 0 10px; }
.home_login p{ margin : 0; }
.home_info{ font-family : "Arial"; color: #8AA1B5; font-size: 12px; padding: 0 20px; text-align: justify; }
.home_info a{ color: #8AA1B5; }
.home_login_info{ clear: both; font-family : "Arial"; color: #A53121; font-size: 12px; padding: 0 20px; text-align: justify; }
.home_login_info a{ color: #A53121; }

.home_login form{ margin : 0 auto; padding: 10px 0 10px 20px; }
.home_login form label{ float: left; width: 120px; margin: 10px 0 0 0; height: 20px; padding: 5px 0 0 0; text-align : left; }
.home_login form input{ float: left; width: 160px; margin: 10px 0 0 0; padding : 4px; font-family : "Arial"; font-size : 10pt; color : #999; background : #fff; border : 0; border : 1px solid #ccc; }
.home_login form input.login_button{ color : #666; background-color : #F2F2F2; border-left: 1px solid #999; border-top: 1px solid #999; border-right: 1px solid #777; border-bottom: 1px solid #777; cursor: hand; cursor: pointer; text-transform: none; margin : 10px 0 0 120px; padding : 4px; width : auto; }

.banner{ border : 1px solid #ccc; margin: 2px 0 2px 0; }

/* INGELOGD */

#logged_in{ margin : 0; padding : 5px 10px 0 0; list-style : none; float : right; text-align : right; font-size : 11px; }
#logged_in a{ color : #A53121; padding : 0 0 2px 0; }
#logged_in a:hover{ color : #8aa1b5; text-decoration : none; }
.error{ clear: both; display : block; font-size : 8pt; margin : 0; text-align : left; color : #CC0000; }
.error code{ font-family : 'Arial'; }
.row{ clear : both; padding : 4px 0; }
.row2{ clear : both; padding : 4px 0; }
#register_form h3{ margin : 4px 0; font-size : 12pt; }

#succes{ border: 1px solid #579F09; background-color: #CFDFA7; padding: 5px; margin : 10px 0; color: #000; } 
#nosucces{ border: 1px solid #9F1309; background-color: #DFABA7; padding: 5px; margin : 10px 0; color: #000; } 

/* PROFIEL */
.profiel_info{ clear: both; font-family : "Arial"; color: #A53121; font-size: 12px; margin: -10px 0 10px 0; text-align: justify; }
.profiel_info a{ color: #A53121; }
table h3{ font-weight: bold; font-size: 14px; }

/* ROUNDED WHITE */

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#8E8986; }
.xb1 {margin:0 5px; background:#8E8986;}
.xb2 {margin:0 3px; }
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}
.content{ padding : 1px 0; display : block; background : #8E8986; }
.registreer{ width : 110px; text-align : center; }
.login{ text-align : center; padding : 0 !important; color : #666 !important; border : 0 !important; text-align : left; font-weight : bold; text-transform : uppercase; }

/* ZOEKEN */

#filter{ float: left; width : 250px; }
#filter ul{ list-style : none; margin : 0; padding : 0; font-weight : bold; }
#filter ul ul{ font-weight : normal; list-style: square; margin : 10px 0 10px 20px; }
#filter h2,#results h2{ font-size : 14pt; color : #A53121; }
#filter a{ color : #8aa1b5; }

#results{ border-left: 1px solid #CCC; float: left; padding: 0 5px; width : 455px; margin : 0 0 0 10px; }
#table_results{ width : 100%; border : 1px solid #efefef; color: #666; }
#tr_results{ font-weight : bold; background-color: #DEDCDD; }
#tr_splitter{ background-color: #F2F2F2; }

#fiche h2{ font-size : 14pt; color : #999; margin : 10px 0; }
#fiche_label{ float : left; width : 150px; font-weight : bold; color : #8aa1b5; }

#table_bezetting{ width : 100%; border : 1px solid #efefef; }

#map{ width : 300px; height : 250px; float : right; border : 1px solid #ccc; }
#a_google{ width : 175px; display : block; }

#navigation{ width : 100%; border-bottom : 1px solid #efefef; padding : 0 0 10px 0; font-size : 8pt; }
#navigation_bottom{ width : 100%; border-bottom : 0; border-top : 1px solid #efefef; padding : 10px 0 0 0; font-size : 8pt; margin : 10px 0 0 0; }
