/*

--------Copyright www.tulipdesign.nl--------

Written by: Saskia Verlinden

Date: April 20, 2007

-------------------------------------------

colorset: blauw #0b4499;

             groen  #94E802

             lichtblauw #C1C5E0;

             lichtgroen #D7F99B;

          

*/





/* --------font-sizing--------*/

body {

   font-size: 100%; /*for IE*/

        }

html>body { 

   font-size: 16px; /* for alle other browsers, IE cannot read this*/

   }





/* --------fonts and fontsize------- */



html, body { 

   margin: 0;

   padding: 0;

   height: 100%;

   font-family: Arial, Helvetica, sans-serif;

   background: #fff url(images/bgbody.jpg) repeat-x 0 0;

   color: #0b4499;

   text-align: center;

   }



p, ul, li, form {

   font-family: Arial, Verdana, Geneva, sans-serif;

   font-size: 0.8em;

   }



p, h1, h2, h3, ol, ul, td{

   text-align: left;

   }



h1 {

   font-family: Arial, Verdana, Geneva, sans-serif;

   color: #0b4499;

   font-size: 1.1em;

   font-weight: lighter;

   margin-bottom: 5px;

   }



h2 {

   font-family: Arial, Verdana, Geneva, sans-serif;

   color: #0b4499;

   font-size: 1.2em;

   font-weight: lighter;

   padding: 0;

   }



ul  {

   list-style: none;

   list-style-type: square;

   color: #0b4499;

   }



ul.blokje, #nav ul {

   font-size: 1em;

   list-style-type: square;

   color: #0b4499;

   }



#text ul {

   font-size: 1em;

   list-style-type: square;

   margin: 0;

   padding: 0 0 0 15px;

   color: #0b4499;

   }









/*---------links--------------*/



a:link {

   color: #0b4499;

   text-decoration: underline;

   }	



a:visited {

   color: #0b4499;

   text-decoration: underline;  

   }



a:hover {

   color:  #94E802;

   text-decoration: none;

   }

/*--------------structure-------------------*/



.hide {margin-right:-9999px;height:0;}



#main {

   width: 954px;

   padding: 0;

   margin: 0 auto;

   text-align: center;

   background: #fff;

   /*border: 1px solid  #0b4499;*/

   }



div#header{

   margin:0;

   padding-top: 218px; /* height of the replacement image */

   width: 954px;

   height: 0;

   overflow: hidden;

   background: #fff url(images/header.jpg) no-repeat top left;

   }





#nav {

   float: left;

   margin: 20px 15px 10px 2px;

   padding: 0 0 10px 0;

   height: 100%;

   overflow: hidden;

   background:#fff;

   width: 200px;

   border: 1px solid #94E802

   }



 

#nav ul {

   background-color: #fff;

   width: 200px;

   margin: 0 0 0 20px;

   padding-top: 15px;

   }



#nav li {margin-left: -40px;}



#nav li li {

   list-style-type: disc;

   margin: 0 0 0 -40px;

   color: #94E802;

   }



#nav ul ul {border: none; padding-top: 0;} 



#nav li li {border: none; font-size: 1em;}



/*#nav li a:link {

   border-bottom: 1px solid #0b4499;

   }*/

 

#nav a, #nav a:link, #nav ul#sub li a {

   text-decoration: none;

   color: #0b4499;

   font-weight: normal;

   }



#nav a:hover, #nav li#huidig a, #nav ul#sub li a:hover{ 

   color:  #94E802;

   font-weight: bold;

   }



#nav img {padding: 70px 10px 0 10px;}



#text {

   float: left;

   width: 450px;

   margin: 0;

   padding: 0 30px 0 30px;

   }



#bgverloop {

   background: url(images/bg-ul.jpg) repeat-y; 

   padding: 5px 10px;

   margin-top: 20px;

   }



#text div.actie {background:#0B4499;color:white; padding: 0 5px 1px 5px;}

#text div.actie h2{color: white; padding-top: 0px;}

#text img {

   float: right;

   }

/*-----eruit?   

#text p#hier {

   font-style: italic;

   margin: 20px 0 0 0;

   padding: 0;

   }



#text p#hier {

   font-style: italic;

   background-color: #fff;

   }

-------*/



#text .kaart {padding: 10px 0;}



#text span {color: #8EC62D;}



p#laatste {

   padding-bottom: 20px;

   text-align:right;

   }



#contact td {vertical-align: top; border: 1px solid #ccc; padding: 5px; }

#contact table {border-collapse: collapse;  margin:0; width:100%;}

#contact td.green {background:#D7F99B; text-align: left;}

#contact td.blue {background: #C7D1F8; text-align: left;}





#right {

   float:left;

   width: 200px;

   padding:15px 10px 0 10px;

   border: 1px solid #0b4499;

   margin: 20px 0 15px 0px;

   background: #fff;

   }

 

#right img {padding-bottom: 15px;}



#footer {

   clear: both;

   width: 950px;

   font-size: 0.9em;

   line-height: 1.5;

   text-align: center;

   margin: 0 auto;

   padding: 10px 0 10px 0;

   background: #fff;

   border-top:1px solid #C1C5E0;

   }





#footer p {

   margin: 0px;

   text-align: center;

   }



#footer a {

   text-decoration: none;

   border: 0;

   }



#footer a:link {

   font-weight: bold;

   }



#footer a:visited {

   color: #0b4499;

   font-weight: bold;

   }



#footer a:hover {

   color: #94E802;

   }





/*---tijdelijke styles----*/

/*span.red {color: #ff0000;}*/



/*---ruimtecalculator---*/



td, th{border: 1px solid black; text-align: center; width: 9em; overflow: visible;}

input{text-align:right;}

table {width: 570px; text-align:left; border-collapse: collapse;}

.right {text-align: right;}

.invullen{background:  #D7F99B;/*lichtgroen*/}

.tablehead{background: #0b4499; color: white;}

.firstcol{width:250px;text-align:left;padding-left: 10px;}

.divcol{text-align:left;padding-left: 10px;}