/* BEGIN MOBIELE VARIANT, was 450 */
@media only screen and (max-device-width: 760px), (max-width: 760px)
{
	html
	{
	min-width: 760px;
	width: 760px;
	}

	#menuframe, #locatievlak, #menubalk, #content2, #menu1
	{
		display: none;
	}

	#header
	{ 
	height: 362px;
	left: 0;
	position: relative;
	text-align: center;
	top: 0;
	width: 760px;
	}

	#headermobiel
	{
	display: block;
	height: 53px;
	position: absolute;
	left: 0;	
	top: 0;
	background: #FFF;
	z-index: 3000;
	padding: 3px 3px 0 0;
	}

	#wrapper
	{
	text-align:left;
	margin:0 auto;
	width: 760px;
	min-height: 700px;
	position: relative;
	top: 0px;
	}

	#logo
	{
	top: 96px;
	height: 222px;
	left: 200px;
	margin: 0 auto;
	overflow: hidden;
	position: absolute;
	width: 378px;
	z-index: 2000;
	}

	#content
	{
	background: #000;
	float: left;
	font-family: Arial, Trebuchet MS;
	min-height: 400px;
	padding: 0 0;
	position: relative;
	text-align: left;
	width: 760px;
	display: table;
	}
			
	#content1
	{
	width: 720px;
	padding: 40px 20px;  
	display: table-cell;
	}			
					
	#footer
	{
	height: 60px;
	left: 0;
	position: fixed;
	bottom: 0;
	width: 760px;
	background: #E2C027;
	z-index: 2000;
	padding: 6px 0 0 0;
	text-align: center;
	color: #333;
	font-size: 14pt;
	margin: 0;
	}

	#footer p
	{
		padding: 0;
		color: #000;
		line-height: 1.6em;
	}

	#footer p a:active, #footer p a:link, #footer p a:visited
	{
	color: #222;
	text-decoration: none;
	}

	#footer p a:hover
	{
	color: #000;
	text-decoration: underline;
	}

	/* MENU1 */
	#menu1
	{
	position: absolute;
	float: left;
	left: 10px;
	top: 65px;
	width: 700px;
	z-index: 4000;
	padding: 0;
	box-shadow: 0 0 10px #000000;
	}

	#menu1 ul
	{
	padding: 0;
	list-style: none;
	height: 60px;
	display: inline;
	}

	#menu1 ul li
	{
	margin: 0;
	float:none;
	display: block;
	border-bottom: 2px solid #FFF;
	padding: 0;
	background: #E5ECF2;
	}

	#menu1 ul li:hover
	{
	}
				
	#menu1 ul li.active
	{
	}
				
	#menu1 ul li.hassub
	{
	}

	#menu1 ul li.hassub:hover ul
	{
	display:none;
	position: relative;
	left: 140px;
	top: -25px;
	width: 150px;
	z-index: 97;
	}
				
	#menu1 ul li.hassubactive
	{
	}			

	#menu1 ul li.hassubactive:hover
	{
	}			

	#menu1 a.level1:link, #menu1 a.level1:visited
	{
	color: #000;
	display:block;
	font-family: Arial,sans-serif;
	font-size:2.2em;
	font-weight:normal;
	padding:20px 0 12px 17px;
	text-decoration:none;
	height: 50px;
	}

	#menu1 a.level1:hover, #menu1 a.level1.active, #menu1 ul li.hassubactive
	{
	background: #FFCC00;
	color: #FFF;
	font-weight:bold;
	}
				
	#menu1 a.level1.active, #menu a.level1.hasactivesub, #menu1 ul li.hasactivesub, #menu1 a.level1.hasactivesub
	{
	background: #FFCC00;
	color: #FFF;
	font-weight:bold;
	}
				

	#menu1 ul li ul
	{
	display:none;
	}

	#menu1 ul li.active ul, #menu1 ul li.hasactivesub ul
	{
	}	


	#menu1 li.level2, #menu1 li.level2 a
	{
	display: none;
	padding:0 0 0 5px;
	border: 1px solid #BBBBBB;
	background: #EEE;
	width: 150px;
	}
				
	#menu1 li.level2:hover, #menu1 li.level2:hover a
	{
	background: #00457D;
	color: #FFF;
	}		
				
	#menu1 li.level2.active, #menu1 a.level2.active:hover, #menu1 li.level2:hover a.active
	{
	background: #666666;
	color: #FFF;
	}
				

	#menu1 a.level2:link, #menu1 a.level2:visited
	{
	font-family: arial;
	font-size: 10pt; 
	font-weight: normal;
	color: #707070;
	text-decoration: none;
	line-height:22px;
	background: none;
	}

	#menu1 a.level2:hover, #menu1 a.level2:active, #menu1 a.level2.active
	{
	color: #FFF;
	}
	/*einde menu1*/
	
	
}
/* EINDE MOBIELE VARIANT */

