/* CSS Document */
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, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: #333333;
	background: white;
}
ol, ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

html{ height:100%}
body { background:#FFF url(/online/images/body-top-bg.gif) repeat-x top; margin:0; padding:0; font:11px Verdana, Arial, Helvetica, sans-serif; color:#000000; height:100%}



a {cursor:pointer; text-decoration:none;}
a:hover{ text-decoration:underline;}
a:active { text-decoration:underline;}
a:visited { text-decoration:none;}
#container {position:relative; min-height:100%; height:auto !important; height:100%;}
.main-wrapper { display:block; width:1160px; margin-bottom:41px; float:left; padding: 10px 15px 0 16px; }
.top-Wrapper { padding:0px;  }

.middle-content { display:block; padding:21px 0px 10px 0px; color:#000; width:100%; background:#FFF; margin-top:-1px;}

.middle-left { margin:0; padding:0; display:block; width:180px; float:left; padding-right:20px;}
.middle-center { margin:0; padding:0; display:block; width:760px; position:relative; float:left;  border:solid 1px #cccccc;}
.middle-right { margin:0; padding:0; display:block; width:180px; float:right; }
.round_corner_lt { background:url(/online/images/round_corner_lt.gif) no-repeat left top; width:6px; height:6px; display:block; position:absolute; top:-1px; left:-1px;}
.round_corner_rt { background:url(/online/images/round_corner_rt.gif) no-repeat left top; width:9px; height:11px; display:block; position:absolute; top:-1px; right:-1px;}

.logo { display: block; float:left;}
.logo a { display:block ; margin-top:10px; width:213px; height:59px; background:url(/online/images/logo.gif) no-repeat left top; text-indent:-9999px; }
:focus { outline:none;}


h4 { font-weight:normal;}

a { color:#000000;}

.float_left{ float:left}
.float_right{ float:right}
.clear{clear:both;}
.clear-both { clear:both;  font-size:0px !important; height:0 !important; line-height:0px; margin:0; padding:0;  }
.div-padding-10px { display:block; height:15px; font-size:0; }

 input.input { border:solid 1px #CCCCCC; width:200px; padding:3px 5px; color:#333333;}
 

.search-table { width:420px; color:#70bc1f; float:right; height:23px; display:block; text-align:right; padding:15px 0 10px 0;  }
.search-table a { color:#70bc1f; font-size:12px; text-decoration:none;}
.search-table span { padding:4px 10px; display:block; float:right;  border:solid 0px red;}
.search-table img { vertical-align:middle;}
.search-table span input { color:#0E2180; font-family:Verdana, Arial, Helvetica, sans-serif; padding:2px 5px; vertical-align:middle; height:16px;}
.search-table a:hover, .search-table a:active { text-decoration:none; color:#0E2180;}
.select_search {color:#0E2180;background-color:#FFFFFF;width: 53px;border:0px; font-size:12px; padding-top: 0px; }
.select_trefwoord {width:149px; border:solid 1px #3f4d99; font-size:11px; }

/* =====:- Top Menu -:=====*/
.top-navigation {  float:right; width:653px;  padding:13px 0px 0 0;  }
.top-navigation ul{ margin:0; padding:0; float:right}
.top-navigation ul li { display:inline; float:left; font-size:12PX; }
.top-navigation ul li.line { padding:9px 1px 0 1px; line-height:16px; color:#70bc1f;}
.top-navigation a {  float:left; padding:0 0 0 5px; color:#70bc1f;  text-decoration:none; cursor:pointer; margin:3px 0 0 1px; font-weight:normal;  }
.top-navigation a span {padding:6px 15px 5px 11px;  line-height:16px; display:block; float:left; }
.top-navigation a:hover, .top-navigation a:active, .top-navigation a.active{background:url(/online/images/top-nav-left.gif) no-repeat left top;color:#FFF;}
.top-navigation a.active{ font-weight:bold;}
.top-navigation a:hover span, .top-navigation a.active span, .top-navigation a:active span{background:url(/online/images/top-nav-right.gif) no-repeat right top; }


.top-navigation2 {  float:left; width:970px; display:block;  padding:0px 0px 0 0px; height:40px }
.top-navigation2 ul { margin:0; padding:0; float:left;}
.top-navigation2 ul li { display:inline; float:left; color:#FFF; padding:0px 1px; line-height:40px;  font-size:12PX; }
.top-navigation2 ul li strong{ font-weight:bold; }
.top-navigation2 ul li.user_name { padding:0 16px 0 0}
.top-navigation2 ul li.user_name a { float:none; padding:0 0 0 3px; font-weight:bold; }
.top-navigation2 ul li.user_name a:hover { background:none; color:#FFF; text-decoration:underline;  font-weight:bold;}
.top-navigation2 ul li.line { font-size:16px; font-weight:normal;}
.top-navigation2 a {  float:left; padding:0 0 0 5px; color:#FFF;  text-decoration:none; cursor:pointer; margin:0px 0 0 1px; font-weight:normal; font-size:12PX;  }
.top-navigation2 a span {padding:0px 16px 0px 11px; height:40px;   display:block; float:left}
.top-navigation2 a:hover, .top-navigation2 a.active, .top-navigation2 a.active:hover{ text-decoration:underline;}
.top-navigation2 a:hover { font-weight:normal; text-decoration:underline;}


.img-float-right { float:right; padding:15px 0 15px 15px;}
.middle-right .blue-arw {padding:10px 0 10px 10px;}

.middle-left h2 { background:#70bc1f url(/online/images/left_txt_header.gif) no-repeat left top; font-size:12px; font-weight:bold; color:#FFF; padding:10px 5px 8px 19px;}
.middle-left .left_menu { margin:0; padding:0; display:block; z-index:2000; margin-bottom: 10px;}
.middle-left .left_menu li { background:#b7dd8f; margin-top:1px; padding:0; position:relative; z-index:2000}
.middle-left .left_menu li a { margin-left:8px; background:url(/online/images/blue_arw.gif) no-repeat left 13px; padding-left:12px; text-decoration:none; color:#000;font-size:12px; display:block; line-height:29px  }
.middle-left .left_menu li a:hover, .middle-left .left_menu li a:active, .middle-left .left_menu li a.active{ font-weight:bold;}
.middle-left .left_menu li a.subactive {background-image:url(/online/images/arrow_bottom.gif) }
.middle-left .left_menu li ul { margin-top:0px; background:#FFFFFF; padding-bottom:8px; padding-top:3px;}
.middle-left .left_menu li ul li { background:#FFFFFF; margin-top:0; padding:3px 0}
.middle-left .left_menu li ul li a { background:none; line-height:15px; display:block; }
.middle-left .left_menu li ul li a.active{ background-image:none;}

#accomenu li div.mainhover { position:relative; width:180px; z-index:2002}
#accomenu li div.mainhover dl{ position:absolute; left:180px; top:1px; z-index:10000000; width:200px; border:solid 1px #70bc1f; background:#b7dd8f; margin:0; padding:0; }
#accomenu li div.mainhover dl a { font-size:12px; font-weight:normal; background:url(/online/images/accordian-menubg.gif) right top no-repeat; line-height:27px; color:#000; text-decoration:none; display:block; padding:0 0px 0 15px;   border-bottom:solid 1px #fff; margin:0; }
#accomenu li div.mainhover dl a.last{border-bottom:solid 0px #fff;}
#accomenu li div.mainhover dl a:hover{ background:#70bc1f; color:#FFFFFF;}


.middle-right h2 { background:#0e207f url(/online/images/text_right_bg.gif) no-repeat left top; font-size:12px; font-weight:bold; color:#FFF; padding:10px 5px 8px 19px;}
.middle-right .left_menu { margin:0; padding:0; display:block;}
.middle-right .left_menu li { background:#b4bcd7; margin:1px 0 0 0; padding:0px; display:block; }
.middle-right .left_menu li a { margin:0 0 0 8px; background:url(/online/images/blue_arw.gif) no-repeat left 12px;  padding:0px 0 0 12px; text-decoration:none; color:#000;font-size:12px; display:block; line-height:29px;   }
.middle-right .left_menu li a:hover, .middle-right .left_menu li a:active, .middle-right .left_menu li a.active { font-weight:bold;}
.middle-right .left_menu li a.subactive {background-image:url(/online/images/arrow_bottom.gif) }
.middle-right .left_menu li ul { margin-top:0px; background:#FFFFFF; padding-bottom:8px; padding-top:5px;}
.middle-right .left_menu li ul li { background:#FFFFFF; margin-top:0; padding:3px 0}
.middle-right .left_menu li ul li a { background:none; line-height:15px; display:block; }
.middle-right .left_menu li ul li a.active{ background-image:none;}


.breadcrumb { border-bottom:solid 1px #cccccc; padding:0px 20px 0px 8px; font-size:18px;}
.breadcrumb_menu { padding:16px 0}
.breadcrumb_menu a { text-decoration:none; margin:0 10px;}
.breadcrumb_menu span { margin:0 10px; }
.breadcrumb img { vertical-align:middle;  }
.breadcrumb_print {padding:16px 0;}
.Print_btn {  font-size:11px; background:url(/online/images/blue_arw.gif) no-repeat left 5px; padding:0 0 0 10px; margin:0 !Important; vertical-align:middle; text-decoration:none;}
.breadcrumb_print .Print_btn { margin-right:12px !Important;}
.Print_btn:hover { text-decoration:underline;}
.page_information  { padding:14px 18px;}

.profiel_melding {padding:7px 18px; background:#99CC66; position:relative;}
.profiel_error, .favoriet_error {padding:7px 18px; background:#FF6666; position:relative;}

.text_header { padding:7px 18px; background:#b7dd8f; position:relative;  }
.text_header h3{ font-weight:bold;  clear:both;}
.text_header h3 span{ font-weight:normal; }
.text_header h3 img { vertical-align:middle; padding:0 10px 0 0; clear:both;}
.text_header h3 a{ text-decoration:underline !Important; }
.text_header h3 a:hover { text-decoration:none  !Important;}
.text_header .text_header_more { position:absolute; right:10px; top:8px;}
.text_header .input { margin:0; border:solid 1px #4f8016; width:140px; font-size:11px; padding:3px;}
.text_header .text_header_more.search_div { top:5px;}

fieldset.form_data { padding:10px 18px;}
fieldset.form_data label { width:120px; display:block;  float:left; padding:3px 5px 0px 0}
fieldset.form_data p { width:100%; position:relative; display:block;  float:left; padding:3px 0;}
fieldset.form_data p a { font-weight:bold; text-decoration:none;}
fieldset.form_data p a:hover { text-decoration:underline;}
fieldset.form_data .form_padding { padding:20px 0 10px 0;}


.main_button { background:#70bc1f; padding:5px 10px; border-width:0px; color:#FFFFFF; font-weight:bold; cursor:pointer; margin:0; width:auto; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;}
a.main_button {line-height:26px;height:26px;margin:0; color: #000; background:#FFFFFF;}
.main_button2 { background:none; padding:3px 5px; border-width:0px; color:#000; font-weight:normal; cursor:pointer; margin:0; width:auto; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;}

.welcome_right_pane {float:right; width:370px;}
.welcome_left_pane { float:left; width:370px;}


.welcome_right_pane .welcome_box { border:solid 1px #CCC; border-width:0 0px 0px 1px}
.welcome_left_pane .welcome_box { border:solid 1px #CCC; border-width:0 1px 0px 0px}
.welcome_box ul.content_data{ list-style:none; position:relative; }
.welcome_box ul.content_data li{background:#ffffff; padding:8px 0; border-bottom:solid 1px #CCCCCC;}
.welcome_box ul.content_data li.sub { background:#f7f7f7}
.welcome_box ul.content_data li a{ margin-left:18px; background:url(/online/images/inner_page_arrow.gif) no-repeat left 5px; padding-left:12px; text-decoration:none; color:#000;font-size:11px;}
.welcome_box ul.content_data li a:hover { text-decoration:underline;}
a.more { background:url(/online/images/blue_arw.gif) no-repeat left 5px; padding:0 0 0 10px; text-decoration:none; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;}
a.more:hover { text-decoration:underline;}

.welcome_box ul.content_data_without_arrow{ list-style:none;}
.welcome_box ul.content_data_without_arrow li{background:#ffffff; padding:8px 0; border-bottom:solid 1px #CCCCCC;}
.welcome_box ul.content_data_without_arrow li.sub { background:#f7f7f7}
.welcome_box ul.content_data_without_arrow li a{ margin-left:18px; padding-left:0px; text-decoration:none; color:#000;font-size:11px;}
.welcome_box ul.content_data_without_arrow li a:hover { text-decoration:underline;}

.content_box_data { margin:0; padding:0;}
.content_box_data.content_box_padding { padding:18px; _padding:18px 18px 0px 18px; clear:both}

.welcome_box_map { width:416px; float:left; padding-right:18px;}
.welcome_box_vrienden_right { width:288px; float:right }
.border_map { border:solid 1px #CCCCCC;}


.table_data_information { margin:0; padding:0; border:solid 1px #ebebeb;}
.table_data_information th { background:#f9f9f9; padding:7px 5px 7px 12px; font-weight:bold; text-align:left;}
.table_data_information td { border-top:solid 1px #ebebeb; padding:7px 5px 7px 12px; vertical-align:middle;}
.table_data_information tr.sub td { background:#f9f9f9}
.table_data_information img { vertical-align:middle;}
.table_data_information .input.input { background:#e6e8f2; border-width:0; width:150px; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000;}
.table_data_information label {  font-weight:bold;}
.table_data_information a.arrow_link { background:url(/online/images/inner_page_arrow.gif) no-repeat left 5px; padding:0 0 0 10px;}
.welcome_left_pane .table_data_information { border-bottom-color:#CCCCCC;}
.welcome_right_pane .table_data_information { border-bottom-color:#CCCCCC;}


.accordion_panel_box { padding-top:1px; position:relative}
.accordion_panel_header { background:#e2e2e2 url(/online/images/blue_arw.gif) no-repeat 20px 15px; padding:10px 10px 10px 40px; font-weight:bold; cursor:pointer;}
.accordion_panel_header span { font-weight:normal;}
.active_panel { background-image:url(/online/images/arrow_bottom.gif)}

.accordion_panel_content .table_data_information { border-width:1px 0 1px 0}
.accordion_panel_header_right { position:absolute; right:10px; top:10px;}
.kiew_actie { padding:5px 20px 5px 5px ;  text-align:right }
.kiew_actie select { margin-right:5px; width:150px; border:solid 1px #e6e8f2; background:#e6e8f2 ; font-size:11px; padding:2px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.table_data_information .kiew_actie { padding:0px 20px 0 0;}


.search_database { margin:0; padding:3px 18px 25px 18px;}
.search_database p { padding:7px 0 8px 0}
.search_database label { width:150px; font-weight:bold; padding:5px 0 0 0; display:block; float:left}
.search_database input.input { width:120px; background:#e6e8f2; border:solid 1px #e6e8f2; padding:2px 5px; margin-right:7px; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000;}
.search_database .main_button { padding:2px 8px; font-size:11px;}


.paging{ padding:10px 18px 0px 18px; position:relative}
.paging .previous{ float:left; display:block; background:url(/online/images/icon_previous.gif) no-repeat left 4px; padding:0 0 0 15px; margin:3px 0 0 0; font-weight:bold;}
.paging .previous:hover { text-decoration:underline;}
.paging .next{ float:right;  display:block; background:url(/online/images/icon_next.gif) no-repeat right 4px; padding:0 15px 0 0; margin:3px 0 0 0; font-weight:bold;}
.paging .next:hover { text-decoration:underline;}
.paging .paging_link{ margin:0 auto; display:block; float:left; text-align:center;  width:75%; }
.paging .paging_link table {  margin:0 auto; width:auto; }

.paging .paging_link a { background:#b4bcd7; padding:5px 8px; line-height:22px; margin:0 1px;  text-decoration:none; text-align:center; color:#FFFFFF; }
.paging .paging_link a:hover, .paging .paging_link a:active, .paging .paging_link a.active { background:#0e207f; color:#FFFFFF; text-decoration:none;}
 .paging .paging_link span { text-align:center;  padding:5px 8px; line-height:22px; line-height:22px; color:#FFFFFF; background:#0e207f; margin:0 1px}


.calendar_data { margin:0; padding:0; }
.calendar_data th { background:#f9f9f9; border-bottom:solid 1px #dedede; border-left:solid 1px #dedede; padding:7px 5px 7px 12px; font-weight:bold; text-align:center;}
.calendar_data th.first{ border-left:solid 0px #dedede;}
.calendar_data td.first{ border-left:solid 0px #dedede; padding:3px;}
.calendar_data td { border-bottom:solid 1px #dedede; border-left:solid 1px #dedede; padding:3px;  vertical-align:middle;}
.calendar_data td table { border-width:0;}
.calendar_data td.first_harf { border-bottom:0px;}
.calendar_data td td { border-width:0px;}
.calendar_data tr.sub td { background:#f9f9f9; }
.calendar_data img { vertical-align:middle;}
.calendar_data .discussion { background:#ffefb2; border-color:#e9d99b}
.calendar_data tr.sub td.discussion { background:#f9eaac; }
.calendar_data .meeting {background:#efb2d1; border-color:#d99bba}
.calendar_data tr.sub td.meeting  { background:#eaaccb; }
.calendar_data .appointment {background:#c1efc1; border-color:#aad9aa;}
.calendar_data tr.sub td.appointment { background:#bceabc;} 

/*====:- Footer -:====*/

#footer { background:#0e207f; text-align:center; line-height:15px; padding:12px 0 12px 0; clear:both; position:absolute;left:0 ;  bottom:0; height:16px;  font-size:11px; font-family:Tahoma, Arial, Helvetica, sans-serif; color:#FFF; text-align:left; width:100%;}
#footer .footer_menu {padding:0 15px;width:1160px; margin:0;}
#footer p{  width:90%}
#footer p span { color:#8790bf;}
#footer a{ color:#6d946f; font-weight:bold; margin:0 10px; text-decoration:none}
#footer a:hover { text-decoration:underline;}
#footer span { color:#535453; font-weight:normal;}

/* Google map style sheet */
#map { width:416px; height:330px;border:1px #dedede solid; }

a.banner {display:block;margin-bottom:10px;}

a.next, a.previous {text-decoration:underline;background-color:#CCCCCC;padding:4px 3px;}
a.inactive {text-decoration:none;}

#message {background: transparent url(/online/images/googlemaps_ballon.png) 0px 0px no-repeat;position:absolute;width:200px;height:77px;padding: 15px 5px 3px 5px;}

.legenda {margin-top: 5px;}
.legenda ul li, .legenda img {float:left;}
.legenda label {float: left; line-height: 25px; margin: 5px;}

#uitlegtext {width:1px;font-size:11px;background:#EEE;border:1px #AAA solid;opacity:0.9;-moz-opacity:0.9;padding: 5px;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter: alpha(opacity=90);z-index:-1;overflow:hidden}
#uitlegtext ul {padding-left: 20px;}
#uitlegtext ul li {list-style-type:disc;}
div.uitleg {padding: 13px 17px;background:#EEE;margin-top:5px;text-decoration:none;pointer:none;}
a.antwoord {float:right;margin-right: 17px;}
div.mededeling ul {padding-left: 20px;list-style-type:disc;background:none;}
div.mededeling ul li {background:none !important; border:0 !important;}

.fotolink {position:absolute;background:#FFFFFF;padding:10px;border:1px #CCC solid;right:10px;top:45px;}

input.error {border: 1px #990000 solid;}
input.over {border: 1px #000099 solid; color: #006600}

td a.agendapunt {display:block;margin-bottom:2px;}
td span.dag {float:right;color:#999;}
td a.persoonlijk {background:#ffefb2;display:block;padding:1px}
td a.priva {background:#efb2d1;display:block;padding:1px}
td a.controle {background:#c1efc1;display:block;padding:1px}
tr.vervolg, tr.vervolg td {vertical-align:top;height:90px;}
tr.vervolg td.sub {background:#F9F9F9;}
.tijdstip {float:right;border: 0px #b7dd8f solid; padding: 3px;margin:10px;}
.duur, .datum {display:block;margin-bottom:1px;background:#b7dd8f;color:#000;text-align:left;padding:3px}
textarea.textarea {width:400px;height:150px; border:1px #CCCCCC solid; color:#333333;font-family: Verdana, Arial, Helvetica, sans-serif;font-size:12px; padding:3px 5px;}
input.titel {width:400px;}
input.datumagenda {width:117px;}

/* Zoeken */
span.highlight { background-color: #FFCC00; padding: 0 1px;}
