/* 
Sport Citadel 
======================================================================================
URL:				http://www.sportcitadel.nl/
Start ontwerp: 		5 september 2007
Start xhtml: 		1 oktober 2007
Auteur: 			Ale van der Ploeg [http://www.addsite.nl]
======================================================================================
*/

@import url(/addsite/css/iconen.css);



		body
		{
			margin: 0;
			padding: 0;
			height: 100%;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px;
			line-height: 19px;
			color: #FFFFFF; 
			background: #004971 url(../images/achtergrond.jpg) repeat-x top left;
			-webkit-text-size-adjust: none;
		}
		
		html
		{
			height: 100%;
		}

		#bovenstuk
		{
			width: 100%;
			height: 119px;
		}
		
		#header { 
			margin: 0 auto;
			width: 988px;
			height: 119px;
			}
			
		#header1 { 
			float: left;
			width: 702px;
			height: 88px;
			background: url(../images/header1.jpg) top left no-repeat;
			position: relative;
			}	
			
		#header2 { 
			float: right;
			width: 286px;
			height: 88px;
			}		
			
		#header2 img{ 
			border: 0px;
			margin: 0px;
			padding: 0px;
			}		
			
		#menu { 
			float: left;
			width: 988px;
			height: 31px;
			background: url(../images/menuback.gif) top left no-repeat;
			}				
		
		#middenstuk
		{
			width: 100%;
			min-height: 419px;
			padding-bottom: 106px;
		}
		
		/* Fix voor IE */
		* html #middenstuk
		{
			height: 419px;
		}		
					
		
		#onderstuk
		{
			width: 100%;
			height: 106px;

			position: relative;
			margin: -106px auto 0 auto;
			background: url(../images/onderkant.jpg) repeat-x top left;
		}

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

		#pagina
		{
			margin: 0 auto;
			width: 988px;
			min-height: 419px;
			background: url(../images/middenback.jpg) top left no-repeat;
		}
		
		/* Fix voor IE */
		* html #pagina
		{
			height: 419px;
		}		
			
	
		#container
		{
			position: relative;
			min-height: 100%;
		}

		* html #container
		{
			height: 100%;
		}
		
		form
		{
			margin: 0px;
			padding: 0px;
		}		
		



	

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

a:hover, a:active { 
	color: #6DC4F1;
	text-decoration: underline;
	}
	
	
	
	
/* Snelkoppelingen
---------------------------------------------------------------------------------------------- */	

#header1 ul{ 
	margin: 0px;
	padding: 11px 0px 0px 59px;
	}
	
#header1 ul li{ 
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: inline;
	}
	
#header1 ul li a.home:link, #header1 ul li a.home:visited{ 
	color: #454545;
	padding: 2px 13px 0px 15px;
	background: url(../images/icon_home.gif) 0px 4px no-repeat;
	}
	
#header1 ul li a.sitemap:link, #header1 ul li a.sitemap:visited{ 
	color: #454545;
	padding: 2px 13px 0px 15px;
	background: url(../images/icon_sitemap.gif) 0px 4px no-repeat;
	}
	
#header1 ul li a.contact:link, #header1 ul li a.contact:visited{ 
	color: #454545;
	padding: 2px 13px 0px 15px;
	background: url(../images/icon_contact.gif) 0px 5px no-repeat;
	}
	
#header1 ul li a.home:hover, #header1 ul li a.home:active, #header1 ul li a.sitemap:hover, #header1 ul li a.sitemap:active, #header1 ul li a.contact:hover, #header1 ul li a.contact:active{ 
	color: #929292;
	text-decoration: none;
	}	
	
	
/* Hoofdnavigatie
---------------------------------------------------------------------------------------------- */		
	
#menu ul{ 
	margin: 0px;
	padding: 0px 0px 0px 34px;
	}
	
#menu ul li{ 
	margin: 0px 3px 0px 0px;
	padding: 0px;
	list-style-type: none;
	display: inline;
	float: left;
	width: 110px;
	height: 31px;
	background: url(../images/button.gif) 0px 0px no-repeat;	
	}
	
#menu ul li.selectedhoofd{ 
	background: url(../images/button.gif) 0px -31px no-repeat;	
	}	
	
#menu ul li a:link, #menu ul li a:visited{ 
	color: #ffffff;
	float: left;
	width: 110px;
	height: 31px;
	line-height: 30px;
	text-align: center;
	font-weight: bold;
	font-size: 10px;
	}
	
#menu ul li a:hover, #menu ul li a:active{ 
	color: #91BCD4;
	text-decoration: none;
	}	
	
#menu ul li.selectedhoofd a:link, #menu ul li.selectedhoofd a:visited{ 
	color: #FFDE00;
	float: left;
	width: 110px;
	height: 31px;
	line-height: 30px;
	text-align: center;
	font-weight: bold;
	font-size: 10px;
	}
	
#menu ul li.selectedhoofd a:hover, #menu ul li.selectedhoofd a:active{ 
	color: #C3B212;
	text-decoration: none;
	}		
	
	
	
	
#home_content
{
	float: left;
	width: 920px;
	min-height: 235px;
	margin-top: 20px;
	margin-left: 34px;
	background: url(../images/home_content.jpg) top left no-repeat;	
}

		/* Fix voor IE */
		* html #home_content
		{
			height: 235px;
			margin-left: 17px;
		}

#teksthome1
{
	float: left;
	width: 274px;
	padding: 20px 18px 20px 22px;
}

.line1{
	height: 1px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	clear: both;
	background: url(../images/line1.gif) 0px 0px no-repeat;
	margin: 22px 0px 3px 0px;
}

.line2{
	height: 1px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	clear: both;
	background: #1E6394;
	margin: 22px 0px 3px 0px;
}

a.doorlink:link, a.doorlink:visited{ 
	float: left;
	color: #ffffff;
	padding: 0px 0px 0px 15px;
	background: url(../images/arrow_blue.gif) 0px 6px no-repeat;	
	}
	
a.doorlink:hover, a.doorlink:active{ 
	color: #FFDE00;
	text-decoration: none;
	}
	
a.doorlink2:link, a.doorlink2:visited{ 
	float: left;
	color: #ffffff;
	padding: 20px 0px 10px 15px;
	background: url(../images/arrow_red.gif) 0px 26px no-repeat;	
	}
	
a.doorlink2:hover, a.doorlink2:active{ 
	color: #FFDE00;
	text-decoration: none;
	}	


#teksthome2
{
	float: left;
	width: 253px;
	padding: 20px 18px 20px 22px;
}

#teksthome2 ul
{
	margin: 0px;
	padding: 0px;
}

#teksthome2 ul li
{
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #365F81;
	background: url(../images/arrow_blue.gif) 0px 10px no-repeat;
	list-style-type: none;
}

#teksthome2 ul li a:link, #teksthome2 ul li a:visited{ 
	color: #ffffff;
	display: block;
	padding: 4px 0px 4px 15px;
	}
	
#teksthome2 ul li a:hover, #teksthome2 ul li a:active{ 
	color: #FFDE00;
	text-decoration: none;
	}
	

#nieuws1
{
	float: right;
	width: 294px;
}

#nieuws
{
	float: right;
	width: 254px;
	padding: 20px 18px 0px 22px;
	background: #BB0B16 url(../images/nieuws_top.gif) top left no-repeat;
}

#nieuwsbottom
{
	float: right;
	width: 294px;
	height: 13px;
	line-height: 0px;
	font-size: 0px;
	background: url(../images/nieuws_bottom.gif) top left no-repeat;
}
	
#nieuws ul
{
	margin: 0px;
	padding: 0px 5px 0px 0px;
}

#nieuws ul li
{
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #C7363F;
	background: url(../images/arrow_yellow2.gif) 0px 10px no-repeat;
	list-style-type: none;
}

#nieuws ul li a:link, #nieuws ul li a:visited{ 
	color: #ffffff;
	display: block;
	padding: 4px 0px 4px 15px;
	}
	
#nieuws ul li a:hover, #nieuws ul li a:active{ 
	color: #FFDE00;
	text-decoration: none;
	}	
	
#contentonder
{
	margin: 0 auto;
	width: 988px;
	height: 106px;
}

#contentonder a:link, #contentonder a:visited{ 
	color: #ffffff;
	}
	
#contentonder a:hover, #contentonder a:active{ 
	color: #FFDE00;
	text-decoration: none;
	}

#adres1
{
	width: 150px;
	height: 85px;
	float: left;
	padding: 21px 0px 0px 56px;
}

#adres2
{
	width: 185px;
	height: 85px;
	float: left;
	padding: 21px 0px 0px 0px;
}

#adres2 a:link, #adres2 a:visited{ 
	color: #ffffff;
	text-decoration: underline;	
	}
	
#adres2 a:hover, #adres2 a:active{ 
	color: #FFDE00;
	text-decoration: underline;
	}

#adres3
{
	width: 455px;
	height: 85px;
	float: right;
	padding: 21px 49px 0px 0px;
	text-align: right;
}

#flash
{
	width: 920px;
	height: 136px;
	float: left;
	padding: 19px 0px 0px 34px;
}

#flash img
{
	width: 920px;
	height: 136px;
	float: left;
	border: 0px;
}
	

#linkerkant { 
	float: left;
	width: 683px;
	padding: 19px 25px 0px 16px;
	}
	
#vervolgafbeeldingen { 
	float: left;
	width: 663px;
	height: 145px;
	margin-bottom: 20px;
	font-size: 0px;
	line-height: 0px;
	padding-left: 20px;
	}
	
#vervolgafbeeldingen img{ 
	border: 0px;
	float: left;
	}	
	
#contentlinks { 
	float: left;
	width: 206px;
	padding-top: 23px;
	}	

.tekstblok2_top { 
	float: left;
	width: 436px;
	height: 13px;
	line-height: 0px;
	font-size: 0px;
	background: url(../images/tekstblok2_top.gif) top left no-repeat;
	}
	
.tekstblok2_bottom { 
	float: left;
	width: 436px;
	height: 13px;
	line-height: 0px;
	font-size: 0px;
	background: url(../images/tekstblok2_bottom.gif) top left no-repeat;
	}	
	
.tekstblok2 { 
	float: left;
	width: 396px;
	padding: 7px 20px 8px 20px;
	background: url(../images/tekstblok2_center.gif) repeat-y;
	}
	
		/* Fix voor IE */
		* html .tekstblok2
		{
			padding: 7px 20px 0px 20px;
		}	
	
.tekstblok2img { 
	float: left;
	width: 132px;
	}	
	
.tekstblok2img img{ 
	float: left;
	border: 0px;
	width: 112px;
	height: 112px;
	}		
	
.tekstblok2tekst { 
	float: right;
	width: 264px;
	}		
	
.tekstblok_bottom { 
	float: left;
	width: 436px;
	height: 13px;
	background: url(../images/tekstblok_bottom.gif) top left no-repeat;
	}	
	
.tekstblok { 
	float: left;
	width: 396px;
	padding: 20px 20px 15px 20px;
	background: #115683 url(../images/tekstblok_top.gif) top left no-repeat;
	}
	
.tekstblok_2 { 
	float: left;
	width: 396px;
	padding: 20px 20px 15px 20px;
	background: #115683 url(../images/tekstblok_top2.gif) top left no-repeat;
	}	
	
.tekstblok_bottom { 
	float: left;
	width: 436px;
	height: 13px;
	background: url(../images/tekstblok_bottom.gif) top left no-repeat;
	}
	
.tekstblok ul
{
	margin: 10px 0px 10px 0px;
	padding: 0px;
}

.tekstblok ul li
{
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #1E6394;
	background: url(../images/arrow_white.gif) 0px 10px no-repeat;
	list-style-type: none;
	padding: 4px 0px 4px 15px;	
}

.tekstblok ul li a:link, .tekstblok ul li a:visited{ 
	color: #6DC4F1;
	}
	
.tekstblok ul li a:hover, .tekstblok ul li a:active{ 
	color: #FFDE00;
	text-decoration: none;
	}	
	
	
.tekstblok_2 ul
{
	margin: 10px 0px 10px 0px;
	padding: 0px;
}

.tekstblok_2 ul li
{
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #1E6394;
	background: url(../images/arrow_white.gif) 0px 10px no-repeat;
	list-style-type: none;
	padding: 4px 0px 4px 15px;	
}

.tekstblok_2 ul li a:link, .tekstblok_2 ul li a:visited{ 
	color: #6DC4F1;
	display: block;
	}
	
.tekstblok_2 ul li a:hover, .tekstblok_2 ul li a:active{ 
	color: #FFDE00;
	text-decoration: none;
	}		
	
.intro{
	font-weight: bold;
}
	
#contentrechts { 
	float: right;
	width: 436px;
	}		
	
#rechterkant { 
	float: right;
	width: 217px;
	min-height: 474px;
	background: url(../images/rechterkant.jpg) top left no-repeat;
	padding: 0px 30px 0px 17px;
	}	
	
		/* Fix voor IE */
		* html #rechterkant
		{
			height: 474px;
		}	

	
#teksthome { 
	float: left;
	padding: 15px 15px 0px 15px;
	}	

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0px;
}

.sIFR-replaced {
	visibility: visible !important;
	z-index: 1;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}


/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
	margin: 0px 0px 5px 0px;
	letter-spacing: -2px;
}

.sIFR-hasFlash h3 {
	visibility: hidden;	
	width: 180px;
	margin: 0px 0px 5px 0px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	width: 155px;
	margin: 0px 0px 5px 0px;
}

.sIFR-hasFlash h5 {
	visibility: hidden;
	margin: 0px 0px -4px 0px;
	font-size: 9px;
}


#blokrechts {
	float: left;
	width: 217px;
}

#blokrechts img{
	float: right;
	margin: 0px;
	padding: 0px 0px 10px 10px;
	border: 0px;
}

	
h1 { 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 0px 0px 10px 0px;
	letter-spacing: 1px;
	font-size: 22px;
	line-height: 26px;
	font-weight: normal;
	color: #FFDE00;
	padding: 0px 0px 0px 0px;
	}
	
	
h3 { 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 0px 0px 10px 0px;
	letter-spacing: 1px;
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
	color: #ffffff;
	padding: 0px 20px 0px 0px;
	}
	
.h3wrapper{
	padding-left: 20px;
}
	
.kop { 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
	letter-spacing: 1px;
	font-size: 14px;
	line-height: 18px;
	font-weight: normal;
	color: #FFDE00;
	padding: 0px 0px 0px 0px;
	}	
	
.kop2 { 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
	letter-spacing: 1px;
	font-size: 14px;
	line-height: 18px;
	font-weight: normal;
	color: #FFDE00;
	padding: 10px 20px 0px 0px;
	float: left;
	}		
	
.tekstform { 
	padding: 0px 15px 15px 15px;
	}		
	
h4 { 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 0px 0px 10px 0px;
	letter-spacing: 1px;
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
	color: #FFDE00;
	padding: 0px 20px 0px 0px;
	}	
	
h5 { 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
	letter-spacing: 1px;
	font-size: 14px;
	line-height: 18px;
	font-weight: normal;
	color: #FFDE00;
	padding: 0px 20px 0px 0px;
	}		
	
	
#footer { 
	width: 777px;
	height: 31px;
	background: url(../images/footerback.gif) top left no-repeat;
	}
	
#copyright { 
	width: 220px;
	float: left;
	color: #ffffff;
	line-height: 31px;
	padding-left: 15px;
	height: 31px;
	}
	
#footerlinks { 
	width: 460px;
	float: left;
	line-height: 31px;
	height: 31px;
	}
	
#footerlinks ul{ 
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	}
	
#footerlinks ul li{ 
	display: inline;
	float: left;
	margin: 0px;
	padding: 0px 5px 0px 0px;
	}
	
#footerlinks ul li a:link, #footerlinks ul li a:visited, #footerlinks ul li a:hover { 
	color: #242424;
	text-decoration: none;
	}	
	
#topofpage { 
	width: 82px;
	float: left;
	line-height: 31px;
	height: 31px;
	}	
	
#links img{ 
	border: 0px;
	}	
	
.linkskop { 
	margin-left: 30px;
	}	

.tekst{
	padding: 23px 15px 15px 15px;
}	
	
	
#contentvervolg { 
	width: 777px;
	float: left;
	min-height: 450px;
	background: url(../images/vervolgback.gif) top left repeat-y;
	margin-bottom: 20px;
	}	

		/* Fix voor IE */
		* html #contentvervolg
		{
			height: 450px;
		}	


.clearer {
	height: 0px;
	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;
}

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


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


.foto { 
	float: left;
	width: 530px;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 10px 0px;
	font-size: 0px;
	line-height: 0px;
	}


.fotooverzicht { 
	float: left;
	width: 396px;
	padding: 20px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}


.fotooverzicht img{ 
	border: 0px;
	float: left;
	width: 123px;
	height: 123px;
	margin: 0px 9px 9px 0px;
	padding: 0px;
	}
	
.fotosrechts { 
	float: right;
	width: 170px;
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 0px 0px;
	}
	
.fotosrechts img{ 
	border: 0px;
	float: right;
	width: 170px;
	margin: 0px 0px 10px 0px;
	}
	
.ronding5 { 
	float: left;
	width: 170px;
	height: 7px;
	margin-top: -17px;
	background: url(../images/ronding5.png) top left no-repeat;
	}	
	
	/* Fix voor IE */
	* html .ronding5
	{
		width: 170px;
		height: 7px;
		background-image:none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='http://www.addsite.nl/addsite/data/sites/sportcit/www/images/ronding5.png', sizingMethod='crop');
	}	
	
a.fotolink:link { 
	float: left;
	border: 1px solid #002D62;
	margin: 10px 0px 8px 8px;
	}
a.fotolink:visited { 
	float: left;
	border: 1px solid #002D62;
	margin: 10px 0px 8px 8px;	
	}
a.fotolink:hover { 
	float: left;
	border: 1px solid #46B3D6;
	margin: 10px 0px 8px 8px;	
	}	
	


	
/* Sliding doors
---------------------------------------------------------------------------------------------- */	
	
.btn_squash, a.btn_squash:link, a.btn_squash:visited 
{
	float: left;
	width: 216px;
	height: 112px;
	background: url(../images/btn_squash.gif) 0px 0px;
	margin-top: 39px;
}

a.btn_squash:hover, a.btn_squash:active
{
	background: url(../images/btn_squash.gif) 0px -112px;
}


.btn_groupfitness, a.btn_groupfitness:link, a.btn_groupfitness:visited 
{
	float: left;
	width: 216px;
	height: 112px;
	background: url(../images/btn_groupfitness.gif) 0px 0px;
	margin-top: 23px;
}

a.btn_groupfitness:hover, a.btn_groupfitness:active
{
	background: url(../images/btn_groupfitness.gif) 0px -112px;
}


.btn_fitness, a.btn_fitness:link, a.btn_fitness:visited 
{
	float: left;
	width: 216px;
	height: 112px;
	background: url(../images/btn_fitness.gif) 0px 0px;
	margin-top: 23px;
}

a.btn_fitness:hover, a.btn_fitness:active
{
	background: url(../images/btn_fitness.gif) 0px -112px;
}


.btn_dagpas, a.btn_dagpas:link, a.btn_dagpas:visited 
{
	float: left;
	width: 216px;
	height: 67px;
	background: url(../images/btn_dagpas.gif) 0px 0px;
	margin-top: 30px;
}

a.btn_dagpas:hover, a.btn_dagpas:active
{
	background: url(../images/btn_dagpas.gif) 0px -67px;
}

.btn_net4res, a.btn_net4res:link, a.btn_net4res:visited 
{
	float: left;
	width: 216px;
	height: 67px;
	background: url(../images/btn_net4res.gif) 0px 0px;
	margin-top: 20px;
}

a.btn_net4res:hover, a.btn_net4res:active
{
	background: url(../images/btn_net4res.gif) 0px -67px;
}

.btn_baanreserveren, a.btn_baanreserveren:link, a.btn_baanreserveren:visited 
{
	float: left;
	width: 216px;
	height: 67px;
	background: url(../images/btn_baanreserveren.gif) 0px 0px;
	margin-top: 20px;
}

a.btn_baanreserveren:hover, a.btn_baanreserveren:active
{
	background: url(../images/btn_baanreserveren.gif) 0px -67px;
}



.btn_leesmeer, a.btn_leesmeer:link, a.btn_leesmeer:visited 
{
	float: right;
	width: 122px;
	height: 30px;
	background: url(../images/btn_leesmeer.gif) 0px 0px;
	margin-top: 15px;
	color: #ffffff;
	line-height: 28px;
	text-align: center;
}

a.btn_leesmeer:hover, a.btn_leesmeer:active
{
	background: url(../images/btn_leesmeer.gif) 0px -30px;
	text-decoration: none;
	color: #FFDE00;
}


/* Slider homepage
---------------------------------------------------------------------------------------------- */

/**
 * 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-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 293px;
    height: 326px;
}

/**
 * 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".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

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



.jcarousel-skin-tango.jcarousel-container {
    margin-top: 0px;
}

.jcarousel-skin-tango.jcarousel-container-horizontal {
    width: 920px;
    padding: 0px 34px 0px 34px;
}



.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  920px;
    height: 326px;
}



.jcarousel-skin-tango .jcarousel-item {
    width: 293px;
    height: 326px;
    background: url(../images/itemback.jpg) no-repeat 0 0;
    position: relative;
}

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



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

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 115px;
    right: 0px;
    width: 34px;
    height: 34px;
    cursor: pointer;
    background: transparent url(../images/btn_next.gif) no-repeat 0 0;
}

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

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: 0px 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: -34px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 115px;
    left: 0px;
    width: 34px;
    height: 34px;
    cursor: pointer;
    background: transparent url(../images/btn_prev.gif) no-repeat 0 0;
}

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

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: 0px 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: -34px 0;
}




h2 { 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
	letter-spacing: 1px;
	font-size: 24px;
	line-height: 24px;
	font-weight: normal;
	color: #ffffff;
	float: left;
	padding: 15px 0px 0px 0px;
	width: 293px;
	text-align: center;
	}	
	
.itemtekst {
	padding: 0px 25px 0px 25px;
	line-height: 18px;
}

.itemimage {
	width: 269px;
	height: 140px;
	margin: 13px 0px 9px 12px;
	border: 0px;
}


.itembutton, a.itembutton:link, a.itembutton:visited 
{
	float: left;
	width: 173px;
	height: 30px;
	background: url(../images/btn_meer.gif) 0px 0px;
	color: #ffffff;
	text-align: center;
	line-height: 28px;
	position: absolute;
	top: 283px;
	left: 105px;
}

a.itembutton:hover, a.itembutton:active
{
	background: url(../images/btn_meer.gif) 0px -30px;
	text-decoration: none;
	color: #FFDE00;
}	



#nieuwsitems
{
	width: 196px;
	text-align: left;
	background: #BB0B16 url(../images/nieuwsitems_top.gif) top left no-repeat;
	margin-top: -23px;
	padding: 23px 10px 15px 20px;
}

#nieuwsitems_bottom
{
	width: 226px;
	height: 13px;
	background: url(../images/nieuwsitems_bottom.gif) top left no-repeat;
	line-height: 0px;
	font-size: 0px;
}

#nieuwsitems ul
{
	margin: 0px;
	padding: 0px 5px 0px 0px;
}

#nieuwsitems ul li
{
	margin: 0px;
	padding: 0px;
	background: url(../images/arrow_yellow2.gif) 0px 10px no-repeat;
	list-style-type: none;
	line-height: 15px;
}

#nieuwsitems ul li a:link, #nieuwsitems ul li a:visited{ 
	color: #ffffff;
	display: block;
	padding: 4px 0px 4px 15px;
	}
	
#nieuwsitems ul li a:hover, #nieuwsitems ul li a:active{ 
	color: #FFDE00;
	text-decoration: none;
	}	
	
#nieuwsitems ul li a.actief:link, #nieuwsitems ul li a.actief:visited, #nieuwsitems ul li a.actief:hover, #nieuwsitems ul li a.actief:active{ 
	color: #FFDE00;
	}	


/* Navigatie menu eerste niveau
------------------------------------------------------------------------------------------ */
  	#verznav
	{
		width: 206px;
		text-align: left;
		line-height: 15px;
		padding-top: 3px;
		padding-left: 20px;
	}

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

	#verznav ul li
	{
		padding: 0px 0px 0px 0px;
		border-bottom: 1px solid #365F81;		
		margin: 0px;
		list-style-type: none;
	}

	#verznav li a
	{
		display: block;
		width: 186px;
		color: #ffffff;
		padding: 4px 5px 6px 15px;
		text-decoration: none;
		background: url(../images/arrow_blue.gif) 0px 9px no-repeat;	
	}
	
	#verznav li a:hover
	{
		color: #FFDE00;
	}	

	#verznav li a.actief, #verznav li a.actief:hover
	{
		color: #FFDE00;
	}
	



/* Navigatie menu tweede niveau
------------------------------------------------------------------------------------------ */
	
	#verznav ul ul
	{ 
		margin: 0px 0px 8px 0px;
		padding: 5px 0px 0px 0px;
		border-top: 1px solid #365F81;
		
	}
	
	#verznav ul li li
	{
		border: 0px;
		padding: 3px 0px 4px 0px;
	}

	
	#verznav li li a
	{
		display: block;
		padding: 0;
		padding: 0px 5px 0px 15px;
		text-align: left;
		background: none;
	}
	
	#verznav li li a:link, #verznav li li a:visited
	{
		color: #97B3C3;
		border: 0px;
		text-decoration: none;
	}
	
	#verznav li li a:hover
	{
		color: #FFDE00;
	}
	
	#verznav li li#subactief a
	{
		color: #FFDE00;
		text-decoration: none;
	}
	
	#verznav li li#subactief a:hover
	{
		color: #FFDE00;
		text-decoration: none;
		background: none;
	}
	
 /* Formulier
---------------------------------------------------------------------------------------------- */

form{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 11px;
	}
	

input.button { 
	background: #135A88; 
	border-bottom: 1px solid #00436D; 
	border-left: 1px solid #2E73A6; 
	border-right: 1px solid #00436D; 
	border-top: 1px solid #2E73A6; 
	color: #ffffff; 
	margin: 5px 0px 10px 0px; 
	padding: 3px 5px 3px 5px; 
	}
	
input.button2 { 
	background: #135A88; 
	border-bottom: 1px solid #00436D; 
	border-left: 1px solid #2E73A6; 
	border-right: 1px solid #00436D; 
	border-top: 1px solid #2E73A6; 
	color: #ffffff; 
	font-size: 11px;
	font-weight: normal;
	margin: 0px 0px 0px 10px; 
	padding: 1px 5px 2px 5px; 
	}	

.aanmelden {

	border: 1px solid #B8CADE;
		width: 165px;
		margin-left: 0px;
		font-size: 11px;
		line-height: 11px;
		height: 18px;
		margin: 2px 0px 10px 0px;
		}
	
.input {
	background: #ffffff;
	border: 1px solid #004971;
	font-size: 11px;
		width: 203px;
		margin-left: 10px;
		line-height: 11px;
		height: 16px;	
		}
		
.invulNormaal {
	background: #ffffff;
	border: 1px solid #004971;
	font-size: 11px;
		width: 203px;
		line-height: 11px;
		height: 16px;
		margin: 1px 0px 1px 0px;
		padding: 2px 3px 1px 3px;
		
		}		
		
.invulArea {
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	background: #ffffff;
	border: 1px solid #004971;
	font-size: 11px;
		width: 223px;
		line-height: 11px;
		margin: 1px 0px 1px 0px;
		padding: 2px 3px 1px 3px;
		}
		
.veld2pulldown select
{
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 background-color: #ffffff;
 color: #000000;
 border: 1px solid #004971;
 margin-right: 0px;
 text-align: left;
 height: 18px;
 padding: 2px 3px 2px 3px;
 margin: 0 0 0 0;
}	

.invulSmall {
	background: #ffffff;
	border: 1px solid #004971;
	font-size: 11px;
		width: 153px;
		line-height: 11px;
		height: 16px;
		margin: 1px 0px 1px 0px;
		padding: 2px 3px 1px 3px;
		}
		
.invulPulldown {
	background: #ffffff;
	border: 1px solid #004971;
	font-size: 11px;
		width: 203px;
		line-height: 18px;
		height: 16px;
		margin: 1px 0px 1px 0px;
		padding: 2px 3px 1px 3px;
		}		
		
.invulXSmall {
	background: #ffffff;
	border: 1px solid #004971;
	font-size: 11px;
		width: 73px;
		line-height: 11px;
		height: 16px;
		margin: 1px 0px 1px 0px;
		padding: 2px 3px 1px 3px;
		}		
		

.frmseparator
{
	height: 4px;
	font-size: 0px;
	line-height: 0px;
}

.frmseparatora
{
	height: 4px;
	font-size: 0px;
	line-height: 0px;
} 		



.sitemap {
	padding: 0px;
	margin: 0px;
}


.sitemap li{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 20px;
}

.tekstblok p {
	margin: 10px 0px 10px 0px;
}