/* 
Villapark Langweer
======================================================================================
URL:				http://villapark.live.addsite.nl/
Start ontwerp: 		18 juni 2009
Start xhtml: 		18 juni 2009
======================================================================================
*/

@import url(addform.css);
@import url(/addbeheer/themes/addsite/css/iconen.css);

body
{
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
	color: #2e2e2e; 
	background: #f2f5ed url("../images/bg.jpg") repeat-x 0px 31px;
	height: 100%;
}
html {
	height: 100%;
	filter: expression(document.execCommand("BackgroundImageCache", false, true));
}

a:link, a:visited, a:active
{ 
color: #ff7400;
   outline-color: invert;
   outline-style: none;
   outline-width: 0pt; 	
}
a:hover {
	text-decoration: none;
}

#logo a:link, #logo a:visited, #logo a:hover {
	position: absolute;
	top: 10px;
	left: 60px;
	width: 200px;
	height: 155px;
	background: none;
	cursor: pointer;
	margin: 0px;
	padding: 0px;
}

#container
{
	min-height: 100%;
	position: relative;
	background:  url(../images/background.jpg) no-repeat top center;
}
* html #container {
	height: 100%;
}

#container_vervolg
{
	min-height: 100%;
	position: relative;
	background:  url(../images/background_next2.jpg) no-repeat top center;
}
* html #container_vervolg {
	height: 100%;
}


#bovenstuk
{
	width: 100%;
	height: 660px;
}
#bovenstuk_vervolg
{
	width: 100%;
	height: 380px;
}

#topbox
{
	margin: 0 auto;
	width: 980px;
	height: 660px;
	position: relative;
}
#topbox_vervolg
{
	margin: 0 auto;
	width: 980px;
	height: 380px;
	position: relative;
}

#middenstuk
{
	width: 100%;
	min-height: 355px;
	padding-bottom: 140px;
}
/* Fix voor IE */
			* html #middenstuk
			{
				height: 355px;
			}



/* Header Homepage 
---------------------------------------------- */

#slogan {
	position: absolute;
	top: 90px;
	right: 0px;
	width: 600px;
	height: 100px;
	padding: 0px 0px 0px 0px;
}
h1 {
	font-family: "Century Gothic",Helvetica ,Verdana ,Arial;
	color: #3c5613;
	font-size: 25px;
	padding: 0px 10px 0px 0px;
	margin: 0px;
	line-height: 30px;
	font-weight: bold;
	text-shadow: #d1eb9a 0px 1px 0px;

}



#slideshow {
	position: absolute;
	top: 191px;
	left: 39px;
	width: 900px;
	height: 250px;
}
* html #slideshow {
	left: 40px;
}

.topoverlay {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 900px;
	height: 250px;
	background: no-repeat url("../images/topoverlay.png") 0px 0px;
	z-index: 777;
}
* html .topoverlay
{
	background-image:none;
}

#slideshow2 {
	position: absolute;
	top: 191px;
	left: 43px;
	width: 980px;
	height: 145px;
}
* html #slideshow2 {
	left: 41px;
}

.topoverlay2 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 900px;
	height: 145px;
	background: no-repeat url("../images/topoverlay2.png") 0px 0px;
	z-index: 777;
}
* html .topoverlay2
{
	background-image:none;
}

.boxs {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 900px;
	height: 250px;
}
.boxs img {
	float: left;
}



/* Bullets */

#groups {
	position: absolute;
	bottom: 230px;
	right: 30px;
	width: 110px;
	height: 20px;
	padding: 0px 0px 0px 0px;
	z-index: 50;
}
#groups ul {
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

#groups ul li {
	padding: 0px 0px 0px 0px;
	margin: 0px;
	list-style-type: none;
	float: left;
}

#groups ul li a#t1:link, #groups ul li a#t1:visited {
	font-size: 11px;
	padding: 3px 7px 3px 7px;
	margin: 0px 0px 0px 0px;
	display: block;
	float: left;
	cursor:pointer;
	position: relative;
	overflow: hidden;
	background: none;
	color: #FFF;
	text-decoration: none;
}

#groups ul li a#t1:hover {
	background: none;
	cursor:pointer;
}
#groups ul li a#t1:focus {
	background: none;
}
#groups ul li a.activeSlide#t1:link, #groups ul li a.activeSlide#t1:visited, #groups ul li a.activeSlide#t1:hover {
	font-size: 11px;
	padding: 3px 7px 3px 7px;
	margin: 0px 0px 0px 0px;
	overflow: hidden;
	background: repeat url("../images/groups_active.png") 0px 0px;
	color: #fff;
	
	cursor:pointer;
}

h6 {
	position: absolute;
	top: 10px;
	left: 0px;
	font-family: "Century Gothic",Helvetica ,Verdana ,Arial;
	color: #fff;
	font-size: 18px;
	padding: 10px 10px 0px 15px;
	margin: 0px 0px 0px 12px;
	line-height: 22px;
	font-weight: bold;
	text-shadow: #000 0px 1px 0px;
	z-index: 999;
	opacity: 1.0; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

/* Inhoud */


#pagina
{
	margin: 0 auto 0 auto;
	width: 920px;
	min-height: 355px;
	background: #fff;
	padding: 1px;
}
/* Fix voor IE */
			* html #pagina
			{
				height: 355px;
			}


.contentbox {
	
	width: 922px;
	min-height: 355px;
	background: #fafbf9;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 1px solid #e2e2df;
}
/* Fix voor IE */
			* html .contentbox
			{
				height: 355px;
			}

.textbox_home {
	float: left;
	width: 390px;

	padding: 32px 0px 30px 40px;
}
* html .textbox_home {
	width: 380px;
	padding-left: 30px;
}


.textbox {
	float: left;
	width: 390px;
	min-height: 275px;
	padding: 5px 20px 20px 40px;
	margin-top: 20px;
	border-right: 1px solid #f2f2f2;
}
.textbox_breed {
	float: left;
	width: 600px;
	min-height: 275px;
	padding: 5px 20px 20px 40px;
	margin-top: 20px;
}
h2 {
	font-family: "Century Gothic",Helvetica ,Verdana ,Arial;
	color: #ff7400;
	font-size: 20px;
	padding: 0px 10px 0px 0px;
	margin: 0px;
	line-height: 24px;
	font-weight: normal;
	text-shadow: #fff 0px 1px 0px;
}

.textbox_home img {
	float: right;
	width: 180px;
	height: 170px;
	padding: 0px 0px 0px 10px;
	border: 0px;
}

.intro {
	color: #356aa0;
	font-weight: bold;
}

.tekst {
	color: #616161;
	padding: 10px 60px 0px 20px;
}

a.meer:link,a.meer:visited {
	color: #ff7400;
	background: no-repeat url("../images/arrow.gif") 0px 3px;
	text-decoration: underline;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 13px;
	font-weight: bold;
}
a.meer:hover {
	text-decoration: none;
}

a.meer2:link,a.meer2:visited {
	float: left;
	color: #ff7400;
	background: no-repeat url("../images/arrow_white.gif") 0px 5px;
	text-decoration: underline;
	margin: 0px 0px 0px 18px;
	padding: 0px 0px 0px 13px;
	font-weight: bold;
	z-index: 987;
}
a.meer2:hover {
	text-decoration: none;
}


h5 {
	font-family: "Century Gothic",Helvetica ,Verdana ,Arial;
	color: #fff;
	font-size: 18px;
	padding: 0px 10px 0px 25px;
	margin: 0px 0px 0px 12px;
	line-height: 22px;
	font-weight: normal;
	text-shadow: #038064 0px 1px 0px;

}

#greenbox {
	position: relative;
	float: left;
	width: 219px;
	min-height: 170px;
	background: no-repeat url("../images/greenbox_top.gif") top left;
	padding: 10px 0px 0px 0px;
	margin: 22px 0px 0px 37px;
}

#greenbox_btm {
	position: absolute;
	bottom: -8px;
	left: 0px;
	width: 219px;
	height: 13px;
	background: no-repeat url("../images/greenbox_btm.gif") 0px 0px;
}


.greenbox_kop {
	color: #FFF;
	font-family: Arial;
	font-size: 18px;
	font-style: italic;
	padding: 0px 0px 15px 0px;
	margin: 0px 0px 0px 25px;
}

#greenbox ul {
	margin: 15px 20px 0px 0px;
	padding: 0px 0px 20px 22px;
	list-style-type: none;
	float: left;
}

#greenbox ul li
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	list-style-type: none;
	background: repeat-x url("../images/dotline.gif") bottom left;
}

#greenbox ul li.last
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	list-style-type: none;
	background: none;
}



#greenbox li a:link, #greenbox li a:visited 
{
	color: #d7f2ec;
	padding: 0px 0px 5px 15px;
	text-decoration: none;
	line-height: 28px;
	font-size: 11px;
	background: url("../images/arrow_white.gif") no-repeat 0px 3px;
	text-shadow: #038064 0px 1px 0px;
	font-weight: bold;
}
#greenbox li a:hover
{
	color: #fff;
}



/* Carousel */

.addcarouselbox {
	position: absolute;
	bottom: 0px;
	left: 30px;
	width: 980px;
	height: 170px;
}


h3 {
	padding: 0px 0px 7px 0px;
	margin: 0px 0px 0px 0px;
	line-height: 18px;
	font-size: 16px;
	color: #354e0e;
	font-family: "Century Gothic",Helvetica ,Verdana ,Arial;
	font-weight: normal;
	font-style: normal;
}
a.button:link, a.button:visited {
position: absolute;
top: 130px;
left: 35px;
background: transparent url('../images/blok_button.png') no-repeat 0px 0px;
display: block;
text-align: center;
font: bold 11px; /* Change 11px as desired */
line-height: 24px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
width: 148px;
height: 27px; /* Height of button background height */
padding-right: 12px; /* Width of right menu image */
text-decoration: none;
margin-right: 0px;
color: #FFF;
text-shadow: #507a0f 0px 1px 0px;
}
a.button:hover {
text-shadow: #046760 0px 1px 0px;
background-position: 0px -27px;
}




#onderstuk {
	position: relative;
	width: 100%;
	height: 140px;
	background:  url('../images/grass.jpg') no-repeat bottom center;
	margin: -140px auto 0 auto;
}

/* Fix voor IE */
* html #onderstuk {
	margin-top: -140px;
}


#footer
{
	margin: 0 auto;
	width: 925px;
	height: 98px;
}
.footer_tekst
{
	margin: 0 auto;
	width: 410px;
	height: 98px;
	font-size: 10px;
	color: #8a8a8a;
	text-align: center;
	padding: 10px 0px 0px 0px;
}

/* Newsbox */
#cyclebox {
	float: right;
	width: 200px;
	height: 280px;
	margin: 0px 15px 0px 0px;
	padding: 32px 0px 0px 0px;
	position: relative;
}
* html #cyclebox {
	margin-right: 7px;
}



ul#newsbox {
	position: absolute;
	width: 200px;
	height: 280px;
	list-style-type: none;
	position: relative;
	overflow: hidden;
	line-height: 15px;
	left: 0px;
	top: 0px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
}

ul#newsbox li{
	margin: 0px;
	padding: 0px;
	display: inline;
	list-style-type: none;
	width: 200px;
	height: 280px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 86;
	float: left;
}
#newsbox .title {
	display:  block;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 10px;
	font-weight: bold;
}
#newsbox p {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
}

/* Rightbox */
#rightbox {
	float: right;
	width: 200px;
	min-height: 280px;
	margin: 20px 15px 0px 0px;
	padding: 12px 0px 20px 20px;
}




#rightbox .title {
	display:  block;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 10px;
	font-weight: bold;
}
#rightbox p {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
}


/* Leftbox */
#linkerkant {
	float: left;
	width: 230px;
}
#leftbox {
	float: left;
	width: 200px;
	min-height: 280px;
	margin: 20px 0px 0px 6px;
	padding: 12px 0px 20px 20px;
}

h4 {
	float: left;
	font-family: "Century Gothic",Helvetica ,Verdana ,Arial;
	color: #ff7400;
	font-size: 18px;
	padding: 0px 10px 0px 20px;
	margin: 0px 0px 0px 12px;
	line-height: 22px;
	font-weight: bold;
	text-shadow: #fff 0px 1px 0px;
	background: no-repeat url("../images/pompebled.gif") 0px 4px;
}
* html h4 {
	margin-left: 25px;
	padding-bottom: 10px;
}

.cyclebox h4 {
	font-size: 15px;
}


#leftbox .title {
	display:  block;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 10px;
	font-weight: bold;
}
#leftbox p {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
}



/* Overzicht
--------------------------------- */

.nieuwsitem{
	float: left;
	width: 390px;
	height: 125px;
	position: relative;
	padding: 0px 0px 0px 0px;
}

.nieuwsitemfoto{
	float: left;
	width: 80px;
	height: 80px;
	background: #f2f2f2;
	padding: 1px;
}

.nieuwsitemfoto img{
	float: left;
	width: 80px;
	height: 80px;
	border: 0px;
}
.nieuwsitemfoto img:hover {
	filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}


.nieuwsitemcontent{
	float: left;
	width: 293px;
}

.nieuwsitemkop{
	float: left;
	font-size: 18px;
	color: #132648;
	width: 276px;
	border-bottom: 1px solid #e2e2e2;
	padding: 5px 0px 7px 15px;
}


.nieuwsitemkop a:link, .nieuwsitemkop a:visited { 
	font-family: "Century Gothic",Helvetica ,Verdana ,Arial;
	color: #354e0e;
	text-decoration: none;
	}

.nieuwsitemkop a:hover, .nieuwsitemkop a:active { 
	color: #a4d22d;
	text-decoration: none;
	}
		
.nieuwsitemtekst{
	float: left;
	width: 268px;
	padding: 6px 0px 0px 15px;
	color: #646464;
}
.nieuwsitemtekst .datum {
	color: #039873;
	font-size: 11px;
}


/* Foto overzicht
------------------------------- */

.fotobreed {
	float: left;
	width: 380px;
	margin:0px;
	padding: 0px 0px 10px 0px;
}

.fotobreed img {
	width: 380px;
	float: left;
	cursor:pointer;
	margin:0px 0px 0px 0px;
	padding:0px;
	border: 0px;
}

.fotosoverzicht {
float: left;
margin:0px 0 0;
padding:10px 0 0;
}

.fotosoverzicht img {
width: 120px;
height: 90px;
border:0px;
float:left;
cursor:pointer;
margin:0 5px 5px 0;
padding:0px;
}



/* Top Navigatie
-------------------- */

#topright {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 190px;
	height: 10px;
}	

#topright ul {
	float: left;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	}
	
#topright ul li{ 
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	display: inline;
	}
	


#topright ul li a.home:link, #topright ul li a.home:visited { 
	float: left;
	display: block;
	font-size: 10px;
	line-height: 11px;
	color: #356aa0;
	text-decoration: none;
	padding: 0px 0px 0px 14px;
	margin: 0px 15px 0px 0px;
	background: url(../images/topnav.gif) 0px 0px no-repeat;
	}
	
#topright ul li a.sitemap:link, #topright ul li a.sitemap:visited { 
	float: left;
	display: block;
	font-size: 10px;
	line-height: 11px;
	color: #356aa0;
	text-decoration: none;
	padding: 0px 0px 0px 14px;
	margin: 0px 15px 0px 0px;
	background: url(../images/topnav.gif) 0px -10px no-repeat;
	}
	
#topright ul li a.contact:link, #topright ul li a.contact:visited { 
	float: left;
	display: block;
	font-size: 10px;
	line-height: 11px;
	color: #356aa0;
	text-decoration: none;
	padding: 0px 0px 0px 14px;
	margin: 0px 0px 0px 0px;
	background: url(../images/topnav.gif) 0px -20px no-repeat;
	}
	
#topright ul li a.home:hover, #topright ul li a.home:active, #topright ul li a.sitemap:hover, #topright ul li a.sitemap:active, #topright ul li a.contact:hover, #topright ul li a.contact:active{ 
	color: #ef370f;
	text-decoration: none;
	}


/* Navigatie Boven 1e niveau
------------------------------------- */

#menu {
	position: absolute;
	top: 5px;
	left: 360px;
	width: 550px;
	height: 60px;
	padding: 0px 0px 0px 0px;
	z-index: 998;
}

#nav, #nav ul{
margin:0;
padding: 0px 0px 0px 0px;
list-style-type:none;
list-style-position:outside;
position:relative;
font-size: 12px;
font-weight: bold;
z-index: 999;
}

#nav a{
font-family: "Century Gothic",Helvetica ,Verdana ,Arial;
float: left;
display:block;
height: 30px;
line-height: 30px;
padding: 0px 5px 0px 5px;
color:#000048;
text-decoration:none;
text-transform: uppercase;
text-shadow: #fff 1px 1px 0px;
}

#nav a:hover{
color:#039873;
}

#nav a.actief {
float: left;
display:block;
height: 30px;
line-height: 30px;
padding: 0px 8px 0px 8px;
color:#039873;
text-decoration:none;
background: #e5efd2;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
text-shadow: #f1f9e1 1px 1px 0px;

}


#nav li{
float:left;
position:relative;
background: url(../images/menuspacer.gif) no-repeat top right;
}

#nav ul li{
float:left;
display: block;
position:relative;
background: #039873;
}


#nav ul {
z-index: 9999;
position:absolute;
display:none;
top: 25px;
left: -5px;
background: #039873;
padding: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
filter: alpha(opacity=90);
-moz-opacity: 0.9;
opacity: 0.9;

}
* html #nav ul {
	width: 135px;
}

#nav li ul a {
width: 160px;
height:auto;
line-height: 28px;
float:left;
display: block;
background: none;
cursor: pointer;
color: #FFF;
text-transform: none;
text-shadow: none;
}



#nav li ul a.actief {
width: 160px;
height:auto;
line-height: 28px;
float:left;
color: #000048;
background: #f3fbdc;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
font-weight: bold;
}


#nav li ul a:hover {
color: #000048;
background: #f3fbdc;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}


#nav ul ul{
top: auto;
}	

#nav li ul ul {
top: -5px;
left: 170px;
margin:0px 0 0 10px;
/*
filter: alpha(opacity=9);
-moz-opacity: 0.9;
opacity: 0.9;
*/
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			8px;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { top: 7px; background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}


/* HOME */


#nav3 {
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
font-size: 11px;
}


#nav3 a:link, #nav3 a:visited {
display: block;
width: 29px;
height: 30px;
line-height: 28px;
text-align: center;
padding: 0px 0px 0px 0px;
color:#fff;
text-decoration:none;
background:  url(../images/home.gif) no-repeat 0px -30px;
}
#nav3 a:hover {
	background:  url(../images/home.gif) no-repeat 0px -60px;
}


#nav3 a.actief:link, #nav3 a.actief:visited, #nav3 a.actief:hover {
display: block;
width: 29px;
height: 30px;
line-height: 28px;
text-align: center;
padding: 0px 0px 0px 0px;
color:#fff;
text-decoration:none;
background:  url(../images/home.gif) no-repeat 0px 0px;
}


/* Subnavigatie Linkerkant 1e niveau
------------------------------------- */

#subnavbox {
	position: relative;
	float: left;
	width: 219px;
	min-height: 100px;
	background: no-repeat url("../images/greenbox_top.gif") top left;
	padding: 12px 0px 0px 0px;
	margin: 15px 0px 0px 17px;
}
* html #subnavbox {
	margin-left: 7px;
}

#subnavbox_btm {
	position: absolute;
	bottom: -8px;
	left: 0px;
	width: 219px;
	height: 13px;
	background: no-repeat url("../images/greenbox_btm.gif") 0px 0px;
}

.subnavbox_kop {
	color: #FFF;
	font-family: Arial;
	font-size: 18px;
	font-style: italic;
	padding: 0px 0px 15px 0px;
	margin: 0px 0px 0px 25px;
}

#subnavbox ul {
	margin: 15px 20px 0px 25px;
	padding: 0px 0px 20px 0px;
	list-style-type: none;
}

#subnavbox ul li
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	list-style-type: none;
	background: repeat-x url("../images/dotline.gif") top left;
}




#subnavbox li a:link, #subnavbox li a:visited 
{
	color: #d7f2ec;
	padding: 0px 0px 5px 15px;
	text-decoration: none;
	line-height: 28px;
	font-size: 11px;
	background: url("../images/arrow_white.gif") no-repeat 0px 3px;
	text-shadow: #038064 0px 1px 0px;
	font-weight: bold;
}
#subnavbox li a:hover
{
	color: #cbf300;
}

#subnavbox ul li a.actief:link, #subnavbox ul li a.actief:visited, #subnavbox ul li a.actief:hover {
	font-weight: bold;
	color: #cbf300;
}

/* Subnavigatie Linkerkant 2e niveau
------------------------------------- */


#subnavbox ul li ul {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 15px 0px;
	list-style-type: none;
	float: left;
}

#subnavbox ul li ul li {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	list-style-type: none;
	float: left;
	background: none;
}

#subnavbox ul li ul li a:link, #subnavbox ul li ul li a:visited {
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 0px 0px;
	line-height: 18px;
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
	color: #fff;
	cursor: pointer;
	background: none;
	text-shadow: #038064 0px 1px 0px;
}
#subnavbox ul li ul li a:hover {
	background: none;
	color: #cbf300;
}
#subnavbox ul li ul li a.actief:link, #subnavbox ul li ul li a.actief:visited, #subnavbox ul li ul li a.actief:hover {
	color: #cbf300;
	font-weight: bold;
	background: none;
	
}


/* Subnavigatie Linkerkant 3e niveau
------------------------------------- */


#subnavbox ul ul ul {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	list-style-type: none;
}

#subnavbox ul ul ul li {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	list-style-type: none;
	background: url(../images/kruimel_arrow.gif) no-repeat 65px 9px;
}

#subnavbox ul ul ul li a:link, #subnavbox ul ul ul li a:visited {
	padding: 0px 0px 0px 75px;
	margin: 0px 0px 0px 0px;
	height: 24px;
	line-height: 24px;
	text-decoration: none;
	font-size: 10px;
	font-weight: normal;
	color: #62aa36;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	
}
#subnavbox ul ul ul li a:hover {
	color: #000;
}
#subnavbox ul ul ul li a.actief:link, #subnavbox ul ul ul li a.actief:visited, #subnavbox ul ul ul li a.actief:hover {
	font-weight: bold;
	color: #005191;
}










/* Flags */
.flags {
	position: absolute;
	right: 65px;
	top: 8px;
	z-index: 999;
}
a.nl:link, a.nl:visited, a.nl:hover {
	float: left;
	display: block;
	width: 23px;
	height: 23px;
	padding: 0px;
	text-decoration: none;
	line-height: 0px;
	font-size: 0px;
	margin: 0px 0px 0px 3px;
	background: url("../images/flag_nl.png") no-repeat 0px 0px;
}
/* Fix voor IE */
	* html a.nl:link, * html a.nl:visited, * html a.nl:hover
		{
			background-image:none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/themes/villapark/images/flag_nl.png', sizingMethod='crop');
		}
		
a.de:link, a.de:visited, a.de:hover {
	float: left;
	display: block;
	width: 23px;
	height: 23px;
	padding: 0px;
	text-decoration: none;
	line-height: 0px;
	font-size: 0px;
	margin: 0px 0px 0px 3px;
	background: url("../images/flag_de.png") no-repeat 0px 0px;
}	
/* Fix voor IE */
	* html a.de:link, * html a.de:visited, * html a.de:hover
		{
			background-image:none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/themes/villapark/images/flag_de.png', sizingMethod='crop');
		}
a.en:link, a.en:visited, a.en:hover {
	float: left;
	width: 23px;
	height: 23px;
	padding: 0px;
	text-decoration: none;
	line-height: 0px;
	font-size: 0px;
	margin: 0px 0px 0px 3px;
	background: url("../images/flag_en.png") no-repeat 0px 0px;
}
/* Fix voor IE */
	* html a.en:link, * html a.en:visited, * html a.en:hover
		{
			background-image:none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/themes/villapark/images/flag_en.png', sizingMethod='crop');
		}





/* Clearers
------------------------------------------------------------ */

.clearer {
	height: 0px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}

.btnclearer {
	height: 29px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}


.clearer10 {
	height: 10px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}

.clearer15 {
	height: 15px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}
.clearer20 {
	height: 20px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}
.clearer20_line {
	height: 20px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
	border-bottom: 1px solid #f2f2f2;
}

.clearer25 {
	height: 25px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}
.clearer30 {
	height: 30px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}
.clearer35 {
	height: 35px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}
.clearer50 {
	height: 50px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}
.clearer100 {
	height: 100px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}
.spacer5 {
	height: 5px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.spacer15 {
	height: 15px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.spacer25 {
	height: 25px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.spacer35 {
	height: 35px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.spacer40 {
	height: 40px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.spacer50 {
	height: 50px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.spacer85 {
	height: 85px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}




/* Sitenav
------------------------------------------------------------ */			
	
#sitenav{
	width: 100%;
	height: 30px;	
	background: url(../images/sitenav.gif) top left repeat-x;	
	border-bottom: 1px solid #9cc556;
}
	
	
#dropdown
{
	margin: 0 auto;
	width: 924px;
	height: 30px;
}	
	
	
	
#nav2, #nav2 ul{
margin:0;
padding: 0px 0px 0px 0px;
list-style-type:none;
list-style-position:outside;
position:relative;
font-size: 11px;
font-weight: bold;
z-index: 999;
}

#nav2 a{
font-family: Arial, Helvetica, sans-serif;
float: left;
display:block;
height: 30px;
line-height: 30px;
padding: 0px 15px 0px 25px;
color:#b9b9b9;
text-decoration:none;
text-transform: uppercase;
background: url(../images/sitearrow.gif) 9px 13px no-repeat;	
}

#nav2 a.actief {
color:#ffffff;
}

#nav2 a:hover{
color:#000000;
background: #ffffff url(../images/sitearrow2.gif) 9px 13px no-repeat;
}




#nav2 li{
float:left;
position:relative;
background: url(../images/siteline.gif) no-repeat top right;
}

#nav2 ul li{
float:left;
display: block;
position:relative;
background: none;
}


#nav2 ul {
z-index: 9999;
position:absolute;
display:none;
top: 30px;
left: 0px;
}


#nav2 li ul a, #nav2 li ul a:hover {
width: 322px;
height: 126px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 17px;
float:left;
display: block;
background: url(../images/pulldown.png) no-repeat top left;
cursor: pointer;
color: #2e2e2e;
text-transform: none;
text-shadow: none;
padding: 10px 15px 0px 15px;
margin: 0px;
font-weight: normal;
}