* {
	font-family: Arial, Helvetica, sans-serif;
   font-size: 100%;
}

html, body, #container {
   margin: 0;
   padding: 0;
   border: none;
   height: 100%;
}

#container {
 margin: 0 auto;
 text-align: left;
 min-height: 100%;
 height: 100%;
}

#zoekresultaat {
   font-size: 120%;
   font-weight: bold;
}

BODY {
   scrollbar-3dlight-color:#000000;
   scrollbar-arrow-color:#FFFFFF;
   scrollbar-shadow-color:#000000;

   scrollbar-base-color:#EEEEEE;
   scrollbar-darkshadow-color:#EEEEEE;
   scrollbar-face-color:#EEEEEE;
   scrollbar-highlight-color:#EEEEEE;

	background-color: #FFF3d6;
	background-image: url(../images/achtergrond.gif);
	background-repeat: repeat-x;
	background-position: 0px bottom;
   color: #002F51;

	xheight: 100%;
   xpadding: 0;
   xmargin: 0;
	font-size:14px;
	margin-left: 11px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

img {
   xborder: 0px;
}

h1, h2, h3, p { margin:0 5px; }
h1 { font-size: 160%;color: #002F51; }
h2 { font-size: 140%;color: #F0F0F0; }
h3 { font-size: 120%;color: #002F51; }

.marginleft {
	margin-left: 11px;
	width: 99%;
}

table, tr, td {}

p {
   margin-top: 0px;
   margin-bottom: 0px;
}

.contact {
   width: 300px;
   border: solid 1px #4162B3;
   height: 100%;
}

a {text-decoration:underline; font-weight:700; color:#616161; }
a:hover   {color: #AA0000; color: #AA0000; text-decoration:underline; font-weight:700; color:#616161; }

.knoppen {
	text-align: center;
	width: 25%;
	color: #AA0000;
}
.linkerarm {
	background-color: #D8F2EC;
}
.marginleft11 {
	margin-left: 11 px;
}
.tablecontent {
	text-align: right;
}

/* fonts t.b.v. wijzigen size */
.content1 { font-size: 12px; }
.content2 { font-size: 15px; }
.content3 { font-size: 19px; }

.contrast1 { background-color:#FFF3D6; }
.contrast2 { background-color:#B5B6B5; }
.contrast3 { background-color:#848284; }

.nobackground {
   background-image: none;
}

.anchor {
   text-decoration:none;
   font-size: 140%;
   font-family: Arial;
   color: #002F51;
}

table#legenda td {
   text-decoration: none;
   font-size: 105%;
   font-family: Arial;
}

table#legenda .postnav_small_disabled {
   display:block; width:30px; xpadding:5px 0;font:bold 100% Arial,sans-serif;
   color:#002F51; text-decoration:none; text-align:center; padding-left: 0px; margin-left: 0px;
}

#pleasewaitScreen {
   position:absolute;
   z-index:5;
   top:40%;
   left:35%;
   border: 2px solid #000000;
   background: yellow;
   font-size: 18px;
   font-weight: bold;
   text-align: center;
   padding: 20px;
}

.show { visibility: visible; display: block; }
.hide { visibility: hidden;  display: none;  }

/*****************************************************************************************************/
/* BODY                                                                                              */
/*****************************************************************************************************/
div#menu {
   position: absolute;
	margin: 0px 6px 11px 11px;
   width: 290px;
   right: 50px;
   top: 15px;
}

div#overzicht {
   float: right;
   padding-bottom: 20px;
}

iframe#DSK {
   width: 97%;
   height: 500px;
   frameborder: 0;
   marginheight: 0;
   marginwidth: 0;
   scrolling: auto;
}


/*****************************************************************************************************/
/* BLOKKEN
/*****************************************************************************************************/
img#logo {
   margin-left: 10px;
   width: 290px;
   height:95px;
}

div#nieuws, div#contact, div#zoeken, div#visual, div#socialekaart {
	margin: 10px 0px 0px 0px;
   width: 270px;
   float:right;
   text-align:left;
}

div#nieuws  { background: #F9C359 url(../images/gradient_bruin.jpg) repeat-x 0 -5px; }
div#zoeken  { background: #9CC0FF url(../images/gradient_blauw.jpg) repeat-x 0 -5px; }
div#contact { background: #6FC996 url(../images/gradient_groen.jpg) repeat-x 0 -5px; }
div#inner_content {  }
div#txtZoek { background: #FFFFFF; padding: 3px; width:95%; height: 26px; * height: 28px; }
div#txtZoek input { margin-top: 1px; }

/* niftycorner knoppen */
ul.postnav, ul.postnav li{ margin:0; padding:0; list-style-type:none }
ul.postnav li{ float:left; width:100px; font-size:100%; margin-right:5px }
ul.postnav a{ display:block; width:100px; padding:5px 0;font:bold 100% Verdana,Arial,sans-serif;
    background: #002F51; color:#FFFFFF;
    text-decoration:none; text-align:center }
ul.postnav a:hover{ display:block; width:100px; padding:5px 0;font:bold 100% Verdana,Arial,sans-serif;
    background: #C89C45; color: #002F51;
    text-decoration:none; text-align:center }

/* niftycorner knoppen */
ul.postnav_small, ul.postnav_small li{ margin:0; padding:0; list-style-type:none }
ul.postnav_small li{ float:left; width:30px; font-size:100%; margin-right:5px }
ul.postnav_small a{ display:block; width:30px; padding:5px 0;font:bold 100% Verdana,Arial,sans-serif;
    background: #002F51; color:#FFFFFF;
    text-decoration:none; text-align:center }
ul.postnav_small a:hover{ display:block; width:30px; padding:5px 0;font:bold 100% Verdana,Arial,sans-serif;
    background: #C89C45; color: #002F51;
    text-decoration:none; text-align:center }

## sociale kaart
div#socialekaart ul.postnav, ul.postnav li{ margin:0px; padding:0; list-style-type:none }
div#socialekaart ul.postnav li{ float:left; width:270px; font-size:100%; margin-right:5px }
div#socialekaart ul.postnav a{ display:block; width:270px; padding:5px 0;font:bold 100% Verdana,Arial,sans-serif;
    background: #002F51; color:#FFFFFF;
    text-decoration:none; text-align:center }
div#socialekaart ul.postnav a:hover{ display:block; width:270px; padding:5px 0;font:bold 100% Verdana,Arial,sans-serif;
    background: #C89C45; color: #002F51;
    text-decoration:none; text-align:center }


div#visual {
   margin-top: 30px;
   right: 7.5%;
   top: 92%;
}

.blok_header {
   color: #FFFFFF;
   padding: 10px 10px 10px 10px;
   font-style: italic;
   font-weight: bold;
}
.blok_content { padding: 0px 10px 0px 10px; }

a.menu       { padding: 4px; xfont-variant: small-caps; text-decoration:none; font-size: 90%; font-family: Verdana, Arial, Helvetica, sans-serif; color:#002F51; xletter-spacing: 0.1em; }
a.menu:hover { padding: 4px; xfont-variant: small-caps; color: #FFFFFF; text-decoration:none; background: #002F51; font-size: 90%; }

.date {
   color: #002F51;
   font-weight: 700;
   font-style: italic;
   margin-top: 5px;
   text-align: right;
}

hr {
   border: 0;
   height: 0;
   margin-top: 10px;
   margin-bottom: 5px;
   border-top: 1px solid #002F51;
   text-align:center;
}

/*****************************************************************************************************/
/* CONTACTFORM                                                                                       */
/*****************************************************************************************************/
div#contactformulier {
   padding: 0px 0px 0px 2px;
}

div#contactformulier input, div#contactformulier textarea {
   width: 330px;
   font-size: 100%;
}

/*****************************************************************************************************/
/* BUTTONS                                                                                           */
/*****************************************************************************************************/
input.button{
   cursor:pointer;
   font-size:16px;
   xfont-weight:bold;

   /*background-color:#fed;*/
   xbackground-color:#4A67A7;

   /* the following rule is recognized only by IE */
   * background-color:#ffeedd;

   border: 2px solid;
   border-top-color:    #BDBABD;
   border-left-color:   #BDBABD;
   border-right-color:  #000000;
   border-bottom-color: #000000;
   width: 100px;
   height: 19px;
   color: #FFFFFF;
   text-align: center;
	padding: 3px;
}

input.buttonhover {
   cursor:pointer;
   border-top-color:#525252;
   border-left-color:#525252;
   border-right-color:#FFFF00;
   border-bottom-color:#FFFF00;
   border:2px solid;
   height: 19px;
   border-style: outset;
   text-align: center;
}

input.wonen {
   /*filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#FFFFFF',EndColorStr='#CC3333');*/
   background-color:#CC3333;
}

input.welzijn {
   /*filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#FFFFFF',EndColorStr='#B61C8D');*/
   background-color:#B61C8D;
}

input.zorg {
   /*filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#FFFFFF',EndColorStr='#09AE4C');*/
   background-color:#09AE4C;
}

input.inkomen, input.welkom {
   /*filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#FFFFFF',EndColorStr='#0069B5');*/
   background-color:#0069B5;
}

input.vervoer {
   /*filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#FFFFFF',EndColorStr='#CC3333');*/
   background-color:#F5B52A;
}

td.color0 { background-color:transparant; }
td.color1 { background-color:#F5DBDB; }
td.color2 { background-color:#EACEE2; }
td.color3 { background-color:#D7ECDF; }
td.color4 { background-color:#D3E3EE; }

/*****************************************************************************************************/
/* ROUNDED CORNERS
/*****************************************************************************************************/
.rtop,.rbottom{display:block}
.rtop *,.rbottom *{display:block;height: 1px;overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px;height: 2px}

.rs1{margin: 0 2px}
.rs2{margin: 0 1px}
