body {
font-family:Courier,Arial,sans-serif;
font-size:13px;
text-align:left;
background-color:#ffffff;
background-image:url('../graphics/bg.gif');
background-attachment:fixed;
background-repeat:no-repeat;
background-position:0 0;
background-size:100% 100%;
}

.site {
position:absolute;
top:50%;
left:53%;
width:966px;
height:600px;
margin:-300px 0 0 -500px;
text-align:left;
}
@media only screen and (max-width: 900px) and (orientation: portrait) {
	.site {
	position:relative;
	top:0;
	left:0;
	width:100%;
	height:auto;
	margin:0 auto 0 auto;
	}
}

.headerbox {
width:100%;
height:40px;
background-repeat:no-repeat;
padding:98px 0 0 0;
}
@media only screen and (max-width: 900px) and (orientation: portrait) {
	.headerbox {
	height:auto;
	}
}
.bomen {
background-position:0 0;
background-image:url('../graphics/bomen.png');
background-size:220px 98px;
}
@media only screen and (max-device-width: 640px) and (orientation: portrait) {
	.bomen {
	background-position:0 32px;
	background-size:50% auto;
	}
}
@media only screen and (min-device-width : 414px) and (max-device-width: 736px) and (orientation: portrait) {
	.bomen {
	background-position:0 10px;
	background-size:50% auto;
	}
}
.bomen-1 {
background-image:url('../graphics/bomen-1.png');
background-size:243px 96px;
background-position:2px 2px;
}
@media only screen and (max-device-width: 640px) and (orientation: portrait) {
	.bomen-1 {
	background-position:0 39px;
	background-size:50% auto;
	}
}
@media only screen and (min-device-width : 414px) and (max-device-width: 736px) and (orientation: portrait) {
	.bomen-1 {
	background-position:0 20px;
	background-size:50% auto;
	}
}
.dennen {
background-image:url('../graphics/dennen.png');
background-size:220px 90px;
background-position:20px 8px;
}
@media only screen and (max-device-width: 640px) and (orientation: portrait) {
	.dennen {
	background-position:0 38px;
	background-size:50% auto;
	}
}
@media only screen and (min-device-width : 414px) and (max-device-width: 736px) and (orientation: portrait) {
	.dennen {
	background-position:0 18px;
	background-size:50% auto;
	}
}

.bergen {
background-image:url('../graphics/bergen.png');
background-size:150px 78px;
background-position:20px 20px;
}
@media only screen and (min-device-width : 414px) and (max-device-width: 640px) and (orientation: portrait) {
	.bergen {
	background-position:0 50px;
	background-size:50% auto;
	}
}
@media only screen and (max-width: 900px) and (orientation: portrait) {
	.bergen {
	background-position:0 10px;
	background-size:50% auto;
	}
}
.eiland {
background-image:url('../graphics/eiland.png');
background-size:206px 100px;
background-position:15px 0;
}
@media only screen and (max-device-width: 640px) and (orientation: portrait) {
	.eiland {
	background-position:0 25px;
	background-size:50% auto;
	}
}
@media only screen and (min-device-width : 414px) and (max-device-width: 736px) and (orientation: portrait) {
	.eiland {
	background-position:0 2px;
	background-size:50% auto;
	}
}
.keien {
background-image:url('../graphics/keien.png');
background-size:152px 31px;
background-position:-4px 67px;
}
@media only screen and (max-device-width: 640px) and (orientation: portrait) {
	.keien {
	background-image:url('../graphics/eiland.png');
	background-position:0 25px;
	background-size:50% auto;
	}
}
@media only screen and (min-device-width : 414px) and (max-device-width: 736px) and (orientation: portrait) {
	.keien {
	background-image:url('../graphics/eiland.png');
	background-position:0 2px;
	background-size:50% auto;
	}
}
.klimmer {
position:absolute;
top:97px;
left:-34px;
width:34px;
height:215px;
border:none;
}
@media only screen and (max-width: 900px) and (orientation: portrait) {
	.klimmer {
	display:none;
	}
}

.logo {
position:absolute;
top:14px;
right:0;
width:auto;
height:auto;
border:none;
}
.balk {
width:866px;
height:9px;
background-color:#502405;
}
@media only screen and (max-width: 900px) and (orientation: portrait) {
	.balk {
	width:70%;
	height:9px;
	background-color:#502405;
	}
}

.menu {
width:auto;
height:auto;
font-family:Arial,sans-serif; 
color:#9D7D5A;
font-size:1em;
text-align:left;
background-color:#502405;
padding:16px 0 0 1.5%;
}
@media only screen and (max-width: 900px) and (orientation: portrait) {
	.menu {
	font-size:1.5em;
	text-align:left;
	padding:0 0 0 5%;
	}
}
.menu a:link {
color:#9D7D5A;
text-decoration:none;
}
.menu a:active {
color:#ffffff;
text-decoration:none;
}
.menu a:visited {
color:#9D7D5A;
text-decoration:none;
}
.menu a:hover {
color:#ffffff;
text-decoration:none;
}
.menu a.on {
color:#fff;
}
@media only screen and (max-width: 900px) and (orientation: portrait) {
	.menustreep {
	font-size:0.2em;
	color:#502405;
	display:block;
	}
}

.contentbox {
width:936px;
height:415px;
background-color:#ffffff;
border-top:4px solid #502405;
border-right:15px solid #502405;
border-bottom:4px solid #502405;
border-left:15px solid #502405;
}
@media only screen and (max-width: 900px) and (orientation: portrait) {
	.contentbox {
	width:100%;
	height:auto;
	background-color:#502405;
	border-top:15px solid #502405;
	border-right:0;
	border-bottom:4px solid #502405;
	border-left:0;
	}
}

.foto {
width:auto;
height:100%;
margin:0;
float:left;
}
@media only screen and (max-width: 900px) and (orientation: portrait) {
	.foto {
	width:88%;
	height:auto;
	margin:0 auto 0 auto;
	float:none;
	display:block;
	}
}

@media only screen and (max-width: 900px) and (orientation: portrait) {
	.nomobile { display:none; }
}

.tekstbox {
position:relative;
width:51%;
height:100%;
overflow:auto;
float:right;
}
@media only screen and (max-width: 900px) and (orientation: portrait) {
	.tekstbox {
	width:100%;
	height:auto;
	float:none;
	}
}
.tekstbox-trainingen {
width:67%;
}
@media only screen and (max-width: 900px) and (orientation: portrait) {
	.tekstbox-trainingen { width:100%; }
}
.tekstbox-leadership {
width:39%;
}
@media only screen and (max-width: 900px) and (orientation: portrait) {
	.tekstbox-leadership { width:100%; }
}
.tekstbox-intervisie {
width:39%;
}
@media only screen and (max-width: 900px) and (orientation: portrait) {
	.tekstbox-intervisie { width:100%; }
}
.tekstbox-verder {
width:31.5%;
}
@media only screen and (max-width: 900px) and (orientation: portrait) {
	.tekstbox-verder { width:100%; }
}
.tekstbox-shahram_fazili {
width:60%;
}
@media only screen and (max-width: 900px) and (orientation: portrait) {
	.tekstbox-shahram_fazili { width:100%; }
}
.tekstbox-abruzzen {
width:55%;
}
@media only screen and (max-width: 900px) and (orientation: portrait) {
	.tekstbox-abruzzen { width:100%; }
}
.tekstbox-evenementen {
width:51%;
}
@media only screen and (max-width: 900px) and (orientation: portrait) {
	.tekstbox-evenementen { width:100%; }
}

.tekstbox-foto960 {
width:39%;
}
@media only screen and (max-width: 900px) and (orientation: portrait) {
	.tekstbox-foto960 { width:100%; }
}
.tekstbox-over_frank {
width:65%;
}
@media only screen and (max-width: 900px) and (orientation: portrait) {
	.tekstbox-over_frank { width:100%; }
}

.tekst {
width:97%;
height:auto;
text-align:left;
color:#144059;
font-size:1em; 
line-height:1.2;
padding:0.5em 3% 0.5em 0;
}
@media only screen and (max-width: 900px) and (orientation: portrait) {
	.tekst {
	width:80%;
	height:auto;
	background-color:#fff;
	border-right:10px solid #fff;
	border-left:10px solid #fff;
	margin:0 auto 0 auto;
	}
}
.tekst-bottom {
position:absolute;
bottom:0.5em;
}
@media only screen and (max-width: 900px) and (orientation: portrait) {
	.tekst-bottom {
	position:relative;
	bottom:0;
	}
}

.tekst p {
margin:0;
}
.tekst h1 {
color:#144059;
font-size:1em;
font-weight:bold;
}
.tekst ul {
position:relative;
top:-10px;
left:-22px;
margin-bottom:0;
}
.tekst ol {
position:relative;
top:-8px;
left:-38px;
line-height:1.4;
margin-bottom:0;
list-style:none;
}
.tekst b {
color:#99B5C2;
font-weight:bold;
}
.tekst hr {
width:auto;
height:1px;
background-color:#502405;
margin:1em 0 0.5em 0;
border:none;
clear:both;
}
.tekst .pijl {
position:relative;
top:2px;
left:2px;
}
.tekst a:link {
color:#144059;
text-decoration:none;
}
.tekst a:active {
color:#144059;
text-decoration:none;
}
.tekst a:visited {
color:#144059;
text-decoration:none;
}
.tekst a:hover {
color:#E27F13;
text-decoration:none;
}

.submenu {
color:#99B5C2;
font-family:Arial,sans-serif; 
font-size:1em;
line-height:1.4;
padding:0.2em 0 0.5em 0;
text-align:right;
border-bottom:1px solid #502405;
margin:0 0 1em 0;
}
@media only screen and (max-width: 900px) and (orientation: portrait) {
	.submenu {
	font-size:1.2em;
	}
}
.submenu a:link {
color:#99B5C2;
text-decoration:none;
}
.submenu a:active {
color:#E27F13;
text-decoration:none;
}
.submenu a:visited {
color:#99B5C2;
text-decoration:none;
}
.submenu a:hover {
color:#E27F13;
text-decoration:none;
}
.submenu a.subon {
color:#E27F13;
}
@media only screen and (max-width: 900px) and (orientation: portrait) {
	.submenustreep {
	font-size:0.5em;
	color:#fff;
	display:block;
	}
}

.clearbreak {
font-size:0;
line-height:0;
clear:both;
}

.footer {
width:98.5%;
height:auto;
color:#9D7D5A;
font-family:Arial,sans-serif; 
font-size:1em;
text-align:right;
padding:4px 1.5% 4px 0;
background-color:#502405;
border-top:12px solid #502405;
border-bottom:4px solid #502405;
clear:both;
}
@media only screen and (max-width: 900px) and (orientation: portrait) {
	.footer {
	width:90%;
	text-align:center;
	padding:4px 5% 0 5%;
	border-bottom:20px solid #502405;
	}
}
.footer a:link {
color:#9D7D5A;
text-decoration:none;
}
.footer a:active {
color:#ffffff;
text-decoration:none;
}
.footer a:visited {
color:#9D7D5A;
text-decoration:none;
}
.footer a:hover {
color:#ffffff;
text-decoration:none;
}
@media only screen and (max-width: 900px) and (orientation: portrait) {
	.footerstreep {
	font-size:0.2em;
	color:#502405;
	display:block;
	}
}