* {margin: 0px }
body{
background : #FFFFFF repeat }
body ,table {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 11px;font-weight: normal;color: #707070 }
.container{
width 	: 980px;
text-align	: left;
margin-left	:  auto ; 
margin-right	: auto;
margin-top	: 0px;
padding	: 0px 10px }
#header{width: 980px;background:#FFFFFF }
.content  {
position	: relative;
width 	: 980px;
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 	: 810px}
#SideBar{
background 	: #FFFFFF;
float	: right;
width 	: 260px;
position	: relative;
display	: inline}
#footer{
position	: relative; 
width 	: 980px;
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: #FF9933; text-decoration:none} 
a:HOVER 	{color: #FF9933; text-decoration:underline} 
table.RB	{border-right: 1px solid #FF9933} 
input	{font-size: 11px;  font-weight: normal; border : 1px solid #FF9933}
input.radio 	{font-size: 11px;  font-weight: normal; color: gray;  border : 0px; margin-right: 5px}
textarea 	{border : 1px solid #FF9933; width: 600px; height: 200px; scrollbar-base-color: #FF9933 }
.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: 10px;; 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	 : 10px solid #CCC;
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	: 13px;
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: Black;background-color: #FF9933}
#navigatie ul li ul li:hover, #navigatie ul li ul li>a:hover{color: Black;background-color: #69c}
#navigatie ul li.menuHiLite a{color: Black;background-color: white}
#navigatie ul li.menuHiLite  a:hover{background-color: #FF9933}
#navigatie ul li.menusubHiLite a{color: white;background-color: #FFCC00}
#navigatie ul li.menusubHiLite > a:hover{color: white}
#navigatie ul  li.menuHiLite >  a{color: Black}
#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: #FF9933 ; 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; }
TABLE  {font-size: 13px; line-height: 1.3em; }
td { vertical-align : top}
input { border-radius: 3px;margin-bottom: 5px;padding-left: 5px;}
.contact input[type="text"], .contact textarea[type="text"]   { border-radius: 5px;margin-bottom: 5px;padding: 7px 10px; width:100%; max-width: 450px;
background: #f3f3f3; font-size: 14px; border: 1px solid #ccc}

.FormSmallArea {width : 580px ; height: 80px }

.snippet input[type="text"], .snippet textarea[type="text"]   { border-radius: 5px;margin-bottom: 5px;padding: 3px 5px; width:95%;
background: #f3f3f3; font-size: 14px; border: 1px solid #ccc}

input[type="button"], .pri_button {
    padding: 8px 12px;
    font-size: 13px;
    font-weight: normal;
    color: #7c7c7c;
    cursor: pointer;
    border: 1px solid #d2d2d2;
    background-color: #e6e6e6;
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6);
    background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);
    background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);
    background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);
    background-image: linear-gradient(top, #f4f4f4, #e6e6e6);
    box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
}
.snippet input[type="button"], .snippet .pri_button, .snippet0 .pri_button  {
    padding: 4px 12px;}

 input[type="button"]:hover, .pri_button:hover {
        background-image: -moz-linear-gradient(top, #e6e6e6, #f4f4f4);
        background-image: -ms-linear-gradient(top, #e6e6e6, #f4f4f4);
        background-image: -webkit-linear-gradient(top, #e6e6e6, #f4f4f4);
        background-image: -o-linear-gradient(top, #e6e6e6, #f4f4f4);
        background-image: linear-gradient(top, #e6e6e6, #f4f4f4);
    }

input.search { font-size: 14px; background: #f3f3f3; }
.sitemapb table,  .sitemapb a   {font-size: 9px; }
.smlink {font-size: 12px;}
A.smlink:hover {font-size: 12px;}
.snippet      {width: 220px ; border-radius : 0.5em; padding : 10px; }
.snippet .title     {font-size: 17px;  margin-bottom: 5px}
.snippet ul {list-style-type : none ; padding-left: 0px; margin-left : 0px; margin-top : 0px; margin-bottom: 0px; }
.snippet ul li  { background : url('ul_arrow.gif') no-repeat 0px 6px ;padding-left : 8px ; }
.snippet ul li:first-child { margin-top : 0px;}


#navigatie ul, .topnav ul  { margin-left : 0px; margin-top : 0px; margin-bottom: 0px; }
#navigatie ul li { background : url('ul_arrow.gif') no-repeat 0px 6px ;padding-left : 8px ;  }
#navigatie ul li.menu a {margin-bottom: 5px}
#navigatie ul li.menuHiLite a {margin-bottom: 5px}
#navigatie ul li:hover, #navigatie ul li a:hover { border-bottom: 2px solid #FF9933 ; background : white}

.ResponseTable        {width : 580px }
.ResponseTable  td  {margin-top: 5px; margin-left:2px; vertical-align: top }
.ResponseTableK1   {width : 200px }
.ResponseTableK2   {width : 15px }

H1 {font-size: 16px;}
H2 {font-size: 14px; font-weight : bold; padding-top: 5px; }
H4 {font-size: 14px; font-weight : bold; padding-top: 5px;  }

.container {border-top :  #FF9933 7px  solid; } 
.klanten TD {border-bottom: 1px dotted #FF9933; line-height: 18px; padding-top: 5px; padding-bottom: 5px;}
#searchinput {color : #000000}

#navigatie, #navigatie UL, #navigatie UL LI, #navigatie UL LI   A { font-weight: normal;  border : 0; line-height: 1.6em; font-size: 15px } 

#navigatie ul li.menu                  { font-weight: normal; border : 0} 
#navigatie ul li.menuHiLite      { border : 0; } 
#navigatie ul li.menuHiLite a  { font-weight: bold } 

.snippet0 {
background-color 	:  white;
float                           	: right; 
padding		: 1px;
margin-bottom		: 15px;
width			: 240px;
border 			: 0px solid  #CCC;}

#sidebar  { position : relative ;  float : right ; }

HR {margin-bottom: 5px; }

#footer		{background-color : rgb(236, 236, 236); margin-top: 20px ;} 
.footleft 		{ width: 235px; padding: 5px; padding-top: 10px;  float: left}
.footcontact	{ width: 220px; padding: 5px; padding-top: 10px; float: right;
border-radius 	: 0.5em; border 		: 1px solid  #FFF; 
margin:5px}

.foottable  {
background-color 	:  rgb(236, 236, 236) ;
padding 		: 10px;
border-bottom		: #FF9933 1px  solid;}

ul.topnav  {list-style-type : none ; display:inline;}
ul.topnav li  {display:inline; line-height:12px; font-size: 12px; vertical-align: middle; }
ul.topnav li+li   {
border-left: 2px solid ;
margin-left:3px;
padding-left:3px;}

ul.topnav li a {color: black; }
ul.topnav li a.highlite { font-weight: bold } 

textarea  {width: 95%}
.subscribeCol1   {width: 15px }
.subscribeCol2  {width: 50px }
.knop {background-color: rgb(204, 204, 204); height: 25px; width: 100px }
.col50      {width: 50%}

@media screen and (max-width: 550px) {
.FullImg img {width: 100%; height: 100%}
.col50   {width: 100%} }
@media print{
table.RB	{   border-right: 1px solid #FF9933 ; width :500px }
body, td {color: black}
#footer {display: none}
#navigatie {display: none} }
