/* css tot stand gekomen dankzij pcdokter.nl en nielswebwerk.nl, copyright 2010 */


/* pushes the page to the full capacity of the viewing area */
html {height:100%;}
body {height:100%; margin:0; padding:0;}


/* prepares the background image to full capacity of the viewing area */
	#background {position:absolute; top:0; left:0; width:100%; height:100%;}
#background img{position:fixed; z-index:-1;}


/* places the content ontop of the background image */
#content {/*position:relative;*/ z-index:1;}



div#container {
  text-align:center;
  width:75%; height:80% /* ivm schaalbaarheid */;
  margin:0 auto;
}

div#blokLinks {
position: fixed;
  float:left;
  z-index:2;
  width:30%;
  left:00px;
}

div#blokMidden {
  float:right;
  width: ;
}

div#blokRechts {
}


/* logo */
div#logo img {width:230px;}
div#logo {position:relative; margin-bottom:50px; top:20px;left:px;}

/* icoontjes */

div#iconBlok {
z-index:3;

/* vlaggen */
#vlaggen img {
   
  border:0;
}
#vlaggen {
  text-align:right;
  width:100px; float:; margin-bottom:10px; margin-left:2px;
}

/* facebook */
#facebook img {
  z-index:3;
  border:0;
}
#facebook {
  text-align:left;
  width:100px;
 /* height:300px;*/
/*   float:right;*/
/*  margin-top:-24px;*/
/*  margin-top:200px;*/
  /*margin-left:120px;*/
/*  margin-left:px;*/
}

}

/* menu */

div#menuBlok {height:70%; overflow:auto;}
	

ul.menu {
  width:200px;
  position:relative; margin:auto; /*margin-left:-50px;*/ padding:0; margin-bottom:20px;
  font-size: 18px; font-family:/* Calibri, */Verdana, Arial, sans-serif; text-align:center;
  list-style-type:none;
  margin-top:10px;
}

ul.menu li {margin:0px 0;padding:0;}

ul.menu li a{height:34px;padding:9px 13px 0;font-weight:normal;}



/* kleuren in de site voor links (in menu en andere) */
ul.menu li a, #footer a, a {
  color:#FF0000;	/* (= rood ) kleur van (menu)link normaal */
  text-decoration:none;
}
ul.menu.home a {color:#FF0000;} /* je kunt hier menuitems zelf bijplaatsen */
ul.menu.contact a {color:#FF0000;}

ul.menu li.current a, ul.menu li.current a:hover, #footer a.current {
  color:#000000;	/* kleur van (menu)link die geselecteerd is */
}

ul.menu li a:hover, a:hover {
  color: #900090;	/* (= paars) kleur van (menu)link bij het eroverheen gaan met de muis */
  text-decoration:none;
}

.tekst a {
  color: #585858;	/* (=donker grijs) kleur van link in tekst normaal */
}

.tekst a:hover {
  color: #6E6E6E;	/* kleur van  link in tekst bij het eroverheen gaan met de muis */
}


/* tekst */
body{font: 76% /*Calibri, */Verdana, Arial, sans-serif; color: #000000;}
div#content p{font-size: 18px;}
div#tekstcontainer {position:fixed;top:60px; right:50px; width:70%; height:70%; overflow:auto;}
div#blokMidden {position:fixed;top:40px; right:50px; width:70%;}

div.tekst p {
  position:relative;left:50%; margin-left:-300px; width:600px; /* center div ==>  position:relative; left:50%; margin-left:-(width/2) */
  text-align: center;
  }
p {
  margin: 0px 0px 5px 0px;/* top right bottom left */

  }
  
div.tekst p kop {
  font-weight: bold;
  text-align: center;
  }

 
.titel h1 {
  width:60%; margin-top:-15px; margin-bottom:20px; /*margin-left:45px;*/ text-align: center;
  position:relative;left:50%; margin-left:-302px; width:600px; /* center div ==>  position:relative; left:50%; margin-left:-(width/2) */
  font-weight:bold; font-size:20px;
}


 
.titel h2 {
  width:60%; margin-top:-15px; margin-bottom:-10px; /*margin-left:45px;*/ text-align: center;
  position:relative;left:50%; margin-left:-302px; width:600px; /* center div ==>  position:relative; left:50%; margin-left:-(width/2) */
  font-weight:bold; font-size:20px;
}

.titel h3 {
  width:60%; margin-top:-15px; margin-bottom:10px; /*margin-left:45px;*/ text-align: center;
  position:relative;left:50%; margin-left:-302px; width:600px; /* center div ==>  position:relative; left:50%; margin-left:-(width/2) */
  font-weight:bold; font-size:20px;
}

/* home pagina */
#home h1{
  font-weight:bold; font-size:35px;
  margin-top:-10px;
}
#home{margin-top:50px;}
#home.tekst{height:auto;}

#home h2{
  font-weight:bold; font-size:18px;
  margin-top:-10px;
  line-height: normal;
}

#home h3{
  font-weight:bold; font-size:18px;
  margin-top:-10px;
  line-height: normal;
}


/* voor alle andere pagina's */
h1{
  font-weight:bold; font-size:35px;
  margin-top:-10px;
}
.tekst h2{
  font-weight:bold; font-size:18px;
  margin-top:-10px;
  line-height: normal;
}

.tekst h4 {
	display:inline !important;
	font-weight:normal;
}

/* links/projecten pagina */
/*#projecten a{
  color:black;
}
*/
#projecten a:hover{
 // color:#585858;  /* donker grijs */
}

/* footer: disclaimer/webdesign */
div#footer{
  position:fixed;
  top:87%; left:50%;
  margin: 20px auto 20px -140px;/* top right bottom left */
  text-align:center;
}

span.paars {
    color: #900090;	/* (= paars) kleur van belangrijke tekst, o.a. in Kontakt pagina */
}


/* blog mailchimp */
#mc_embed_signup {
	background:#fff; 
	clear:left; 
	font:14px Helvetica,Arial,sans-serif; 
	width: 250px; 
	margin-left:50%;
	
}