/******************************************
Exklusief lijmwerken
CSS : Thirsa de Jager
E-mail: tdejager@lautenbagreclame.nl
WWW: http://www.lautenbag.nl
---------------------------------------
CSS bestand vrijgegeven onder C.C. licentie:
http://creativecommons.org/licenses/by-sa/2.0/nl/
******************************************/

:-moz-any-link:focus {outline: none;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp,
sub, sup, tt, var, dd, dl, dt, li, ol, ul, form, fieldset, input, textarea, label, 
table, legend, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	text-align: left;}

img, a img, :link img, :visited img {border: 0;}
div.clear {clear: both; width: 100%; height: 1px;}

/*LAYOUT
**************************************************/

body{width: 100%;
background: #9c9d9f url(img/bottom_achtergrond.jpg) repeat-y center;
margin: 0 auto;
font: 14px Arial, Lucida Grande, Georgia, Times, sans-serif;
} 
	

		
div#top{
width: 100%;
height: 142px;
background: #032842;
margin:0 auto;
}  
  
div#middle{
width: 100%;
background: #fff;
margin: 0 auto;
float: left;
display: inline;
} 
  
div#bottom{
width: 100%;
height: 113px;
background: url(img/schaduw.jpg) repeat-x;
float: left;
display: inline;
} 


div#header{
width: 907px;
height: 142px;
background: url(img/header.jpg);
margin:0 auto;
} 

div#subkop{
width: 284px;
height: 58px;
background: url(img/subkop.jpg);
float: left;
margin:113px 0 0 28px;
position: absolute;
} 

div#box{
width: 907px;
margin:0 auto;
} 

div#content{
width: 907px;
min-height: 511px;
background: url(img/midden_achtergrond.jpg);
float: left;
display: inline;
} 

div#sidebara{
width: 312px;
height: 510px;
background: url("img/foto a.jpg");
float: left;
display: inline;
} 

div#sidebarb{
width: 312px;
height: 510px;
background: url("img/foto b.jpg");
float: left;
display: inline;
} 

div#sidebarc{
width: 312px;
height: 510px;
background: url("img/foto c.jpg");
float: left;
display: inline;
} 

div#sidebard{
width: 312px;
height: 510px;
background: url("img/foto d.jpg");
float: left;
display: inline;
} 

div#sidebare{
width: 312px;
height: 510px;
background: url("img/foto e.jpg");
float: left;
display: inline;
} 

div#menu{
width: 595px;
height: 29px;
background: transparent;
float: right;
display: inline;
} 

div#menuknop{
width: 111px;
height: 14px;
background: transparent;
border-right: #9b9d9f solid 2px;
float: left;
display: block;
color: #9b9d9f;
font: 14px;
text-align: center;
text-decoration: none;
padding-top: 16px;
cursor: pointer;
}

a:link div#menuknop{
color: #9b9d9f;
}  

a:visited div#menuknop{
color: #9b9d9f;
}

a:hover div#menuknop{
color: #032842;
}

a:active div#menuknop{
color: #9b9d9f;
}

div#menuknopactive{
width: 111px;
height: 14px;
background: transparent;
border-right: #9b9d9f solid 2px;
float: left;
display: block;
  color: #032842;
  font: 14px;
    text-align: center;
  text-decoration: none;
  padding-top: 16px;
    cursor: pointer;
} 


div#sidebar2{
width: 113px;
height: 455px;
background: transparent;
float: left;
display: inline;
} 

div#portreta a {
background:transparent url(img/portret2.jpg) no-repeat scroll left top;
display:block;
float:left;
width: 113px;
height: 113px;
margin: 201px 0 0 0;
}

div#portreta a:hover {
background:transparent url(img/portret2.jpg) no-repeat scroll right top;
}


div#portretb a {
background:transparent url(img/portret1.jpg) no-repeat scroll left top;
display:block;
float:left;
width: 113px;
height: 113px;
margin: 28px 0 0 0;
}

div#portretb a:hover {
background:transparent url(img/portret1.jpg) no-repeat scroll right top;
}

div#portretc{
background:transparent url(img/portretb.jpg) no-repeat;
display:block;
float:left;
width: 113px;
height: 113px;
margin: 201px 0 0 0;
}

div#portretd{
background:transparent url(img/portreta.jpg) no-repeat;
display:block;
float:left;
width: 113px;
height: 113px;
margin: 28px 0 0 0;
}

div#tekst{
width: 426px;
background: transparent;
float: right;
display: inline;
} 

div#under{
width: 907px;
height: 113px;
background: transparent;
margin:0 auto;
} 

div#slogan{
width: 313px;
height: 113px;
background: url(img/slogan.jpg);
float: left;
display: inline;
} 

div#fotootje{
width: 113px;
height: 113px;
background: url("img/foto klein.jpg");
float: left;
display: inline;
} 


  /*contactformulier
**************************************************/

label.single{
	float: left;
	clear: left;
	display: block;
	width: 80px;
	height: 20px;
	margin: 15px 0 0 0;
	font: 14px Arial, Lucida Grande, Georgia, Times, sans-serif;
  color: #9b9d9f;
	}

input{
	float: left;
	display: inline;
	width: 400px;
	height: 20px;
}


textarea{
	float: left;
	display: inline;
	width: 400px;
	height: 120px;
	font: 11px Arial, Lucida Grande, Georgia, Times, sans-serif;
  color: #9b9d9f;
}

input.knop{
	width: auto;
	clear: both;
	float: left;
	display: inline;
	text-align: center;
	margin: 15px 0 45px 0;
	font: 12px Arial, Lucida Grande, Georgia, Times, sans-serif;
  color: #9b9d9f;
  cursor: pointer;
  padding-bottom: 20px;
}


  /*****************************************/
/* LIJSTJES */
div#tekst li{
	list-style-type: disc;
	font: 14px Arial, Lucida Grande, Georgia, Times, sans-serif;
  color: #7B7B7B;
  line-height: 20px;
  list-style-position: inside;}
    

   
    /*TYPOGRAFIE
**************************************************/

p{font: 14px Arial, Lucida Grande, Georgia, Times, sans-serif;
  color: #7B7B7B;
  line-height: 20px;
  padding: 10px 0 10px 0;}
    
     a div#menuknop h1{ background: transparent padding: 2px;} 
a div#menuknop h1:link{     color: #032842; text-decoration: none;}
a div#menuknop h1:visited{  color: #032842; text-decoration: none;}
a div#menuknop h1:hover{    color: #faa419; text-decoration: none;}
a div#menuknop h1:active{   color: #032842; text-decoration: none}
    
h1{font: 14px Arial, Lucida Grande, Georgia, Times, sans-serif;
  color: #7B7B7B;
  text-align: center;
  text-decoration: none;
  padding-top: 14px;}
  
h2{font: 18px Arial, Lucida Grande, Georgia, Times, sans-serif;
  color: #faa419;
  padding: 100px 0 20px 0;}
  
       a{ background: transparent padding: 2px;} 
a:link{     color: #9b9d9f; text-decoration: none;}
a:visited{  color: #9b9d9f; text-decoration: none;}
a:hover{    color: #032842; text-decoration: none;}
a:active{   color: #9b9d9f; text-decoration: none}

h3{font: 14px Arial, Lucida Grande, Georgia, Times, sans-serif;
  color: #032842;
  text-align: center;
  text-decoration: none;
  padding-top: 14px;}
  
h4{font: 14px Arial, Lucida Grande, Georgia, Times, sans-serif;
  color: #032842;
  padding: 10px 0 0 0;
    text-align: left;
  text-decoration: none;}
  
h5{font: 14px Arial, Lucida Grande, Georgia, Times, sans-serif;
  color: #9b9d9f;
  padding: 10px 0 20px 0;
    text-align: left;
  text-decoration: none;}