/* = Used Classes
----------------------------------------------------------------------------- */
.Clear { clear:both;}
.Right { float:right;}
.Left { float:left;}
.FloatL { float:left; margin:0px 20px 15px 0px; }
.Center { text-align:center; font-size:80%; color:#999;}
.Smaller { font-size:75%; }
.Bigger { font-size:125%; }
.Last { margin-bottom:35px; }
.Red { font-size:1.1em; color:#C33; }
.Inline { display: inline; }
.map-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
    margin-bottom: 20px;
}

iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

.kaartje{
  width: 100%;
  height: auto;
}


/* = Main CSS
----------------------------------------------------------------------------- */
body {
	background: url(../img/bg.png) repeat;
	font-family: 'Roboto',sans-serif;
	font-size:16px;
}
#wrapper {
	width:1010px; margin:15px auto;
}
h1, h2, h3, h4 { margin-bottom:20px; color:#de6d28; }

#sideBar a { font-size:110%; font-style:italic; color:#CC3333; }
#sideBar a:hover { font-style:normal; }



/* = Topbar CSS
----------------------------------------------------------------------------- */
#topBar {
	width:92%; height:252px;
	background:url(../img/banner_gl_small.png) no-repeat top center;
	border:2px #333 solid;
	box-shadow: 15px 15px 25px -10px;
	margin:25px auto;
}


/* = Navigation & Essentie
----------------------------------------------------------------------------- */
nav { text-align:center; font-size:150%; }
nav li { display:inline; margin: 0px 18px 0px 18px; }
nav li a { color:#5a2c10; text-shadow: 1px 1px rgb(255, 255, 255); font-weight:bold; }
nav li a.Active { color:#de6d28; }
nav li a:hover { color:#777777; }

#essentie {
	padding:15px 0px;
	border-top:1px dotted #999; border-bottom:1px dotted #999;
	font-size:120%;
	text-align:center;
	margin-bottom:20px;
}
#menuCorrector { display:none; }
/* = Content
----------------------------------------------------------------------------- */
#content {
	float:right;
	width:65%;
	padding-left:35px;
	border-left:1px dotted #999;
	line-height:1.3;
}
h1 { font-size:135%; }
h2 { font-size:115%; }
p { margin-bottom:10px; }
#content ul { margin-left:30px; }

iframe { width:100%; }


/* = Sidebar
----------------------------------------------------------------------------- */
#sideBar {
	float:left;
	width:25%;
	line-height:1.2;
}
#logo { width:200px; margin-bottom:20px; }

table.Contact td { padding:0px 10px 10px 0px; }

/* = Footer
----------------------------------------------------------------------------- */
#footer {
	background:url(../img/footer.png) no-repeat top center;
	color:#EBEBEB;
	height:44px;
	text-align:center;
	border:2px #333 solid;
	box-shadow: 15px 15px 25px -10px;
	margin-top:15px;
}
#footer p { padding-top:4px; }


/* = Media Queries
----------------------------------------------------------------------------- */

@media screen and (max-width:1070px) {
	#wrapper { width:92%; }
}

@media screen and (max-width:1030px) {
	#content {
		float:none; width:100%;
		border-left:none;
		border-bottom:1px dotted #999;
		padding:0px;
		margin-bottom:25px;
	}
	#sideBar {
		float:none; width:100%;

	}
}

@media screen and (max-width:970px) {
	nav { font-size:130%; }
	nav li { display:inline; margin: 0px 12px 0px 12px; }
	#topBar { height:230px; background:url(../img/banner_gl_small_230.png) no-repeat top center;  }
}
@media screen and (max-width:850px) {
	nav { font-size:115%; }
}
@media screen and (max-width:750px) {
	#topBar { margin-top:0px; }
	#wrapper { margin-top:0px; }
	#menuCorrector { display:inline-block; height:70px; }

}
@media screen and (max-width:650px) {
	.Hide { display:none; }
	#menuCorrector { height:40px; }


}
@media screen and (max-width:450px) {
	#topBar { height:125px; background:url(../img/banner_gl_small_125.png) no-repeat top center;  }

}