/* smaller than 1020 */
@media screen and (max-width: 1020px) { 
body { 
	width: 100%;

}


#wrapper {
	width: 96%;
	margin:0 2%;
	padding:0;
	overflow:visible;
}
#header {
	width: 100%;
}
#menu {
	width: 100%;
	overflow:visible;
	height:auto;
	font-size:11px;
}
#menu ul li a {
	padding:0 12px;
}

#footer {
	width: 96%;
	margin:0 2%;
}
.driekol.first {clear:left;}
.driekol.last {margin-right:0; float:right;}
.driekol.twee {width:65%;}
.driekol.twee iframe { width:100%;}
.driekol.twee.container {width:70%;margin-right: 0;}
.driekol.twee.container .driekol { }
.driekol.twee.container .driekol:hover {top:-1px;}
.driekol.twee.container .driekol {width:45%;}
.driekol{
	width:30%;
	position:relative;
	min-height:100px;
	background:/*#F0ECE2*/#fff;
	display:block;
	float:left;
	margin: 0 5% 5% 0;
	}
.driekol.last ul {
	margin-right:0;
	float:left;
	margin:0 0 5% 0;
	padding:0;

}
.driekol.last ul  li {
	display:block;
	float:left;
	width:100%;
	margin: 0 0 3% 0;
	padding:0;
}
.driekol.last ul  li a {
	line-height:18px;
	width:90%;
	font-size:16px;
	padding: 5%;
}
.driekol.last ul  li.current-menu-item a,
.driekol.last ul  li.current-menu-parent a,
.driekol.last ul  li a:hover {
	background:#CCCDCE;
	color:white;
	text-decoration:none;
}
.vierkol.first {clear:left;}
.vierkol.last {margin-right:0; float:right;}
.vierkol.twee {width:48%px;}
.vierkol.drie {width:72%;}
.vierkol{
	width:22%;
	position:relative;
	background:none;
	display:block;
	padding:0;
	float:left;
	margin: 0 4% 4% 0;
}
.rslides_container {
/* width:auto; */
overflow:hidden;
padding:0;
margin:0;
display:block;
float:left;
clear:left;
}
.centered-btns1_tabs { display: none; } 
div.rslides_container ul
div.rslides_container ul li {
width:auto;
}
div.rslides_container ul.rslides li a img {
width:100%;
}
#gridmenu .driekol span.cat a{
	padding: 2% 4%;
	display:block;
	width:92%;
	min-height:140px;
	font-size:13px;
	text-align:left;
}
}

/* smaller than 890 */
@media screen and (max-width: 890px) { 
.driekol.last ul  li a {
	line-height:18px;
	width:90%;
	font-size:14px;
	padding: 5%;
}
#menu {

}
#menu ul li a {
	padding:0 10px;
}
}
/* smaller than 850 */
@media screen and (max-width: 850px) { 
#menu {
	font-size:10px
}
#menu ul li a {
	padding:0 6px;
}
}
/* smaller than 730 */
@media screen and (max-width: 730px) {
	/* =Menu
	-------------------------------------------------------------- */
	#menu{
		float:left;
		position:relative;
		font-size:11px;
		line-height:14px;
		height:auto;
		width:100%;
		display:block;
		text-align:center;
		padding-bottom:5px;
		margin-bottom:14px;
		border-bottom:1px solid #ED1C24;
	}
	#menu ul {		text-align:center;}
	#menu ul li { 		display:inline-block;float:none;}
	#menu ul li a{
		padding: 0 12px;		line-height:14px;
		border:none;
	}
	#menu ul  li a:hover {

	}
	#menu ul  li.current-menu-item a , #menu ul  li.current_page_item a, #menu ul  li.current-page-ancestor a, #menu ul  li.current-post-ancestor a, #menu ul  li.current-post-parent a, #menu ul  li.current_page_parent a, #menu ul  li.current-menu-item a:hover, #menu ul  li.current-page-ancestor a:hover  {	}
}
/* smaller than 560 */
@media screen and (max-width: 560px) {
	
	/* =Layout
	-------------------------------------------------------------- */
	body {

	}

	#content {
		margin: 0;
		width: 100%;
	}
	#footer {
		clear: both;
		width: 100%;
	}
.driekol.first {clear:left; margin-right:0;}
.driekol.last {margin-right:0; float:left;clear:left;}
.driekol.twee.container {width:100%;margin-right: auto;}
.driekol.twee.container .driekol {width:100%;}
.driekol.twee {width:100%;}
.driekol{
	width:100%;
	position:relative;
	min-height:0;
	display:block;
	float:left;
	clear:left;
	margin: 0 0 13px 0;
}
.vierkol img,
.driekol img {
width:100%;
height:auto;
float:left;
}



.vierkol.first {clear:left;margin-right:0;}
.vierkol.last {margin-right:0; float:left;clear:none;}
.vierkol.twee {width:auto;}
.vierkol.drie {width:100%;}
.vierkol{
	width:50%;
	height:auto;
	position:relative;
	background:none;
	display:block;
	padding:0;
	float:left;
	clear:none;
	margin: 0 0 12px 0;
}
.vierkol a.textlink {
	text-align:center;
	position:relative;
	display:block;
}
.eenkol {
margin:0;
clear:left;
}
.rslides_container {
width:100%;
padding:0;
margin:0;
display:block;
float:left;
clear:left;
}
.rslides_container  img {
width:100%;
float:left;
clear:left;
height:auto;
padding:0;
margin:0;
}
#gridmenu  {}

.driekol iframe,
.vierkol iframe,
.eenkol iframe.map{
	width:100%;
	height:auto
}

	/* =Structure
	-------------------------------------------------------------- */

	/* The main theme structure */
	#colophon,
	#main {
		margin: 0 auto;
		display:block;

	}
	#wrapper {
	width: 94%;
	margin:0 3%;
	}
	#wrapper-header {

	}

	/* =Header
	-------------------------------------------------------------- */

	#header {
		position:relative;
		display:block;
		margin: 0 auto;
		border:0;
		padding: 0;	
		width: 100%;
		text-align:center;
		position:relative;
		margin-top:0;
	}
	#header #logo {

	}
#header #lang {
position:absolute;
top:0;
left:0;
float:right;
font-size:11px;
width:100%;
line-height:20px;
height:20px;
padding:10px 0;
margin:0;
display:block;
text-align:right;
}
#header #lang  span.choose {}
#header #lang  span.flags {
width:auto;
position:relative;
padding:0 13px 0 0;
clear:left;
margin:0 auto;
text-align:center;
display:inline-block;
}
#header #lang span a img{
position:relative;
line-height:20px;
float:none;
margin:0 5px;
display:inline-block;
}
div#header #headermenu  {
	right:3%;
	}


	/* form
	-------------------------------------------------------------- */
	div.wpcf7 form div.alignright{
	display:block;
	position:relative;
	margin:0;
	clear:left;
	float:left;
}
	/* =Content
	-------------------------------------------------------------- */


	#content {
		padding: 0;
		margin-bottom: 12px;
		width:auto;

	}



	/*=tabs 
-------------------------------------------------------------- */
.driekol #tabs {
	padding:0;
	margin:0;
	margin-bottom: 10px;
	width:100%;
	overflow:hidden;
	float:left;
	clear:left;
}
.driekol #tabs-6 {
	padding:0;
	display:none;
}
.driekol #tabs-4 {

}
#content tr td {
	font-size:10px;
	padding:6px;
}
.driekol .ui-tabs-nav {
	margin: 0;
	padding: 0;
	outline: 0;
	text-decoration: none;
	list-style: none;
	float: left;
	clear:left;
	position: relative;
	z-index: 1;
	bottom: 0;
	width:auto;
}
.driekol .ui-tabs-nav ul {
	display: none;
}

.driekol .ui-tabs-panel {
	/*resets*/margin: 0 auto;
	outline: 0;
	text-decoration: none;
	float:left;

	clear:left;
	padding: 5px 0;
	list-style-image: none;
	display: block;
	min-height:0;
}
.driekol .ui-tabs-hide {
	display: block;
}
/* headers
-------------------------------------------------------------- */	
#content h1, #content h2, #content h3 {
	display:block;
	float:left;
	width:100%;
	clear:both;
}
#content h1 {font-size: 30px;font-weight: 200;line-height:32px;}
#content h2 {font-size: 16px;font-weight: 700;line-height:18px;}
#content h3{font-size: 14px;font-weight: 900;line-height:16px;}
#content .post-footer h4 {font-size: 8px;font-weight: 500;line-height:12px;}
/* =Footer
	-------------------------------------------------------------- */
	#wrapper-footer { 	

	}
	#footer {

	}
	div#wrapper-footer div#footer div#footerwidget {
		padding:5%;
		margin:0;
		width:40%;
		float:left;
		clear:none;
	}
	div#wrapper-footer div#footer div#footerwidget.vierkol.last {}
		div#wrapper-footer div#footer div#footerwidget.vierkol.third { 	clear:left;}
	div#wrapper-footer div#footer div#footerwidget.vierkol.first {
	
	}
	div#wrapper-footer div#footer div#footerwidget ul{

	}
	div#wrapper-footer div#footer div#footerwidget ul li {}
	div#wrapper-footer div#footer div#footerwidget ul li  a{}
	div#wrapper-footer div#footer div#footerwidget ul li h3 {}
	div#wrapper-footer div#footer div#footerwidget em {
	float:right;
	font-style:normal;
	}
}
/* smaller than 480 */
@media screen and (max-width: 480px) {
div#header #headermenu {line-height:40px;}
div#header #headermenu  a#offertebutton  {	width:60px;	height:auto;	font-size:9px; 	margin:10px 0 0 0;
}
div#header #headermenu span { 	font-size:10px; 		padding:10px 8px;
}	#content,	#content input,	#content textarea {		font-size: 12px;		line-height: 20px;	}

}
/* smaller than 320 */
@media screen and (max-width: 320px) {
	#wrapper-header {
		/*height:400px;*/
	}
	.rslides_container {

	margin-bottom:4px;
	}
}