body { height: 100%; font-size: 12px; margin: 0; padding: 0; font-family: Verdana, Tahoma, sans-serif; background-image: url(/images/background.png); background-repeat: repeat-x; background-color: white; }
img { display: block; border: 0; outline: 0;  }
.clear { clear: both; }
.checkbox { padding: 0; margin: 1px; }
* { outline: none; -moz-outline: none; }
textarea { overflow: auto;}
input { -moz-outline: none;  }
input[disabled] { color: red; }
a { cursor: pointer; border: 0px; outline:0; }

#sdh_main { margin: 0 auto; width: 958px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/backslide.png',sizingMethod='crop'); }
#sdh_main[id] { margin: 0 auto; width: 958px; background-image: url('/images/backslide.png'); }

#sdh_top { color: #606060; }
#sdh_top .top_logo { float: left; margin-left: 15px; margin-top: 2px; }
#sdh_top .top_welcome { float: right; text-align: center;  padding-top: 7px; width: 200px; margin-right: 30px;}
#sdh_top .welcome_line { border-bottom: 1px solid #606060;  padding-top: 6px; margin-bottom: 6px; width: 150px; margin-left: 25px; font-size: 1px; }
#sdh_top .top_content { height: 73px; width: 912px; margin-left: 23px; background-image: url('/images/main-top-bg.jpg'); background-repeat: repeat-x; }
#sdh_top .navigation { margin-left: 20px; height: 34px; width: 916px; background-image: url('/images/nav-slide.png'); }
#sdh_top .navigation_left { float: left; }
#sdh_top .navigation_right { float: right; }

#sdh_center { margin-top: 3px; margin-left: 20px; background-image: url('/images/sdh-main.jpg'); height: 300px; width: 916px;  }
#sdh_center1 { margin-top: 3px; margin-left: 20px; background-image: url('/images/sdh-main1.jpg'); height: 300px; width: 916px;  }
#sdh_center .login_username { border: 1px solid #b6b6b6; margin-top: 121px; margin-left: 642px; height: 15px; width: 204px; padding-top: 2px; }
#sdh_center .login_password { border: 1px solid #b6b6b6; height: 15px; margin-left: 642px; margin-top: 17px; width: 204px; padding-top: 2px; }
#sdh_center .login_button { margin-left: 762px; margin-top: 10px;  border: 0; background-image: url('/images/login-button.jpg'); width: 85px; height: 26px; }

#sdh_content { margin-top: 3px; margin-left: 20px; width: 916px; background-repeat: repeat-x ; background-image: url('/images/content-bg.jpg');  background-color: white; }
#sdh_content .content_welkom { float: left; width: 591px; margin-top: 34px; margin-left: 20px; }
#sdh_content .content_nieuws { float: left; width: 274px; margin-top: 33px; margin-left: 23px;  }
#sdh_content .content_seperate { width: 1px; float: left; background-color: #dcdcdc; margin-top: 68px; height: 213px;  }
#sdh_content p { padding: 3px; font-size: 11px; letter-spacing: 1px; margin-top: 15px; padding-right: 20px;}

#sdh_content .content_items { margin-top: 20px; font-size: 11px; width: 250px; }
#sdh_content .content_item { margin-bottom: 17px; }
#sdh_content strong { color: #97af6d; }
#sdh_content img { display: inline; }

#beheer { height: 800px; background-color: white; margin-left: 20px; margin-right: 20px; }

#beheer-menu { margin-top: 14px; float: left; width: 135px; margin-left: 12px; background-image: url('/images/beheer-menu-slide.png'); height: 500px; padding-top: 20px; }
#beheer-menu .item { background-image: url('/images/beheer-menu-itembg.png'); height: 53px; width: 135px; }
#beheer-menu .item-selected { background-image: url('/images/beheer-menu-selected.png');  height: 55px; width: 135px; }
#beheer-menu .item-title-selected { width: 120px; font-size: 14px; margin-left: 10px; padding-top:13px;}
#beheer-menu .item-title { width: 100px; font-size: 14px; margin-left: 10px; padding-top:11px;}
#beheer-menu .item-sub { width: 110px; font-size: 10px; margin-left: 10px; color: #9c918b; }
#beheer-menu a { text-decoration: none; color: black; display: block; }

#beheer-content { float: left; margin-left: 11px; margin-top: 14px; }
#beheer-content .searchfield { border: 0; padding: 0; margin: 0; background-image: url('/images/beheer-zoeken.png'); height: 20px; width: 205px; padding-top: 4px; padding-left: 10px; }
#beheer-content strong { color: #97af6d; font-size: 13px;  }
#beheer-content .top-title { float: left; width: 250px; color: black; font-size: 11px; margin-top: 20px; margin-bottom: 15px; padding-left: 25px;}
#beheer-content .top-search { float: left; width: 400px; margin-top: 17px; font-size: 13px; color: #97af6d; font-weight: bold; }
#beheer-content .top-titlesms { float: left; width: 400px; color: black; font-size: 11px; margin-top: 20px; margin-bottom: 15px; padding-left: 25px; }

#beheer-content .smsbox { width: 410px; height: 303px; background-image: url('/images/sms-bg.png'); }
#beheer-content .smsform { padding-top: 18px; padding-left: 30px; }
#beheer-content .sms_add { background-image: url('/images/sms-addbox.png'); border: 0; margin: 0; padding: 0; width: 227px; height: 21px; position: relative; top: -8px; padding-top: 3px; padding-left: 5px; }
#beheer-content .sms_textbox { background-image: url('/images/sms-textbox.png'); border: 0; margin: 0; padding: 8px; width: 248px; height: 189px; font-family: Verdana, Tahoma, sans-serif; font-size: 11px; }

#beheer-content .nieuws_add { background-image: url('/images/nieuws-textbox.png'); border: 0; margin: 0; padding-top: 3px; padding-left: 10px; padding-right: 10px; width: 245px; height: 20px; }

#beheer-bottom {  width: 916px; background-image: url('/images/beheer-bottom-bg.png'); height: 104px;  background-color: white; }
#beheer-bottom .opmerkingen { float: left; width: 725px; margin-top: 10px; margin-left: 10px; }
#beheer-bottom .opties { float: left; margin-top: 10px; }
#beheer-bottom strong { color: #97af6d; }
#beheer-bottom .opmerking { font-size: 11px; font-family: Verdana, tahoma, sans-serif; background-image: url('/images/opmerking.png'); margin: 0; border: 0; padding: 0; width: 513px; height: 50px; padding-left: 15px; padding-top: 6px; }
#beheer-bottom .optiebtn {cursor: pointer;  text-align: left; font-weight: bold; background-color: transparent; border: 0; padding: 0; margin: 0; background-image: url('/images/beheer-bottom-btn.png'); width: 164px; height: 23px; padding-left: 10px; }

#planning { border: 1px solid #ccc; height: 438px; margin-bottom: 3px; margin-right: 2px; margin-top: 3px; }
#planning .bijzonder { border: 1px solid #ddd; border-radius: 15px; width: 413px; height: 51px; padding-top: 6px; padding-left: 12px; padding-right: 12px; font-family: Verdana, Tahoma, sans-serif; font-size: 11px; }
#planning .beheerdersnotitie { border: 1px solid #ff7701; height: 388px; width: 200px; }
#planning #beheernotitie-box { position: absolute; margin-left: 932px; }


#popup { margin-top: 25px; margin-left: 25px;  }
#popup h1 { font-size: 19px; margin: 0; padding: 0; }
#popup p { width: 250px; font-size: 12px; margin: 0; padding: 0; padding-top: 12px; color: #868686; }
#popup .button { border: 0; background-color: transparent; background-image: url('/images/popup-btn.png'); width: 84px; height: 24px; font-weight: bold; }

#smsadres { margin-top: 35px; margin-left: 35px;  }
#smsadres h1 { font-size: 19px; margin: 0; padding: 0; }

#sms { margin-left: 20px; margin-right: 20px; height: 800px; background-color: white; }

#nieuws { margin-left: 20px; margin-right: 20px; height: 800px; background-color: white; }

#nieuws .content { padding-top: 10px; margin-left: 30px; margin-right: 30px; }
#nieuws h1 { margin: 0; padding: 0; font-size: 14px; }

.adrestable-header { float: left; height: 17px; background-color: #fafafa; text-align: center; color: #aaa198; font-weight: bold; border: 1px solid #f1f1f1; padding-top: 3px; font-size: 11px;}
.adrestable-item { font-size: 11px; float: left; height: 17px;  text-align: center; color: black; padding-top: 6px; padding-bottom: 4px;}
#adresboek a { color: red; }

#alfabet { width: 748px; background-image: url('/images/sam/sprite.png');  }
#alfabet a { color: #97af6d; font-weight: bold; text-decoration: none;  }
#alfabet a.selected { color: black; font-weight: bold; text-decoration: none;  }
#alfabet td { text-align: center;  }

#datumveld { font-size: 9px; padding-left: 8px; color: #ff7701; width: 157px; padding-top: 4px; height: 20px; background-image: url('/images/selectbox2.png'); border: 0; }

#cursorMessageDiv { font-size: 11px; position: absolute; z-index: 99999; border: solid 1px #CCC; background: #EEE; padding: 2px; margin: 0px; display: none; margin-top: 20px; margin-left: -30px;}

#sdh_content .telefoon { font-size: 11px; width: 600px; letter-spacing: normal;}
#sdh_content td { width: 150px; }
#sdh_content a { color: black; font-size: 10px; }
#newsbox .newsitem { padding: 60px; }
#newsbox .button { cursor: pointer;  -moz-outline: none;  border: 0; background-color: transparent; background-image: url('/images/popup-btn.png'); width: 84px; height: 24px; font-weight: bold; }
#newsbox h1 { margin: 0; padding: 0; font-size: 16px; }
#newsbox p { display: block; overflow: auto; height: 430px; padding-top: 20px; }

select.replaced { display: none; }
ul.selectReplacement { color: #ff7701; background-image: url('/images/selectbox.png'); margin: 0; font-family: Verdana; padding: 0;
height: 24px; width: 164px; top: 0px; position: relative;  z-index: 5; }
ul.selectReplacement li { font-weight: normal; cursor: pointer; display: none; font-size: 12px; line-height: 19px;
list-style: none; margin: 0; padding: 2px 5px; width: 155px;  z-index: 5; padding-left: 6px; }
ul.selectOpen li { color: #ccc; background-image: url('/images/selectbox2.png');  display: block; background-color: #edf0f3; padding-bottom: 3px; z-index: 5; padding-left: 6px; font-size: 12px; }
ul.selectReplacement li.selected {  color: #ff7701;  display: block; padding-left: 6px;  padding-left: 6px; font-size: 12px; padding-bottom: 3px;}
ul.selectOpen li.selected { display: block;  padding-left: 6px; font-size: 12px; padding-bottom: 3px;}
ul.selectOpen li:hover, ul.selectOpen li.hover, ul.selectOpen li.selected:hover { background-color: #d0d8e0; padding-left: 6px; font-size: 12px; padding-bottom: 3px; }


/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

.jqmWindow { display: none; position: fixed; top: 34%; left: 50%; margin-left: -150px; width: 300px; height: 195px; background-color: transparent; background-image: url('/images/popup-bg.png'); color: #333; }
.jqmWindow2 { display: none; position: fixed; top: 4%; left: 33%; margin-left: -150px; width: 724px; height: 644px; background-color: transparent; background-image: url('/images/newsback.png'); color: #333; }

.jqmOverlay { background-color: #000; }

* iframe.jqm {position:absolute;top:0;left:0;z-index:-1; width: expression(this.parentNode.offsetWidth+'px'); height: expression(this.parentNode.offsetHeight+'px'); }
* html .jqmWindow { position: absolute; top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px'); }

/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.1
*/
.yui-dt{border-bottom:1px solid transparent;  }
.yui-dt-noop{border-bottom:none; }
.yui-dt-hd{display:none;}
.yui-dt-scrollable .yui-dt-hd{display:block;}
.yui-dt-scrollable .yui-dt-bd thead tr,.yui-dt-scrollable .yui-dt-bd thead th{position:absolute;left:-1500px; }
.yui-dt-scrollable tbody{-moz-outline:none;}
.yui-dt-draggable{cursor:move;}
.yui-dt-coltarget{position:absolute;z-index:999;}
.yui-dt-hd{zoom:1;}th.yui-dt-resizeable .yui-dt-liner{position:relative;}
.yui-dt-resizer{position:absolute;right:0;bottom:0;height:100%;cursor:e-resize;cursor:col-resize;}
.yui-dt-resizerproxy{visibility:hidden;position:absolute;z-index:9000;}
th.yui-dt-hidden .yui-dt-liner, td.yui-dt-hidden .yui-dt-liner{margin:0;padding:0;overflow:hidden;white-space:nowrap;}
.yui-dt-scrollable .yui-dt-bd{overflow:auto;}
.yui-dt-scrollable .yui-dt-hd{overflow:hidden;position:relative;}
.yui-dt-editor{position:absolute;z-index:9000;}
.yui-dt table{margin:0;padding:0;font-family:Verdana;font-size:11px;border-collapse:collapse;border-spacing:0; }
.yui-dt thead{border-spacing:0; } .yui-dt caption{padding-bottom:1em;text-align:left;}
.yui-dt-hd table{border-left:0px solid #7F7F7F;border-top:1px solid #7F7F7F;border-right:1px solid #7F7F7F;}
.yui-dt-bd table{border:0px solid #7F7F7F;}
.yui-dt-scrollable .yui-dt-hd table{border:0px;border-left:0px solid #7F7F7F; }
.yui-dt-scrollable .yui-dt-bd table{border:0px;border-left:0px solid #7F7F7F; }
.yui-dt-scrollable .yui-dt-hd{border-left:0px solid #e3e3e3;border-top:0px solid #7F7F7F;border-right:0px solid #7F7F7F;}
.yui-dt-scrollable .yui-dt-bd{border-left:0px solid #e3e3e3;border-bottom:0px solid #7F7F7F;border-right:0px solid #7F7F7F;}
.yui-dt th{background:#D8D8DA url(/images/sam/sprite.png) repeat-x 0 0; }


.yui-dt th, .yui-dt th a{font-weight:bold;text-decoration:none;color:#aaa198;vertical-align:middle;}
.yui-dt th{margin:0;padding:0; border-right:1px solid #CBCBCB; }
.yui-dt-liner{margin:0;padding:0;padding:4px 10px 4px 10px;}
.yui-dt-coltarget{width:5px;background-color:red;}
.yui-dt td{margin:0;padding:0;border:none;border: 1px solid #e3e3e3;text-align:left; vertical-align: top; }
.yui-dt-list td{border-right:none;}
.yui-dt-resizer{width:6px;}
.yui-dt-loading{background-color:#FFF;}
.yui-dt-empty{background-color:#FFF;}
.yui-dt-error{background-color:#FFF;}
thead .yui-dt-sortable{cursor:pointer;}
th.yui-dt-asc, th.yui-dt-desc{background:url(/images/sam/sprite.png) repeat-x 0 -100px;}
th.yui-dt-sortable .yui-dt-label{margin-right:10px;}
th.yui-dt-asc .yui-dt-liner{background:url(/images/sam/dt-arrow-up.png) no-repeat right;}
th.yui-dt-desc .yui-dt-liner{background:url(/images/sam/dt-arrow-dn.png) no-repeat right;}
.yui-dt-editable{cursor:pointer;}
.yui-dt-editor{text-align:left;background-color:#F2F2F2;border:1px solid #808080;padding:6px;}
.yui-dt-editor label{padding-left:4px;padding-right:6px;}
.yui-dt-editor .yui-dt-button{padding-top:6px;text-align:right;}
.yui-dt-editor .yui-dt-button button{background:url(/images/sam/sprite.png) repeat-x 0 0;border:1px solid #999;width:4em;height:1.8em;margin-left:6px;}
.yui-dt-editor .yui-dt-button button.yui-dt-default{background:url(/images/sam/sprite.png) repeat-x 0 -1400px;background-color:#5584E0;border:1px solid #476930;color:#FFF}
.yui-dt-editor .yui-dt-button button:hover{background:url(/images/sam/sprite.png) repeat-x 0 -1300px;color:#000;}
.yui-dt-editor .yui-dt-button button:active{background:url(/images/sam/sprite.png) repeat-x 0 -1700px;color:#000;}

tr.yui-dt-even{background-color:#FFF;}
tr.yui-dt-odd{background-color:#fafafa;}
tr.yui-dt-even td.yui-dt-asc, tr.yui-dt-even td.yui-dt-desc{background-color:#fff;}
tr.yui-dt-odd td.yui-dt-asc, tr.yui-dt-odd td.yui-dt-desc{background-color:#fafafa;}

.yui-dt-list tr.yui-dt-even{background-color:#FFF;}
.yui-dt-list tr.yui-dt-odd{background-color:#FFF;}
.yui-dt-list tr.yui-dt-even td.yui-dt-asc, .yui-dt-list tr.yui-dt-even td.yui-dt-desc{background-color:#EDF5FF;}
.yui-dt-list tr.yui-dt-odd td.yui-dt-asc, .yui-dt-list tr.yui-dt-odd td.yui-dt-desc{background-color:#EDF5FF;}
th.yui-dt-highlighted, th.yui-dt-highlighted a{background-color:#B2D2FF;}
tr.yui-dt-highlighted, tr.yui-dt-highlighted td.yui-dt-asc, tr.yui-dt-highlighted td.yui-dt-desc, tr.yui-dt-even td.yui-dt-highlighted, tr.yui-dt-odd td.yui-dt-highlighted{cursor:pointer;background-color:#B2D2FF;}
.yui-dt-list th.yui-dt-highlighted, .yui-dt-list th.yui-dt-highlighted a{background-color:#B2D2FF;}
.yui-dt-list tr.yui-dt-highlighted, .yui-dt-list tr.yui-dt-highlighted td.yui-dt-asc, .yui-dt-list tr.yui-dt-highlighted td.yui-dt-desc, .yui-dt-list tr.yui-dt-even td.yui-dt-highlighted, .yui-dt-list tr.yui-dt-odd td.yui-dt-highlighted{cursor:pointer;background-color:#B2D2FF;}
th.yui-dt-selected, th.yui-dt-selected a{background-color:#d9ded1;}
tr.yui-dt-selected td, tr.yui-dt-selected td.yui-dt-asc, tr.yui-dt-selected td.yui-dt-desc{background-color:#d9ded1;color:#000;}
tr.yui-dt-even td.yui-dt-selected, tr.yui-dt-odd td.yui-dt-selected{background-color:#d9ded1;color:#000;}
.yui-dt-list th.yui-dt-selected, .yui-dt-list th.yui-dt-selected a{background-color:#d9ded1;}
.yui-dt-list tr.yui-dt-selected td, .yui-dt-list tr.yui-dt-selected td.yui-dt-asc, .yui-dt-list tr.yui-dt-selected td.yui-dt-desc{background-color:#426FD9;color:#FFF;}
.yui-dt-list tr.yui-dt-even td.yui-dt-selected, .yui-dt-list tr.yui-dt-odd td.yui-dt-selected{background-color:#d9ded1;color:#FFF;}
.yui-pg-container, .yui-dt-paginator{display:block;margin:6px 0;white-space:nowrap;}
.yui-pg-first, .yui-pg-last, .yui-pg-current-page, .yui-dt-first, .yui-dt-paginator .yui-dt-last, .yui-dt-paginator .yui-dt-selected{padding:2px 6px;}
a.yui-pg-first, a.yui-pg-previous, a.yui-pg-next, a.yui-pg-last, a.yui-pg-page, .yui-dt-paginator a.yui-dt-first, .yui-dt-paginator a.yui-dt-last{text-decoration:none;}
.yui-dt-paginator .yui-dt-previous, .yui-dt-paginator .yui-dt-next{display:none;}
a.yui-pg-page, a.yui-dt-page{border:1px solid #CBCBCB;padding:2px 6px;text-decoration:none;background-color:#fff}
.yui-pg-current-page, .yui-dt-selected{border:1px solid #fff;background-color:#fff;}
.yui-pg-pages{margin-left:1ex;margin-right:1ex;}
.yui-pg-page{margin-right:1px;margin-left:1px; }
.yui-pg-first, .yui-pg-previous{margin-right:3px;}
.yui-pg-next, .yui-pg-last{margin-left:3px;}
.yui-pg-current, .yui-pg-rpp-options{margin-right:1em;margin-left:1em;}


/* Some resets for compatibility with existing CSS */
/* Some resets for compatibility with existing CSS */
.date_selector, .date_selector * { width: auto; height: auto; border: none; background: none; margin: 0; padding: 0; text-align: left; text-decoration: none; }
.date_selector { background: #F2F2F2; border: 1px solid #bbb; padding: 5px; margin: -1px 0 0 0; position: absolute; z-index: 100000; display: none; }
.date_selector_ieframe { position: absolute; z-index: 99999; display: none; }
.date_selector .nav { width: 17.5em; /* 7 * 2.5em */ }
.date_selector .month_nav, .date_selector .year_nav { margin: 0 0 3px 0; padding: 0; display: block; position: relative; text-align: center; }
.date_selector .month_nav { float: left; width: 55%; }
.date_selector .year_nav { float: right; width: 35%; margin-right: -8px; }
.date_selector .month_name, .date_selector .year_name { font-weight: bold; line-height: 20px; color: #ff7701; }
.date_selector .button { display: block; position: absolute; top: 0; width: 18px; height: 18px; line-height: 17px; font-weight: bold; color: #97af6d; text-align: center; font-size: 120%; overflow: hidden; border: 1px solid #F2F2F2; }
.date_selector .button:hover, .date_selector .button.hover { background: none; color: #ff7701; cursor: pointer; border-color: #ccc; }
.date_selector .prev { left: 0; }
.date_selector .next { right: 0; }
.date_selector table { border-spacing: 0; border-collapse: collapse; }
.date_selector th, .date_selector td { width: 2.5em; height: 2em; padding: 0; text-align: center; color: #ff7701; }
.date_selector td { border: 1px solid #ccc; line-height: 2em; text-align: center; white-space: nowrap; color: #97af6d; background: white; }
.date_selector td.today { background: #FFFEB3; }
.date_selector td.unselected_month { color: #ccc; }
.date_selector td.selectable_day { cursor: pointer; }
.date_selector td.selected { background: #D8DFE5; font-weight: bold; }
.date_selector td.selectable_day:hover, .date_selector td.selectable_day.hover { background: #003C78; color: white; }