/***** CSS Reset *****/
html, body, div, span, object, iframe, p, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, im, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration: none !important; list-style:none;}


@media only screen and (min-width: 0px) and (max-width: 640px) {
    #container1{
        display: none;
    }
    
#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #menu-button {
display: block;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
    
#cssmenu {
background: #161616; 
border-bottom: 1px solid #383838;}
#cssmenu > ul > li > a {
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
padding: 17px 17px 17px 30px;
font-size: 12px;
text-decoration: none;
color: white;
font-weight: 700;
text-transform: uppercase;}
#cssmenu ul ul li a {
border-bottom: 1px solid rgba(56, 56, 56, 1);
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
padding: 11px 15px;
width: 170px;
font-size: 12px;
text-decoration: none;
color: white;
font-weight: 400;
background: #333333;}
    
#cssmenu ul {
width: 100%;
display: none;}
    
#cssmenu ul li {
width: 100%;
border-top: 1px solid rgba(56, 56, 56, 1);}
    
#cssmenu ul ul li,
#cssmenu li:hover > ul > li {
height: auto;}
    
#cssmenu ul li a,
#cssmenu ul ul li a {
width: 100%;
border-bottom: 0;}
    
#cssmenu ul ul li a {
padding-left: 25px;}
    
#cssmenu ul ul li a {
color: #dddddd;
background: none;}
    
#cssmenu #menu-button {
display: block;
padding: 17px 17px 17px 30px;
cursor: pointer;
font-weight: 400;
color: white;}

    #cssmenu{
        color: white;
    }
    
#cssmenu #menu-button:after {
position: absolute;
top: 25px;
right: 30px;
display: block;
height: 4px;
width: 20px;
border-top: 2px solid #dddddd;
border-bottom: 2px solid #dddddd;
content: '';}
#cssmenu #menu-button:before {
position: absolute;
top: 19px;
right: 30px;
display: block;
height: 2px;
width: 20px;
background: #dddddd;
content: '';} 
    
#cssmenu #menu-button.menu-opened:after {
top: 26px;
border: 0;
height: 2px;
width: 15px;
background: #ffffff;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);}  
#cssmenu #menu-button.menu-opened:before {
top: 26px;
background: #ffffff;
width: 15px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);}
    
#cssmenu .submenu-button {
position: absolute;
z-index: 99;
right: 0;
top: 0;
display: block;
/*border-left: 1px solid rgba(56, 56, 56, 1);*/
height: 48px;
width: 68px;
/*cursor: pointer;*/} 
/*#cssmenu .submenu-button.submenu-opened {
background: #262626;}*/
#cssmenu ul ul .submenu-button {
height: 36px;
width: 36px;}
    
    
#cssmenu .submenu-button:after {
position: absolute;
top: 22px;
right: 33px;
width: 8px;
height: 2px;
display: block;
background: #dddddd;
content: '';}
    
    
#cssmenu ul ul .submenu-button:after {
top: 15px;
right: 13px;}  
    
    
#cssmenu .submenu-button:before {
position: absolute;
top: 19px;
right: 36px;
display: block;
width: 2px;
height: 8px;
background: #dddddd;
content: '';}
    
    
    
#cssmenu ul ul .submenu-button:before {
top: 12px;
right: 16px;}  
#cssmenu .submenu-button.submenu-opened:before {
display: none;}


body{
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;}
    
h1{	font-size: 45px;}
h2{font-size: 16px; padding-bottom: 5px;}
h3{font-size: 14px; padding-bottom: 5px;}
p{ font-size: 12px; padding-bottom: 10px; color:#666666; }
td{ font-size: 12px; padding-bottom: 5px; color:#aaa;}

    
#logo{ width: 100%; float: left;}
#logo h1{ font-size: 45px; text-align: center; padding-top: 25px; color: black;} 
#logo h2{ font-size: 16px; text-align: center; padding-bottom: 25px; color: black;}
    
#content1{width: 100%; height: auto; margin: 0 auto;}
#slider1 img{ float: left; width: 100%; height: auto; max-height;}   
.section{float: left; width: 100%; padding: 30px; box-sizing: border-box;}
.section1{float: left; width: 100%;}

.one{
    width: 60px; height: 60px; float: left; }
.two{
    width: 180px; height: auto; float: left; padding-left: 20px;}
.two p{
    color: #666666;}
.two a{text-decoration: none; color: #666666;}
    .two h2 a{color:black;}
.two li a{ 
    color: #ff7e00;}
.two li{
    list-style: none;
    font-size: 12px;
    padding-bottom: 5px;}
.two li a{
    color: #ff7e00;
    text-decoration: none;
}
.three{
    width: 60px; height: 60px; float: left; padding-top: 20px; }
.four{
    width: 180px; height: auto; float: left; padding-left: 20px; padding-top: 20px; }
.four p{
    color: #666666;}
    .four a{text-decoration: none; color: #666666;}
.four h2 a{color: black;}
.four li a{ 
    color: #ff7e00;}
.four li{
    list-style: none;
    font-size: 12px;
    padding-bottom: 5px;}
.four li a{
    color: #ff7e00;
    text-decoration: none;
}  
.section2{float: left; width: 100%; padding: 30px; box-sizing: border-box;     background-color: #333333;}  
    .section2 p{color: #aaa;}
    .section2 h2{color: white;}
    .section3{float: left; width: 100%; padding: 30px; box-sizing: border-box; background-color: #222222;}
    .section3 p{color:#aaa;}
.Rmenu{ background-color:rgba(255,126,0,0.7); width:190px; margin-left:auto; margin-right:auto; padding-top:10px; border-bottom:2px solid #ff7e00; border-radius: 2px; text-align: center; cursor: pointer;}
.Rmenu:hover{ background-color:rgba(255,126,0,1); width:190px; margin-left:auto; margin-right:auto; padding-top:10px; border-bottom:2px solid #ff7e00;}
.Rmenu a{ text-decoration:none;}
.Rmenu p{ color: #FFFFFF;}
}







@media only screen and (min-width: 641px) and (max-width: 2000px) {
    #container{
        display: none;
    }
    .clear{
	clear:both;}

/*h{
	letter-spacing:}*/
#bg1{ float:left; width:330px; height:92px; background-image:url(images/Bloemen3.png); background-repeat:no-repeat;}
/*pages one Home*/
#left{ background-image:url(images/Bloemen2.png); min-width:1200px; max-width:1920px; width:100%; height:180px;
background-repeat:no-repeat; background-position:left;
}
#right{ background-image:url(images/Bloemen1.png); min-width:1200px; max-width:1920px; width:100%; height:180px;
background-repeat:no-repeat; background-position:right;
}
header{ float:left; position:fixed; width:100%; margin:0 auto; min-width:1200px; max-width:1920px; height:92px; background-color:#FFF; border-top:1px solid #000; border-bottom:1px solid #471b06;}	

nav{ margin:0 auto; min-width:1200px; max-width:1920px; width:100%; height:57px; padding-top:35px;}	
nav ul{ float:right;}
nav ul li{ float:left;}
nav ul li a{ font-family: 'Comfortaa', cursive; font-size:20px; text-decoration:none; margin-right:60px; color:#471b06; font-weight:600;}
nav li a:hover{ color:#ff7e00;}
nav ul li a.selected{font-family: 'Comfortaa', cursive; font-size:20px; text-decoration:none; margin-right:60px; font-weight:600; color:#ff7e00;}
nav ul ul{ padding-top:20px; position:absolute; visibility:hidden; width:300px;}
nav ul li:hover ul{ visibility:visible;}
nav > ul > li > ul:before { content: ''; border-color: transparent transparent #ff7e00 transparent; border-style: solid; border-width: 10px; position: absolute; top: 0px; left: 10%; margin-left:-10px;}
nav ul ul li a{ font-size:15px; font-weight:400;}
nav ul ul li{ background-color:#FFF; border-top:1px solid #ff7e00; border-right:1px solid #ff7e00; border-left:1px solid #ff7e00; padding-top:10px; padding-left:20px; padding-bottom:10px; width:230px;}
nav ul ul li:last-child{ border-bottom:1px solid #ff7e00;}
nav ul ul li a:hover{ border-bottom:none;}	
#slider{ margin-top:92px; float:left; width:100%; min-width:1200px; max-width:1920px; height:408px; background-image:url(images/bg2.png); background-repeat:no-repeat; background-size:cover;}
.slidertekst{ width:1200px; margin:0 auto; margin-top:50px; height:200px;}

#banner{ float:left; min-width:1200px; max-width:1920px; width:100%; height:180px; margin-left:auto; margin-right:auto; /*background-image:url(../images/bloemen1.png), url(../images/bloemen2.png); background-position:bottom right, left bottom; background-repeat:no-repeat; background-color:#FFF;*/}


#banner1{ margin-top:150px; width:1200px; height:170px; margin:0 auto;}
.A1{ float:left; width:400px; height:130px;	margin-top:30px; background-image:url(images/A1.png); background-repeat:no-repeat;}
.A1:hover{ width:400px; height:130px; background-image:url(images/A1v.png); background-repeat:no-repeat;}
.A1 h1{ font-family: 'Open Sans Condensed', sans-serif; font-weight:700; margin-left:130px; font-size:19px; color:#471b06;}
.A1 p{ margin-left:130px; font-family: 'Open Sans', sans-serif; font-weight:400; color:#471b06; font-size:14px; margin-right:110px; margin-top:8px;}
.A1 a{ font-family: 'Open Sans', sans-serif; font-weight:600; color:#ff7e00; font-size:15px; text-decoration:none; margin-left:130px;}
.A1 li{ margin-top:8px;}
.B1{ float:left; width:400px; height:130px; margin-top:30px; background-image:url(images/A2.png); background-repeat:no-repeat;}
.B1:hover{ width:400px; height:130px; background-image:url(images/A2v.png); background-repeat:no-repeat;}
.B1 h1{ font-family: 'Open Sans Condensed', sans-serif; font-weight:700; margin-left:130px; font-size:19px; color:#471b06;}
.B1 p{ margin-left:130px; font-family: 'Open Sans', sans-serif; font-weight:400; color:#471b06; font-size:14px; margin-right:110px; margin-top:8px;}
.B1 a{ font-family: 'Open Sans', sans-serif;font-weight:600; color:#ff7e00; font-size:15px; text-decoration:none; margin-left:130px;}
.B1 li{ margin-top:8px;}
.C1{ float:left; width:400px; height:130px; margin-top:30px; background-image:url(images/A3.png); background-repeat:no-repeat;}
.C1:hover{ width:400px; height:130px; background-image:url(images/A3v.png); background-repeat:no-repeat;}
.C1 h1{ font-family: 'Open Sans Condensed', sans-serif; font-weight:700; margin-left:130px; font-size:19px; color:#471b06;}
.C1 p{ margin-left:130px; font-family: 'Open Sans', sans-serif; sans-serif; font-weight:400; color:#471b06; font-size:14px; margin-right:70px; margin-top:8px;}
.C1 a{ font-family: 'Open Sans', sans-serif; font-weight:600; color:#ff7e00; font-size:15px; text-decoration:none; margin-left:130px;}
.C1 li{ margin-top:8px;}
#footer{ float:left; margin-top:0px; width:100%; min-width:1200px; max-width:1920px; height:100%; background-color:#FFF; border-top:1px solid #471b06;/*background-color:rgba(0,0,0,0.9);*/}
#subfooter{ width:1200px; height:30px; margin:0 auto;  } 
#subfooter p{color:#471b06; font-family: 'Open Sans', sans-serif; font-weight:400; font-size:13px; padding:6px 0px 0px 0px;}


/*pages two Over ons*/
.inhoud{ float:left; margin-top:92px; width:100%; min-width:1200px; max-width:1920px; font-family: 'Open Sans', sans-serif; font-weight:400; font-size:14px; color:#471b06; background-image:url(../images/BG.png);}
.inhoudcenter{ width:1200px; padding-top:50px; margin:0 auto;}
.inhoud2{ width:600px; float:left; padding-bottom:100px; padding-right:30px;}
.images1{ background-image:url(images/img5.png); background-size:100%; background-repeat:no-repeat; border:1px solid #471b06; width:460px; height:280px; float:right;}
.inhoud3{ width:550px; float:left; padding-bottom:100px;}
.inhoudcenter h1{font-family: 'Open Sans Condensed', sans-serif; font-weight:600; font-size:30px; text-align:center; margin-bottom:40px; color:#471b06;}
/*#imagesbanner{ width:100%; height:170px; background-image:url(../images/IMG_2780.png); background-size:cover; background-repeat:no-repeat; border-bottom:1px solid #2C1203; max-width:1920px; min-width:1200px;}*/

/*pages three menu */
#banner2{ width:100%; float:left; height:190px; padding-top:140px; padding-bottom:200px; min-width:1200px; max-width:1920px; background-image:url(../images/BG.png);}
#banner1 h2{ font-family: 'Open Sans Condensed', sans-serif; font-weight:600; font-size:30px; text-align:center; color:#471b06;}

/*pages three menu restaurant, afhaal en maandmenu*/
#banner5{ float:left; padding-top:140px; width:100%; margin:0 auto; min-width:1200px; max-width:1920px; background-image:url(../images/BG.png);}
#banner4{ margin-top:150px; width:1000px; height:auto; margin:0 auto; text-align:center; padding-bottom:100px;}	
#banner4 p{ text-align:center; font-family: 'Open Sans', sans-serif;font-weight:400; padding-left:50px; padding-right:50px; font-size:15px; color:#471b06;}	
#banner4 h2{ text-align:center; font-family: 'Open Sans Condensed', sans-serif; font-weight:700; font-size:30px; color:#471b06; padding-bottom:30px;}	
#banner4 h3{ text-align:center; font-family: 'Open Sans Condensed', sans-serif; font-weight:700; font-size:19px; color:#471b06;}
#banner4 h4{ text-align:center; font-family: 'Open Sans Condensed', sans-serif; font-weight:700; font-size:30px; color:#471b06;}
.Rmenu{ background-color:rgba(255,126,0,0.7); width:190px; height:32px; margin-left:auto; margin-right:auto; border-radius:2px; padding-top:10px; border-bottom:2px solid #ff7e00;}
.Rmenu:hover{ background-color:rgba(255,126,0,1); width:190px; height:32px; margin-left:auto; margin-right:auto; border-radius:2px; padding-top:10px; border-bottom:2px solid #ff7e00;}
.Rmenu a{ color:#FFF; text-decoration:none; font-family: 'Open Sans', sans-serif;}
.selected1{ font-family: 'Comfortaa', cursive; font-size:15px; text-decoration:none; color:#ff7e00; font-weight:600;}

/*contact*/
.contact{ float:left; width:310px; height:auto; padding-right:20px; border-right:1px double #999999; padding-bottom:100px; }
.content{ float:left; width:800px; height:auto; margin-left:50px;padding-bottom:200px;}
.openingstijden{ float:left; width:310px; margin-bottom:100px;}
.openingstijden h2{ text-align:left; float:left; font-family: 'Open Sans Condensed', sans-serif; font-weight:700; font-size:30px; color:#471b06;}
.contact h2{ text-align:left; font-family: 'Open Sans Condensed', sans-serif; font-weight:700; font-size:30px; color:#471b06;}
.content h2{ text-align:left; font-family: 'Open Sans Condensed', sans-serif; font-weight:700; font-size:30px; color:#471b06;}
.contactform{ font-family: 'Open Sans', sans-serif;}
}