* {margin: 0px }
body{
background : url('/img/wb_bck.png') repeat-x }
body ,table {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 11px;font-weight: normal;color: #707070 }
.container{
width 	: 960px;
text-align	: left;
margin-left	:  auto ; 
margin-right	: auto;
margin-top	: 0px;
padding	: 0px 10px }
#header{width: 960px;background:#FFFFFF }
.content  {
position	: relative;
width 	: 960px;
background 	: #FFFFFF;
min-height	: 450px}
.col50		  {width: 50%}
#cBody{
background 	: #FFFFFF;
xxtop	: 0;
float	: left;
width 	: 550px }
#cBody2{
background 	: #FFFFFF;
xxtop	: 0 ;
float	: left;
display	: inline;
width 	: 770px}
#SideBar{
background 	: #FFFFFF;
float	: right;
width 	: 220px;
position	: relative;
display	: inline}
#footer{
position	: relative; 
width 	: 960px;
background 	: #FFFFFF;
clear 	: both }
.snippet{
float: right; 
padding	: 5px;
margin-bottom	: 15px;
width	: 200px;
border 	: 1px solid  #CCC}
.snippet .title{
font-size	: 15px; 
font-weight	: bold;
margin-bottom	: 15px}
.snippet ul li{margin: .6em 0}
.mail{
background	: url(/webdb/ico_mail.gif) no-repeat left 8px;
padding-left	: 25px;padding-top	: 5px}
.tel{
background	: url(/webdb/ico_tel.gif)  no-repeat left 8px;
padding-left	: 25px;padding-top	: 12px}
.oim	{background-color : #FFFFFF}
img	{border-style : none} 
img.marge	{margin: 5px 5px 5px 5px} 
a 	{color: #0072FF; text-decoration:none} 
a:HOVER 	{color: #0072FF; text-decoration:underline} 
table.RB	{border-right: 1px solid #0072FF} 
input	{font-size: 11px;  font-weight: normal; border : 1px solid #0072FF}
input.radio 	{font-size: 11px;  font-weight: normal; color: gray;  border : 0px; margin-right: 5px}
textarea 	{border : 1px solid #0072FF; width: 600px; height: 200px; scrollbar-base-color: #0072FF }
.sitemap	{font-size: 9px} 
.sitemap a	{font-size: 9px} 
.sitemap a:HOVER	{font-size: 9px} 
.poll 	{font-weight: bold}
.menuRow TD {
font-weight	: bold;
padding-left	: 6px;
cursor	: pointer;
vertical-align	: middle;
border	: 1px solid;
border-color	: #fff #666 #666;
border-left	: none;
text-decoration	: none}
.menuRow TD A:hover, .menuRowsub TD A:hover {text-decoration: none}
.menuRow TD.pre, .menuRowsub TD.pre {width: 1px;; border-right: none}
.menu,  .menu A, .menu A:hover{}
.menuHover,  .menuHover A, .menuHover a:hover{}
.menusubHover, .menusubHover A, .menusubHover A:hover{}
/* Dit gedeelte komt in je stijlblad of in je stijl in de header te staan */
#navigatie {
position	: relative;
float	: left;
font-family	: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight	: bold;
line-height	: 20px;
width	: 150px;
padding	: 0;
margin-bottom	: 1em}
#navigatie ul {
list-style	: none;
margin	: 0;
padding	: 0;
vertical-align	: middle;
border-left  	: 1px solid #ccc;
border-right 	: 1px solid #69c;
border-bottom	: 1px solid #369;
text-decoration: none;
width		: 125px}
/* extra override */
#navigatie ul li ul{ border: 0px; width: auto}
#navigatie ul li, #navigatie ul li.menu  {
border-left	 : 1px solid white;
border-top	 : 1px solid #369;
text-decoration :none;
background-color: #FFFFFF}
#navigatie ul li ul li, #navigatie ul li.menusub{
border-left	: 0px;
border-top	: 1px solid #369;
background-color	: #FFFFFF}
#navigatie ul li a{
display		: block;
cursor		: pointer;
padding		: 0px 2px 0px 4px;
border-left  	: 1px solid #ccc;
width		: 125px;
color		: Black;
font-size	: 11px;
font-weight	: bold;
text-decoration: none;
line-height	: 20px}
#navigatie ul li ul li a{
display		: block;
padding 		: 0px 2px 0px 4px;
border-left  	: 1px solid #ccc;
color		: Black;
text-decoration: none;
font-size	: 10px;
font-weight	: bold}
html>body #navigatie ul li a {}
html>body #navigatie ul li ul li a {}
#navigatie ul li:hover, #navigatie ul li a:hover{color: white;background-color: #00688b}
#navigatie ul li ul li:hover, #navigatie ul li ul li>a:hover{color: Black;background-color: #69c}
#navigatie ul li.menuHiLite a{color: white;background-color: #00688b}
#navigatie ul li.menuHiLite  a:hover{background-color: #00688b}
#navigatie ul li.menusubHiLite a{color: white;background-color: #FFCC00}
#navigatie ul li.menusubHiLite > a:hover{color: white}
#navigatie ul  li.menuHiLite >  a{color: white}
#navigatie ul li.menusubHiLite a{color: white}
.hide	{display: none}
.show	{display: inline}
#contact	{position	: absolute;bottom	: 25px;left	: 10px}
.rss	{text-align : right;width	: 40px;background : url(/webdb/rss.gif) no-repeat left top}
.foot_link	{text-align : right;float	: right}
.foot_link A	{color: #707070}
.foot_link A:hover	{color: #707070}
/* ########  POLL  #######  */
.Poll-Head {color: #0072FF ; FONT-WEIGHT: normal} 
.Poll-Vraag {FONT-WEIGHT: Bold} 
.Poll-results {
BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; BORDER-TOP: 0px; BORDER-RIGHT: 0px;
WIDTH: 100%; MARGIN-BOTTOM: 10px}
.Poll-results TD {
PADDING-BOTTOM: 4px; PADDING-LEFT: 4px; PADDING-RIGHT: 4px; PADDING-TOP: 4px;
LINE-HEIGHT: 1.3em; FONT-SIZE: 1.2em; 
VERTICAL-ALIGN: bottom}
.Poll-results TD.percent {	WIDTH: 35px}
.Poll-results TD B {	COLOR: #000; FONT-WEIGHT: normal}
.Poll-results TD .Visual-b {	WIDTH: 100%; BACKGROUND: #e5e5e5; HEIGHT: 3px; OVERFLOW: hidden}
.Poll-results TD .Visual-b DIV {	BACKGROUND: #000; HEIGHT: 3px; OVERFLOW: hidden}
/* #######  END POLL #######  */
@media screen and (min-device-width: 450px) and (max-width: 975px) {
.container	{width: 100%; margin-left: auto;   margin-right: auto; padding: 0px}
.content	{width: 100%; padding: 0px 10px}
#footer	{width: 100%}
#header	{width: 100%}
#navigatie	{width: 150px}
#cBody, #cBody2     {width: 80%}
#SideBar	{width: 100%;  position: relative;  float: left}
.snippet	{width: 100%; float: left ; padding: 0px}
.footcontact	{width: 94%; padding: 3px; padding-top: 10px; float: left} }
@media screen and (max-width: 450px) {
.container	{width: 320px; margin-left: auto;   margin-right: auto; padding: 0px}
.content	{width:  98%; margin-left: auto;   margin-right: auto; padding: 0px 0px}
.col50		  {width: 99%}
#footer	{width: 100%}
#header 	{width: 100%}
#navigatie	{}
#cBody, #cBody2	{width: 100%}
#SideBar	{width: 100%;  position: relative;  float: left}
#SideBarBottom	{width: 100%;  position: relative;  float: left}
.snippet	{width: 94%;  float: left ; padding: 3px}
HR	{width: 99%}
.footleft	{width: 94%; padding: 3px; padding-top: 10px; float: left}
.footcontact	{width: 94%; padding: 3px; padding-top: 10px; float: left}
.social	{display: none} }
BODY  {font-size: 13px; line-height: 1.3em; }

#header  {
padding-top: 5px  ;
border-top-left-radius :  0.5em;
border-top-right-radius :  0.5em;
}

#header, #footer, .content {
xpadding-right: 10px;
xpadding-left: 10px;
padding-bottom: 5px;
}

#footer {
border-bottom-left-radius :  0.5em;
border-bottom-right-radius :  0.5em;}

input { border-radius: 4px;margin-bottom: 5px;padding-left: 5px;}

#SideBar,  #sideBarBottom {padding-right: 10px}

.container {border-top :  #00688b 7px  solid; 
padding: 0px 10px;
background-color: white} 

.smlink {font-size: 11px;}
A.smlink:hover {font-size: 11px;}

.snippet { border-radius :  0.5em;}
.snippet .title { color: #00688b}
.snippet  ul { margin-left : 17px; margin-top : 0px; margin-bottom: 0px}

H1 {font-size: 15px;}
H2 {font-size: 11px; font-weight : bold }

#navigatie ul ,   #navigatie ul li, #navigatie ul li.menu { border: 0 }

#navigatie ul li a {
display		: block;
cursor		: pointer;
padding		: 5px 1px 5px 8px;
margin      	: 0px 0px 5px 0px;
border  	: 1px solid #ccc;
width		: 125px;
color		: Black;
font-size	: 13px;
font-weight	: bold;
text-decoration: none;
 }

#navigatie ul li a:hover  {background-color: rgb(0, 104, 139) }
@media print{
table.RB	{   border-right: 1px solid #FF9933 ; width :500px }
body, td {color: black}
#footer {display: none}
#navigatie {display: none} }