/* 
Celebrate Recovery
======================================================================================
URL:				http://www.crgroningen.net/
Start ontwerp: 		oktober 2009
Start xhtml: 		oktober 2009
Auteur: 			Ale van der Ploeg [http://www.addnoise.nl]
======================================================================================
*/

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

html {
  filter: expression(document.execCommand("BackgroundImageCache", false, true));
}

body
{
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #242e32; 
	background: #e8d6b7 url(../images/achtergrond.jpg) no-repeat 50% 0px;
}

p{
	margin: 0px;
	padding: 10px 0px 10px 0px;
}
		
html
{
	height: 100%;
}

#topnav{
	display: block;
	height: 37px;
	border-top: 3px solid #1b3540;
	background: url(../images/topnav.png) 0px 0px repeat-x;
	position: relative;
	z-index: 5;
}

	/* Fix voor IE */
	* html #topnav
	{
		height: 31px;
		background: #31586b;
		margin-bottom: 6px;		
	}

#dropdown{
	margin: 0 auto;
	width: 980px;
	height: 31px;
	position: relative;
	z-index: 5;
}


#website {
	margin: 0 auto;
	width: 980px;
}

a:link, a:visited { 
	color: #6f3c1d;
	text-decoration: underline;
	   outline-color: invert;
	   outline-style: none;
	   outline-width: 0pt; 	
	}

a:hover, a:active { 
	color: #213b48;
	text-decoration: underline;
	}
	
	
	
	

a.greenlink:link, a.greenlink:visited { 
	color: #ffffff;
	text-decoration: none;
	background: #5b690b;
	font-weight: bold;
	font-size: 11px;
	padding: 0px 4px 1px 4px;
	float: right;
	line-height: 17px;	
	}

a.greenlink:hover, a.greenlink:active { 
	color: #ffffff;
	text-decoration: none;
	background: #415100;
	}	
	
a.greenlink_left:link, a.greenlink_left:visited { 
	color: #ffffff;
	text-decoration: none;
	background: #1b3540 url(../images/kartel.gif) 0px 0px repeat-x;
	font-weight: bold;
	font-size: 11px;
	padding: 0px 4px 1px 4px;
	float: left;
	line-height: 17px;	
	}

a.greenlink_left:hover, a.greenlink_left:active { 
	color: #8baece;
	text-decoration: none;
	}		
	
	
a.bluelink:link, a.bluelink:visited { 
	color: #ffffff;
	text-decoration: none;
	background: #2e5465;
	font-weight: bold;
	font-size: 11px;
	padding: 0px 4px 1px 4px;
	float: left;
	line-height: 17px;
	}

a.bluelink:hover, a.bluelink:active { 
	color: #ffffff;
	text-decoration: none;
	background: #143c4b;
	}
	
a.bluelink_right:link, a.bluelink_right:visited { 
	color: #ffffff;
	text-decoration: none;
	background: #2e5465;
	font-weight: bold;
	font-size: 11px;
	padding: 0px 4px 1px 4px;
	float: right;
	line-height: 17px;
	}

a.bluelink_right:hover, a.bluelink_right:active { 
	color: #ffffff;
	text-decoration: none;
	background: #143c4b;
	}	
	
	

#bovenkant{
	width: 980px;
	height: 119px;
	float: left;
	position: relative;
}

.vbg_small{
	position: absolute;
	width: 76px;
	height: 51px;
	background: url(../images/vbg_small.png) top left no-repeat;		
	right: 0px;
	bottom: 5px;
}

	/* Fix voor IE */
	* html .vbg_small
	{
		background-image:none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/themes/vbgcr/images/vbg_small.png', sizingMethod='fit');
	}

.initiatief{
	position: absolute;
	height: 20px;
	line-height: 20px;
	width: 250px;
	right: 82px;
	bottom: 14px;
	text-align: right;
	font-size: 11px;
	color: #aeb8bf;
}

.logo{
	border: 0px;
	position: absolute;
	top: 32px;
	left: 14px;
	border: 0px;
}

.slogan{
	float: left;
	padding: 72px 0px 0px 158px;
}

#hoofdmenu{
	float: left;
	width: 980px;
	height: 31px;
	background: url(../images/menu.gif) bottom left no-repeat;	
	overflow: hidden;	
}

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

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


#hoofdmenu ul li a:link, #hoofdmenu ul li a:visited { 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #ffffff;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
	line-height: 31px;
	height: 31px;
	overflow: hidden;
	padding: 0px 20px 0px 18px;
	text-transform: uppercase;
	float: left;
	background: url(../images/hoofdmenu_stripe.gif) bottom right no-repeat;	
	}

#hoofdmenu ul li a:hover, #hoofdmenu ul li a:active { 
	color: #dac8aa;
	text-decoration: none;
	}


#hoofdmenu ul li a.actief:link, #hoofdmenu ul li a.actief:visited, #hoofdmenu ul li a.actief:hover, #hoofdmenu ul li a.actief:active { 
	background: #e8d6b7;
	color: #6f3c1d;
}

#wrapper{
	float: left;
	width: 980px;
	background: #e8d6b7;
}
		

#header{
	float: left;
	width: 960px;
	height: 285px;
	margin: 10px 10px 0px 10px;
	background: url(../images/headerback2.jpg) top left no-repeat;	
	position: relative;
}

		/* Fix voor IE */
		* html #header
		{
			margin: 10px 10px 0px 5px;
		}	
		

#headerfoto{
	position: absolute;
	top: 20px;
	left: 20px;
	width: 662px;
	height: 265px;
}

#headerfoto img{
	float: left;
	width: 662px;
	height: 265px;
	border: 0px;
}

ul#flashfotos{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	width: 662px;
	height: 265px;
}

ul#flashfotos li{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	width: 662px;
	height: 265px;
}

.header_kop{
	position: absolute;
	top: 181px;
	left: 20px;
	background: #ffffff;
	padding: 7px;
	color: #1b3d4b;
	font-weight: bold;
	font-size: 25px;
	cursor: pointer;
}


#headerfoto a:link, #headerfoto a:visited, #headerfoto a:hover, #headerfoto a:active { 
	text-decoration: none;
	}
	
.zien{
	position: absolute;
	right: -22px;
	top: 28px;
}

#headertekst{
	position: absolute;
	width: 229px;
	height: 165px;
	top: 88px;
	right: 20px;
	font-size: 11px;
	line-height: 17px;
	color: #ffffff;
}

#headertekst p{
	margin: 0px;
	padding: 0px 0px 15px 0px;
}

#headertekst h1 { 
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 0px 0px 4px 0px;
	font-size: 16px;
	line-height: 19px;
	font-weight: normal;
	color: #3a4700;
	padding: 0px 0px 0px 0px;
	}
	
#headertekst h1 a:link, #headertekst h1 a:visited { 
	color: #3a4700;
	text-decoration: none;
	}

#headertekst h1 a:hover, #headertekst h1 a:active { 
	color: #5b690b;
	text-decoration: none;
	}	

a.verderlink:link, a.verderlink:visited { 
	color: #ffffff;
	text-decoration: none;
	background: #5b690b url(../images/arrow.gif) 7px 7px no-repeat;	
	font-weight: bold;
	font-size: 12px;
	padding: 1px 6px 3px 16px;
	position: absolute;
	bottom: 6px;
	right: -8px;
	}

a.verderlink:hover, a.verderlink:active { 
	color: #ffffff;
	text-decoration: none;
	background: #415100 url(../images/arrow.gif) 7px 6px no-repeat;	
	}	
	

.header_subkop{
	position: absolute;
	top: 220px;
	left: 20px;
	background: #ffffff;
	padding: 3px 3px 4px 3px;
	color: #457f98;
	font-weight: bold;
	font-size: 21px;
	cursor: pointer;	
}
	
	
#header_vervolg{
	float: left;
	width: 960px;
	height: 170px;
	margin: 10px 10px 0px 10px;
	background: url(../images/headerback_vervolg.jpg) top left no-repeat;	
	position: relative;
}	

	/* Fix voor IE */
	* html #header_vervolg
	{
		margin: 10px 0px 0px 5px;
	}

#flashdiv_vervolg{
	float: right;
	width: 688px;
	height: 150px;
	padding: 20px 20px 0px 0px;
	position: relative;
}

.scratch{
	position: absolute;
	width: 688px;
	height: 150px;
	top: 20px;
	left: 0px;
	background: url(../images/scratch.png) top left no-repeat;
	z-index: 999;
}

	/* Fix voor IE */
	* html .scratch
	{
		background-image:none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/themes/vbgcr/images/scratch.png', sizingMethod='fit');
	}

#flashdiv_vervolg img{
	float: right;
	width: 688px;
	height: 150px;
	border: 0px;
	padding: 0px;
	margin: 0px;
}


ul#flashfotos_vervolg{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	width: 688px;
	height: 150px;
}

ul#flashfotos_vervolg li{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	width: 688px;
	height: 150px;
}

#header_vervolg h3 { 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
	font-size: 22px;
	line-height: 24px;
	font-weight: bold;
	color: #dfceaf;
	padding: 0px 0px 0px 0px;
	position: absolute;
	bottom: 40px;
	left: 15px;
	width: 215px;
	text-transform: uppercase;
	}
	
	
#rechterkant{
	float: right;
	width: 258px;
	padding: 0px 10px 0px 0px;
}	

#rechterkant_vervolg{
	float: right;
	width: 688px;
	padding: 13px 30px 0px 0px;
	min-height: 400px;	
	position: relative;
}	

		/* Fix voor IE */
		* html #rechterkant_vervolg
		{
			height: 400px;
		}

#activiteiten{
	float: left;
	width: 234px;
	min-height: 302px;
	background: url(../images/activiteiten.gif) top left no-repeat;	
	margin-top: 25px;
	position: relative;
	padding: 39px 12px 0px 12px;
	line-height: 17px;
	font-size: 11px;
}

a.actlink:link, a.actlink:visited { 
	float: left;
	color: #242e32;
	text-decoration: none;
	padding: 15px 0px 15px 0px;
	background: url(../images/dots.gif) bottom left repeat-x;	
	}

a.actlink:hover, a.actlink:active { 
	color: #000000;
	text-decoration: none;
	}
	
a.actlink:link .datum, a.actlink:visited .datum{ 
	color: #396a7e;
	}
	
a.actlink:hover .datum, a.actlink:active .datum{ 
	color: #5b690b;
	}
		
	
a.actlink:link .kop, a.actlink:visited .kop {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #5b690b;
	}	

 a.actlink:hover .kop, a.actlink:active .kop{ 
 	color: #2e5465;
 }
 
 
 
 
 
 
 a.actlink_breed:link, a.actlink_breed:visited { 
	display: block;
	color: #242e32;
	text-decoration: none;
	padding: 15px 0px 15px 0px;
	background: url(../images/dots.gif) bottom left repeat-x;	
	font-family: verdana;	
	}

a.actlink_breed:hover, a.actlink_breed:active { 
	color: #000000;
	text-decoration: none;
	}
	
a.actlink_breed:link .datum, a.actlink_breed:visited .datum{ 
	color: #396a7e;
	}
	
a.actlink_breed:hover .datum, a.actlink_breed:active .datum{ 
	color: #6f3c1d;
	}
		
	
a.actlink_breed:link .kop, a.actlink_breed:visited .kop {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #6F3C1D;
	}	

 a.actlink_breed:hover .kop, a.actlink_breed:active .kop{ 
 	color: #2e5465;
 }
	
.gcal-group {
	width:300px;
	float:left;
}

.gcal-group-odd {
	margin-right:50px;
}

.rss{
	position: absolute;
	top: 12px;
	right: 14px;
	height: 20px;
	width: 20px;
	border: 0px;
}

.ical{
	position: absolute;
	top: 12px;
	right: 44px;
	width: 20px;
	height: 20px;	
	border: 0px;
}

.rss_breed{
	position: relative;
	float: right;
	height: 20px;
	width: 20px;
	border: 0px;
}

.ical_breed{
	position: relative;
	float: right;
	width: 20px;
	height: 20px;	
	border: 0px;
	padding: 0px 10px 0px 0px;
	margin-top: 0px;
}

#linkerkant{
	float: left;
	width: 682px;
	padding: 0px 0px 0px 10px;
}

#linkerkant_vervolg{
	float: left;
	width: 232px;
	padding: 0px 0px 0px 10px;
}

#henk{
	float: left;
	width: 215px;
	height: 221px;
	position: relative;
	margin-left: -22px;
	margin-top: 6px;
	background: url(../images/henk.gif) top left no-repeat;	
	position: relative;
	padding: 86px 0px 0px 38px;
	font-size: 11px;
	line-height: 17px;
	color: #232d31;
}

	/* Fix voor IE */
	* html #henk
	{
		margin-left: -12px;
	}

a.twitlink:link, a.twitlink:visited { 
	color: #232d31;
	text-decoration: none;
	}

a.twitlink:hover, a.twitlink:active { 
	color: #6f3c1d;
	text-decoration: none;
	}
	
a.twitkop:link, a.twitkop:visited { 
	color: #545a60;
	text-decoration: none;
	}

a.twitkop:hover, a.twitkop:active { 
	color: #6f3c1d;
	text-decoration: none;
	}	



.up{
	position: absolute;
	top: 92px;
	right: 6px;
}

.down{
	position: absolute;
	top: 112px;
	right: 6px;
}

.birdie{
	position: absolute;
	width: 65px;
	height: 62px;
	background: url(../images/birdie.png) top left no-repeat;		
	bottom: -20px;
	left: 91px;
}

	/* Fix voor IE */
	* html .birdie
	{
		background-image:none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/themes/vbgcr/images/birdie.png', sizingMethod='fit');
	}

a.brownlink:link, a.brownlink:visited { 
	position: absolute;
	right: 13px;
	bottom: 10px;
	color: #ffffff;
	text-decoration: none;
	background: #6f3c1d url(../images/kartel2.gif) 0px 0px repeat-x;
	font-weight: bold;
	font-size: 11px;
	padding: 0px 4px 1px 4px;
	float: left;
	line-height: 17px;	
	}

a.brownlink:hover, a.brownlink:active { 
	color: #caa470;
	text-decoration: none;
	}	

#submenu{
	float: left;
	width: 232px;
	background: #caa470;
	padding: 0px 0px 80px 0px;
	position: relative;
	margin-top: -8px;
}


#doorlinks{
	float: left;
	width: 198px;
	min-height: 250px;
	position: relative;
	background: url(../images/doorlinksback.gif) top left no-repeat;	
	padding: 17px;
}

		/* Fix voor IE */
		* html #doorlinks
		{
			height: 250px;
		}	
		
		


a.doorlink:link, a.doorlink:visited { 
	float: left;
	width: 198px;
	padding: 0px 0px 25px 0px;
	text-decoration: none;
	cursor: pointer;
	}

a.doorlink:hover, a.doorlink:active { 
	color: #2e5465;
	text-decoration: none;
	}
	

.doorlinkfoto{
	float: left;
	width: 42px;
	height: 42px;
}

.doorlinkfoto img{
	float: left;
	width: 40px;
	height: 40px;
	padding: 0px 0px 2px 2px;
	/*background: #d3dd00;*/
	border: 0px;
}

.doorlinktekst{
	float: right;
	width: 146px;
	color: #1b3540;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
}

.doorlinkblock{
	color: #1b3540;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
}

.doorlinkblock a.actlink_breed
{
	font-weight: normal;
	padding: 5px 0;
}

.doorlinkintro{
	color: #514a40;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
	font-weight: normal;
}

a.doorlink:link .doorlinkintro, a.doorlink:visited .doorlinkintro{ 
	color: #514a40;
	}
	
a.doorlink:hover .doorlinkintro, a.doorlink:active .doorlinkintro{ 
	color: #6f3c1d;
	}
		


.line {
	height: 1px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 3px 0px;
	clear: both;
	background: url(../images/dots.gif) bottom left repeat-x;		
}


		



#nieuwsgierig{
	float: left;
	width: 189px;
	background: #f0f4b6;
	position: relative;
	margin-top: 56px;
	color: #242e32;
	font-size: 11px;
	line-height: 17px;
	padding: 42px 15px 15px 20px;
}

#nieuwsgierig h1 { 
	position: absolute;
	width: 233px;
	height: 68px;
	background: url(../images/nieuwsgierig2.gif) top left no-repeat;		
	top: -33px;
	left: -22px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
	font-size: 0px;
	line-height: 0px;
	text-align: center;
	font-weight: normal;
	color: #ffffff;
	text-indent: -3000px;
	}
	
	
#nieuw{
	float: right;
	width: 430px;
	padding: 27px 0px 0px 0px;
}

#nieuw .fotorechts{
	float: right;
	width: 140px;
	padding: 0px 0px 0px 25px;
	margin: -15px 0px 0px 0px;
	position: relative;
}

#nieuw .fotorechts img{
	float: right;
	width: 140px;
	padding: 0px 0px 4px 4px;
	background: #d3dd00;
}

#nieuw h1 { 
	float: left;
	width: 197px;
	height: 39px;
	background: url(../images/nieuw.gif) top left no-repeat;		
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
	font-size: 0px;
	line-height: 0px;
	text-align: center;
	font-weight: normal;
	color: #ffffff;
	text-indent: -3000px;	
	}
	
#footer{
	display: block;
	min-height: 231px;
	background: url(../images/footer.jpg) no-repeat 50% 0px;
	font-size: 11px;
	line-height: 17px;
}

		/* Fix voor IE */
		* html #footer
		{
			height: 231px;
		}	
		
#footer p{
	margin: 0px;
	padding: 0px 0px 15px 0px;
}
		
#footerinhoud{
	margin: 0 auto;
	width: 980px;
	position: relative;
}		

#footerinhoud2{
	float: left;
	width: 980px;
	background: url(../images/footerback.jpg) top left no-repeat;
	height: 161px;
}		


#kolom1{
	float: left;
	width: 221px;
	padding: 40px 10px 0px 30px;
}

#kolom1 .tekst{
	float: left;
	padding: 0px 0px 0px 18px;
}

#kolom2{
	float: left;
	width: 226px;
	padding: 40px 10px 0px 0px;
}

#kolom2 .tekst{
	float: left;
	padding: 0px 0px 0px 18px;
}

#kolom3{
	float: left;
	width: 473px;
	padding: 40px 0px 0px 0px;
}

#kolom3 .tekst{
	float: left;
	padding: 0px 0px 0px 8px;
}

.kolom3a{
	float: left;
	width: 200px;
	padding: 0px 10px 0px 0px;
}

#kolom3b{
	float: left;
	width: 200px;
	padding: 0px 10px 0px 0px;
}

a.sitelink:link, a.sitelink:visited { 
	display: block;
	background: url(../images/arrow_groen.gif) 0px 5px no-repeat;		
	padding: 0px 0px 15px 10px;
	color: #242e32;
	line-height: 16px;
	text-decoration: none;
	}

a.sitelink:hover, a.sitelink:active { 
	color: #000000;
	text-decoration: none;
	}

a.sitelink:link .kop, a.sitelink:visited .kop { 
	font-weight: bold;
	color: #6f3c1d;
	}

a.sitelink:hover .kop { 
	color: #213b48;
	text-decoration: none;
	}


a.routelink:link, a.routelink:visited { 
	color: #9ab600;
	font-weight: bold;
	text-decoration: none;
	}

a.routelink:hover, a.routelink:active { 
	color: #5b690b;
	text-decoration: none;
	}
	


#footer h2 { 
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 0px 0px 8px 0px;
	font-size: 19px;
	line-height: 25px;
	font-weight: normal;
	color: #5b690b;
	padding: 0px 0px 0px 0px;
	}

#footer2{
	display: block;
	height: 89px;
	background: url(../images/footer2.gif) no-repeat 50% 0px;
}

#footer2inhoud{
	margin: 0 auto;
	width: 980px;
	position: relative;
}		

#iconen{
	height: 80px;
	float: right;
	padding: 8px 0px 0px 20px;
	width: 150px;
}
	
#iconen img{
	float: right;
	border: 0px;
}
		
	
#snellinks{
	float: right;
	padding-top: 5px;
	height: 50px;
	line-height: 50px;
	font-size: 11px;
}

#snellinks ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: inline;
}

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

a.icon_home:link, a.icon_home:visited { 
	color: #6f3c1d;
	text-decoration: none;	
	padding: 0px 0px 0px 20px;
	background: url(../images/icon_home.gif) 6px 2px no-repeat;
	}

a.icon_home:hover, a.icon_home:active { 
	color: #000000;
	text-decoration: none;
	}
	
a.icon_contact:link, a.icon_contact:visited { 
	color: #6f3c1d;
	text-decoration: none;	
	padding: 0px 0px 0px 20px;
	background: url(../images/icon_contact.gif) 6px 1px no-repeat;
	}

a.icon_contact:hover, a.icon_contact:active { 
	color: #000000;
	text-decoration: none;
	}
	
a.icon_sitemap:link, a.icon_sitemap:visited { 
	color: #6f3c1d;
	text-decoration: none;	
	padding: 0px 0px 0px 20px;
	background: url(../images/icon_sitemap.gif) 6px 2px no-repeat;
	}

a.icon_sitemap:hover, a.icon_sitemap:active { 
	color: #000000;
	text-decoration: none;
	}	

		
		form
		{
			margin: 0px;
			padding: 0px;
		}		
		

	
#rechterkant_vervolg h1 { 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	color: #dfdbd5;
	margin: 0px 0px 8px 0px;
	font-size: 25px;
	line-height: 29px;
	padding: 15px 18px 15px 18px;
	background: #3a5166 url(../images/hback.gif) top left no-repeat;
	text-transform: uppercase;
	display: block;	
	}
	
.kom{
	position: absolute;
	left: 0px;
	top: 13px;
}
	
#rechterkant_vervolg h2 { 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 0px 0px 2px 0px;
	font-size: 18px;
	line-height: 23px;
	font-weight: bold;
	color: #6f3c1d;
	display: block;	
	}	
	
#rechterkant_vervolg h3 { 
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 40px 0px 8px 0px;
	font-size: 18px;
	line-height: 23px;
	font-weight: normal;
	color: #5b690b;
	display: block;	
	}		
	
.intro{
	font-weight: bold;
	display: block;
	padding: 0px 18px 0px 18px;
}

.kolom{
	float: left;
	width: 344px;	
	overflow: hidden;
}

.kolomsmall{
	float: left;
	width: 229px;	
	overflow: hidden;	
}

.plattetekst{
	display: block;
	padding: 0px 18px 0px 18px;
}

.plattetekst_form{
	display: block;
	padding: 0px 18px 0px 18px;
	position: relative;
	margin: -20px 0px 0px 0px;
}

.plattetekst .fotorechts{
	float: right;
	width: 206px;
	padding: 10px 0px 0px 30px;
	margin: 0px 0px 0px 0px;
	position: relative;
}

.plattetekst .fotorechts img{
	float: right;
	width: 200px;
	padding: 0px 0px 6px 6px;
	background: url(../images/fotoback.gif) bottom left no-repeat;
	border: 0px;
	margin: 0px 0px 20px 0px;	
}

.plattetekst .fotokolom{
	float: left;
	width: 308x;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	position: relative;
}

.plattetekst .fotokolom img{
	float: right;
	width: 308px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	margin: 0px 0px 20px 0px;	
}


.plattetekst .fotokolomsmall{
	float: left;
	width: 193px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	position: relative;
}

.plattetekst .fotokolomsmall img{
	float: right;
	width: 193px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	margin: 0px 0px 20px 0px;	
}

.plattetekst .fotooverzicht{
	float: left;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	position: relative;
}

.plattetekst .fotooverzicht img{
	float: left;
	width: 100px;
	height: 100px;
	padding: 0px 0px 3px 3px;
	background: #ffffff;
	border: 0px;
	margin: 0px 5px 5px 0px;	
}

.plattetekst .fotooverzicht.flickr img {
	width: 75px;
	height: 75px;
}

.plattetekst .fotooverzichtkolom{
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	position: relative;
}

.plattetekst .fotooverzichtkolom img{
	float: left;
	width: 87px;
	height: 87px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	margin: 0px 15px 15px 0px;	
}

.plattetekst .fotooverzichtkolomsmall{
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	position: relative;
}

.plattetekst .fotooverzichtkolomsmall img{
	float: left;
	width: 80px;
	height: 80px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	margin: 0px 15px 15px 0px;	
}

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


	


	
/* Sliding doors
---------------------------------------------------------------------------------------------- */	
	
.knop1, a.knop1:link, a.knop1:visited 
{
	float: left;
	width: 165px;
	height: 26px;
	background: url(../images/knop1.gif) 0px 0px;
	margin-top: 17px;
	margin-right: 10px;
	color: #ffffff;
	line-height: 26px;
	text-align: center;
}

a.knop1:hover, a.knop1:active
{
	background: url(../images/knop1.gif) 0px -26px;
	text-decoration: none;
}



.btn_activiteiten, a.btn_activiteiten:link, a.btn_activiteiten:visited 
{
	position: absolute;
	width: 106px;
	height: 25px;
	background: url(../images/btn_activiteiten.gif) 0px 0px;
	top: 13px;
	left: 10px;
	color: #ffffff;
}

a.btn_activiteiten:hover, a.btn_activiteiten:active
{
	background: url(../images/btn_activiteiten.gif) 0px -25px;
	text-decoration: none;
}










/* Navigatie menu eerste niveau
------------------------------------------------------------------------------------------ */
  	#verznav
	{
		width: 227px;
		text-align: left;
		padding-top: 32px;
		border-right: 5px solid #1b3540;
		position: relative;
	}

	#verznav ul
	{
		margin: 0px;
		padding: 0px 0px 0px 0px;
		position: relative;		
	}

	#verznav ul li
	{
		padding: 0px 0px 0px 0px;
		margin: 0px;
		list-style-type: none;
		position: relative;		
	}

	#verznav li a
	{
		display: block;
		font-size: 12px;
		line-height: 16px;
		width: 190px;
		color: #242e32;
		padding: 9px 8px 10px 15px;
		text-decoration: none;
		background: url(../images/subdots.gif) bottom left no-repeat;	
	}
	
	#verznav li a:hover
	{
		text-decoration: none;
		color: #6f3c1d;
	}	

	#verznav li a.actief, #verznav li a.actief:hover
	{
		display: block;
		font-size: 12px;
		line-height: 16px;
		width: 190px;
		color: #ffffff;
		font-weight: bold;
		padding: 13px 8px 8px 37px;
		margin: -6px 0px 0px -22px;
		text-decoration: none;
		background: url(../images/subactief.gif) top left no-repeat;
		position: relative;		
	}
	



/* Navigatie menu tweede niveau
------------------------------------------------------------------------------------------ */
	
	#verznav ul ul
	{ 
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		
	}
	
	#verznav ul li li
	{
		border: 0px;
		padding: 0px 0px 0px 0px;
		margin: 0px;
	}

	
	#verznav li li a
	{
		display: block;
		font-size: 12px;
		line-height: 16px;
		width: 175px;
		color: #242e32;
		padding: 6px 8px 7px 30px;
		font-size: 11px;
		text-decoration: none;
		font-weight: bold;
		background: url(../images/subdots.gif) bottom left no-repeat;	
	}
	

	
	#verznav li li a:hover
	{
		text-decoration: none;
		color: #6f3c1d;
	}
	
	#verznav li li a.actief, #verznav li li a.actief:hover
	{

		display: block;
		font-size: 12px;
		line-height: 16px;
		width: 175px;
		color: #5b690b;
		padding: 6px 8px 7px 30px;
		margin: 0px 0px 0px 0px;
		font-size: 11px;
		text-decoration: none;
		font-weight: bold;
		background: url(../images/subdots.gif) bottom left no-repeat;	
	}
	

	

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




#nav, #nav ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
font-size: 11px;
z-index: 5;
float: left;
display: inline;
}

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

	/* Fix voor IE */
	* html #nav li
	{
		background: none;
		border-right: 1px solid #416b7f;
	}


#nav a:link, #nav a:visited{
float: left;
height: 31px;
line-height: 31px;
padding: 0px 12px 0px 10px;
margin: 0px 0px 0px 0px;
color:#ecf0f2;
font-weight: bold;
text-decoration:none;
text-align: left;
	position: relative;
	z-index: 5;
}

#nav a:hover{
background: url(../images/nav_active.png) top right repeat-x;
color:#FFF;
}

	/* Fix voor IE */
	* html #nav a:hover
	{
		background: #416b7f;	
	}



#nav li li{
background: none;
border-right: 0px solid white;
}



#nav ul {
z-index: 999;
position:absolute;
display:none;
top: 31px;
width: 310px;
left: 0px;
}

#nav li ul a, #nav li ul a:link, #nav li ul a:visited, #nav li ul a:hover {
width: 290px;
height: 65px;
float:left;
background: url(../images/dropdown.png) no-repeat top left;
color: #d7dee1;
font-size: 11px;
line-height: 16px;
font-weight: normal;
padding: 0px;
margin: 0px;
padding: 14px 10px 0px 10px;
}

	/* Fix voor IE */
	* html #nav li ul a, * html #nav li ul a:link, * html #nav li ul a:visited, * html #nav li ul a:hover
	{
		background-image:none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/themes/vbgcr/images/dropdown.png', sizingMethod='fit');
	}




#nav li ul a img{
	float: left;
	width: 45px;
	height: 45px;
	padding: 0px 13px 10px 3px;
	border: 0px;
}


#nav ul ul{
top: auto;
}	

#nav li ul ul {
left: 125px;
margin:0px 0 0 0px;
padding: 0px 0px 0px 0px;
border-left: 5px solid transparent;
}


		/* Fix voor IE */
		* html #nav li ul ul
		{
	left: 125px;
	margin:0px 0 0 0px;
	padding: 0px 0px 0px 5px;
	border-left: 0px solid transparent;	
		}	



#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:			14px;
	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*/
}		







/* Searchfield
---------------------------------------------------------------------------------------------- */


#searchblock{
	width: 207px;
	height: 18px;
	position: absolute;
	right: 0px;
	top: 5px;
}

	
.searchfield { 
	height: 16px;
	width: 122px;
	border: solid 0 #fff;
	background: transparent	url("../images/searchfield.gif") no-repeat;
	padding: 2px 4px 0px 56px;
	margin: 0px 0px 0px 0px;
	color: #242424;
	font-size: 11px;
	float: left;
	position:relative;
	}	
	
.go {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	position:relative;
}





#searchfield {
	width: 170px;
	height: 18px;
	position: absolute;
	right: 0px;
	top: 1px;
}

.searchformInput {
	background: transparent no-repeat url("../images/searchbg.png") 0px 0px;
	border: 0px solid #999999;
	font-size: 11px;
	width: 125px;
	height: 19px;
	line-height: 14px;
	margin: 1px 0px 1px 0px;
	padding: 5px 20px 0px 30px;
	color: #43504f;
	z-index: 997;
}

	/* Fix voor IE */
	* html .searchformInput
	{
		background: transparent no-repeat url("../images/searchbg.gif") 0px 0px;
	}

.searchformInput:focus {
	background: transparent no-repeat url("../images/searchbg.png") 0px -22px;
}

	/* Fix voor IE */
	* html .searchformInput:focus
	{
		background: transparent no-repeat url("../images/searchbg.gif") 0px -22px;
	}

.searchformSubmit {
	display: none;
}



/* Aanmelden nieuwsbrief
---------------------------------------------------------------------------------------------- */


.newsletter {
	padding: 0px 0px 0px 0px;
	margin-left: -10px;
}

.newsletter table.addform{
	float: left;
	margin-left: -18px;
	margin-top: -10px;
	position: relative;
}

	/* Fix voor IE */
	* html .newsletter table.addform
	{
		margin-left: -4px;
	}

.newsletter dt, .newsletter dd{
	padding: 0px 0px 0px 0px;
	margin: 0px;
	display: none;
	visibility: hidden;
}



.newsletter input.addforminput {
	height: 16px;
	width: 129px;
	background: transparent url(../images/inputnews_bg_naam.gif) top left no-repeat;
	border: 0px;
	padding: 7px 5px 5px 55px;
	color: #242e32;
	margin: 5px 0px 0px -10px;
	font-size: 13px;
	position: relative;
}

.newsletter input#email{
	background: transparent url(../images/inputnews_bg_email.gif) top left no-repeat;
}



.newsletter input#unsubscribe{
	display: none;
	visibility: hidden;
}

.btn_aanmelden{
	float: left;
	margin: 10px 0px 0px -8px;
	position: relative;
	display: inline;
	visibility: visible;	
}




.newsletter .addformsubmit {
	background: #213b48;
	border: 0px;
	color: #FFF;
	margin: 10px 0px 10px -8px;
	padding: 3px 5px 3px 5px;
	font-size: 12px;
}
.newsletter .addformsubmit:hover{
	text-decoration: none;
}


.newsletter label.required{
	display: none;
	visibility: hidden;
}







/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 214px;
    height: 219px;
    cursor: pointer;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
 
 #wrap{
 	float: left;
 	width: 688px;
 }
 
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}


.jcarousel-control{
	display: block;
	height: 12px;
	text-align: right;
	margin-right: -10px;
	position: relative;
}

.getallen{
	float: right;
	position: relative;
	margin-top: -30px;
	padding-right: 15px;
}

.jcarousel-control a:link, .jcarousel-control a:visited, .jcarousel-control a:hover, .jcarousel-control a:active { 
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	line-height: 17px;
	height: 17px;
	width: 23px;
	text-align: center;
	float: left;
	margin: 0px 0px 0px 5px;
	background: #ba9563;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-decoration: none;
    cursor: pointer;	
	}


	
.jcarousel-control a.active:link, .jcarousel-control a.active:visited, .jcarousel-control a.active:hover, .jcarousel-control a.active:active	{
	background: #6f3c1d;
}



.jcarousel-skin-tango .jcarousel-container {
    background: url(../images/carback.gif) 0px 0px no-repeat;
	width: 688px;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 666px;
    padding: 0px 10px 0px 10px;
}



.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  666px;
    height: 219px;
}


.jcarousel-skin-tango .jcarousel-item {
    width: 214px;
    height: 219px;
	background: url(../images/caritem.gif) top left no-repeat;
	position: relative;
    cursor: pointer;	
}


.jcarousel-skin-tango .jcarousel-item a:hover{
	text-decoration: none;
    cursor: pointer;	
}

.jcarousel-skin-tango a:link, .jcarousel-skin-tango a:visited{
	text-decoration: none;
    cursor: pointer;	
}

a:link .title, a:visited .title{
	float: left;
	background: #213b48;
	font-size: 15px;
	line-height: 18px;
	color: #dfdbd5;
	font-family: Arial, Verdana, Helvetica, sans-serif;	
	cursor: pointer;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	padding: 1px 3px 0px 3px;
	position: relative;
	margin: 0px 0px 0px -3px;
    cursor: pointer;	
}

a:hover .title, a:active .title{
	background: #6f3c1d;
}

.jcarousel-skin-tango a:link .cartekst, .jcarousel-skin-tango a:visited .cartekst{
	float: left;
	padding: 13px 10px 10px 25px;
	height: 96px;
	color: #232d31;
	font-size: 11px;
	line-height: 17px;
	width: 179px;
}




.jcarousel-skin-tango .jcarousel-item img{
    width: 201px;
    height: 100px;
	float: left;
	padding: 0px 0px 0px 0px;
	border: 0px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 14px;
}



.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 5px;
    width: 0px;
    height: 0px;
    cursor: pointer;

}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: 5px;
    width: 0px;
    height: 0px;
    cursor: pointer;

}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.spacer{
	position: absolute;
	bottom: 5px;
	right: 0px;
	border: 0px;
}