.voorbeeld  {background-color : #CCCCCC;color : #000066;font-weight: bold;font-family : Verdana, sans-serif; font-size : 9pt;}
* {margin: 0px }
body  {
margin-top: 0px ;
margin-bottom: 0px ;
text-align: center ;
background : #FFFFFF ;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
line-height: 17px; 
color: #707070;
}
.container{
position: relative;
width : 1000px;
text-align: left;
margin-left:  auto ; 
margin-right: auto;
margin-top: 0px
}
#header {
position		: relative;
width 		: 1000px;
background 	:#FFFFFF ;
}
.content  {
position		: relative;
width 			: 1000px;
background 	: #FFFFFF ;
min-height	: 700px;
}
#cBody {
background 	: #FFFFFF ;
position		: relative;
top			: 0 ;
float		: left;
display		: inline;
width 			: 750px;
}
#Sep{
background 	: #FFFFFF ;
width 			: 1px;
height			: 300px;
position		: relative ;
float		: left;
}
#SideBar{
background 	: #FFFFFF ;
float		: right;
width 			: 250px;
position		: relative; 
right:0px ;
}
#SideBarBottom{
background 	: #FFFFFF ;
width 			: 250px;
position		: relative;
float			: right; 
right:0px ;bottom:-15px 
}
#footer {
position		: relative; 
top			: 0 ;
float		: left;
display		: inline;
width 		: 1000px;
background 	: #FFFFFF ;
}
.snippet {
float: right; 
padding		: 5px;
margin-bottom	: 15px;
width		: 200px;
border 		: 1px solid  #CCC;
}
.snippet .title {
font-size	: 15px; 
font-weight	: bold;
margin-bottom	: 10px;
}
.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: #0066FF; text-decoration:none; } 
a:HOVER 	{ color: #0066FF; text-decoration:underline; } 
.smlink 	{ font-size: 7pt  } 
a:HOVER.smlink	{ font-size: 7pt  } 
xxxtable.klanten	{ font-size: 11px  ; line-height: 18px;  } 
table.RB	{ border-right: 1px solid #0066FF } 
input	{ font-size: 11px;
	  font-weight: normal; border : 1px solid #707070}
input.radio 	{ font-size: 11px;
	  font-weight: normal; color: gray;  border : 0px}
textarea 	{ border : 1px solid #707070; 
                  width: 600px; height: 200px; scrollbar-base-color: #707070; }
input.default	{ color : #707070}
.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;
}
.menuRowsub TD {
}
.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, arial, sans-serif;
font-weight	: bold;
line-height	: 20px;
width		:  100%;
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;
line-height	: 20px;
width		: 125px;
}
/* extra override */
#navigatie ul li ul {
 border		: 0px;
 width		: auto;
}
#navigatie ul li, #navigatie ul li.menu  {
margin		: 0;
border-left	: 10px solid #CCC;
border-top	: 1px solid #369;
text-decoration:none;
background-color: #FFFFFF;
line-height	: 20px
}
#navigatie ul li ul li, #navigatie ul li.menusub  {
border-left	: 0px;
border-top	: 1px solid #369;
background-color	: #FFFFFF;
line-height	: 14px
}
#navigatie ul li a {
display		: inline;
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;
}
#navigatie ul li ul li a {
display		: inline;
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 {
 width: auto;
}
html>body #navigatie ul li ul li a {
 width: auto;
}
#navigatie ul li:hover, #navigatie ul li a:hover{
	color: Black;
	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	{ 
	color: white;
	background-color: #00688B 
}
#navigatie ul li.menuHiLite:hover	{ 
/*	color: white;
	background-color: #00688B  */
}
#navigatie ul li.menusubHiLite { 
	color: white;
	background-color: #FFCC00 
}
#navigatie ul li.menusubHiLite > A:hover	{ 
	color: white;
/*	background-color: #FFCC00 */
}
#navigatie ul  li.menuHiLite >  A
{ 
	color: white ;
/*	background-color: #00688B ; */
}
#navigatie ul li.menusubHiLite A
{ 
	color: white ;
/*	background-color: #FFCC00*/
}
.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 0px 0px;
}
.foot_link {
text-align : right ;
float : right
}
.foot_link A	 {color: #707070}
.foot_link A:hover {color: #707070}
/* ########  POLL  #######  */
.Poll-Head {color: #0066FF ; 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: 2px; OVERFLOW: hidden
}
.Poll-results TD .Visual-b DIV {
	BACKGROUND: #000; HEIGHT: 2px; OVERFLOW: hidden
}
/* #######  END POLL #######  */
* {vertical-align : top}

H1 {font-size: 17px; color: #707070}
H2 {font-size: 11px; font-weight : bold }
H3 {font-size: 17px; font-weight : bold }

#header input {font-size: 14px}
.headertitle { font-size: 32px}

ul#nav li a               { font-size: 1em} 
ul#nav li ul li a       { font-size: 1.0em} 
ul#nav li a.active {background: #dadada }

.ui-menu .ui-menu-icon { margin-top: 0.13em !important; }

.container                       {border-top :  0px  solid; } 

.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                   {margin: .6em 0}
.snippet ul li:first-child { margin-top : 0px;}


.snippet0 {
float		: left; 
padding	: 10px;
margin-bottom	: 15px;
width		: 210px;
border 		: 1px solid  #CCC;
border-radius 	: 0.5em;
}

.snippetNB{
padding	:  10px;
margin-bottom	: 15px;
width		:  210px;
float		: right; 
}

input { border-radius: 4px;margin-bottom: 5px;padding-left: 5px;}
input [type="button"] , .pri_button  {border-radius: 0px}

.pri_button {
border-radius: 4px;
margin-bottom: 5px;
padding-left: 5px;
font-size: 11px;
	  font-weight: normal; border : 1px solid #707070

}

#footer		{background-color : rgb(236, 236, 236) } 
.footleft 		{ width: 235px; padding: 5px; padding-top: 10px;  float: left}
.footcontact	{ width: 235px; padding: 5px; padding-top: 10px; float: right}

.foottable {
background-color 	:   #CCC;
padding 		: 10px;
border 			: 0px solid  #CCC;
}

.sitemapb table,  .sitemapb a   {font-size: 9px; }

.smlink {font-size: 12px;}
A.smlink  {font-size: 12px; margin: .6em 0}

@media screen and (max-width: 350px) {
.headertitle { font-size: 20px}

}