@charset "UTF-8";
/* CSS Document */


body {
    margin: 0px;
}

/*body {
    overflow: auto;
    overflow-x: hidden;
    _overflow:  hidden;
    margin: 0px;
}
*/


/*for ipad
@media all and (min-device-width: 768px) and (max-device-width: 1024px) {
    body {
        width: 768px;
    }
}*/

/*for iphone/ipod
@media all and (max-device-width: 480px) {
    body {
        width: 1024px;
    }
}
*/


/* ------------------- ALGEMEEN ---------------------- */


.active {
	color:#FF0000;

}


.background {
	position:absolute;
	background-image:url(img/zakh2.jpg);
	width: 100%;
	height: 99%;
	left: 0%;
	background-attachment: scroll;
	background-position: center top;
	z-index:1;
}

/* ------------------- NAVIGATIE ---------------------- */

a {
	color:#FF0000;
	text-decoration: none;
	}


.navigatie {
	font-family: Helvetica Neue,Helvetica,Trebuchet MS,Arial,Verdana,Tahoma,"DejaVu Sans","Liberation sans","Bitstream Vera Sans",sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 10px;
	padding-bottom:10px;
	letter-spacing:0.05em;
	line-height: 9px;
}


.navigatie a {
	color: #FFFFFF;
	text-decoration: none;
}

.navigatie a:hover {
	color: #FF0000;

}


.subnavigatie a {
	color: #000000;
	text-decoration: none;
}

.subnavigatie a:hover {
	color: #FF0000;

}

.subnavigatie {
	color: #000000;
	font-size: 11px;
	line-height: 18px;
}


/* ------------------- CONTAINERS ---------------------- */

#container {
	position:absolute;
	top:0px;
	left: 0%;
	width: 100%;
	height: 95%;
}


#containerhoofdnavigatie {
	position:absolute;
	top:2%;
	left: 0%;
	width: 100%;
	background-color:#000000;
	z-index:15;
	border-top: 0px solid;
	border-bottom: 0px solid;
        white-space: nowrap;
}


.containersubnavigatie  {
    position:absolute;
    width: 20%;
    padding-top: 40px;
    padding-left: 20px;
    padding-right:20px;
    z-index:10;
    border-right: 1px solid;
    border-left: 1px solid;
    border-top: 1px solid;
    background-color:#FFF;
    background-image:url(img/transparent.png)
}

.subcontainernavigatie {
	padding-right: 10px;
	padding-left: 10px;
}


#containerbeeld {
	position:absolute;
	width:55%;
	background-color:#FFFFFF;
	top: 4%;
	left: 45%;
	z-index:5;
}

.containerbeeld {
	position:absolute;
	top: 4px;
	width:100%;
}


#containertekst {
	left: 54%;
	position: absolute;
	width: 400px;
	height: 98%;
	background-color:#FFFFFF;
	top: 2%;
	z-index: 5;
}


#containertekst2 {
	left: 0%;
	position: absolute;
	width: 39%;
	height: 98%;
	background-color:#FFFFFF;
	top: 2%;
	z-index: 5;
}

.tekstcontent {
	position: absolute;
	padding-right: 20px !important;
	padding-top: 60px !important;
}


.containernaam {
	position:absolute;
	top: 83%;
	left: 0px;
	width: 100%;
	height: 27%;
	z-index:12;
}

.containernaam2 {
	position:absolute;
	top: 83%;
	left: 0px;
	width: 100%;
	height: 27%;
	z-index:10;
	background-color:#FFFFFF;
}


/* ------------------- TEKST ---------------------- */


.tekst {
	padding-top: 50px;
	padding-left: 40px;
	padding-right:30px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	line-height: 20px;
	text-shadow:0 0 1px rgba(0,0,0,.1);
	-moz-text-shadow:0 0 1px rgba(0,0,0,.1);
}

.tekst p {
    margin-top: 0px;
}

.tekst h1,
.tekst .titel {
	font-size: 42px;
	line-height: 48px;
	font-weight: normal;
	padding-bottom:10px;
    margin:0px;
}


.tekst .meer {
	font-size: 34px;
	color:#000000;
	line-height: 56px;
	font-style:normal;
	font-weight: normal;
}

.tekst .meer a {
	font-size: 34px;
	color: #000000;
	text-decoration: none;
	line-height: 56px;
}

.tekst .meer A:HOVER {
	font-size: 34px;
	color:#FF0000;
}


.tekst .meer2 {
	font-size: 14px;
	line-height: 2em;
	font-style:normal;
	font-weight: bold;
}


.tekst h2,
.tekst .subtitel {
	font-size: 30px;
	padding-top:30px;
	font-weight: normal;
	line-height: 30px;
	font-family: Georgia, "Times New Roman", Times, serif;
    margin:0px;
}

.tekst .gegevens {
	font-size: 14px !important;
	line-height: 20px;
	color: #333333;
	font-style: normal;
	text-shadow:0 0 0px rgba(0,0,0,.0);
	-moz-text-shadow:0 0 1px rgba(0,0,0,.0);
   margin-top: 1.5em;
   margin-bottom: 2em;
}

.tekst h3,
.tekst .tussenkop {
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0.03em;
	font-style: normal;
	color: #777777;
	line-height:2em;
    margin-bottom: 0px;
}

.tekst .contact {
	font-size: 9px;
	letter-spacing: 0.03em;
	font-style: normal;
}


#bijschrift {
	height: 20px;
	width: 99%;
	position:relative;
	background-color: #000000;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 1%;
	bottom: 0px;
	}

.bijschrift {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	letter-spacing: 0.1em;
	}

/* ------------------- ANDERS ---------------------- */




.naam {
	position:absolute;
	padding-left: 50px;
	padding-bottom: 30px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 100px;
	font-style: normal;
	line-height: 110px;
	color: #000000;
	font-weight: normal;
	word-spacing:0.05em;
	letter-spacing:0.01em;
	height:100%;
}




.naam2 {
	position:absolute;
	padding-left: 50px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 100px;
	font-style: italic;
	line-height: 110px;
	color: #333333;
	font-weight: normal;
	letter-spacing: 0em;
	height:100%;
}


.wit {
	color: #333333;
	letter-spacing:0.01em;

}

.beroep {
	font-size: 14px;
	font-variant: small-caps;
	font-weight: bold;
	padding-left: 10px;
	letter-spacing:0.00em !important;
	line-height: 20px;
	color: #000000;
}

/* zoeken */
#app-menu-0 input {
    border: 1px solid #000;
}

ul#result-set {
    list-style: none inside;
    padding: 0px;
    line-height: 3em;
}