@charset "utf-8";
/* CSS Document */
<!-- 
html{
	height:100%;
}
body { 
font-family: Roboto, Arial, Verdana, Helvetica, sans-serif;
font-size:14px;
color: #333333;
margin: 0px;
padding: 0px;
height:100%;
background-color:#FFF;
}
.midden {
position:relative;
width: 70%;
margin: 0 auto 0 auto;
padding:0px;
border-left:1px dotted #999;
border-right:1px dotted #999;
background-color:#FFF;
}
.grijsVak{
	width:190px;
	display:inline-block;
	margin-top:0px;
	vertical-align:top;
	z-index:2;
}
.naastMenu{
	display:inline-block;
	vertical-align:top;
	margin-top:0px;
	margin-left:10px;
	width:calc(100% - 260px);
	}
.tekstVak{
margin-top:0px;
position:relative;
padding-top:0px;
padding-bottom:10px;
padding-right:10px;
padding-left:30px;
width:100%;
}
.tekstAlgemeen{
position:relative;
margin-left:0px;
margin-top:0px;
padding-top:10px;
padding-right:10px;
padding-bottom:10px;
width:100%;
font-family: Roboto, Arial, Verdana, Helvetica, sans-serif;
font-size:14px;
}
.tekstAlgemeenIntro{
position:relative;
margin-left:0px;
margin-top:0px;
padding-top:10px;
padding-right:10px;
padding-bottom:10px;
width:100%;
font-family: Roboto, Arial, Verdana, Helvetica, sans-serif;
font-size:14px;
}

.vaarVak{
position:relative;
margin-left:0px;
margin-top:0px;
padding-top:15px;
padding-bottom:15px;
padding-left:15px;
padding-right:15px;
width:100%;
border-bottom: 1px solid #CFD0D2;
background-color:#FFF;
}
.berichtFoto{
border: 1px solid #999;
border-radius:7px;
display:inline-block;
width:150px;
height:150px;
overflow:hidden; 
vertical-align:top;
}
.berichtTekst{
display:inline-block;
vertical-align:top;
width:calc(100% - 165px);
padding-left:10px;
text-align: justify;
}
.berichtVak{
position:relative;
margin-left:0px;
margin-top:0px;
padding:10px;
padding-bottom:15px;
width:100%;
border-bottom: 1px solid #CFD0D2;
background-color: #FFF; 
}
.berichtVakKort{
position:relative;
margin-left:0px;
margin-top:0px;
padding:10px;
padding-bottom:15px;
width:100%;
border-bottom: 1px solid #CFD0D2;
background-color: #FFF; 
}
.druppel{
position:relative;
display:block; 
text-align: center;
width:90%;
z-index:2;	
height:250px;
}

		
a { 
text-decoration:none;
color: #FF0000;
} 
a:link { 
text-decoration:none;
} 
a:visited { 
text-decoration:none;
color: #888888; 
} 
a:hover { 
text-decoration:none;
color: #FFF; 
background-color:#009EE0;
} 
a:active {
text-decoration:none;
	color: #666666;
} 
.logo{
width:100%;	
}
	
#sponsor{
position:absolute; 
left: 20px;
width:150px;
z-index:3;	
		}

.menu1{
	width:200px;
	margin-left:5px;
	margin-top:5px;
	z-index:3;
	}
	.menu1Top{
		display:none;
	
	}
	.menu0{
		padding-right:5px;
	}
.menuBijFoto{
	width:700px;
	margin-top:10px;
	margin-left:10px;
	height:30px;
	position:relative;
	z-index:3;
	}	
.extraM{
	display:none;
	width:180px;
	position:relative;
	margin-left:20px;
	margin-top:0px;
		}
	
.menu1 a:link, .menu1 a:visited, .menu0 a:link, .menu0 a:visited,.menu1Top a:link,.menu1Top a:visited {
	margin-top:10px;
	padding-left:5px;
	position:relative;
	display:block;
	font-size:15px;
	padding-top:3px;
	padding-bottom:3px;
	font-weight:100;
	width:100%;
	height:20px;
	color:#FFF;
	background-color:#CF2027;
}

.menuBijFoto a:link, .menuBijFoto a:visited{
	padding-left:5px;
	padding-right:5px;
	position:relative;
	display:inline;
	font-size:13px;
	padding-top:3px;
	font-weight:bold;
	height:20px;
	color:#FFF;
	background-color:#CF2027;
}

.extraM a:link, .extraM a:visited{
	margin-top:10px;
	padding-left:5px;
	position:relative;
	display:block;
	font-size:15px;
	padding-top:3px;
	padding-bottom:3px;
	font-weight:100;
	width:100%;
	color:#FFF;
	background-color:#CF2027;
}

.menu1 a:hover, .menu0 a:hover,.menu1Top a:hover{
	
	color:#FFF;
	background-color:#333;
}
.extraM a:hover{
	
	color:#FFF;
	background-color:#333;
}

.fotoFront{
margin-left:5px;
margin-top:25px;
width:12%;
float:left;
border: 4px solid #FFFFFF;
}
.onderFotoFront{
position:absolute;
margin-left:380px;
margin-top:140px;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
color:#FFF;
display:none;
}
.TekstonderFotoFront{
position:absolute;
margin-top:140px;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:17px;
font-weight:bold;
color:#FFF;
display:none;
}

.tekstVakkopie{
position:absolute;
margin-left:200px;
margin-top:170px;
padding-top:0px;
padding-bottom:10px;
padding-right:10px;
padding-left:30px;
width:770px;
background-color: #FFF;
  
}
.tekstVakAdmin{
position:relative;
margin-left:200px;
margin-top:0px;
padding-top:5px;
padding-bottom:10px;
padding-right:10px;
padding-left:30px;
width:800px;
background-color: #FFF;
min-height:100%;
z-index:0;
}
.tekstVakRivierenDB{
position:fixed;
margin-left:25px;
margin-top:25px;
padding-bottom:10px;
padding-right:10px;
padding-left:10px;
background-color:#FFF;
width:965px;
display:none;
z-index:14;
border: 4px solid #FFFFFF;
}
.tekstVakMedevaardersDB{
position:absolute;
margin-left:25px;
margin-top:25px;
padding-bottom:10px;
padding-right:10px;
padding-left:10px;
background-color:#FFF;
width:965px;
display:none;
z-index:14;
border: 4px solid #FFFFFF;
}
#sponsor a:link, #logoL a:link{
text-decoration:none;
background-color:transparent;
}
#sponsor a:visited, #logoL a:visited{
text-decoration:none;
background-color:transparent;
}

#sponsor a:hover, #logoL a:hover{
text-decoration:none;
background-color:transparent;
}
#sponsor a:active, #logoL a:active{
text-decoration:none;
background-color:transparent;
}
.openenLinks{
	position:relative;
	margin-left:340px;
}

.ledenVak{
position:relative;
margin-left:0px;
margin-top:0px;
padding-top:10px;
padding-bottom:10px;
width:330px;
border-bottom: 1px solid #CFD0D2;
background-color:#FFF;
height:120px;
float:left;
}
.ledenFoto{
border: 1px solid #999;
border-radius:7px;
position:relative;
margin-top:0px;
margin-left:10px;
  width:80px;
  height:100px;
 overflow:hidden; 
}
.mLedenFoto{
border: 1px solid #999;
border-radius:7px;
position:relative;
margin-left:10px;
width:80px;
height:100px;
overflow:hidden; 
}
.naastLedenfoto{
position:relative;margin-top:-100px; margin-left:100px
}
	
.bannerVak{
position:relative;
margin-top:0px;
width:100%;
height:40px;
padding-top:10px;
text-align:right;
border-bottom:1px dotted #CCC;
}
.pics{
margin-top:0px; 
margin-left:0px;
height:150px;
z-index:3
}
.fotoBlock{
margin-top:15px;
border: 1px solid #999;
display:block;
}
.fotoLinks{
margin-top:15px;
border: 1px solid #999;
float:left;
margin-right:15px;
margin-bottom:10px;
}
.fotoRechts{
margin-top:15px;
border: 1px solid #999;
float:right;
margin-left:15px;
margin-bottom:10px;
}
.berichtVak img, .tekstVakAdmin img, .tekstVak img{
}
.inTekstVak{
position:relative;
margin-left:30px;
margin-right:30px;
margin-top:20px;
margin-bottom:20px;
width:845px;
}
li{
margin-left:10px;
list-style-position:inside;
}
ul{
margin-left:0px;
list-style-position:inside;
padding-left:0px;
}
ul.sprong1{
margin-top:0px;
margin-left:10px;
}
ul.sprong1 li{
list-style-position:outside;
}
ul.sprong2{
margin-top:-10px;
padding:0px;
margin-left:40px;
}
ul.sprong2 li{
list-style-position:outside;
list-style:square;
}
ul.sprong3{
margin-top:-10px;
padding:0px;
margin-left:50px;
}
ul.sprong3 li{
list-style-position:outside;
list-style: none;
}
ul.sprong_nummer{
margin-top:-10px;
padding:0px;
margin-left:10px;
}
ul.sprong_nummer li{
list-style-position:outside;
list-style: decimal;
}
h4 {
margin-bottom:3px;
}
h5 {
font-style:italic;
margin-bottom:3px;
}
h1{
color:#009EE0;
margin-top:0px;
font-weight:100;
}
h2{
color:#009EE0;
margin-top:0px;
margin-bottom:0px;
font-size:16px;
font-weight:100;
}
.driehO{
display:inline;	
	}
.datum{
	display:block;
	font-size:10px;
	font-style:italic;
}
.medevaardersVak{
width: 700px; 
position:relative; 
margin-top:15px;
}
.tekstVakRivierenDB{
position:fixed;
margin-left:0px;
margin-top:0px;
padding-bottom:10px;
padding-left:10px;
background-color:#FFF;
width:100%;
height:100%;
display:none;
z-index:14;
border: 0px ;
  -moz-box-shadow: 0px 0px 0px #000; /* Firefox/Mozilla */  
  -webkit-box-shadow: 0px 0px 0px #000; /*Safari/Chrome */  
  box-shadow: 0px 0px 0px #000; /* Opera & hoe het zou moeten */  
}
.voorMaps{
font-size:14px; 
font-weight:bold; 
position:relative; 
width:80%;
margin-left:100px;
margin-top:-20px;
height:20px;
}
.mapZelf{
width:90%; height:92%; position: absolute;z-index:20; 
}
.mapZelf2{
width:98%; height:92%; position: absolute;z-index:20; 
}
.mapZelf3{
width:80%; height:65%; position: absolute;z-index:20; 
}
.perLand{
float:right; width:7%; position:relative; z-index:21;
}
@media 
only screen and (max-width: 1500px){
.midden {
position:relative;
width: 90%;
margin: 0 auto 0 auto;
padding:0px;
height:100%;
}

@media 
only screen and (max-width: 1000px){
.midden {
position:relative;
width: 100%;
margin: 0 auto 0 auto;
padding:0px;
height:100%;
}
.voorMaps{
font-size:14px; 
font-weight:bold; 
position:absolute; 
width:100%;
height:100%;
}
.tekstAlgemeenIntro{
display:none;	
}
.mapZelf{
width:80%; height:80%; position: absolute;z-index:20; 
}
.mapZelf2{
width:96%; height:92%; position: absolute;z-index:20; 
}
.mapZelf3{
width:82%; height:75%; position: absolute;z-index:20; 
}
.berichtFoto{
width:100px;
height:100px;
}
.berichtTekst{
width:calc(100% - 115px);
}

.perLand{
float:right; width:15%; position:relative; z-index:21;
}
.druppel, #sponsor{
display:none; 
}
}
@media 
only screen and (max-width: 480px) {
.naam{
display:none;
}
.tekstVak{
position:relative;
margin-left:0%;
margin-top:0px;
padding-top:0px;
padding-bottom:10px;
padding-right:1%;
padding-left:2%;
width:100%;
background-color: #FFF;
}
#logoL{
display:none;	
}
.tekstAlgemeenIntro{
display:none;	
}
.berichtFoto{
width:90px;
height:90px;
}
.berichtTekst{
width:calc(100% - 105px);
text-align: left;
}

.naastMenu{
	width:100%;
}
.druppel, #sponsor{
display:none; 
}
.grijsVak{
	width:100%;
	}		
.menu1{
	width:100%;
	position:relative;
	margin-left:0px;
	margin-top:5px;
	z-index:3;
	display:none;
	
	}
.menu1Top{
	display:block;
	width:100%;
	position:relative;
	margin-left:0px;
	margin-top:5px;
	z-index:3;
	}
.extraM{
	display:none;
	width:95%;
	position:relative;
	margin-left:5%;
	margin-top:0px;
		}
.tekstAlgemeen{
position:relative;
margin-left:0px;
margin-top:0px;
padding-top:10px;
padding-right:2%;
padding-bottom:2%;
width:90%;

}
.berichtVak{
position:relative;
margin-left:0px;
margin-top:0px;
padding-top:10px;
padding-right:10px;
padding-bottom:10px;
width:100%;
border-bottom: 1px solid #CFD0D2;
background-color: #FFF; 
}
.berichtVakKort{
position:relative;
margin-left:0px;
margin-top:0px;
padding-top:10px;
padding-right:10px;
padding-bottom:10px;
width:92%;
border-bottom: 1px solid #CFD0D2;
background-color: #FFF; 
}
.vaarVak{
position:relative;
margin-left:0px;
margin-top:0px;
padding-top:10px;
padding-bottom:10px;
padding-left:0px;
padding-right:0px;
width:98%;
border-bottom: 1px solid #CFD0D2;
background-color:#FFF;
min-height:120px;
}
.blok{
	width:90%;
	margin-left:5%;
}
.bannerVak{
display:none;
}
.medevaardersVak{
width: 95%; 
position:relative; 
margin-top:15px;
}
.voorMaps{
font-size:14px; 
font-weight:bold; 
position:absolute; 
width:100%;
height:100%;
}
.mapZelf{
width:80%; height:80%; position: absolute;z-index:20; 
}
.perLand{
float:right; width:15%; position:relative; z-index:21;
}
.menu1 a:link, .menu1 a:visited, .menu0 a:link, .menu0 a:visited,.menu1Top a:link,.menu1Top a:visited {
	margin-top:0px;
	padding-left:5px;
	position:relative;
	display:block;
	font-size:15px;
	padding-top:3px;
	font-weight:bold;
	width:100%;
	height:30px;
	color:#FFF;
	
}
.menu1 a:hover, .menu0 a:hover,.menu1Top a:hover{
	
	color:#FFF;
	background-color:#333;
}
.openenLinks{
	position:relative;
	margin-left:40px;
}

}
@media print{
/*print style sheet */ 
body{
background:#FFFFFF;
margin:0px;
}
}