body {background-attachment: scroll;}


#container{width:100%;}
#contentcontainer{width:100%;}


p.grijs{color:#cccccc;}


p{
margin-left:0px;
}

#drop-down-menu{margin-left:20px;margin-top:40px;}
ul{
	font-weight:normal;color:#ffffff;
	margin:0;
	padding:0;
	list-style:none}
ul li{
	display:block;
	position:relative;
	float:left;
}
li ul{display:none;}
ul li a{
	font-size:16px;
	display:block;
	margin-left:1px;
	text-decoration:none;
        background:rgba(255,255,255,0.0);font-weight:normal;
	color:#ffffff;
	padding: 5px 15px 5px 15px;
	white-space:nowrap}
ul li a:hover{background:#EDEDED;color:#666666;text-decoration:none;}
li:hover ul{ 
	display:block; 
	position:absolute}
li:hover li{ 
	text-align:left;
	font-size:12px;
	clear:left; 
	width:18em}
li:hover a{ background:#EDEDED;color:#666666;text-decoration:none;}
li:hover li a:hover{background:#C9C9C9;color:#666666;text-decoration:none;}
.clear_all{clear:both;height:0.5em;}

/* ------------------------ MIAN CONTENT HERE --------------*/
.container {
	width: 100%;
	margin: 0 auto;
	padding-top: 20px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 24px;
	background: #ffffff;
}
.container-in {
	width: 940px;
	margin: 0 auto;
}
.container-in img {
	padding-top: 0;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 20px;
}
.read1 {
	width: 295px;
	background: #eeeeee;
	float: left;
	padding: 26px 0 23px 0;
	margin: 0 18px 0 0;
}
.read1-img1 {
	width: 32px;
	height: 30px;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 22px;
}
.read1 h3 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #333333;
	font-weight: normal;
	text-align: center;
	padding: 0 0 22px;
}
.read1 p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	font-weight: normal;
	text-align: center;
	line-height: 20px;
	padding: 0 9px 27px 9px;
}
.read1 a {
	width: 97px;
	margin: 0 auto;
	background: #1ca6d7;
	border-radius: 6px;
	position: relative;
	behavior: url(PIE.htc);
	display: block;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #ffffff;
	font-size: 11px;
	padding: 7px 0 6px;
}
.read1 a:hover {
	text-decoration: underline;
}
.welcome {
	margin-top: 20px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 32px;
	padding: 22px 0 26px 18px;
	background-color: #f6f6f6;
}
.welcome h5 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 20px;
	color: #333333;
	display: inline-block;
	padding: 0 0 0 9px;
}
.welcome p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	font-weight: normal;
	display: inline-block;
	padding: 0 34px 0 0;
	line-height: 20px;
}
.welcome a {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #ffffff;
	display: inline-block;
	text-decoration: underline;
	line-height: 20px;
	margin: 0 0 0 5px;
}
.welcome a:hover {
	text-decoration: none;
}
.bottom-cont1 {
	width: 250px;
	float: left;
	padding: 0 0 0 20px;
	margin: 0 43px 0 0;
}
.bottom-cont1 h6 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 20px;
	color: #333333;
	display: inline-block;
	padding: 0 0 0 10px;
}
.bottom-cont1 p {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #666666;
	display: inline-block;
	line-height: 20px;
	padding: 0 0 10px 0;
}
.bottom-cont1 ul {
	display: inline-block;
}
.bottom-cont1 ul li {
	display: inline-block;
}
.bottom-cont1 ul li a {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	padding: 0 0 0 18px;
	background: url(../images/arrow-li.png) no-repeat left center;
	color: #1ca6d7;
	display: block;
	line-height: 24px;
}
.bottom-cont1 ul li a:hover {
	text-decoration: underline;
}
.bottom-cont1 span {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #1ca6d7;
	display: block;
	line-height: 24px;
	;
	background: url(../images/arrow-li.png) no-repeat left center;
	padding: 0 0 0 13px;
}
/* ---------------------------------------------------------*/


div.tekst{
text-align:20px;
padding: 15px, 15px, 15px, 15px;
width: 945px;
margin-left:7px;

float:left;
background-color:white;
border:solid 1px #cccccc;
border-radius: 5px;
box-shadow: 0 0 10px 1px #cccccc;
-moz-box-shadow: 0 0 10px 1px #cccccc;
-webkit-box-shadow: 0 0 10px 1px #cccccc;
}
div.grote{
width:705px;
float:left;
margin-bottom:20px
}
div.info{
width:685px;
height:200px;
float:left;
margin-left:20px;
margin-right:20px;
}

div.foto{
width:332px;
margin-top:10px;
margin-bottom:10px;
margin-left:20px;
margin-right:10px;
float:left;
}
div.infofoto{
margin-top:10px;
margin-bottom:10px;
margin-right:10px;
width:330px;
height:214px;
float:left;
}
div.evenement{
width:220px;
height:640px;
margin-top:20px;
border-left: dotted 2px #999999;
float:left;
}
div.border{
float:left;
width:675px;
margin-left:20px;
margin-right:10px;
height:2px;
border-bottom: dotted 2px #999999;
}
div.offerte{
width:210px;
height:40px;
margin:10px 10px 10px 10px;
border: dotted 2px #999999;
float:left;
}

h1{
margin:10px 10px 10px 20px;
font-size:18px;
font-family: arial;
line-height:21px;
color:#666666;
}

h2{
margin:10px 10px 10px 20px;
font-size:16px;
font-family: arial;
line-height:21px;
color:#666666;
}
p.fotos{
text-align:center;
margin-bottom:10px;
margin-top:5px;
}
p.info{
margin:10px 10px 10px 20px;
font-size:16px;
font-family: arial;
line-height:21px;
}



* ********************* 2-BLOK ****************** */
.blok1van2{float:left;clear:both;margin-top:30px;width:50%;box-sizing:border-box;padding-left:20px;padding-right:20px;}
.blok1van2 img{width:60%;}
.blok2van2{float:left;margin-top:30px;width:50%;box-sizing:border-box;padding-left:20px;padding-right:20px;}
.blok2van2 img{width:60%;}

/* ********************* 3-BLOK ****************** */
.blok1van3{float:left;clear:both;margin-top:30px;width:33%;opacity: 0.8;box-sizing:border-box;padding-left:20px;padding-right:20px;}
.blok1van3 img{width:70%;}
.blok2van3{float:left;margin-top:30px;width:34%;opacity: 0.8;box-sizing:border-box;padding-left:20px;padding-right:20px;}
.blok2van3 img{width:70%;}
.blok3van3{float:left;margin-top:30px;width:33%;opacity: 0.8;box-sizing:border-box;padding-left:20px;padding-right:20px;}
.blok3van3 img{width:70%;}

/* ********************* 4-BLOK ****************** */
.blok1van4{float:left;margin-top:30px;margin-right:1%;width:23%;box-sizing:border-box;padding:20px;font-size:12px;border-radius:10px;background:#eee;border-bottom:solid 3px #666;
-webkit-animation: fadein 1s; -moz-animation: fadein 1s; -ms-animation: fadein 1s; -o-animation: fadein 1s; animation: fadein 1s;}
.blok1van4 img{width:30%;}
.blok1van4:hover{background:#E4E4E4;
border-bottom:solid 3px #3CBEEE;
}
.blok2van4{float:left;margin-top:30px;margin-left:1%;margin-right:1%;width:23%;box-sizing:border-box;padding:20px;font-size:12px;border-radius:10px;background:#eee;border-bottom:solid 3px #666;
-webkit-animation: fadein 2s; -moz-animation: fadein 2s; -ms-animation: fadein 2s; -o-animation: fadein 2s; animation: fadein 2s;}
.blok2van4 img{width:30%;}
.blok2van4:hover{background:#E4E4E4;
border-bottom:solid 3px #3CBEEE;

}
.blok3van4{float:left;margin-top:30px;margin-left:1%;margin-right:1%;width:23%;box-sizing:border-box;padding:20px;font-size:12px;border-radius:10px;background:#eee;border-bottom:solid 3px #666;
-webkit-animation: fadein 2s; -moz-animation: fadein 2s; -ms-animation: fadein 2s; -o-animation: fadein 2s; animation: fadein 2s;}
.blok3van4 img{width:30%;}
.blok3van4:hover{background:#E4E4E4;
border-bottom:solid 3px #3CBEEE;

}
.blok4van4{float:left;margin-top:30px;margin-left:1%;width:23%;box-sizing:border-box;padding:20px;font-size:12px;border-radius:10px;background:#eee;border-bottom:solid 3px #666;
-webkit-animation: fadein 2s; -moz-animation: fadein 2s; -ms-animation: fadein 2s; -o-animation: fadein 2s; animation: fadein 2s;}
.blok4van4 img{width:30%;}
.blok4van4:hover{background:#E4E4E4;
border-bottom:solid 3px #3CBEEE;

}




/* MOBILE */

@media all and (max-width: 980px){



/* ********************* 2-BLOK ****************** */

.blok1van2{float:left;clear:both;margin-top:30px;width:100%;box-sizing:border-box;padding-left:20px;padding-right:20px;}
.blok1van2 img{width:80%;}
.blok2van2{float:left;clear:both;margin-top:30px;width:100%;box-sizing:border-box;padding-left:20px;padding-right:20px;}
.blok2van2 img{width:80%;}

/* ********************* 3-BLOK ****************** */

.blok1van3{clear:both;float:left;margin-top:30px;width:100%;opacity: 0.8;}
.blok1van3 img{width:50%;}
.blok2van3{clear:both;float:left;margin-top:30px;width:100%;opacity: 0.8;}
.blok2van3 img{width:50%;}
.blok3van3{clear:both;float:left;margin-top:30px;width:100%;opacity: 0.8;}
.blok3van3 img{width:50%;}

/* ********************* 4-BLOK ****************** */

.blok1van4{float:left;margin-top:30px;clear:both;width:100%;box-sizing:border-box;padding-left:20px;padding-right:20px;font-size:12px;border-radius:10px;background:#eee;border-bottom:solid 3px #666;
-webkit-animation: fadein 1s; -moz-animation: fadein 1s; -ms-animation: fadein 1s; -o-animation: fadein 1s; animation: fadein 1s;}
.blok1van4 img{width:auto;}
.blok1van4:hover{background:#E4E4E4;
border-bottom:solid 3px #3CBEEE;
}
.blok2van4{float:left;margin-top:30px;clear:both;width:100%;box-sizing:border-box;padding-left:20px;padding-right:20px;font-size:12px;border-radius:10px;background:#DDDCDC;border-bottom:solid 3px #666;
-webkit-animation: fadein 2s; -moz-animation: fadein 2s; -ms-animation: fadein 2s; -o-animation: fadein 2s; animation: fadein 2s;}
.blok2van4 img{wwidth:auto;}
.blok2van4:hover{background:#E4E4E4;
border-bottom:solid 3px #3CBEEE;
}
.blok3van4{float:left;margin-top:30px;clear:both;width:100%;box-sizing:border-box;padding-left:20px;padding-right:20px;font-size:12px;border-radius:10px;background:#eee;border-bottom:solid 3px #666;
-webkit-animation: fadein 2s; -moz-animation: fadein 2s; -ms-animation: fadein 2s; -o-animation: fadein 2s; animation: fadein 2s;}
.blok3van4 img{width:auto;}
.blok3van4:hover{background:#E4E4E4;
border-bottom:solid 3px #3CBEEE;
}

.blok4van4{float:left;margin-top:30px;clear:both;width:100%;box-sizing:border-box;padding-left:20px;padding-right:20px;font-size:12px;border-radius:10px;background:#eee;border-bottom:solid 3px #666;
-webkit-animation: fadein 2s; -moz-animation: fadein 2s; -ms-animation: fadein 2s; -o-animation: fadein 2s; animation: fadein 2s;}
.blok4van4 img{width:auto;}
.blok4van4:hover{background:#E4E4E4;
border-bottom:solid 3px #3CBEEE;
}




}

/* END MOBILE */