/*
--------CSS www.tulipdesign.nl--------
Written by: Saskia Verlinden
Date: September 30th, 2006
---------------------------------------------
colorset: grijs: #839B85;
             grijs letterkleur:  #313a32;
             fel rood: #ff0000;
             donker rood: #B11A1A;
             groen: #307503;
             bg body lichtgrijs: #AEB9B4; */


* {padding: 0; margin: 0;}

/* --------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 { 
   height: 100%;
   font-family: Arial, Helvetica, sans-serif;
   background: #e5e5e5 url(../images/bgbody.gif) repeat;
   color: #313a32;
   }

p, ul, li, form {
   font-family: Arial, Verdana, Geneva, sans-serif;
   font-size: 0.85em;
   line-height: 1.3;
   }

p, h1, h2, h3, ol, ul {
   text-align: left;
   }

p, ol, ul {padding: 5px 0 15px 0;}

h1 {
   font-family: Times, Georgia,  serif;
   color: #B11A1A;
   font-size: 1.3em;
   font-weight: lighter;
   margin-bottom: 5px;
   padding: 10px 0 0 0;
   background: url(../images/border_h1.jpg) no-repeat bottom left;
   }

h2 {
   font-family: Times, Georgia, serif;
   color: #4d4d4d;
   font-size: 1.1em;
   font-weight: lighter;
   font-variant: normal;
   padding: 10px 0 5px 0;
   }

h3 {
   font-family: Arial, Helvetica, sans-serif;
   color: #313a32;
   font-size: 1em;
   }

ul {list-style:square}

q:before, q:after {content: ""; }

address {font-style: normal}

/*---------links--------------*/
/*a {outline: none;}
a:focus{border-top:1px solid silver}*/

a:link {
   color:  #313a32;
   text-decoration: underline;
   }	

a:visited {
   color: #313a32;
   text-decoration: underline;  
   }

a:hover {
   color: #B11A1A;
   text-decoration: none;
   }

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

#main {
   width: 961px;
   top: 0;
   margin: 0 auto;
   text-align: center;
   background: url(../images/bgmain.jpg) repeat-y;
   }

/*--header--*/

#hide a, #hide a:hover, #hide a:visited {
   position:absolute; 
   left: 0px; 
   top:-500px; 
   width: 1px; 
   height: 1px; 
   overflow:hidden;
   text-align: left;
   } 

#hide a:active { 
   position:static; 
   width:auto; 
   height:auto; 
   }


div#header{
   padding-top: 239px; /* height of the replacement image */
   width: 930px;
   height: 0;
   overflow: hidden;
   background: #fff url(../images/header.jpg) no-repeat top center;
   margin: 0 auto;
   text-align: center;
   }
div#header h1 {padding-left: 50px;}

/*--navigation--*/

/*--suckerfisch menu--*/

ul#nav {
  margin: 0 0 0 33px;
  padding: 0;
  list-style: none;
  font-size: 1.1em;
  background: white url(../images/menubalk3.jpg) no-repeat center center;
  width: 900px;
  height: 60px;
  }

#nav li {
  float: left;
  position: relative;
  width: 6em;
  margin: 19px 0 0 10px;
  }

ul#nav li a:link, ul#nav li a:visited {
   text-decoration: none;
   color: white;
   border: none;
   font-weight: normal;
   font-size: 1.1em;
   /*font-variant: small-caps;*/
   }

ul#nav  li a:hover, ul#nav #huidig a {
   text-decoration: none;
   color:#B11A1A;
   }


#nav li ul li {
   border: 1px solid white;
   border-bottom: none;
   background: #839B85; 
   margin: 0 0 0 -35px;
   font-size: 1.1em;
   padding: 2px 2px 2px 3px;
   clear: left;
   width: 9em;
   }

#nav li ul{
  margin: 0 0 0 32px;
  list-style: none;
  border: none;
  display: none;
  position: absolute; 
  top: 1em;
  left: 0;
  text-align: left;
  width: 9em;
  z-index: 2;
  }

#nav li ul li a:link, #nav li ul li a:visited {
   font-weight: normal;
   font-variant: normal;
   }

 li > ul {
	top: auto;
	left: auto;
	}

#nav li:hover ul, #nav li.over ul { 
   display: block;
   }

/*--end suckerfisch--*/

#wrapper {clear: left;}

/*--left column--*/

#left {
   float: left;
   width: 200px;
   margin:20px 0 20px 23px;
}

.leftbox1, .leftbox2 {
   float: left;
   width: 200px;
   margin: 20px 0 0 20px;
   padding: 5px;
   border: 3px double #839B85;
   line-height: 1;
   background: #FBF8F8;
   }

*html .leftbox1 {width:194px;display:inline;margin-left:45px; /*laatste 2 declaraties voor IE6 ter voorkoming van dubbelweergeven laatste link onderin de linker kolom*/}

.leftbox1 p {font-size: 0.80em; }

.leftbox1 a {
   font-style: italic;
   color: #4d4d4d;
   }  

.leftbox1 a:hover {
   color:#B11A1A; 
   }

.leftbox2 {
   background: #fff url(../images/bgleftbox2.jpg) no-repeat center center;
   height: 196px;
   width: 200px; 
   }

.datum {
   color:  #4d4d4d; 
   font-size: 0.8em; 
   clear:both;
   }

/*--center text column--*/

#text {
   float: left;
   width: 440px;
   margin: -10px 0 0 70px;
   }

#textContact, #textHome, #textNieuws{
   float: left;
   width: 500px;
   margin: -10px 0 0 70px;
   }

#textNieuws img {
   float: left;
   margin-right: 5px;
   display:block;
   }

.nieuwsbox {
  border-bottom: 1px solid #839B85;
  height: 1%;
  clear:both;
  }

.nieuwsbox img {display:block}

#hier, #hier a {color: #AEB6AF;}
#hier a:hover {color: #B57B7B;}

#text ul {
   font-size: 1em;
   list-style-type: square;
   margin: 0;
   padding: 0 0 0 15px;
   }

#text p#hier {
   color: #9DBC8B;
   font-style: italic;
   }

#text p#hier a:link, #text p#hier a:visited, #text p#hier a:hover {
   color: #9DBC8B;
   font-style: italic;
   text-decoration: none;
   border: none;
   background-color: #fff;
   }

#text p#hier a:hover {text-decoration: underline;}

/* special styles first paragraph home page with links et all*/

#textHome h1#firstParag {
   font-family: Arial, Verdana, Geneva, sans-serif;
   font-size: 1em;
   color: #4d4d4d;
   background: white;
   margin-top: 40px;
   line-height: 1.3;
   }

#firstParag span, #firstParag a, #secParag  a#team {
   font-family: Times, Georgia,  serif;
   }

#firstParag a, #secParag  a#team{
   color: #B11A1A;
   font-size: 1.3em;
   font-style: italic;
   }

#firstParag  a#google{
   font-style: normal;
   }

#textHome p#secParag {
   color: #4d4d4d;
   background: white;
   font-size: 1em;
   font-weight: lighter;
   margin-bottom: 5px;
   padding: 10px 0 0 0;
   }

#secParag span.groter, #firstParag span.groter {
   font-family: Times, Georgia,  serif;
   font-size: 1.3em;
   font-style: italic;   
   }

#firstParag a, #secParag a {text-decoration: none}

#firstParag a:hover, #secParag a:hover {text-decoration: underline}


/* END special style first par. home page */



/*--websites layout--*/

#images div {float: left;margin:10px 15px 10px 0; width:278px;text-align:left;}
#images div p {margin:5px 0 0 0;padding:0; font-size:0.9em;}

/*--right column--*/

#right {
   float: left;
   width: 172px;
   margin:40px 0 0 30px;
   padding: 5px;
   border: 3px double #839B85;
   background: #FBF8F8;
   }

#right h1 {margin-top: -100px; background: none;}
#right img {margin:-5px -15px 0 0;}


#textprintav {
   margin: 0 30px 0 200px;
   padding: 20px 0 0 0; 
   }


ul#which_info {
   font-style: italic;
   list-style: none;
   line-height: 1.5;
   }
 
.portfolio p {
   margin: 3px 0 2px; 
   }


  
.fotoleft {
   float: left;
   background: white;
   }

.textright {
   float: left;
  width: 220px;
   margin: 0;
   padding: 0 0 0 5px;
   background: white;
   } 

#smalltextprint {
  
  color: black;
  font-size: 0.8em;
  margin:0;
  }


#smalltextprint .bold {
   font-weight: bold;
   }

hr.streep {
   clear: both;
   border: 1px dashed #ccc;
   margin: 0 20px 20px 0;
   }


p#lastPar {
    padding-bottom: 30px;
   }
  

#footer {
   clear: both;
   width: 930px;
   font-size: 0.9em;
   line-height: 1.5;
   text-align: center;
   margin: 0 auto;
   padding: 20px 0 10px 0;
   border-bottom: 1px solid  #839B85;
   background: #839B85 url(../images/bgfooter.gif) no-repeat center top;
   }

#footer p {
   text-align: center;
   }

#footer a {
   color: #313a32;
   text-decoration: none;
   }

#footer a:link {
   font-weight: bold;
   margin-right: 15px;
   margin-left: 15px;
   }

#footer a:visited {
   color: #313a32;
   font-weight: bold;
   margin-right: 15px;
   margin-left: 15px;
   }

#footer a:hover {
   font-weight: bold;
   margin-right: 15px;
   margin-left: 15px;
   color: #B11A1A;
   text-decoration: none;
   background-color: transparent;
   }

/*--algemene voorwaarden--*/

#smalltext {
  color: black;
  font-size: 0.8em;
  margin-right: 20px;
  }

#smalltext .bold {
   font-weight: bold;
   }