/* Bedankt Font Squirrel! (http://www.fontsquirrel.com) */

@font-face {
    font-family: 'FreeSans';
    src: url('freesans/freesansbold-webfont.eot');
    src: url('freesans/freesansbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('freesans/freesansbold-webfont.woff') format('woff'),
         url('freesans/freesansbold-webfont.ttf') format('truetype'),
         url('freesans/freesansbold-webfont.svg#FreeSansBold') format('svg');
    font-weight: bold;
    font-style: normal;

}

@font-face {
    font-family: 'FreeSans';
    src: url('freesans/freesansboldoblique-webfont.eot');
    src: url('freesans/freesansboldoblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('freesans/freesansboldoblique-webfont.woff') format('woff'),
         url('freesans/freesansboldoblique-webfont.ttf') format('truetype'),
         url('freesans/freesansboldoblique-webfont.svg#FreeSansBoldOblique') format('svg');
    font-weight: bold;
    font-style: italic;

}

@font-face {
    font-family: 'FreeSans';
    src: url('freesans/freesans-webfont.eot');
    src: url('freesans/freesans-webfont.eot?#iefix') format('embedded-opentype'),
         url('freesans/freesans-webfont.woff') format('woff'),
         url('freesans/freesans-webfont.ttf') format('truetype'),
         url('freesans/freesans-webfont.svg#FreeSansMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'FreeSans';
    src: url('freesans/freesansoblique-webfont.eot');
    src: url('freesans/freesansoblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('freesans/freesansoblique-webfont.woff') format('woff'),
         url('freesans/freesansoblique-webfont.ttf') format('truetype'),
         url('freesans/freesansoblique-webfont.svg#FreeSansOblique') format('svg');
    font-weight: normal;
    font-style: italic;

}

body {
font-family: Verdana;
font-size: 0.80em;
line-height: 1.5em;
background-color: #fff;
}



#container {
width: 765px;
margin: 5px auto 25px auto;
}

div.logo-slogan {
float: left;
}
div.logo-slogan img:first-child {
position: relative;
z-index: 10;
top: 15px;
right: 5px;
margin-right: 5px;
}
div.logo-slogan img.puurmaatwerk {
position: relative;
right: 15px;
margin-bottom: 10px;
}
div.menucontainer {
float: right;
position: relative;
top: 20px;
margin-right: 0px;
font-size: 1.2em;
}
div.slogan {
font-family: FreeSans;
font-size: 1.4em;
padding-bottom: 13px;
position: relative;
right: 50px;
font-weight: bold;
font-style: italic;
}
div.menu {
font-family: FreeSans;
/* background: #ccf; */
padding: 2px;
font-size: 1.1em;
text-align: right;
}
div.menu a:link, div.menu a:visited, div.menu a:active {
color: #000;
text-decoration: none;
margin-left: 3px;

}
div.menu a:first-child{
margin-left: 0;
}
div.menu a:hover {
text-decoration: underline;
}


#headerchooser {
background-image: url('images/header1.jpg');
height: 200px;
padding: 0;
margin: 0 0 20px 0;
clear: both;
}

div.table {
width: 765px;
display: table-row;  

}

div.sidebar {
width: 216px;
margin-top: 20px;
border-left: 1px solid #ddd;
padding-left: 22px;
padding-bottom: 55px;
display: table-cell;
vertical-align: top;
}

h1 {
font-family: FreeSans;
font-size: 1.5em;
font-weight: normal;
color: #229;
}
h2 {
font-family: FreeSans;
font-size: 1.2em;
font-weight: normal;
color: #11a;
}

.vet {
font-weight: bold;
}

div.inhoud {
display: table-cell;
vertical-align: top;
width:500px;
margin-top: 20px;
padding-right: 20px;
padding-bottom: 55px;
}

table tr td {
 vertical-align: top; 
  
}

a img {
border: 0;
}

img.float {
float:right;
margin-left: 10px;
}

div.footerholder {
position: fixed;
bottom: 0;
width: 100%;
color: #fff;
margin: 0;
}
div.footer {
background-color: #0e1c58;
padding: 15px 0 15px 0;
height: 100%;
display: table;
font-size: 0.85em;
width: 78em;
margin: 0 auto 0 auto;

}
div.footer a:link, div.footer a:visited, div.footer a:active {
 color: #fff;
 text-decoration: none;
}

div.footer a:hover {
text-decoration: underline;
}

div.footer div {
float: left;
padding-left: .5em
}
div.footer div.vet {
padding-left: 2em
}

#overlay {
 display: none;
 background-color: rgb(0,0,0);
 background-color: rgba(0,0,0,0.8);
 position: fixed;
 top: 0px;
 left: 0px;
 width:100%;
 height:100%;
 z-index:10;
}
#img {
 background-color: #000;
 background-repeat: no-repeat;
 background-position: center center;
 border: 4px #000 solid;
 width: 800px;
 height: 600px;
 margin: 30px auto 0 auto;
}
#terug {
  background: url('images/terug.png');
  width: 20px;
  float: left;
  height: 20px;
  cursor: pointer;
}
#sluit {
  background: url('images/sluit.png');
  width: 20px;
  float: right;
  height: 20px;
  cursor: pointer;
}
#heen {
  background: url('images/heen.png');
  width: 20px;
  float: right;
  height: 20px;
  cursor: pointer;
}
#bar {
  background: #fff;
  margin: 0 0 0 0;
  padding: 2px;
  font-weight: bold;
  text-align: center;
  
}