/* 
De Schiffart Watersport
=============================================================================================
URL:				http://www.schiffart.nl/
Auteur: 			Stefan Efdé [http://www.addnoise.nl]
=============================================================================================
*/

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

body
		{
			margin: 0;
			padding: 0;
			height: 100%;
			background: #B3D8FF url(../images/header_bg.jpg) repeat-x 0px 0px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #0E1B41;
			line-height: 20px;
			-webkit-text-size-adjust: none;
		}

		a:link, a:visited 
		{ 
			font-weight: normal; 
			text-decoration: underline; 
			color: #037EFF;
			outline-color: invert;
	  	 	outline-style: none;
	   		outline-width: 0pt; 	
		}

		a:hover 
		{ 
			text-decoration: none; 
			color: #037EFF;
		}
		
		p {
			margin: 0px 0px 0px 0px;
			padding: 0px;
		}
		.intro {
			display: block;
			padding: 0px 0px 0px 0px;
			font-weight: bold;
			margin: 0px;
		}
		.bold {
			font-weight: bold;
			color: #0E1B41;
		}
		.tekst {
			display: block;
			padding: 0px 0px 0px 0px;
			margin: 0px;
		}
		
		.tekst ul {
			padding: 0px 0px 0px 10px;
			margin: 10px 0px 15px 0px;
		}
		.tekst ul li {
			line-height: 24px;
			list-style-type: none;
			background: url(../images/bullet.gif) no-repeat 0px 6px ;
			padding: 0px 0px 0px 20px;
			margin: 0px;
		}
		
		.sitemap {
			padding: 0px 0px 0px 0px;
			margin: 0px;
		}
		
		.sitemap ul {
			padding: 0px 0px 0px 10px;
			margin: 10px 0px 15px 0px;
		}
		.sitemap ul li {
			line-height: 24px;
			list-style-type: none;
			background: url(../images/bullet.gif) no-repeat 0px 6px ;
			padding: 0px 0px 0px 20px;
			margin: 0px 0px 0px 0px;
		}
	
		
		
		
		.blauw {
			color: #037EFF;
		}
		h1 
		{
			position: relative;
			font-size: 18px;
			font-family: Arial, Helvetica, sans-serif;
			font-weight: bold;
			font-style: italic;
			color: #037EFF;
			padding: 5px 80px 5px 0px;
			margin: 0px 0px 0px 0px;
			line-height: 18px;
			float: left;
			background: url(../images/kopje_bg.png) no-repeat bottom right;
		}
		/* Fix voor IE */
			* html h1
			{
				background: none;
			}
		
		
		
		h5 
		{
			font-size: 16px;
			font-family: Arial, Helvetica, sans-serif;
			font-weight: bold;
			font-style: italic;
			color: #0E1B41;
			padding: 0px 0px 5px 0px;
			margin: 0px 0px 10px 0px;
			line-height: 16px;
		}
		h6 
		{
			position: relative;
			font-size: 18px;
			font-family: Arial, Helvetica, sans-serif;
			font-weight: bold;
			font-style: italic;
			color: #037EFF;
			padding: 5px 80px 5px 0px;
			margin: 0px 0px 0px 0px;
			line-height: 18px;
			float: left;
			background: url(../images/kopje_bg.png) no-repeat bottom right;
		}
		/* Fix voor IE */
			* html h6
			{
				background: none;
			}
		
		.kop_icon {
			position: absolute;
			top: -18px;
			left: -25px;
			width: 48px;
			height: 23px;
			background: url(../images/bg_kopje.gif) no-repeat 0px 0px;
		}
		.kop_icon2 {
			position: absolute;
			top: -14px;
			left: -25px;
			width: 48px;
			height: 23px;
			background: url(../images/bg_kopje2.gif) no-repeat 0px 0px;
		}
		
		
		
		html
		{
			height: 100%;
		}

		#bovenstuk
		{
			width: 100%;
			height: 272px;
			background: url(../images/bg_header.jpg) repeat-x bottom left;
		}
		
		#bovenbalk
		{
			width: 100%;
			height: 50px;
			background: #E5F2FF repeat-x top left;
		}
		
		#menubalk
		{
			width: 100%;
			height: 37px;
			background: #E5F2FF url(../images/bg_menubalk.gif) repeat-x bottom left;
		}
		
		#logo
		{
			position: relative;
			margin: 0 auto;
			width: 970px;
			height: 147px;
			background: url(../images/header01.jpg) no-repeat top left;
		}
		
		
		#middenstuk
		{
			width: 100%;
			min-height: 550px;
			padding-bottom: 90px;
			background:  url(../images/bg_middenstuk.gif) repeat-x top left;
		}
			/* Fix voor IE */
			* html #middenstuk
			{
				height: 550px;
			}
		#middenstuk2
		{
			width: 100%;
			min-height: 550px;
			background:  url(../images/bg_middenstuk2.jpg) repeat-x bottom left;
		}
			/* Fix voor IE */
			* html #middenstuk2
			{
				height: 550px;
			}
		
		#onderstuk
		{
			width: 100%;
			height: 90px;
			margin: -90px auto 0 auto;
			background: url(../images/footer_bg_rep.gif) repeat-x top left;
		}

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

		#pagina
		{
			position: relative;
			margin: 0 auto;
			width: 970px;
			min-height: 355px;
			padding: 0px 0px 0px 0px;
		}
				
		#pagina_top
		{
			position: relative;
			top: -37px;
			left: 0px;
			width: 970px;
			min-height: 355px;
			background: url(../images/pagina_top.gif) no-repeat 0px 0px;
			padding: 0px 0px 0px 0px;
		}
			/* Fix voor IE */
				* html #pagina_top
				{
					height: 355px;
				}
		
					
		#footer
		{
			margin: 0 auto;
			width: 940px;
			height: 90px;
			position: relative;
			background: url(../images/footer_bg.gif) no-repeat top left;	
		}

		#container
		{
			position: relative;
			min-height: 100%;
						

		}

		* html #container
		{
			height: 100%;
			
		}

/* Kruimelpad */

#kruimelpad {
	position: absolute;
	top: -36px;
	left: 8px;
	color: #9c9c9c;
	height: 20px;
	width: 585px;
	float: left;
	font-size: 10px;
}

#kruimelpad a:link, #kruimelpad a:visited{ 
	color: #9c9c9c;
	text-decoration: none;
	}
#kruimelpad a:hover {
	color: #0E1B41;
}

/* 2 linkjes */
.linkjes {
	position: absolute;
	top: -36px;
	right: 20px;
	width: 300px;
	height: 20px;
	font-size: 10px;
}

.linkjes ul { 
	margin: 0px 0px 0px 0px;
	padding: 0px;
	list-style-type: none;
	}
	
.linkjes ul li { 
	display: inline;
	margin: 0px;
	padding: 0px;
	
}
.linkjes ul li a:link, .linkjes ul li a:visited {
	color: #7CAFCD;
	text-decoration: none;
	padding: 0px 0px 8px 0px;
	margin: 0px 0px 0px 0px;
}
.linkjes ul li a:hover {
	color: #037EFF;
	background: url(../images/arrow_up.gif) no-repeat bottom center;
}

.linkjes ul li a.actief:link, .linkjes ul li a.actief:visited, .linkjes ul li a.actief:hover, .linkjes ul li a.actief:active {
	text-decoration: none;
	color: #037EFF;
	background: url(../images/arrow_up.gif) no-repeat bottom center;
}



/* Landen vlaggetjes */
.flags {
	position: absolute;
	top: -47px;
	right: 0px;
}
.flags ul {
	padding: 0px;
	list-style-type: none;
}

.flags  ul { 
	margin: 10px 0px 0px 26px;
	padding: 0px;
	list-style-type: none;
	}
	
.flags  ul li { 
	display: inline;
	margin: 0px;
	padding: 0px;
	}	
	
.flags  ul li img { 
	float: left;
	border: 0px;
	padding: 0px 6px 0px 0px;	
	}
	
.copyright {
	font-size: 11px;
	float: left;
	width: 300px;
	padding: 20px 0px 0px 0px;
	color: #FFF;
	text-decoration: none;
}
.copyright a, .copyright a:visited {
			color: #FFF;
			text-decoration: none;
		}
.copyright a:hover {
			color: #037EFF;
			text-decoration: none;
		}
.copyright a.actief {
			text-decoration: none;
			color: #037EFF;
			font-weight: bold;
}

#adresgegevens{
	width: 190px;
	min-height: 100px;
	font-size: 11px;
	padding: 0px 0px 0px 15px;
}
#adresgegevens_vervolg{
	position: absolute;
	top: -210px;
	left: 15px;
	width: 190px;
	min-height: 100px;
	font-size: 11px;
	padding: 0px 0px 0px 15px;
}


.content {
	float: left;
	width: 970px;
	margin: 35px 0px 0px 0px;
	padding: 0px;
	background: url(../images/vertiline.gif) no-repeat 245px 0px;
}
/* Fix voor IE */
				* html .content
				{
					background: url(../images/vertiline.gif) no-repeat 240px 0px;
				}

.content_vervolg {
	float: left;
	width: 970px;
	min-height: 434px;
	margin: 20px 0px 0px 0px;
	padding: 0px;
	background: url(../images/vertiline2.gif) no-repeat 245px 0px;
}


#linkerkant {
	padding: 0px 0px 0px 25px;
	margin: 0px 0px 0px 0px;
	float: left;
}
#linkerkant_vervolg {
	margin: 0px 0px 0px 0px;
	float: left;
}


#leftbox {
	width: 202px;
	background: #003C6E url(../images/bg_leftbox.jpg) no-repeat top left;
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 0px 0px;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
	color: #FFF;
	padding: 20px 0px 0px 15px;
	margin: 0px 0px 10px 0px;
	line-height: 18px;
}

#directnaar {
	width: 172px;
	background: url(../images/bg_leftbox_btm.jpg) no-repeat bottom left;
	padding: 0px 30px 5px 0px;
	margin: 0px 0px 0px 0px;
}

#directnaar ul {
	margin: 0px 0px 20px 15px;
	padding: 0px;
}


#directnaar ul li {
	list-style-type: none;
	text-align: left;
	line-height: 18px;
	margin: 0px 0px 0px 0px;
	padding: 7px 0px 7px 0px;	
}
#directnaar ul li a, #directnaar ul li a:visited {
	color: #B3D8FF;
	text-decoration: none;
	padding: 0px 0px 0px 23px;
	background: url(../images/arrow01.gif) no-repeat 0px -45px;
	display: block;
	line-height: 18px;
	margin: 0px;
}

#directnaar ul li a:hover {
	color: #FFF;
}

#logo1 a:link, #logo1 a:visited {
	display: block;
	width: 190px;
	height: 60px;
	background: no-repeat url(../images/logo_antaris.gif);
}
#logo2 a:link, #logo2 a:visited {
	display: block;
	width: 190px;
	height: 60px;
	margin:  20px 0px 0px 0px;
	background: no-repeat url(../images/logo_yamaha.gif);
}

.rechterkant {
	float: right;
	width: 670px;
	background: url(../images/bg_content.jpg) no-repeat top right;
	padding: 15px 25px 0px 0px;
	margin: 0px;
}


.rechterkant_vervolg {
	float: right;
	width: 250px;
	min-height: 339px;
	background: url(../images/bg_rightbox.jpg) no-repeat top right;
	padding: 7px 6px 0px 0px;
	margin: 0px 15px 0px 0px;
	font-size: 11px;
}
		/* Fix voor IE */
			* html .rechterkant_vervolg
			{
				height: 340px;
				margin-right: 10px;
			}
			
.rechterkant_vervolg ul {
	padding: 0px 10px 0px 0px;
	margin: 10px 0px 15px 20px;
}
.rechterkant_vervolg ul li {
	line-height: 24px;
	list-style-type: none;
	background: url(../images/V_icon.gif) no-repeat 0px 2px ;
	padding: 0px 0px 0px 25px;
	margin: 0px;
}
.rechterkant_vervolg ul li.calender {
	line-height: 24px;
	list-style-type: none;
	background: url(../images/calender_icon.gif) no-repeat 0px 4px ;
	padding: 0px 0px 0px 25px;
	margin: 0px;
}
a.blue_btn, a.blue_btn:visited {
	font-family: Arial, Helvetica, sans-serif;
	width: 172px;
	height: 26px;
	display: block;
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
	color: #FFF;
	line-height: 20px;
	background: url(../images/boeken_btn.gif) no-repeat 0px 0px ;
	padding: 5px 0px 0px 0px;
	margin: 0px 0px 0px 47px;
	text-decoration: none;
	text-align: center;
}
a.blue_btn:hover {
	background: url(../images/boeken_btn.gif) no-repeat 0px -31px ;
	text-decoration: none;
	color: #FFF;
}

.midden {
	float: left;
	width: 390px;
	margin: 0px 0px 0px 35px;
	padding: 0px 0px 0px 0px;
	background: url(../images/kopline2.gif) no-repeat top right;
}
	/* Fix voor IE */
				* html .midden
				{
					margin: 0px 0px 0px 15px;
					
				}


#tekstblokken{
	float: left;
	width: 690px;
	min-height: 150px;
	margin: 0px 0px 0px 40px;
	background: url(../images/bg_midden2.gif) no-repeat top left;
}
/* Fix voor IE */
				* html #tekstblokken
				{
					height: 150px;
					
				}

.midden2 {
	float: left;
	width: 635px;
	margin: 0px 0px 0px 20px;
	padding: 8px 0px 0px 0px;
}
/* Fix voor IE */
				* html .midden2
				{
					margin: 0px 0px 0px 10px;
					
				}

			
.midden3 {
	float: left;
	width: 635px;
	margin: 30px 0px 0px 20px;
	padding: 8px 0px 0px 0px;
}


.leesmeer {
	float: left;
	padding: 0px 15px 0px 15px;
	margin: 0px 0px 0px 0px;
	display: block;
	line-height: 20px;
}

.leesmeer a, .leesmeer a:visited {
	display: block;
	text-decoration: none;
}

.leesmeer a:hover {
	color: #3B93D3;
	text-decoration: none;
}

.hiswa {
	float: right;
	width: 63px;
	height: 64px;
	margin: 13px 0px 0px 0px;
}

/* Tabellen
---------------------------------------------------------------------------------------------- */

.specificatiestop
{
 background: #FFD22A;
 color: #ffffff;
 font-weight: bold;
}	

.tdwit
{
 background: url(../images/dot_line2.gif) repeat-x bottom left;
 width: 180px;
 text-align: left;
 color: #037EFF;
}	

.tdwit2
{
 background: url(../images/dot_line2.gif) repeat-x bottom left;
 width: 180px;
 text-align: left;
}	

.tarieventop
{
 background: #5ABCDD;
 color: #037EFF;
 font-weight: bold;
}	


.tdblauw1
{
 background: #E9ECF1;
 width: 180px;
 text-align: left;
}	

.tdblauw2
{
 background: #E9ECF1;
 text-align: left;
}

.tdblauw
{
 background: url(../images/dot_line2.gif) repeat-x bottom left;
}


.tddonkerblauw
{
 background: #E9ECF1;
 color: #ffffff;
}
.newsline {
	float: left;
	width: 100%;
	height: 1px;
	line-height: 0px;
	padding: 0px;
	font-size: 0px;
	margin: 10px 0px 10px 0px;
	background: url(../images/dot_line.gif) repeat-x bottom left;
}
.newslinks{
	float: left;
	width: 153px;
	padding: 0px;
	margin: 0px;
}

.newslinks img {
	border: 0px;
	float: left;
		padding: 0px;
	margin: 0px;
}

.newsrechts {
	float: right;
	width: 455px;
		padding: 0px;
	margin: 0px;
}

.sitemap {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
}


.sitemap ul {
			padding: 0px;
			margin: 0px;
		}
.sitemap ul li {
	line-height: 18px;
	list-style-type: none;
	background: url(../images/bullet.gif) no-repeat 0px 4px ;
	padding: 0px 0px 3px 20px;
	margin: 0px;
	text-decoration: none;
}


.sitemap ul li a, .sitemap ul li a:visited {

	text-decoration: none;
}

a.meer:link, a.meer:visited {
	width: 116px;
	height: 22px;
	display: block;
	float: left;
	color: #FFFFFF;
	text-align: center;
	margin: 8px 0px 0px 0px;
	padding: 3px 0px 0px 0px;

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


/* Navigatiebalk
---------------------------------------------------------------------------------------------- */

#menu {
	position: relative;
	width: 970px;
	height: 37px;
	margin: 0 auto;
}

#tabs 
		{
			position: relative;
			width: 970px;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			line-height: 0px;
			font-weight: bold;
			margin-left: 2px;
		}
		

		#tabs ul 
		{
			margin: 0px 0px 0px 0px;
			padding: 0;
			height: 37px;
			list-style: none;
		}

		#tabs li 
		{
			float: left;
			display: inline;
			position: relative;
			margin: 0 8px 0 7px;
			padding: 0px 0px 0px 0px;
		}

		#tabs a 
		{
			float: left;
			height: 34px;
			margin: 0px 0px 0 0px;
			padding: 3px 0 0 4px;
			text-decoration: none;
			line-height: 34px;
			font-weight: bold;
		}

		.inactief .tabcontainer a
		{
			
			padding: 11px 0px 0px 0px;
			color: #FFF;
		}

		.inactief .tabcontainer a:hover
		{
			padding: 0;
			margin: 0;
			background: url("../images/knopback2.gif") no-repeat center top;
			background-position: center -37px;
		}

		.inactief .tabcontainer .links
		{
			position: absolute;
			top: 0;
			height: 37px;
			margin: 0px 0px 0px -10px;
			padding: 0;
			width: 9px;
		}

		.inactief .tabcontainer a:hover .links
		{
			position: absolute;
			top: 0;
			height: 37px;
			margin: 0px 0px 0px -10px;
			padding: 0;
			width: 9px;
			background: url("../images/knopback2.gif") no-repeat center top;
			background-position: 0px -37px;
		}

		.inactief .tabcontainer .rechts
		{
			position: absolute;
			top: 0;
			right: -9px;
			height: 37px;
			margin: 0px;
			margin-right: 0px;
			width: 9px;
		}

		.inactief .tabcontainer a:hover .rechts
		{
			position: absolute;
			top: 0;
			right: -9px;
			height: 37px;
			margin: 0px;
			margin-right: 0px;
			width: 9px;
			background: url("../images/knopback2.gif") no-repeat top right;
			background-position: right -37px;
		}

		#current
		{
			float: left;
			height: 37px;
			text-decoration: none;
			background:  url("../images/knopback2.gif") no-repeat center top;
			line-height: 37px;
		}
		#current a, #current a:visited
		{
			color: #0E1B41;
			padding: 3px 0px 0px 0px;
			margin: 0px;
		}
			/* Fix voor IE */
				* html #current a, #current a:visited
				{	
					padding: 3px 0px 0px 0px;
					
				}
		#current a:hover 
		{
			color: #037EFF;
		}
		
		#current .tabcontainer
		{
			
			padding: 0px 1px 0 0px;
			color: #037EFF;
		}
		
	
		#current .tabcontainer .links
		{
			position: absolute;
			top: 0;
			height: 37px;
			margin: 0px 0px 0px -9px;
			padding: 0;
			width: 9px;
			background: url("../images/knopback2.gif") no-repeat center top;
			background-position: 0px 0px;
		}

		#current .tabcontainer .rechts
		{
			position: absolute;
			top: 0;
			right: -9px;
			height: 37px;
			margin: 0px;
			margin-right: 0px;
			width: 9px;
			background: url("../images/knopback2.gif") no-repeat top right;
		}

/* Subnav
---------------------------------------------------------------------------------------------- */
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
	color: #FFF;
	padding: 6px 0px 0px 15px;
	margin: 0px 0px 10px 0px;
	line-height: 18px;
}

#leftbox_vervolg {
	width: 202px;
	min-height: 200px;
	background: url(../images/bg_subnav.gif) no-repeat bottom left;
	margin: 0px 0px 0px 25px;
	padding: 0px 0px 12px 0px;
}

#subnav {
	width: 202px;
	background: url(../images/subnav_kop.gif) no-repeat top left;
	padding: 7px 0px 20px 0px;
	margin: 0px;
}

#subnav ul {
	margin: 0px 15px 0px 15px;
	padding: 10px 0px 0px 0px;
	
}


#subnav ul li {
	list-style-type: none;
	text-align: left;
	line-height: 18px;
	margin: 0px 0px 0px 0px;
	padding: 7px 0px 7px 0px;
	background: url(../images/dot_line.gif) repeat-x bottom left;
	
}
#subnav ul li a, #subnav ul li a:visited {
	color: #0E1B41;
	text-decoration: none;
	padding: 0px 0px 0px 23px;
	background: url(../images/arrow01.gif) no-repeat 0px -45px;
	display: block;
	line-height: 18px;
	margin: 0px;
}

#subnav ul li a:hover {
	color: #037EFF;
}
#subnav ul li a.actief, #subnav ul li a.actief:visited, #subnav ul li a.actief:hover {
	color: #037EFF;
	text-decoration: none;
	padding: 0px 0px 0px 23px;
	background: url(../images/arrow01.gif) no-repeat 0px -45px;
	display: block;
	line-height: 18px;
	margin: 0px;
	font-weight: normal;
}


/* Navigatie menu tweede niveau
------------------------------------------------------------------------------------------ */
	
	#subnav ul li ul
	{ 
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
	
	#subnav ul li ul li
	{
		width: 180px;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		line-height: 0px;
		background: none ;
	}
	
	#subnav ul li ul li a:link, #subnav ul li ul li a:visited
	{
	color: #0E1B41;
	margin: 0px 0px 0px 25px;
	padding: 2px 0px 2px 10px;
	text-decoration: none;
	border-left: 1px solid #037EFF;
	display: block;
	background: none ;
	}
	
	#subnav ul li ul li a:hover
	{
		color: #037EFF;
	}
	
	#subnav ul li ul li a.actief, #subnav ul li ul li a.actief:link, #subnav ul li ul li a.actief:hover, #subnav ul li ul li a.actief:visited
	{
		color: #0E1B41;
		margin: 0px 0px 0px 25px;
		padding: 2px 0px 2px 10px;
		text-decoration: none;
		border-left: 1px solid #037EFF;
		display: block;
		background: none ;
		font-weight: bold;
	}


/* Navigatie menu Derde niveau
------------------------------------------------------------------------------------------ */
	
	#subnav ul li ul li ul
	{ 
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		background: none;
	}
	
	#subnav ul li ul li ul li
	{
		width: 160px;
		border: 0px solid #ffdd00;
		padding: 0px 0px 0px 0px;
		background: none;
	}

	

	
	#subnav ul li ul li ul li a:link, #subnav ul li ul li ul li a:visited
	{
		color: #0E1B41;
		margin: 0px 0px 0px 35px;
		padding: 2px 0px 2px 10px;
		text-decoration: none;
		border-left: 0px solid #037EFF;
		display: block;
		background: none ;
	}
	
	#subnav ul li ul li ul li a:hover
	{
		color: #3C74B6;
	}
	
	#subnav ul li ul li ul li.actief, #subnav ul li ul li ul li.actief:link, #subnav ul li ul li ul li.actief:hover, #subnav ul li ul li ul li.actief:visited
	{
		width: 140px;
		color: #3C74B6;
		margin: 0px 0px 0px 35px;
		padding: 2px 0px 2px 10px;
		text-decoration: none;
		border-left: 0px solid #037EFF;

		background: none;
		line-height: 18px;
	}



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

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
#carousel {
	float: left;
	width: 970px;
	height: 170px;
	background: url(../images/bg_carousel.gif) no-repeat bottom left;
}
#carousel img {
	border: 0px;
	margin-top: 15px;
}

.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: 236px;
    height: 160px;
}


/**
 * 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;
}


/* Thema Tango
----------------------------------------------------- */
.jcarousel-skin-tango.jcarousel-container {
    margin-top: 5px;
}

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



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



.jcarousel-skin-tango .jcarousel-item {
    width: 220px;
    height: 160px;
    background: url(../images/carousel_seperator.gif) no-repeat bottom right;
    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: 60px;
    right: -2px;
    width: 28px;
    height: 25px;
    cursor: pointer;
    background: transparent url(../images/btn_next.gif) no-repeat 0 0;
}
		/* Fix voor IE */
		* html .jcarousel-skin-tango .jcarousel-next-horizontal
		{
			right: -25px;
		}		

.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: 60px;
    left: -18px;
    width: 28px;
    height: 25px;
    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;
}



/**
 *  Horizontal Buttons
 */
.jcarousel-skin-sambo .jcarousel-next-horizontal,
.jcarousel-skin-sambo .jcarousel-next-horizontal:hover,
.jcarousel-skin-sambo .jcarousel-next-horizontal:active {
    position: absolute;
    top: 40px;
    right: 0px;
    width: 28px;
    height: 25px;
    cursor: pointer;
    background: transparent url(../images/arrow_next.gif) no-repeat 0 0;
}


.jcarousel-skin-sambo .jcarousel-next-disabled-horizontal,
.jcarousel-skin-sambo .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-sambo .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    position: absolute;
    top: 40px;
    right: 0px;
    width: 28px;
    height: 25px;
    background: transparent url(../images/arrow_next_off.gif) no-repeat 0 0;

}

.jcarousel-skin-sambo .jcarousel-prev-horizontal,
.jcarousel-skin-sambo .jcarousel-prev-horizontal:hover,
.jcarousel-skin-sambo .jcarousel-prev-horizontal:active {
    position: absolute;
    top: 40px;
    left: -10px;
    width: 28px;
    height: 25px;
    cursor: pointer;
    background: transparent url(../images/arrow_prev.gif) no-repeat 0 0;
}


.jcarousel-skin-sambo .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-sambo .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-sambo .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
   	position: absolute;
    top: 40px;
    left: -10px;
    width: 28px;
    height: 25px;
    cursor: pointer;
    background: transparent url(../images/arrow_prev_off.gif) no-repeat 0 0;
}

.onderschrift {
	color: #BEC2CC;
	font-size: 10px;
	padding: 0 0 0 25px;
}


h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 18px;
	font-style: italic;
	padding: 5px 0px 0px 10px;
	margin: 0px 0px 10px 0px;
	line-height: 30px;
	height: 34px;
	background: url(../images/slider_kop.gif) no-repeat 0px 0px;
}
/* Fix voor IE */
				* html h2
				{	
					margin-top: -2px;
					
				}
	

a.itembutton:link, a.itembutton:visited 
{
	text-decoration: none;
	color: #B3D8FF;
	cursor: pointer;
	display: block;
	padding: 0px;
}

a.itembutton:hover, a.itembutton:active
{
	text-decoration: none;
	color: #FBCD0F;
}	

/* Foto overzicht
------------------------------------------------------------------------------------------ */
.fotosrechts { 
	float: right;
	width: 260px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 20px;
	}
	
.fotosrechts img { 
	border: 0px;
	float: right;
	width: 240px;
	margin: 0px 0px 20px 0px;
	}
	
.fotoslinks { 
	float: left;
	width: 294px;
	padding: 0px 0px 0px 0px;
	margin: 0px 20px 0px 0px;
	}
	
.fotoslinks img { 
	border: 0px;
	float: left;
	width: 294px;
	height: 158px;
	margin: 0px 0px 20px 0px;
	}
	
.fotosoverzicht { 
	padding: 0px 0px 0px 0px;
	margin: 20px 0px 0px 0px;
	font-size: 0px;
	line-height: 0px;
	width: 660px;
	height: 170px;
	}		
	
.fotosoverzicht img
{
	width: 153px;
	height: 98px;
	border: 0px;
	padding: 0px;
	margin: 20px 10px 0px 0px;
	float: left;
}
.fotosoverzicht img:hover
{
	border: 0px solid #fdffe9;
}

.fotosoverzicht_iconen { 
	width: 390px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 20px 0px;
	font-size: 0px;
	line-height: 0px;
	float: left;
	}		
	
.fotosoverzicht_iconen img
{
	width: 28px;
	height: 28px;
	border: 0px;
	padding: 0px;
	margin: 0px 5px 5px 0px;
	float: left;
}

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

.overzicht {
	width: 645px;
	height: 130px;
}

.tekstrechts {
	float: right;
	width: 545px;
	padding: 5px 0px 0px 0px;
}
.overzicht a, .overzicht a:visited {
	display: block;
	color: #0E1B41;
	text-decoration: none;
	cursor: pointer;
}
.overzicht a:hover {
	color: #037EFF;
	background: none;
	text-decoration: none;
	display: block;
}

/* Formulier
---------------------------------------------------------------------------------------------- */
.contentform {
	margin: -55px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 645px;
}

.form_buttons {
	position: relative;
	width: 300px;
	margin-top: 10px;
	z-index: 4;

}

input.button1 {
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	background:  url(../images/meer.gif) no-repeat 0px -25px; 
	border: 0px;
	color: #ffffff;
	width: 116px;
	height: 25px;
	margin: 5px 10px 10px 0px; 
	padding: 3px 10px 3px 5px;
	}
	
input.button2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	background: url(../images/meer.gif) no-repeat 0px 0px; 
	border: 0px;
	width: 116px;
	height: 25px;
	color: #ffffff;
	margin: 5px 0px 10px 0px; 
	padding: 3px 10px 3px 10px; 
	}	

.aanmelden {

	border: 1px solid #0E1B41;
		width: 165px;
		margin-left: 0px;
		font-size: 11px;
		line-height: 11px;
		height: 18px;
		margin: 2px 0px 10px 0px;
		}
	
.input {
	background: url(../images/invulbg.gif) repeat-x bottom left; 
	border: 1px solid #0E1B41;
	font-size: 11px;
		width: 203px;
		margin-left: 10px;
		line-height: 11px;
		height: 16px;	
		
		}
		
.invulNormaal {
	background: #FFF url(../images/invulbg.gif) repeat-x bottom left; 
	border: 1px solid #0E1B41;
	font-size: 11px;
		width: 250px;
		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: #A5D1FF url(../images/invularea.gif) repeat-x bottom left;
	border: 1px solid #0E1B41;
	font-size: 11px;
		width: 250px;
		height: 80px;
		line-height: 11px;
		margin: 1px 0px 1px 0px;
		padding: 2px 3px 1px 3px;
		
		}

.lb {
	color: #79ACD9;
}

.veld2pulldown select
{
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 background-color: #ffffff;
 color: #000000;
 border: 1px solid #0E1B41;
 margin-right: 0px;
 text-align: left;
 height: 18px;
 padding: 2px 3px 2px 3px;
 margin: 0 0 0 0;
}	

.invulSmall {
	background: #C2E0FF url(../images/invulbg.gif) repeat-x bottom left; 
	border: 1px solid #0E1B41;
	font-size: 11px;
		width: 140px;
		line-height: 11px;
		height: 16px;
		margin: 1px 0px 1px 0px;
		padding: 2px 3px 1px 3px;
		}
		
.invulPulldown {
	background: #ffffff;
	border: 1px solid #0E1B41;
	font-size: 11px;
	height: 18px;
		line-height: 11px;
		margin: 1px 0px 1px 0px;
		padding: 2px 3px 2px 3px;
		}		
		
.invulXSmall {
	background: #FFF url(../images/invulbg.gif) repeat-x bottom left; 
	border: 1px solid #0E1B41;
	font-size: 11px;
		width: 40px;
		line-height: 11px;
		height: 16px;
		margin: 1px 0px 1px 0px;
		padding: 2px 3px 1px 3px;
		}

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

.sIFR-flash {
	width: 100%;
	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 10px 0px;
	padding: 0px 0px 0px 0px;
	letter-spacing: 1px;
	height: 26px;
	line-height: 18px;
	color: #0E1B41;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	margin: 20px 0px 10px 0px;
	padding: 0px 0px 0px 15px;
	letter-spacing: 1px;
	height: 26px;
	line-height: 18px;
	color: #FFFFFF;
}


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


.spacer5 {
	height: 5px;
	font-size: 0px;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
}


.spacer10 {
	height: 10px;
	font-size: 0px;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
}


.spacer20 {
	height: 20px;
	font-size: 0px;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
}


.spacer30 {
	height: 30px;
	font-size: 0px;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
}