body{background-attachment:scroll;line-height:27px;overflow-y: scroll;overflow-x: hidden;}
img.logohead{margin-left:30px;}

#container{width:100%;}
#contentcontainer{width:100%;}
.maincontentcontainer{width:80%;margin:0px auto;clear:both;padding-top:30px;}
.mainhome{clear:both;float:left;padding-top:100px;text-align:center;width:100%;float:left;height:300px;font-size:36px;color:#ffffff;font-weight:normal;background-repeat: no-repeat;  background-position: bottom center;}

.menugal{
width:100%;height:410px;float:left;margin-left:0px;margin-top:0px;
background-position:center center; background-size:cover;
}
.menugal img{max-width:1000px;max-height:1000px; }

.spantitel{
float:left;
width:auto;
background-color:rgba(255,255,255,0.7);
padding:10px;
color:#333333;
font-weight:bold;
font-size:16px;
}

.bookref2{

 display: block;
 background-color: #ffffff;
 padding: 5px 10px 5px 10px;
 border-bottom: solid 4px #ffffff;
 border-top: solid 1px #ffffff;
 border-left: solid 1px #ffffff;
 border-right: solid 1px #ffffff;
 border-radius: 0px;
 margin-top:auto 0px;
 margin-bottom:auto 0px;
 color:#333333;
 vertical-align:middle;
}

.bookref2:hover{
 color:#555555;
 text-decoration: none;
}

h1{padding: 40px 10px 0px 0px;color:#ffffff;
font-size:36px;
font-weight:normal;
} 
h2{padding: 20px 10px 0px 0px;color:#ffffff;
font-size:24px;
font-weight:normal;
}
h2.home1{
color:#1A82DB;
letter-spacing:1.2px;
transform : scale(1,1.4);
-webkit-transform:scale(1,1.4); /* Safari and Chrome */
-moz-transform:scale(1,1.4); /* Firefox */
-ms-transform:scale(1,1.4); /* IE 9+ */
-o-transform:scale(1,1.4); /* Opera */
   width: 80%; 
   text-align: center; 
   border-bottom: 1px solid #5DADF1; 
   line-height: 0.1em;
   margin: 10px 0px 30px 0px; 

}
h2.home1 span { 
    padding:0 10px; 
}


#footer{line-height:27px;float:left;clear:both;width:100%;text-align:left;margin-top:100px;border-top:solid 1px #eeeeee;}
/* Gradient transparent - color - transparent */

.mainL{clear:both;width:45%;float:left;margin-top:20px;margin-right:1%;margin-left:0%;padding: 10px 10px 20px 0px;}

.mainR{width:45%;float:right;margin-top:20px;margin-left:1%;margin-right:0%;padding: 10px 0px 20px 10px;}

table{margin-top:30px;}
td{margin-left:0px;}
.contactformulier{margin-left:0px; margin-top:20px; height:auto;width:600px;clear:both;float:left;}
.contactgegevens{float:left;clear:none;margin-left:20px; height:400px;width:340px;margin-top:20px;text-align:right;}
p{margin-top:30px;}
a.mylink{font-weight:normal;color:#666666;}

.clear_all{clear:both;height:0.5em;} 

.headercontainer{width: 100%; margin:0px auto;}

.maintop{
 overflow:hidden;
 background-color:#ffffff;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
margin-top:0px;
 border-bottom:solid 3px #000000;
 padding: 0px 0px 20px 0px;
}

.contactus{
float:left;
background-color: #000000;
color: #ffffff;
width: 100%;
margin-bottom: 30px;
}
.contactus > p{
margin-left:10px;
margin-top:0px;
margin-bottom:10px;
}
.contactus > a{
margin-left:10px;
}
.contactus > h4{
margin-left:10px;
margin-bottom:10px;
}

/* ****************************************************************************************************** */

@media all and (min-width: 1001px){
.subpagecontainer{
float:left;
width:100%;
background-color: #ffffff;
}

.topbackground{
clear:both;
float:left;
width:100%;
}

.content{
clear:both;
float:left;
width:95%;
margin-top: 30px;
margin-left:2.5%;
margin-right:2.5%;


}

.columnleft{
float:left;
width:60%;
margin-right:5%;
background-color: #000000;
color: #fff;
}

.columnleft h4{
margin-left: 10px;
}

.columnright{
float:left;
width:35%;
color: #fff;
}
.rounded2{
 width: 400px;
}

#footerblokcont{
width:80%;
margin:0px auto;
margin-top:0px;
padding-bottom:30px;
color: <?php echo ;?>;
overflow: hidden;
}


.fleft, .fcenter, .fright, .fmedia{
 width: 23%;
 float: left;
}
.myway{
color: #666666;
margin-left: 0px;
margin-top: 0px;
}


.example-header .container { width: 100%; }
.menu-link { display: none;}
.menu { 
margin-top:35px;
margin-right:30px;
  float: right;
  -webkit-transition: all 0.3s ease;  
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease; 
 z-index:20;
}
.menu ul { 
  padding: 0px;
  margin: 0px;
  list-style: none;
  position: relative;
  display: inline-table;
}
.menu > li > ul.sub-menu {
	min-width: 10em;
	padding: 4px 0;
	background-color: #333333;
	
}
.menu ul li { padding: 0px;}
.menu > ul > li { display: inline-block; }
.menu ul li a { display: block; text-decoration: none;font-weight: lighter; color: #333333; font-size: 1.1em; }
.menu ul li > a { height:20px; padding: 19px 12px;}
.menu ul ul { 
  display: none; 
  position: absolute; 
  top:100%;
  min-width: 160px;
}
.menu ul li:hover > ul { display: block; z-index:20;}
.menu ul ul > li { position: relative; clear:both; width:100%;}
.menu ul ul > li a { padding: 5px 15px 5px 10px; height: auto; 
                     background-color: #1A82DB;color:#ffffff;}
.menu ul ul > li a:hover { background-color: #666666; color:#ffffff; }
.menu ul > li a:hover { background-color: #666666; color: #ffffff; }
.menu ul ul ul { position: absolute; left: 100%; top:0; }
}



/* ********************************************************************************************** */

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

.rounded2{width: 90%;}

ul{
	font-weight:normal;color:#333333;
	margin:0;
	padding:0;
	list-style:none;
        z-index: 4;
}

ul li a{
	font-size:25px; height:40px;}
.example-header .containert{ width: 100%;}
  .menu a:hover{text-decoration: none;}
  a.menu-link { position: absolute; display: block; color: #ffffff; background-color: #000000; float: right; text-decoration: none; padding: 10px 10px; font-size: 25px;
margin-left: 70%;
margin-left: -webkit-calc(100% - 100px);
margin-left: -moz-calc(100% - 100px); 
margin-left: calc(100% - 100px);

margin-top: 60px; border-radius:3px;}
  a.menu-link:hover{text-decoration:none;}
  .menu { clear: both; min-width: inherit; float: none; }
  .menu, .menu > ul ul { overflow: hidden; max-height: 0; background-color: #f4f4f4; }
  .menu > li > ul.sub-menu { padding: 0px; border: none; }
  .menu.active, .menu > ul ul.active { max-height: 500000em; clear:both;}
  .menu ul { display: inline; }
  .menu > ul { border-top: 1px solid #808080; }
  .menu li, .menu > ul > li { display: block; width:100%;}
  .menu li a { color: #333; display: block; padding: 1.2em 0.8em 0.6em 0.8em; border-bottom: 1px solid #808080; position: relative; }
  .menu li.has-submenu > a::after{ 
    content: "+";
    position: absolute;
    top: 0.6em;
    right: 0;
    display: block;
    font-size: 1.5em;
    padding: 0.25em 0.5em;
  }
  .menu li.has-submenu > a.active::after {
    content: "-";
    top: 0.5em;
  }
.menu li{
width: 100%;
background-color: #ffffff; /* achtergrond mobile menu */
color:#333333;
}
  .menu ul ul > li a { background-color: #666666; height:60px; padding: 50px 18px 0px 30px; }
  .menu ul ul, .menu ul ul ul { display: inherit; position: relative; left: auto; top:auto; border:none;}

#footerblokcont{
width:100%;
margin:0px auto;
margin-top:0px;
color: <?php echo ;?>;
overflow: hidden;
}

#contentcontainer{
width:100%;
}

#container{
width:100%;
}

.fcenter, .fright, .fmedia, .fleft{
 width: 90%;
 margin-left: 5%;
 margin-right: 5%;
 margin-bottom: 30px;
font-size: 150%;
text-align-center;
}

.myway{
padding: 0px;
margin: 0px;
font-size:125%;
color: #666666;
}

.mainL, .mainR{
clear:both;
width:100%;

margin-top: 15px;
}

.columnleft{
float:left;
width:100%;
background-color: #000000;
color: #fff;
font-size: 135%;
}

.columnleft h4{
margin-left: 10px;
}

.columnright{
font-size: 135%;
float:left;
width:100%;
color: #fff;
}
.rounded2{
 width: 400px;
}

img.logohead{margin-left:0px;}

}

@media all and (max-width: 600px){
#slider{
 widht:400px;
}

}

@media all and (max-width: 340px){
a.menu-link { position: absolute; display: block; color: #ffffff; background-color: #000000; float: right; text-decoration: none; padding: 10px 10px; font-size: 25px;
margin-left: 65%;
margin-left: -webkit-calc(100% - 150px);
margin-left: -moz-calc(100% - 150px); 
margin-left: calc(100% - 150px);
margin-top: 10px; border-radius:3px;}
}
		
hr.fade {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
}