/* `Basic HTML
----------------------------------------------------------------------------------------------------*/

body {
	font: 16px Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif;
	line-height:18px;
	letter-spacing:1px;
}

a:focus {
	outline: 1px dotted invert;
}
strong{
	font-weight:bold;
	font-size:15px;
	color:#222;
	display:block;
}
hr {
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
}

/* `Headings
----------------------------------------------------------------------------------------------------*/

h1 {
	/*font-size: 35px !important; */
}

h2 {
	font-size: 21px;
	font-weight:bold;
}

h3 {
	/*font-size: 40px;*/
	font-size:23px!important;
	letter-spacing:0px;
	color:#eed500;
	cursor:pointer;
}
h3#splasher{
	color:#DAA71F;
}
h4 {
	font-size: 23px;
	letter-spacing:0px;
}

h5 {
	font-size: 17px;
}

h6 {
	font-size: 15px;
}

/* `Spacing
----------------------------------------------------------------------------------------------------*/

ol {
	list-style: decimal;
}
#menuholder #submenu1{
	width:839px;
	display:block;
	float:left;
	height:90px;
}
	#menuholder #submenu1 ul.subwaarom{
		display:block;
		float:left;
		height:90px;
		margin-left:70px;
		margin-top:0px;
		text-align:right;
		width:200px !important;
		z-index:55;
	}
	#menuholder #submenu1 ul.subwaarom li{
		width:200px;
		z-index:55;		
	}
	#menuholder #submenu1 ul.subwathoe{
		display:block;
		float:left;
		height:90px;
		margin-left:125px;
		margin-top:5px;
		text-align:left;
		width:170px !important;
		z-index:55;
	}
	#menuholder #submenu1 ul.subwathoe li{
		width:170px;
		z-index:55;		
	}

	ul.subwathoe li a.wathoealgemeen{
		text-decoration:none!important;
	}
	#menuholder #submenu1 ul.subwie{
		display:block;
		float:left;
		height:90px;
		margin-left:-25px;
		text-align:right;
		width:220px !important;
		z-index:55;
		margin-top:5px;
	}
	#menuholder #submenu1 ul.subwie li{
		width:230px;
		z-index:55;	
	}

#menuholder #menu ul#row1{
	display:block;
	float:left;
	height:25px;
	margin:0;
	padding:0;
	width:839px;
	z-index:50;
}
	#menuholder #menu ul#row1 li.waarom{
		color: white;
		display: block;
		float: left;
		font-size: 26px;
		margin-left: 60px;
		text-align: left;
		width: 270px;
		z-index: 50;
	}
	#menuholder #menu ul#row1 li.wathoe{
		color: white;
		display: block;
		float: left;
		font-size: 26px;
		margin-left: 74px;
		margin-top: 0px;
		text-align: left;
		width: 200px;
		z-index: 50;
	}
	#menuholder #menu ul#row1 li.wie{
		color: white;
		display: block;
		float: right;
		font-size: 26px;
		margin-right: 85px;
		text-align: right;
		width: 150px;
		z-index: 50;
	}
#menuholder #menu ul#row2{
	clear:both;
	display:block;
	float:left;
	height:25px;
	margin:0;
	padding:0;
	width:839px;
	z-index:50;
}

	#menuholder #menu ul#row2 li.voorwie{
		color: white;
		display: block;
		float: left;
		font-size: 26px;
		height: 25px;
		margin-left:245px;
		margin-top: 20px;
		text-align: left;
		width: 230px;
		z-index: 50;	
	}

	#menuholder #menu ul#row2 li.waar{
		color: white;
		display: block;
		float: left;
		font-size: 26px;
		height: 25px;
		margin-left: 120px;
		margin-top: 20px;
		width: 230px;
		z-index: 50;	
	}
#menuholder #submenu2{
	clear:both;
	width:839px;
	display:block;
	float:left;
	height:80px;	
}
	#menuholder  #submenu2 ul.subvoorwie{
		display:block;
		float:left;
		height:auto;
		margin-left:265px;
		margin-top:20px;
		text-align:left;
		width:180px !important;
		z-index:5;
	}
	#menuholder #submenu2 ul.subvoorwie li{
		width:220px;
		z-index:55;	
	}

	#menuholder #submenu2 ul.subwaar {
		display:block;
		float:right;
		height:auto;
		margin-right:250px;
		text-align:right;
		width:120px !important;
		z-index:55;
		margin-top:15px;
	}

	#menuholder #submenu2 ul.subwaar li{
		width:95px;
		z-index:55;		
	}

#menuholder #menu ul li a{
	color:#FFF !important;
	cursor:pointer;
	z-index:50;
}

#menuholder #submenu ul.sub{
	list-style: none;
	margin:0;
	padding:0;
	width:165px;
	display:block;
	float:left;
	height:310px;
	margin-top:10px;
	z-index:5;
}
#menuholder #submenu ul.sub li{
	display:block;
	float:left;
	width:165px;
	z-index:5;	
}
#menuholder #submenu1 ul li a,
#menuholder #submenu2 ul li a{
	font-family:Arial, Helvetica, Verdana;
	font-size:13px!important;
	color:#daa71f !important;
	text-decoration:none!important;
	z-index:55;
		line-height:18px!important;	
	height:18px!important;		
}
#menuholder #submenu1 ul li a:hover,
#menuholder #submenu2 ul li a:hover{
	font-family:Arial, Helvetica, Verdana;
	font-size:13px;
	color:#daa71f !important;
	text-decoration:underline!important;
	z-index:55;		
	line-height:18px!important;	
	height:18px!important;
}

#menuholder #submenu1 ul li a.active,
#menuholder #submenu2 ul li a.active{
	font-family:Arial, Helvetica, Verdana;
	font-size:13px!important;
	color:#daa71f !important;
	font-weight:bold;
	text-decoration:underline !important;
	z-index:55;
	line-height:18px!important;	
	height:18px!important;	
	display:block;
	
}
/* specifieke UL +LI */

ul#inline{
	list-style-type:none;
	list-style-position: inside;
}

ul#inline li{
	margin-top:-12px;

	color: #222;
	font-family: Arial, Helvetica, Verdana;
	font-size: 13px;
	letter-spacing: 0.07em;
	line-height: 18px;
	padding-right: 20px;
	margin-bottom:12px;
	display:block;
}
ul#inline li:before {
	/* content: "\00BB \0020"; */
	content : " - ";
	}

p,
dl,
hr,
h1,
/* h2, */
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset {
	margin-bottom: 20px;
}


.last{
	border:none;
}


h1{
color: white;
font-family: Arial, Helvetica, sans-serif;
font-size: 23px !important;
font-weight: normal;
letter-spacing: 0px;
line-height: 30px;
margin-bottom: 2px;
margin-left: 12px;
width: 100%;
}
.small{
	font-size:30px;
	width:300px;
	border:1px red dotted;
}
/*
h2{
	display:block;
	float:left;
	color:#ffbb05;
	font-family: Georgia, helvetica !important;
	font-size: 18px;
	line-height:36px;
	background:transparent url(../images/h2.png) no-repeat scroll 0 0;
	padding-left: 38px; 
	margin-left:20px;
}*/
h2{
		display:block;
	float:left;
	color: #DAA71F !important;
	font-family: Arial, Helvetica, Verdana;
	font-size: 13px !important;
	
	line-height:38px;
	background:transparent url(../images/h2.png) no-repeat scroll 0 0;
	padding-left: 38px; 
	margin-left:20px;
	
}
p{
	color:#222;
	font-family:Arial,Helvetica,Verdana;
	font-size:13px;
	line-height:18px;
	margin-bottom:12px;
	padding-right:20px; /* 70px; */
	letter-spacing:0.07em;
}
#content p a[href^="mailto:"] {color:#555!important;text-decoration:underline!important;}
#footer a[href^="mailto:"] {
	background:transparent url("../images/icon_mailto.gif") no-repeat scroll 0 50%;
	color:#555!important;
	height:20px;
	margin-left:0;
	padding:5px 5px 5px 20px;
	text-align:left;
	text-decoration:underline!important;
}
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 220px;
    float:left;
    margin-left:401px;
    margin-top:180px;
}

a.button {
    background: transparent url("../images/bg_button_a.png") no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 28px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url("../images/bg_button_span.png") no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
    width:80px!important;
    color:#222;
} 
a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}