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

/* 
ACHTERGROND 	: #FFFFFF
BlAUW			: #0E1B41
BRUIN			: #D14F2A
ORANJE			: #FEAF20
GRIJS			: #343434
*/

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

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

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

		a:hover 
		{ 
			text-decoration: underline; 
			color: #FEAF20;
		}
		
		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 7px ;
			padding: 0px 0px 0px 20px;
			margin: 0px;
		}
		.bruin {
			color: #D14F2A;
		}
		h1 
		{
			position: relative;
			font-size: 18px;
			font-family: Arial, Helvetica, sans-serif;
			font-weight: bold;
			font-style: italic;
			color: #0E1B41;
			padding: 5px 10px 5px 0px;
			margin: 0px 0px 20px 0px;
			line-height: 18px;
			background: url(../images/bg_h1.jpg) repeat-x top left;
			float: left;
		}
		h5 
		{
			position: relative;
			font-size: 16px;
			font-family: Arial, Helvetica, sans-serif;
			font-weight: bold;
			font-style: italic;
			color: #0E1B41;
			padding: 5px 10px 5px 0px;
			margin: 0px 0px 20px 0px;
			line-height: 18px;
			float: left;
		}
		h6 
		{
			position: relative;
			font-size: 18px;
			font-family: Arial, Helvetica, sans-serif;
			font-weight: bold;
			font-style: italic;
			color: #0E1B41;
			padding: 5px 10px 5px 0px;
			margin: 0px 0px 20px 0px;
			line-height: 18px;
			float: left;
			background: url(../images/bg_content.jpg) no-repeat 0px 10px;
		}
		
		.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: 310px;
			background: url(../images/bg_header.gif) repeat-x bottom left;
		}
		
		#bovenbalk
		{
			width: 100%;
			height: 50px;
			background: #FFF url(../images/bg_bovenbalk.gif) repeat-x top left;
		}
		
		#menubalk
		{
			width: 100%;
			height: 37px;
			background: #FEBC2A url(../images/bg_menubalk.gif) repeat-x top left;
		}
		
		#logo
		{
			position: relative;
			margin: 0 auto;
			width: 970px;
			height: 210px;
			background: url(../images/header.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/bg_footer.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 top left;
			padding: 5px 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: -45px;
	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 {
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: #FEAF20;
			text-decoration: none;
		}
.copyright a.actief {
			text-decoration: none;
			color: #FEAF20;
			font-weight: bold;
}

.terug {
	position: absolute;
	top: -96px;
	left: 250px;
	width: 200px;
	height: 20px;
	font-size: 11px;
}
.terug ul {
			padding: 0px 0px 0px 0px;
			margin: 0px 0px 0px 0px;
		}
.terug ul li {
	line-height: 24px;
	list-style-type: none;
	background: url(../images/bullet.gif) no-repeat 0px 7px ;
	padding: 0px 0px 0px 20px;
	margin: 0px;
}



#adresgegevens{
	position: absolute;
	top: -230px;
	left: 0px;
	width: 200px;
	height: 100px;
	font-size: 11px;
}

.content {
	float: left;
	width: 970px;
	margin: 25px 0px 0px 0px;
	padding: 0px;
}

#linkerkant {
	margin: 0px 0px 0px 0px;
	float: left;
}

#leftbox {
	width: 219px;
	background: #FEAF20 url(../images/bg_leftbox.jpg) no-repeat top left;
	margin: 0px 0px 0px 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: 219px;
	background: url(../images/bg_leftbox_btm.jpg) no-repeat bottom left;
	padding: 0px 0px 20px 0px;
	margin: 0px;
}

#directnaar ul {
	margin: 0px 15px 30px 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;
	background: url(../images/dot_line.gif) repeat-x bottom left;
	
}
#directnaar ul li a, #directnaar 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;
}



#directnaar ul li a:hover {
	color: #FFF;
	background: url(../images/arrow01.gif) no-repeat 0px 3px;
}

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

.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 70px 0px;
	background: url(../images/kopline2.gif) no-repeat top right;
}
	/* Fix voor IE */
				* html .midden
				{
					margin: 0px 0px 0px 15px;
					
				}


#tekstblokken{
	float: right;
	width: 749px;
	padding: 0px 0px 0px 0px;
}

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



#boxen {
	padding: 0px 25px 0px 0px;
	float: right;
}
.boxtekst {
	color: #FFF;
	padding: 0px 10px 0px 15px;
	display: block;
}

.box1 {
	float: left;
	width: 220px;
	height: 128px;
	background: url(../images/box1.jpg) no-repeat top left;
	margin: 0px 0px 0px 0px;
}
.box2 {
	float: left;
	width: 219px;
	height: 128px;
	background: url(../images/box2.jpg) no-repeat top left;
	margin: 0px 0px 0px 5px;
}
.box3 {
	float: left;
	width: 235px;
	height: 128px;
	background: url(../images/box3.jpg) no-repeat top left;
	margin: 0px 0px 0px 5px;
}

.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;
}	

TD {
	font-size: 12px;
}

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

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

.tarieventop
{
 background: #5ABCDD;
 color: #D14F2A;
 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;
	margin: 20px 0px 0px 0px;
	background: url(../images/dot_line.gif) repeat-x bottom left;
}
.newslinks{
	float: left;
	width: 80px;
	
}

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

.newsrechts {
	float: right;
	width: 545px;
	
}

.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;
}

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

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

		#tabs li 
		{
			float: left;
			display: inline;
			position: relative;
			margin: 0 10px 0 10px;
			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: 0px;
			margin: 0px;
		}
			/* Fix voor IE */
				* html #current a, #current a:visited
				{	
					padding: 3px 0px 0px 0px;
					
				}
		#current a:hover 
		{
			color: #D14F2A;
		}
		
		#current .tabcontainer
		{
			
			padding: 0px 1px 0 0px;
			color: #D14F2A;
		}
		
	
		#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: 206px;
	height: 200px;
	background: url(../images/bg_subnav2.jpg) no-repeat 0px 35px;
	margin: 0px 0px 0px 15px;
	padding: 0px 0px 0px 0px;
}

#subnav {
	width: 206px;
	background: url(../images/subnav_kop.gif) no-repeat top left;
	padding: 0px 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: #E29883;
	background: url(../images/arrow01.gif) no-repeat 0px 3px;
}
#subnav ul li a.actief, #subnav ul li a.actief:visited, #subnav ul li a.actief:hover {
	color: #D14F2A;
	text-decoration: none;
	padding: 0px 0px 0px 23px;
	background: url(../images/arrow01.gif) no-repeat 0px 3px;
	display: block;
	line-height: 18px;
	margin: 0px;
	font-weight: normal;
}



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

#subnav ul li li {
	font-size: 11px;
	list-style-type: none;
	text-align: left;
	line-height: 14px;

	margin: 0px 0px 0px 0px;
	padding: 4px 0px 4px 0px;
	background: none;
	
}
#subnav ul li li a, #subnav ul li li a:visited {
	color: #636B85;
	text-decoration: none;
	padding: 0px 0px 0px 35px;
	background: none;
	display: block;
	line-height: 14px;

	margin: 0px;
	background: url(../images/arrow02.gif) no-repeat 10px 3px;
}

#subnav ul li li a:hover {
	color: #D14F2A;
	background: url(../images/arrow02.gif) no-repeat 10px -48px;
}
#subnav ul li li a.actief:link, #subnav ul li li a.actief:visited, #subnav ul li li a.actief:hover {
	color: #D14F2A;
	text-decoration: none;
	padding: 0px 0px 0px 35px;
	background: url(../images/arrow02.gif) no-repeat 10px -48px;
	display: block;
	line-height: 14px;
	margin: 0px;
	font-weight: normal;
}


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

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
#carousel {
	float: left;
	width: 970px;
	height: 255px;
	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: 230px;
}


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

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



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



.jcarousel-skin-tango .jcarousel-item {
    width: 220px;
    height: 234px;
    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: 115px;
    right: -10px;
    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: 115px;
    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;
}

/* Thema Sambo
----------------------------------------------------- */
.jcarousel-skin-sambo.jcarousel-container {
    margin-top: 20px;
}

.jcarousel-skin-sambo.jcarousel-container-horizontal {
    width: 380px;
    padding: 0px 20px 0px 20px;
}

.jcarousel-skin-sambo.jcarousel-container-horizontal img {
   border: 0px;
}

.jcarousel-skin-sambo .jcarousel-clip-horizontal {
    width:  370px;
    height: 93px;
}



.jcarousel-skin-sambo .jcarousel-item {
    width: 109px;
    height: 93px;
    position: relative;
}

.jcarousel-skin-sambo .jcarousel-item-horizontal {
    margin-right: 15px;
}



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

/**
 *  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: 0px;
	margin: 0px 0px 10px 0px;
	line-height: 18px;
}



.itemtekst {
	width: 190px;
	cursor: pointer;
	display: block;
}


a.itembutton:link, a.itembutton:visited 
{
	text-decoration: none;
	color: #0E1B41;
	cursor: pointer;
}

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

/* Foto overzicht
------------------------------------------------------------------------------------------ */
.fotosrechts { 
	float: right;
	width: 294px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 20px;
	}
	
.fotosrechts img { 
	border: 0px;
	float: right;
	width: 294px;
	height: 158px;
	margin: 0px 0px 20px 0px;
	}
	
.fotosrechts2 { 
	float: right;
	width: 244px;
	height: 129px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}
	
.fotosrechts2 img {
	border: 0px;
	float: right;
	width: 244px;
	height: 129px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	}

.fotosoverzicht { 
	padding: 0px 0px 0px 10px;
	margin: 20px 0px 0px 0px;
	font-size: 0px;
	line-height: 0px;
	width: 645px;
	height: 170px;
	background: url(../images/bg_overzicht.jpg) top left no-repeat;
	}		
	
.fotosoverzicht img
{
	width: 109px;
	height: 93px;
	border: 0px;
	padding: 0px;
	margin: 20px 10px 0px 10px;
	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;
}

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

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

.tekstrechts {
	float: right;
	width: 500px;
	padding: 5px 0px 0px 0px;
}
.overzicht a, .overzicht a:visited {
	display: block;
	color: #0E1B41;
	text-decoration: none;
	cursor: pointer;
}
.overzicht a:hover {
	color: #D14F2A;
	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/form_btns.gif) no-repeat 0px 0px; 
	border: 0px;
	color: #ffffff;
	width: 90px;
	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/form_btns.gif) no-repeat -92px 0px; 
	border: 0px;
	width: 90px;
	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.jpg) repeat-x; 
	border: 1px solid #0E1B41;
	font-size: 11px;
		width: 203px;
		margin-left: 10px;
		line-height: 11px;
		height: 16px;	
		
		}
		
.invulNormaal {
	background: #FFF url(../images/invulbg.jpg) repeat-x; 
	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: url(../images/invulbg.jpg) 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: #FFF url(../images/invulbg.jpg) repeat-x; 
	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.jpg) repeat-x; 
	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;
}
.clearer70 {
	height: 70px;
	clear: both;
	font-size: 0px;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
}

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