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

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

		
html
{
	height: 100%;
}

p{
	margin: 0px;
	padding: 6px 0px 6px 0px;
}

#container {
	margin: 0 auto;
	width: 967px;
}


#container2 {
	float: left;
	width: 965px;
	padding: 1px;
	background: #ffffff;
}

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

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

#header{
	width: 965px;
	height: 179px;
	float: left;
	background: #2a5879 url(../images/header.jpg) top left no-repeat;
	position: relative;
	border-bottom: 1px solid #ffffff;
}

#rechtsboven{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 200px;
	height: 30px;
	background: #ffffff url(../images/streepje.gif) 106px 0px no-repeat;
}

.nederlands{
	position: absolute;
	border: 0px;
	top: 6px;
	right: 45px;	
}

.deutsch{
	position: absolute;
	border: 0px;
	top: 6px;
	right: 16px;	
}

.hiswa{
	position: absolute;
	border: 0px;
	bottom: 20px;
	right: 85px;
}

.no_license{
	position: absolute;
	border: 0px;
	bottom: 20px;
	right: 15px;
}

#midden{
	float: left;
	width: 965px;
	background: #ffffff url(../images/middenback.gif) top left repeat-y;
}

#linkerkant{
	float: left;
	width: 200px;
}

#rechterkant_home{
	float: right;
	width: 764px;
	min-height: 500px;
	background: #ffffff url(../images/rechterkant_home.jpg) top left no-repeat;
}

		
		/* Fix voor IE */
		* html #rechterkant_home
		{
			height: 500px;
		}	
		
#rechterkant_overzicht{
	width: 725px;
	padding: 20px 19px 0px 20px;
	min-height: 500px;
	float: right;
	background: #ffffff url(../images/rechterkant_overzicht.jpg) top left no-repeat;
}

	/* Fix voor IE */
	* html #rechterkant_overzicht
	{
		height: 500px;
	}	
	
#rechterkant_route{
	float: right;
	width: 764px;
	min-height: 500px;
	background: #ffffff url(../images/rechterkant_route.jpg) top left no-repeat;
}

		
		/* Fix voor IE */
		* html #rechterkant_route
		{
			height: 500px;
		}	
	
#rechterkant_vervolg{
	float: right;
	width: 764px;
	min-height: 500px;
	background: #ffffff url(../images/rechterkant_vervolg.jpg) top left no-repeat;
}

		
		/* Fix voor IE */
		* html #rechterkant_vervolg
		{
			height: 500px;
		}		
		
#teksten{
	float: left;
	width: 479px;
	padding: 37px 0px 0px 38px;
}

#teksten_kolom{
	float: left;
	width: 225px;
	padding: 0px 0px 0px 38px;
	overflow: hidden;
}

#teksten_prijzen{
	float: left;
	width: 764px;
	padding: 0px;
	overflow: hidden;
}

#teksten_form{
	float: left;
	width: 479px;
	padding: 0px 0px 0px 38px;
}

.foto_breed{
	width: 479px;
	float: left;
	margin: 0px;
	padding: 20px 0px 0px 0px;
}

.foto_breed img{
	width: 479px;
	float: left;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

.foto_overzicht{
	width: 479px;
	float: left;
	margin: 0px;
	padding: 20px 0px 0px 0px;
}

.foto_overzicht img{
	width: 125px;
	height: 94px;
	float: left;
	margin: 0px;
	padding: 0px 20px 20px 0px;
	border: 0px;
}

#inbeeld{
	float: right;
	width: 169px;
	background: #f0e6cb;
	margin: 20px 20px 0px 0px;
	padding: 20px 0px 30px 10px;
	position: relative;
}

a.beeldlink:link, a.beeldlink:visited { 
	color: #ffffff;
	text-decoration: none;
	float: left;
	width: 159px;
	background: #18ade5;
	line-height: 15px;
	padding: 0px 0px 4px 0px;
	text-align: center;
	margin: 20px 0px 0px 0px;
	}

a.beeldlink:hover, a.beeldlink:active { 
	color: #ffffff;
	text-decoration: none;
	background: #bd1f2b;
	}

a.beeldlink img{
	padding: 2px 2px 0px 2px;
	border: 0px;
	margin: 0px;
	width: 155px;
}
	
		
#footer{
	float: left;
	height: 50px;
	width: 949px;
	line-height: 50px;
	text-align: right;
	padding-right: 18px;
	color: #ffffff;
	position: relative;
}		

#balk{
	width: 624px;
	height: 10px;
	background: #91a5b4;
	position: absolute;
	top: -11px;
	left: 202px;
	line-height: 1px;
	font-size: 1px;
}

.lichtblauw{
	color: #bedcef;
}

#adresgegevens{
	width: 177px;
	height: 177px;
	position: absolute;
	top: -200px;
	left: 22px;
	line-height: 18px;
	font-size: 11px;
	color: #ffffff;
	text-align: left;
}

#footer a:link, #footer a:visited { 
	color: #ffffff;
	text-decoration: none;	
	}

#footer a:hover, #footer a:active { 
	color: #ffffff;
	text-decoration: underline;
	}
	
		

.intro {
	color: #295778;
}
					

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


	
h1 { 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
	font-size: 18px;
	line-height: 20px;
	font-weight: bold;
	color: #003366;
	padding: 0px 0px 3px 0px;
	}
	
	
h3 { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
	font-size: 11px;
	line-height: 18px;
	font-weight: bold;
	color: #003366;
	padding: 0px 0px 3px 0px;
	background: url(../images/h3lijn.gif) bottom left no-repeat;
	}
		


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

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


.lijn {
	height: 1px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 17px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
	background: url(../images/lijn.png) top left no-repeat;
}


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

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

.topclearer {
	height: 19px;
	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;
}

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


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


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


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


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



	


	
/* Sliding doors
---------------------------------------------------------------------------------------------- */	
	
.btn_home, a.btn_home:link, a.btn_home:visited 
{
	position: absolute;
	top: 8px;
	left: 14px;
	height: 15px;
	width: 15px;
	background: url(../images/btn_home.gif) 0px 0px;
	line-height: 1px;
	font-size: 1px;
}

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


.btn_home_actief, a.btn_home_actief:link, a.btn_home_actief:visited, a.btn_home_actief:hover, a.btn_home_actief:active
{
	position: absolute;
	top: 8px;
	left: 14px;
	height: 15px;
	width: 15px;
	background: url(../images/btn_home.gif) 0px -30px;
	line-height: 1px;
	font-size: 1px;
}



.btn_sitemap, a.btn_sitemap:link, a.btn_sitemap:visited 
{
	position: absolute;
	top: 8px;
	left: 40px;
	height: 15px;
	width: 15px;
	background: url(../images/btn_sitemap.gif) 0px 0px;
	line-height: 1px;
	font-size: 1px;
}

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


.btn_sitemap_actief, a.btn_sitemap_actief:link, a.btn_sitemap_actief:visited, a.btn_sitemap_actief:hover, a.btn_sitemap_actief:active
{
	position: absolute;
	top: 8px;
	left: 40px;
	height: 15px;
	width: 15px;
	background: url(../images/btn_sitemap.gif) 0px -30px;
	line-height: 1px;
	font-size: 1px;
}



.btn_contact, a.btn_contact:link, a.btn_contact:visited 
{
	position: absolute;
	top: 8px;
	left: 66px;
	height: 15px;
	width: 15px;
	background: url(../images/btn_contact.gif) 0px 0px;
	line-height: 1px;
	font-size: 1px;
}

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


.btn_contact_actief, a.btn_contact_actief:link, a.btn_contact_actief:visited, a.btn_contact_actief:hover, a.btn_contact_actief:active
{
	position: absolute;
	top: 8px;
	left: 66px;
	height: 15px;
	width: 15px;
	background: url(../images/btn_contact.gif) 0px -30px;
	line-height: 1px;
	font-size: 1px;
}


.btn_meerschepen, a.btn_meerschepen:link, a.btn_meerschepen:visited 
{
	position: absolute;
	bottom: -10px;
	right: 10px;
	height: 20px;
	width: 108px;
	background: url(../images/btn_meerschepen.gif) 0px 0px;
	line-height: 20px;
	font-size: 11px;
	text-align: center;
	color: #ffffff;
}

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



.meerinfo, a.meerinfo:link, a.meerinfo:visited 
{
	width: 82px;
	height: 20px;
	background: url(../images/meerinfo.gif) 0px 0px;
	color: #ffffff;
	line-height: 19px;
	text-align: center;
	text-decoration: none;
	position: absolute;
	top: 30px;
	right: 20px;
}

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

.leesmeer, a.leesmeer:link, a.leesmeer:visited 
{
	width: 82px;
	height: 20px;
	background: url(../images/meerinfo.gif) 0px 0px;
	color: #ffffff;
	line-height: 19px;
	text-align: center;
	text-decoration: none;
	position: absolute;
	bottom: 32px;
	right: 30px;
}

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



.boekditschip, a.boekditschip:link, a.boekditschip:visited 
{
	float: left;
	width: 108px;
	height: 20px;
	background: url(../images/boekditschip.gif) 0px 0px;
	color: #ffffff;
	line-height: 19px;
	text-align: center;
	text-decoration: none;
}

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








/* Navigatie menu eerste niveau
------------------------------------------------------------------------------------------ */
  	#verznav
	{
		width: 200px;
		text-align: left;
		background: url(../images/navback.gif) top left repeat-y;
		position: relative;
	}
	
  	#balkje
	{
		position: absolute;
		bottom: 0px;
		height: 36px;
		width: 200px;
		background: url(../images/balkjeback.gif) top left repeat-y;
	}	

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

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

	#verznav li a
	{
		display: block;
		width: 178px;
		color: #2a5879;
		padding: 8px 0px 8px 12px;
		text-decoration: none;
		background: url(../images/arrow.gif) 0px 14px no-repeat;
		border-bottom: 1px solid #b7cfdf;
	}
	
	#verznav li a:hover
	{
		color: #12324b;
		text-decoration: none;	
	}	

	#verznav li a.actief, #verznav li a.actief:hover
	{
		color: #b8000d;
		text-decoration: none;
		background: url(../images/arrow_rood.gif) 0px 14px no-repeat;
	}
	



/* Navigatie menu tweede niveau
------------------------------------------------------------------------------------------ */
	
	#verznav ul ul
	{ 
		margin: 0px 0px 0px 0px;
		padding: 5px 0px 8px 0px;
		border-bottom: 1px solid #b7cfdf;
	}
	
	#verznav ul li li
	{
		border: 0px;
		padding: 0px 0px 0px 0px;
		margin: 0px;
	}

	
	#verznav li li a
	{
		display: block;
		width: 178px;
		color: #4583aa;
		padding: 2px 0px 3px 12px;
		text-decoration: none;
		background: none;
		border-bottom: 0px solid #b7cfdf;
	}
	

	
	#verznav li li a:hover
	{
		text-decoration: none;
		background: none;
	}
	
	#verznav li li a.actief, #verznav li li a.actief:hover
	{
		color: #4583aa;
		text-decoration: underline;
		background: none;
	}
	

	
	

/* Schepen
------------------------------------------------------------------------------------------ */	
	
	
#wrapper{
	padding: 20px;
}

.schip{
	float: left;
	width: 725px;
	height: 123px;
	position: relative;
}

.schip_foto{
	float: left;
	width: 160px;
	height: 93px;
}

.schip_details{
	float: right;
	width: 565px;
	height: 93px;
}

.schip_foto img{
	float: left;
	width: 136px;
	height: 89px;
	border: 0px;
}

a.fotolink:link, a.fotolink:visited { 
	color: #f53826;
	text-decoration: none;
	float: left;
	border: 2px solid #18ade5;
	}

a.fotolink:hover, a.fotolink:active { 
	color: #f53826;
	text-decoration: none;
	border: 2px solid #f53826;	
	}

.schip_omschrijving{
	float: left;
	width: 188px;
	padding-right: 20px;
}

.nieuws_omschrijving{
	float: left;
	width: 533px;
}

.schip_prijs{
	float: left;
	width: 162px;
	padding-right: 20px;
	color: #FF6000;
}

.schip_personen{
	float: left;
	width: 175px;
	position: relative;
}
		
		form
		{
			margin: 0px;
			padding: 0px;
		}		

	
a.kop:link, a.kop:visited { 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 18px;
	padding: 0px 0px 0px 0px;
	line-height: 26px;
	height: 26px;
	font-weight: bold;
	text-transform: none;
	color: #003366;
	background: url(../images/lijn.gif) bottom left no-repeat;	
	display: block;
	margin-bottom: 10px;
	}

a.kop:hover, a.kop:active { 
	color: #f53826;
	text-decoration: none;
	}
	
#afbeeldingen_links{
	float: left;
	width: 280px;
}

#afbeeldingen_links img{
	float: left;
	border: 0px;
}

#afbeeldingen_links a.thickbox:link, #afbeeldingen_links a.thickbox:visited { 
	color: #f53826;
	text-decoration: none;
	float: left;
	border: 2px solid #18ade5;
	margin: 0px 10px 10px 0px;
	}

#afbeeldingen_links a.thickbox:hover, #afbeeldingen_links thickbox:active { 
	color: #f53826;
	text-decoration: none;
	border: 2px solid #f53826;	
	}

#afb_klik{
	float: left;
	padding: 5px 0px 15px 0px;
	width: 251px;
}

#details_rechts{
	float: right;
	width: 445px;
}

#boekblok{
	float: left;
	width: 204px;
	line-height: 24px;
}

#plattegrond{
	float: right;
	width: 221px;
}

#plattegrond img{
	float: left;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

.oranje{
	color: #FF6000;
}
	
.kop{	
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 18px;
	padding: 0px 0px 0px 0px;
	line-height: 26px;
	height: 26px;
	font-weight: bold;
	text-transform: none;
	color: #003366;
	background: url(../images/lijn.gif) bottom left no-repeat;	
	display: block;
	margin-bottom: 10px;
	}	
	
.subkop{	
	font-size: 12px;
	padding: 0px 0px 0px 0px;
	line-height: 26px;
	height: 26px;
	font-weight: bold;
	color: #003366;
	background: url(../images/lijn.gif) bottom left no-repeat;	
	display: block;
	margin-bottom: 10px;
	}		
	
.iconen {
	padding: 0px 0px 10px 0px;
}

.iconen img{
	border: 0px;
	float: left;
	margin: 9px 9px 0px 0px;
}	

.uitrusting {
	width: 445px;
	margin: 25px 0px 30px 0px;
}

.uitrusting td{
	border-bottom: 1px solid #CFCFCF;
}

.uitrusting td.blauw{
	color: #003366;
}
