/* ALGEMENE OPMAAK
 * =========================================================================================== */
* {
	margin: 0;
	padding: 0;
}
body {
	font-size: 12px;
	line-height: 24px;
}
a, a:visited {
	text-decoration: none;
	outline: none;
}
hr {
	height: 0;
	border: 0;
	border-top: 
		1px 
		solid 
		#EEE;
}
h1,h2,h3,h4,h5,h6 {
    margin: 0;
    padding: 0;
}
h1 {
	font-size: 20px;
	font-weight: normal;
}
h2 {
	font-size: 16px;
	font-weight: normal;
}
h3 {
	font-size: 16px;
	font-weight: normal;
}
h4 {
	font-size: 14px;
	font-weight: normal;
}
h5 {
	font-size: 13px;
	font-weight: normal;
}
h6 {
	font-size: 12px;
	font-weight: normal;
    font-style: italic;
}
input[type=text],
textarea {
    padding: 2%;
    border: 0;
}
    input[type=text]:focus,
    textarea:focus {
        outline: 0;
    }
textarea {
	font-size: 12px;
    overflow: auto;
}
img  { 
	border: 0;
}
legend {
	padding: 0 5px 5px 5px;
}
fieldset {
	padding: 0 5px 5px 5px;
	margin: 10px 0 0 0;
	border: 
		1px 
		solid 
		#999;
}
ul {
	list-style-position: inside;
	margin: 0;
	padding: 0;
}
.clear {
    clear: both;
}

/* DEFAULTS
 * =========================================================================================== */
.defaultButton,
.defaultButton:link,
.defaultButton:visited,
input[type=button],
input[type=submit] {
    cursor: pointer;
    padding: 5px 10px;
    border: 0;
    font-size: 12px;
}
    .defaultButton:hover,
    input[type=button]:hover,
    input[type=submit]:hover {
        text-decoration: none;
    }
/* PAGINA INDELING
 * =========================================================================================== */
#container {
	width: 960px;
	margin: auto;	
}

#header {
	width: 100%;	
	background: none repeat scroll 0 0 #FFFFFF;
    height: 180px;
    position: relative;
}

.logo {
    display: block;
    position: absolute;
    right: 0;
    top: 100px;
}
    /* NAVIGATIE
     * =========================================================================================== */
    .navigatie {
        height: 40px; /* VASTE HOOGTE VOOR IE7*/
        cursor: auto;
    }
        .navigatie ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        .navigatie li {
            position: relative;
            float: left;
        }
        .navigatie a,
        .navigatie a:visited,
        .navigatie p {
            display: block;
            height: 16px;
            line-height: 16px;
            margin: 12px 0;
            padding: 0 15px;
            cursor: pointer;
            font-size: 16px;
        }
            .navigatie li:first-child p,
            .navigatie li:first-child a {
                border: 0;
            }

        /* NAVIGATIE (NIVO 2)*/
        .navigatie li ul {
            display: none;
            position: absolute;
            opacity: 0.9;
            width: 100%;
        }
            .navigatie li li {
                display: inline;
                float: none;
            }
            .navigatie li li a {
                font-size: 14px;
                border: 0;
            }

        /* NAVIGATIE (NIVO 3) */
        .navigatie ul ul ul {
            /* GEEF VOOR EEN GOEDE UITLIJNING HETZELFDE AANTAL PIXELS ALS HET
            AANTAL PIXELS VAN DE  HOOGTE VAN .NAVIGATIE A EN .NAVIGATIE P  */
            margin-top: -30px;
        }
        .navigatie li li ul {
            left: 100%;
        }
.sliderContainer {
    width: 100%;
    height: 243px;
}
#kruimelpad {
    margin: 0 0 10px 0;
}
#left {
	width: 23%;
	float: left;
	padding: 1%;
}
#centerContainer {
    position: relative;
}
#center {
	width:610px;
	float: left;
	padding: 15px;
}
    .oudjesImage {
        position: absolute;
        width: 240px;
        height: 270px;
        right: 15px;
        bottom: -13px;
    }
#footer {
	height: 40px;
    line-height: 40px;
    padding: 0 15px;
	width: 930px;
    margin: 0 0 20px 0;
	clear: both;	
}

/* CONTACTFORMULIER
 * =========================================================================================== */
.formItem {
    display: block;
    margin: 0 0 20px 0;
    width: 100%;
}

.formItem .label {
    width: 100%;
    display: block;
    float: left;
}

.formItem .veld {
    display: block;
    float: left;
}

.formItem input,
.formItem textarea {
    width: 96%;
    padding: 0 1%;
    margin: 0 1% 0 0;
    line-height: 20px;
}
.formItem textarea {
    padding: 1%;
    height: 100px;
}

.formItem input {
    height: 30px;
}

input#voornaam {
    width: 41%;
}

input#tussenvoegsel {
    width: 8%;
}

input#achternaam {
    width: 40%;
}

input#woonplaats {
    width: 64%;
}

input#postcode {
    width: 28%;
}

textarea#bericht {
    min-height: 200px;
    max-height: 300px;
}

.formItemLaatste {
    padding-top: 10px;
}

input.verzenden {
    width: 150px;
    height: 30px;
    margin: 0 0 10px 0;
}

.labelVerplichVeld {
    float: left;
    width: 18%;
    height: 30px;
    line-height: 30px;
}

.sendButton {
    float: left;
}

.error {
    font-size: 13px;
    font-style: italic;
}

/* PRINT STYLESHEET - Overgenomen van Boilerplate*/
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
  #header {display: none;}
  #kruimelpad {display: none;}
  #footer {display: none;}
  #left {display: none;}
  #right {display: none;}
  #routebeschrijvingcontrols {display: none}
  #map_container {display: none}
  .printRoutebeschrijving {display: none !important;}
}

/* BLOKKEN
 * =========================================================================================== */
.content_block_part_img {
    text-align: center;
}
.content_block_part_youtube img {
    width: 100%;
    height: auto;
}
.youTubeContainer {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.content_block_part_youtube iframe,
.content_block_part_youtube object,
.content_block_part_youtube embed{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.content_block {
    margin: 0 0 20px 0;
}
.content_block_part {
    float: left;
}

.content_block_part_img img {
    width: 100%;
    height: auto;
}

/* 1 BLOK */
.content_block_part_1 {
    width: 100%;
}

/* 2 BLOKKEN */
.content_block_part_2 {
    width: 49%;
    margin-left: 2%;
}

.content_block_part_2:first-child {
    margin-left: 0;
}

.content_block_part_2.blok25 {
    width: 23.5%;
}

.content_block_part_2.blok75 {
    width: 74.5%;
}

.content_block_part_2.blok33 {
    width: 32.5%;
}

.content_block_part_2.blok66 {
    width: 65.5%;
}

/* 3 BLOKKEN */
.content_block_part_3 {
    width: 32%;
    margin-left: 2%;
}

.content_block_part_3.blok50 {
    width: 49%;
}

.content_block_part_3.blok25 {
    width: 23.5%;
}

.content_block_part_3:first-child {
    margin-left: 0;
}

/* 4 BLOKKEN */
.content_block_part_4 {
    width: 23.5%;
    margin-left: 2%;
}

.content_block_part_4:first-child {
    width: 23.5%;
    margin-left: 0;
}

.contentAfbeeldingContainer img {
    margin: 5px 10px 5px 0;
    float: left;
}
.content_download_attachments {
    border:
        1px
        solid
        #E3E3E3;
    padding: 10px;
}
#center h1 {
    padding: 0 0 5px 0;
    margin: 0 0 5px 0;
    border-bottom: 1px solid #666;
}