@import url(../css/reset.css);

html{ font-size:0.6875em; }
body{ overflow-y:scroll; font:12px/127% Tahoma, Arial, Helvetica, sans-serif; cursor:default; color:#666666; background:#f2f2f2 url(../img/back.gif) 50%; text-align:center; min-height:100%; height:auto !important; height:100%; position:relative; min-width:960px; }
#page{ text-align:left; margin:0 auto; width:960px; background:#fff; position:relative; z-index:10; position:relative; padding-bottom:40px; }
#page .container { padding:0 10px 10px; overflow:hidden;}

a { color:#00a354; text-decoration:none; }
a:hover { color:#00a354; text-decoration:underline; }
input{color:#666666; }input:focus,input:active,input:hover{ color:#000; } 


/*header*/
#header { width:940px; height:208px; margin:0 auto 26px; position:relative; z-index:10; top:10px; background:url(../img/header.jpg) #006c37 no-repeat 0 0;}
#header .container{ height:38px; position:relative; top:170px; overflow:visible; border-bottom:2px solid #bdbdbd; background:#fff; padding:0; }
#header .container .shadow{ position:absolute; top:0; left:0; width:100%; height:11px; background:url(../img/shadow-Head.png) no-repeat; z-index:5;}
#header h1 { position:absolute; line-height:1.6em; top:15px; left:15px; width:298px; height:62px; font-size:1.5em; font-family:Arial, Helvetica, sans-serif; overflow:hidden; background:#f2f2f2; }
#header h1 a { text-indent:1em; display:block; position:relative; width:298px; height:62px;}
#header h1 a:hover{ text-decoration:none; }
#header h1 a small{ color:#636363; padding-left:1.1em;}
#header h1 a span { cursor:pointer; display:block; position:absolute; top:0; left:0; width:298px; height:62px; z-index:10; background:url(../img/header.jpg) no-repeat -15px -15px;}
#header ul.headnav { position:absolute; bottom:42px; right:20px; font-size:10px; line-height:13px; }
#header ul.headnav li { padding:1px 0;}
#header ul.headnav a{ color:#17ba69; text-decoration:none; background-repeat:no-repeat; background-position:0 80%; padding-left:18px;}
#header ul.headnav a:hover{ text-decoration:underline;}
#header ul.headnav li.sitemap a{ background-image:url(../img/ic_map.gif);} #header ul.headnav li.contact a{ background-image:url(../img/ic_mail.gif);}

/*main menu*/
#header #nav { position:relative; float:left; right:0; top:0;  }
#nav li{ float:left; font-weight:bold; font-size:12px; font-family:Arial, Helvetica, sans-serif; padding:7px 0 5px; height:26px; position:relative; }
#nav li:hover,#nav li.over,#nav li.active { background:#d7e6df; border-right:1px solid #d7e6df; border-left:1px solid #d7e6df; z-index:5;}
#nav li:hover a,#nav li.over a,#nav li.active a { border:0; padding-right:14px; }
#nav li.active a{ color:#00a354;}
#nav li:hover div,#nav li.over div{ display:block; }
#nav a { line-height:25px; border-left:1px dotted #bdbdbd; padding:0 15px 0 16px; color:#626262; left:-1px; position:relative; display:block; float:left; }
#nav a.first{border:0;}
#nav a:hover{color:#00a354;}
#nav ul { font-size:12px; width:136px; background:url(../img/menutop.png) repeat-x 0 7px; padding-top:12px; overflow:hidden; margin:0 auto; position:relative; }
#nav ul li { float:none; font-size:12px; line-height:14px; height:auto; padding:0; font-weight:normal; background:#fff; top:1px;  }
#nav ul li.active, #nav ul li:hover, #nav ul li.over { border-left:0; border-right:0; background:#fff; }
#nav li:hover li.active a, #nav li.over li.active a, #nav li.active li.active a{ background:url(../img/li_smaller.gif) #fff 0 0.9em no-repeat; padding:4px 7px 5px; line-height:12px;  color:#00a354;}
#nav li:hover li a, #nav li.over li a{ padding:4px 7px 5px; float:none; line-height:12px; margin:0 7px 0 7px; background:#fff; color:#666666; border-bottom:1px dotted #cdcdcd; display:block;  }
#nav li.active ul a { color:#666666; }
#nav div { width:136px; left:50%; margin-left:-71px; top:32px; background:url(../img/shadow-Menu.png) no-repeat 0 100%; padding:6px 3px 6px; display:none; position:absolute; min-height:94px; height:auto !important; height:94px;  }
#nav .first + div { margin-left:0; left:-9px;} 

/*search*/
#header .search { float:right; margin:7px 0 5px; border-left:1px dotted #bdbdbd; padding:2px 9px 0 16px; height:23px; }
#header .search label{ display:block; float:left; line-height:22px; padding-right:15px; }
#header .search div { float:left; border:1px solid #7f9db9; height:17px; padding:1px; }
#header .search input,#header .search button { float:left;border:0;background:none; }
#header .search input { width:124px; padding:2px 1px 0 2px; height:15px; }
#header .search button{ padding:0 2px 0 3px; color:#fff; height:17px; background:#008842; text-align:center; }

/*news*/
#news{ width:220px; float:left; background:url(../img/news_back.png) repeat-x; min-height:240px; height:auto !important; height:240px; }
#news h2 { margin:1.2em 0 0.2em 0; padding-left:16px; background:url(../img/li_large.gif) no-repeat 0 50%; font-size:12px;}
#news dl{ padding:0 16px 0; overflow:hidden; margin-top:-1em;}
#news .date {color:#00a354; font-weight:bold; padding-top:30px;}
#news .name { font-weight:bold;}
#news dd{border-bottom:dotted 1px #dfe1e0; padding-bottom:14px; margin:0 0 -15px 0;} 

/*content*/
#content { width:470px; margin:0 235px 0; position:relative; }
#content .container{ padding:9px; font-size:12px; }
#content h2{ color:#00a354; font-family:Arial, Helvetica, sans-serif; font-size:1.27em; padding:0.8em 0 1em;}
#content p { padding:0.45em 0;}
#content ul li{ padding-left:15px; background:url(../img/li_small.gif) 0 0.4em no-repeat;}

/*secpanel*/
#secpanel { width:220px; float:right; }
#secpanel h2 { width:220px; font-size:12px; height:115px; background:#00a354; position:relative;}
#secpanel h2 a { display:block; background:#aaaaa9; color:#fff; padding:0 10px; width:200px; text-decoration:none; line-height:2em; bottom:0;}
#secpanel span{ width:220px; cursor:pointer; height:115px; position:absolute; display:block; top:0; left:0; background:no-repeat 0 0; z-index:10;}
#secpanel h2.algemeen span{ background-image: url(../img/b_algemen.jpg); }
#secpanel h2.ziektebeelden span { background-image: url(../img/b_ziektebeelden.jpg); }
#secpanel p{ padding:1.8em 8px .4em;}
#secpanel p.more{border-bottom:2px solid #bdbdbd; padding:0; text-align:right; margin-bottom:1.1em;}
#secpanel p.more a{ background:#bdbdbd; color:#fff; padding:0 .7em; border-bottom:1px solid #bdbdbd;}

/*footer*/
#footer { background:#b7b7b7; color:#909090; height:21px; padding-top:9px; width:940px; position:absolute; bottom:0; left:50%; margin-left:-470px; clear:both; z-index:10; font-size:10px; }
#footer a{color:#909090;}
#footer a:hover{color:#dcdcdc;}
#footer .copyright { width:210px; float:left; text-align:left; padding-left:14px; position:relative; z-index:10;}
#footer .sitecreator { width:210px; float:right; text-align:right;  padding-right:14px; position:relative; z-index:10; font-size:10px; font-weight:normal;}
#footer .sitecreator a { text-decoration:none; color:#909090; font-weight:normal; }
#footer .sitecreator a:hover { text-decoration:none; color:#909090; }
#footer .footnav{ text-align:center; position:absolute; width:100%; left:0; color:#dcdcdc;}
#footer .footnav a{color:#dcdcdc; margin:0 6px;}
#footer .footnav a.active,#footer .footnav a:hover{ color:#fff; }

/*shadow*/
#back { height:100%; width:100%; left:0; top:0; position:absolute; overflow:hidden; z-index:1; text-align:center; }
#back i { display:block; width:960px; position:relative; height:100%; background:#fff; margin:0 auto; text-align:left; }
#back i i,#back i b { display:block; width:15px; height:663px; background:none 0 0 no-repeat; position:relative;}
#back i i{ float:left; left:-15px; background-image:url(../img/shadow-L.png); }
#back i b{ float:right; right:-15px; background-image:url(../img/shadow-R.png)}