/* 
Scheepswerf Talsma
======================================================================================
URL:				http://scheepswerftalsma.nl/
Start ontwerp: 		26 september 2006
Start xhtml: 		21 november 2006
Auteur: 			Ale van der Ploeg [http://www.addsite.nl]
======================================================================================
*/



/* Kleuren
Donkerblauw:  #264D66
Lichtblauw:	  #6083A7
Tekst:		  #000000
Link:		  #A4521F
Lichtgrijs:	  #DFE4E9
*/


body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px; 
	color: #000000; 
	margin: 0;
	padding: 0;
	background: #264d66 url(../images/achtergrond.jpg) repeat-x;
}

.popup {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px; 
	color: #000000; 
	margin: 0;
	padding: 0;
	background: #ffffff url(../images/popupback.gif) repeat-x;
}

#wrapper {
	margin: 0 auto;
	position: relative;
	width: 720px;
	background: #ffffff;
}



#logo { 
	float: left;
	width: 218px;
	height: 92px;
	}
	
#logo img{ 
	border: 0px;
	}	
	
#kruimelpad { 
	float: left;
	text-align: right;
	width: 477px;
	height: 77px;
	margin-top: 15px;
	color: #A4521F;
	background: url(../images/hetadres.gif) bottom right no-repeat;
	}	
	
#hoofdmenu { 
	margin-left: 15px;
	background: #264d66;
	width: 690px;
	height: 40px;
	}
	
#header { 
	margin-left: 15px;
	margin-top: 10px;
	background: #ffffff;
	width: 690px;
	height: 247px;
	}	
	
#header2 { 
	margin-left: 15px;
	margin-top: 10px;
	background: #ffffff;
	width: 690px;
	height: 162px;
	}		
	
#header img{ 
	float: left;
	margin: 0px;
	padding: 0px;
	}	
	
#blokken { 
	margin-top: 10px;
	height: 378px;
	background: #ffffff;
	}		
	
#onderstuk { 
	float: left;
	width: 720px;
	background: #ffffff;
	}	
	
#footer { 
	float: left;
	width: 700px;
	padding-right: 20px;
	height: 88px;
	padding-top: 25px;
	line-height: 24px;
	text-align: right;
	background: #dfe4e9;
	}		
	
#nieuws { 
	background: #ffffff;
	width: 455px;
	float: left;
	padding-left: 15px;
	}
	
#detailstuk { 
	background: #ffffff;
	width: 455px;
	float: right;
	margin-top: 0px;
	padding-right: 0px;
	}	
	
#specificaties { 
	background: #ffffff;
	width: 220px;
	float: left;
	margin-top: 0px;
	padding-left: 0px;
	}	
	
#specificaties img{ 
	margin-top: 10px;
	padding: 0px;
	}		
	
#middenstuk { 
	background: #ffffff;
	width: 690px;
	float: left;
	margin-top: 10px;
	padding-left: 15px;
	}	
	
#adresblok { 
	background: #ffffff;
	width: 220px;
	float: left;
	margin-left: 15px;
	}		

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

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

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

.footerclearer {
	height: 35px;
	background: #ffffff;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}

.lijn {
	height: 1px;
	background: #C8C8C8;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}

a:link { 
	font-weight: normal; 
	text-decoration: underline; 
	color: #A4521F;
	}
a:visited { 
	font-weight: normal; 
	text-decoration: underline; 
	color: #A4521F;
	}
a:hover { 
	text-decoration: underline; 
	color: #264D66;
	}
	
.snelnav { 
	display: block;
	font-weight: normal; 
	text-decoration: none; 
	color: #F3492F;
	background: #dfe4e9;
	text-align: center;
	padding: 9px 10px 9px 10px;
	}
	
.snelnav a:link { 
	font-weight: normal; 
	text-decoration: underline; 
	color: #1D435B;
	margin-left: 6px;
	}
.snelnav a:visited { 
	font-weight: normal; 
	text-decoration: underline; 
	color: #1D435B;
	margin-left: 6px;
	}
.snelnav a:hover, .snelnav a:active { 
	text-decoration: underline; 
	color: #000000;
	margin-left: 6px;
	}	
	
	
#footer a:link { 
	font-weight: normal; 
	text-decoration: underline; 
	color: #1D435B;
	margin-left: 6px;
	}
#footer a:visited { 
	font-weight: normal; 
	text-decoration: underline; 
	color: #1D435B;
	margin-left: 6px;
	}
#footer a:hover, #footer a:active { 
	text-decoration: underline; 
	color: #000000;
	margin-left: 6px;
	}	
	
a.leesmeer:link { 
	display: block;
	font-weight: normal; 
	text-decoration: none; 
	color: #F3492F;
	background: #F4F4F4;
	text-align: right;
	padding: 3px 10px 3px 10px;
	border-top: 1px solid #C8C8C8;
	border-bottom: 1px solid #C8C8C8;
	}
a.leesmeer:visited { 
	display: block;
	font-weight: normal; 
	text-decoration: none; 
	color: #F3492F;
	background: #F4F4F4;
	text-align: right;
	padding: 3px 10px 3px 10px;
	border-top: 1px solid #C8C8C8;
	border-bottom: 1px solid #C8C8C8;
	}
a.leesmeer:hover, a.leesmeer:active { 
	text-decoration: underline; 
	color: #F3492F;
	}	

ul.diensten
	{
	 margin: 0px;
	 padding: 0px;
	 list-style-type: none;
	}
	
ul.diensten li
	{
	 border-bottom: 1px solid #B7D2DC;
	}
	
ul.diensten li a.subactief:link, ul.diensten li a.subactief:visited { 
	display: block;
	color: #242424;
	padding: 3px 10px 3px 20px;	
	text-decoration: none;
	background: url(../images/arrow.gif) 5px 10px no-repeat;
	}
	
ul.diensten li a:link { 
	display: block;
	color: #005E83;
	padding: 3px 10px 3px 20px;	
	text-decoration: none;
	background: url(../images/arrow.gif) 5px 10px no-repeat;
	}
ul.diensten li a:visited { 
	display: block;
	color: #005E83;
	padding: 3px 10px 3px 20px;	
	text-decoration: none;
	background: url(../images/arrow.gif) 5px 10px no-repeat;
	}
ul.diensten li a:hover, ul.diensten li a:active { 
	color: #005E83;
	text-decoration: none;
	background: url(../images/arrow.gif) 10px 10px no-repeat;
	}	
	
ul.contact
	{
	 margin: 0px 0px 0px 0px;
	 padding: 0px;
	 list-style-type: none;
	}
	
ul.contact li.telefoon
	{
	 background: url(../images/telefoon.gif) 3px 3px no-repeat;
	 padding: 3px 10px 3px 22px;
	}	
	
ul.contact li.email
	{
	 background: url(../images/email.gif) 0px 7px no-repeat;
	 padding: 3px 10px 3px 22px;
	}		

.tekst ul {
	padding: 0px;
	margin: 15px 0px 15px 0px;
}


.tekst li {
	padding: 3px 0px 3px 20px;
	line-height: 18px;
	text-align: left;
	list-style-type: none;
	background: url(../images/square.gif) 8px 10px no-repeat;	
}

.fotosonder { 
	float: left;
	width: 690px;
	padding: 0px 0px 0px 0px;
	margin: 15px 0px 10px 0px;
	font-size: 0px;
	line-height: 0px;
	}

		/* Fix voor IE */
		* html .fotosonder
		{
			margin: 15px 0px 10px 0px;
		}

.fotosonder img{ 
	border: 0px;
	}
	
.fotosdetail { 
	float: left;
	width: 455px;
	padding: 0px 0px 0px 0px;
	margin: 15px 0px 10px 0px;
	font-size: 0px;
	line-height: 0px;
	}

		/* Fix voor IE */
		* html .fotosdetail
		{
			margin: 15px 0px 10px 0px;
		}

.fotosdetail img{ 
	border: 0px;
	}	
	
a.fotolink:link { 
	float: left;
	border: 1px solid #7E7E7E;
	padding: 0px;
	margin: 0px 10px 10px 0px;
	}
a.fotolink:visited { 
	float: left;
	border: 1px solid #7E7E7E;
	padding: 0px;
	margin: 0px 10px 10px 0px;
	}
a.fotolink:hover { 
	border: 1px solid #000000;
	}	
	
a.fotolink2 img{ 
	border: 0px;
	}	
	
a.fotolink2:link { 
	float: left;
	border: 0px;
	padding: 0px;
	margin: 10px 0px 5px 0px;
	}
a.fotolink2:visited { 
	float: left;
	border: 0px;
	padding: 0px;
	margin: 10px 0px 5px 0px;
	}
a.fotolink2:hover { 
	border: 0px solid #000000;
	}		
	
a.fotolink3:link { 
	float: left;
	border: 1px solid #7E7E7E;
	padding: 0px;
	margin: 0px 0px 10px 0px;
	}
a.fotolink3:visited { 
	float: left;
	border: 0px;
	padding: 0px;
	margin: 0px 0px 10px 0px;
	}
a.fotolink3:hover { 
	border: 1px solid #000000;
	}			


.fotosrechts { 
	padding: 0px 0px 0px 0px;
	margin: 0px 12px 0px 15px;
	width: 215px;
	font-size: 0px;
	line-height: 0px;
	float: right;
	}		
	
.fotosrechts img
{
	float: right;
	border: 0px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}


#copyright {
	float: left;
	padding: 25px 0px 0px 0px;
	color: #ffffff;
}

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


#copyright li {
	display: inline;
	float: left;
	padding: 0px 8px 0px 0px;
	text-align: left;
	background: none;
}

#copyright a:link { 
	font-weight: normal; 
	text-decoration: none; 
	color: #ffffff;
	}
#copyright a:visited { 
	font-weight: normal; 
	text-decoration: none; 
	color: #ffffff;
	}
#copyright a:hover, #copyright a:active { 
	text-decoration: underline; 
	color: #ffffff;
	}

#logos {
	float: right;
	padding: 15px 10px 0px 0px;
	color: #ffffff;
}

#logos img{
	margin: 0px 0px 0px 5px;
}

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

#rechterkant {
	float: right;
	width: 255px;
	min-height: 410px;
	background: url(../images/rightback.gif) no-repeat;
}

#snelkoppelingen {
	float: left;
	width: 207px;
}

#contenthome {
	float: right;
	width: 315px;
}

#contentvervolg {
	float: right;
	width: 100%;
}

.nieuwsitem {
	padding: 10px;
}

.nieuwsitem2 {
	padding: 0px 0px 20px 10px;
	color: #ffffff;
	background: url(../images/driehoek_wit.gif) 0px 6px no-repeat;	
}

.nieuwsitem2 a:link { 
	font-weight: normal; 
	text-decoration: underline; 
	color: #AAEFFF;
	}
.nieuwsitem2 a:visited { 
	font-weight: normal; 
	text-decoration: none; 
	color: #AAEFFF;
	}
.nieuwsitem2 a:hover, .nieuwsitem2 a:active { 
	text-decoration: underline; 
	color: #ffffff;
	}


#nieuwsitems {
	margin-top: 20px;
}

.kop {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	display: block;
	font-weight: normal; 
	text-decoration: none; 
	color: #ffffff;
	background: #6083A7;
	text-align: left;
	text-transform: uppercase;
	padding: 10px 0px 10px 15px;
}

.subkop {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #2E5873;
}


.tekstblok {
	padding: 30px 20px 10px 20px;
}

.tekst {
	padding: 15px 5px 15px 5px;
}

.intro {
	color: #264D66;
}

.intro2 {
	color: #FF0F0F;
}

ul.foutmeldingen
	{
	 margin-bottom: -20px;
	 padding: 0px;
	}	
	
.foutmeldingen li {
	padding: 3px 0px 3px 20px;
	line-height: 18px;
	text-align: left;
	list-style-type: none;
	background: url(../images/square.gif) 8px 10px no-repeat;	
}	

.onderschrift {
	font-style: italic;
	color: #000000;
	font-size: 11px;
	line-height: 15px;
}



/* Container blok 1
---------------------------------------------------------------------------------------------- */

.blokje
{
	position:relative;
	display: block;
	width: 100%;
	background: #ECECEC;
	text-decoration: none;
	text-align: left;
	margin-top: 10px;
}

.blokje a, .blokje a:link, .blokje a:visited 
{
	display: block;
	width: 100%;
	background: #ffffff;
	color: #494949;
	text-decoration: none;
}


.blokje img
{
	float: left;
	border: 0;
	margin:  10px 0px 10px 10px;
}

.blokje .tekst
{
	display: block;
	padding: 10px 20px 5px 121px;
	margin: 0 5px 0px 0;
	line-height: 18px;
}

.blokje a:hover
{
	display: block;
	text-decoration: none;
	background: #FAF5D4;
}



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

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

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

	#verznav li a
	{
		display: block;
		color: #494949;
		padding: 0px 5px 0px 20px;
		text-decoration: none;
		background: url(../images/driehoek_groen.gif) 8px 4px no-repeat;	
	}
	
	#verznav li a:hover
	{
		color: #007C96;
		background: url(../images/driehoek_blauw.gif) 8px 4px no-repeat;	
	}	

	#verznav li.actief a
	{
		color: #FF0000;
		background: url(../images/driehoek_rood.gif) 8px 4px no-repeat;
	}
	
	#verznav li.actief a:hover
	{
		text-decoration: none;
		color: #007C96;
	}


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

	
	#verznav li li a
	{
		display: block;
		padding: 0;
		padding: 0px 5px 0px 20px;
		text-align: left;
	}
	
	#verznav li li a:link, #verznav li li a:visited
	{
		color: #494949;
		border: 0px;
		text-decoration: none;
		background: none;
	}
	
	#verznav li li a:hover
	{
		color: #007C96;
	}
	
	#verznav li li#subactief a
	{
		color: #FF0000;
	}
	
	#verznav li li#subactief a:hover
	{
		text-decoration: none;
		color: #007C96;
	}
	

/* Sliding doors
---------------------------------------------------------------------------------------------- */	
	
.snelkop_auto, a.snelkop_auto, a.snelkop_auto:visited, a.snelkop_auto:active
{
	width: 207px;
	height: 140px;
	background: url(../images/snelkop_auto.jpg) no-repeat 0 0;
	float: left;
	margin: 0px 0px 10px 0px;
}

a.snelkop_auto:hover
{
	width: 207px;
	height: 140px;
	background-position: 0 -140px;
	text-decoration: none;
}	

/* Nieuws blok
---------------------------------------------------------------------------------------------- */

.linkje
{
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}

.nieuwsblok
{
	display: block;
	text-decoration: none;
	text-align: left;
}

.nieuwsblok a, .nieuwsblok a:link, .nieuwsblok a:visited 
{
	display: block;
	color: #000000;
	text-decoration: none;
}



.nieuwsblok img
{
	float: right;
	border: 1px solid #ffffff;
	margin:  24px 0px 0px 10px;
}


.nieuwsblok .tekst
{
	display: block;
	padding: 15px 5px 5px 5px;
}


.nieuwsblok a .blauw
{
	color: #A4521F;
	text-decoration: underline;
}

.nieuwsblok a:hover .blauw
{
	color: #264D66;
	text-decoration: underline;
}

.nieuwsblok a:hover
{
	display: block;
	text-decoration: none;
	background: #ffffff;
}

.nieuwsblok a:hover img
{
	float: right;
	border: 1px solid #FF2300;
	margin:  24px 0px 0px 10px;
}


/* boven blok
---------------------------------------------------------------------------------------------- */

.bovenblok
{
	position:relative;
	display: block;
	text-decoration: none;
	text-align: left;
	float: left;
	width: 220px;
	height: 370px;
	padding: 0px 0px 0px 15px;
}


.bovenblok a, .bovenblok a:link, .bovenblok a:visited 
{
	display: block;
	color: #000000;
	height: 370px;
	cursor: pointer;
	text-decoration: none;
}



.bovenblok a img
{
	margin: 0px;
	border: 0px;
	float: left;
	border: 1px solid #ffffff;
}

.bovenblok a:hover img
{
	border: 1px solid #000000;
}


.bovenblok .tekst
{
	display: block;
	padding: 0px 5px 19px 5px;
}

.bovenblok a:hover
{
	text-decoration: none;
	height: 370px;
	background: #ffffff;
}

.spacer
{
	display: block;
	clear: both;
	line-height: 0px;
	font-size: 0px;
	height: 10px;
}

.bovenblok a .kopboven
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	display: block;
	font-weight: normal; 
	text-decoration: none; 
	color: #ffffff;
	background: #6083A7;
	text-align: center;
	text-transform: uppercase;
	padding: 10px 0px 10px 0px;
}

.bovenblok a:hover .kopboven
{
	text-decoration: none; 
	background: #264D66;
}


.bovenblok a .leesmeerboven
{
	position: absolute;
	top: 335px;
	left: 12px;
	width: 222px;
	display: block;
	font-weight: normal; 
	text-decoration: none; 
	color: #A4521F;
	text-decoration: underline;
	text-align: right;
	padding: 3px 10px 3px 0px;
}

.bovenblok a:hover .leesmeerboven
{
	color: #264D66;
}

/* Koop blok
---------------------------------------------------------------------------------------------- */

.koopblok
{
	position:relative;
	display: block;
	text-decoration: none;
	text-align: left;
	height: 155px;
}


.koopblok a, .koopblok a:link, .koopblok a:visited 
{
	display: block;
	cursor: pointer;
	color: #000000;
	text-decoration: none;
}



.koopblok a img
{
	float: left;
	border: 1px solid #ffffff;
	padding: 0px;
	margin: 20px 15px 10px 0px;
}

.koopblok a:hover img
{
	float: left;
	border: 1px solid #000000;
	padding: 0px;
	margin: 20px 15px 10px 0px;
}

.koopblok .tekst
{
	display: block;
	padding: 15px 0px 20px 0px;
}

.koopblok .omschrijving
{
	display: block;
	padding: 0px 10px 0px 0px;
}

.koopblok .specs
{
	color: #355A7F;
}

.koopblok a:hover
{
	text-decoration: none;
	background: #ffffff;
}

.koopblok a .blauw
{
	float: left;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	color: #264D66;
	padding: 5px 0px 4px 0px;
	border-bottom: 1px solid #6083A7;
	width: 365px;
}

.koopblok a:hover .blauw
{
	float: left;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	border-bottom: 1px solid #6083A7;
}


.koopblok a .prijs
{
	float: right;
	text-align: center;
	background: #6083A7;
	width: 130px;
	padding: 5px 0px 5px 0px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
}

.koopblok a:hover .prijs
{
	float: right;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background: #264D66;
	font-size: 11px;
	color: #ffffff;
}


.koopblok a .meerinfo
{
	color: #A4521F;
	text-decoration: underline;
}

.koopblok a:hover .meerinfo
{
	color: #264D66;
}


/* Nieuws overzicht
---------------------------------------------------------------------------------------------- */

.nieuwsoverzicht
{
	position:relative;
	display: block;
	text-decoration: none;
	background: #ffffff;
	text-align: left;
	height: 90px;
}


.nieuwsoverzicht a, .nieuwsoverzicht a:link, .nieuwsoverzicht a:visited 
{
	display: block;
	color: #000000;
	cursor: pointer;
	text-decoration: none;
	height: 90px;
}


.nieuwsoverzicht .tekst
{
	display: block;
	padding: 10px 20px 10px 15px;
}

.nieuwsoverzicht a:hover
{
	text-decoration: none;
	background: #ffffff;
}

.nieuwsoverzicht a .blauw
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #2E5873;
}

.nieuwsoverzicht a:hover .blauw
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #2E5873;
	text-decoration: underline;
}

.nieuwsoverzicht a .meerinfo
{
	color: #A4521F;
	text-decoration: underline;
}

.nieuwsoverzicht a:hover .meerinfo
{
	color: #A4521F;
}


/* Pulldown menu
------------------------------------------------------------------------------------------ */

#nav2, #nav2 ul 
{
	float: left;
	width: 690px;
	list-style: none;
	line-height: 13px;
	padding: 0;
	margin: 0 0 0 0;
	font-family: arial, geneva, sans-serif; 
	font-size: 10px; 
	color: #ffffff;
	min-height: 40px;
	background-color: #264D66;
}

	/* Fix voor IE */
	* html #nav2,* html #nav2 ul
	{
		height: 40px;
	}

#nav2 a 
{
	display: block;
	float: left;
	text-decoration: none;
	text-align: center;
	padding: 0px 8px 0px 8px;
	margin: 0;
	min-height: 40px;
}

	/* Fix voor IE */
	* html #nav2 a
	{
		height: 40px;
	}

ul #nav2 li
{
	background-color: blue;
}

#nav2 li a
{
	font-size: 10px;
	text-transform: uppercase;
	color: #ffffff;
}

#nav2 li a:hover
{
	background: #286591;
}

#nav2 li .actief
{
	color: #fff;
	background-color: #1A3E56;
}

#nav2 li li a
{
	font-size: 11px;
	background-color: #286591;
}

#nav2 li li a:hover
{
	font-size: 11px;
	background-color: #264D66;
}


#nav2 li ul li
{
	font-size: 11px;
}

#nav2 li ul li a 
{
	display: block;
	color: #ffffff;
	width: 150px;
	text-decoration: none;
	text-align: left;
	font-size: 10px;
	padding: 5px 10px 5px 10px;
	min-height: 15px;
}

	/* Fix voor IE */
	* html #nav2 li ul li a
	{
		height: 15px;
	}

#nav2 li ul li a:hover
{
	color: #ffffff;
	font-size: 10px;
}

#nav2 a.home 
{
	background-color: #286591;
}

#nav2 a.home:hover 
{
	background-color: #286591;
}

#nav2 li 
{
	position: relative;
	float: left;
	padding: 0 0 0 0;
	text-align: center;
	border: solid #ffffff;
	border-width: 0 0px 0 0;
	height: auto;
}

#nav2 li.eind 
{
	float: left;
	padding: 0;
	text-align: center;
	border: solid #ffffff;
	border-width: 0 0px 0 0;
}

#nav2 li ul 
{
	margin-top: 40px;
	position: absolute;
	left: -999em;
	min-height: 10px;
	height: auto;
	width: 150px;
	font-weight: normal;
	border-width: 0.25em;
	background: none;
}

.regela
{
	position: relative;
	top: 15px;
}

.regelb
{
	position: relative;
	top: 7px;
	line-height: 15px;
}

#nav2 li li 
{
	border: solid #6083A7;
	border-width: 1px 0 0px 0;
	padding-left: 0px;
	padding-right: 0px;
}

#nav2 li ul ul 
{
	margin: -1.75em 0 0 14em;
}

#nav2 li:hover ul ul, #nav2 li:hover ul ul ul, #nav2 li.sfhover ul ul, #nav2 li.sfhover ul ul ul 
{
	left: -999em;
}

#nav2 li:hover ul, #nav2 li li:hover ul, #nav2 li li li:hover ul, #nav2 li.sfhover ul, #nav2 li li.sfhover ul, #nav2 li li li.sfhover ul 
{
		position: absolute;
		left: 0px;
}


#nav2 li.sfhover 
{
	font-weight: normal;
	background: #286591;
}

#nav2 li.sfhover a:hover 
{
	background: #286591;
}

#nav2 li li.sfhover a:hover 
{
	background: #264D66;
}

#nav2 li.sfhover a.home:hover 
{
	background: #A74C62;
}

#nav2 li:hover 
{
	background: #286591;
	color: #fff;
}

#nav2 ul li a:hover 
{
	font-weight: normal;
}

/* Foto Zoom
---------------------------------------------------------------------------------------------- */

#fotozoom { 
	width: 620px; 
	margin: 0 auto;
	padding: 0;
	border: 0px solid red;
	}

.fotoboven {
	height: 22px;
	clear: both;
	line-height: 0px;
	font-size: 0px;
}

.fotoonder {
	height: 10px;
	clear: both;
	line-height: 0px;
	font-size: 0px;
}

#grotefoto
{
	text-align: center;
}

#grotefoto img
{
	border: 0px solid #5ABCDD;
	padding: 5px 5px 5px 5px;
	line-height: 0px;
	text-align: center;
}



#grotefoto .flash
{
	width: 600px;
	background-color: #ffffff;
	border: 1px solid #7A8977;
	line-height: 0px;
	padding: 10px;
	text-align: center;
}

.hoogtefoto
{
	width: 584px;
	height: 280px;
}

#logozoom { 
	width: 119px;
	margin-right: 1px;
	height: 80px;
	float: left;
	}

#bovenspacerzoom { 
	width: 640px;
	height: 12px;
	float: right;
	line-height: 0px;
	}

#navigatie { 
	width: 600px;
	height: 100px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #2E5873;
	font-weight: bold;
	line-height: 30px;
	margin-bottom: 0px;
	text-align: left;	
	float: right;
	background: url(../images/hetadres2.gif) 250px 60px no-repeat;
	}	
	
#navigatie a:link, #navigatie a:visited
{
		text-decoration: none;
        color: #F86F10; 
}

#navigatie a:hover
{
	text-decoration: none;
	color: #000000;
}

#titelzoom { 
	width: 400px;
	height: 25px;
	margin-top: 29px;
	margin-bottom: 1px;
	text-align: left;
	float: left;
	}

#snelnavzoom { 
	height: 25px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0;
	text-align: right;
	float: right;
	}

#snelnavinfo { 
	width: 100%;
	height: 25px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0 0 0 0;
	}

	/* Fix voor IE */
	* html #snelnavinfo {
		background: none;
		width: 196px;
	}

#infoterug { 
	float: left;
	border: 0px solid red;
	color: #fff;
	margin: 3px 0 0 15px;
	padding: 0 0 0 0;
	}
	
#infoterug a:link, #infoterug a:visited
{
		text-decoration: none;
        color: #f3f3f3; 
}

#infoterug a:hover
{
	text-decoration: underline;
	color: #f3f3f3;
}

#inforechts {
	width: 160px;
	float: right;
	}

.vorige, a.vorige
{
	width: 25px;
	height: 13px;
	margin-top: 6px;
	background: url(../images/buttons/btn_terug.gif) no-repeat 0 0;
	float: right;
}

a.vorige:hover
{
	background: url(../images/buttons/btn_terug2.gif) no-repeat 0 0;
}

.volgende, a.volgende
{
	width: 25px;
	height: 13px;
	margin-top: 6px;
	margin-left: 10px;
	margin-right: 10px;
	background: url(../images/buttons/btn_volgende.gif) no-repeat 0 0;
	float: right;
}

a.volgende:hover
{
	width: 25px;
	height: 13px;
	margin-top: 6px;
	background: url(../images/buttons/btn_volgende_over.gif) no-repeat 0 0;
	float: right;
}

.vorigefb, a.vorigefb
{
	width: 25px;
	height: 13px;
	margin-top: 6px;
	background: url(../images/buttons/btn_terug.gif) no-repeat 0 0;
	float: left;
}

a.vorigefb:hover
{
	background: url(../images/buttons/btn_terug2.gif) no-repeat 0 0;
}

.volgendefb, a.volgendefb
{
	width: 25px;
	height: 13px;
	margin-top: 6px;
	margin-left: 10px;
	margin-right: 0px;
	background: url(../images/buttons/btn_volgende.gif) no-repeat 0 0;
	float: left;
}

a.volgendefb:hover
{
	width: 25px;
	height: 13px;
	margin-top: 6px;
	background: url(../images/buttons/btn_volgende_over.gif) no-repeat 0 0;
	float: left;
}

.vorigespace
{
	width: 25px;
	height: 13px;
	margin-top: 6px;
	background: url(../images/spacer.gif) no-repeat 0 0;
	float: left;
}

.fototekst 
{
	font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 18px; 
	padding: 0px 10px 10px 11px;
	background: #ffffff;
}	

/* Foto nummering
---------------------------------------------------------------------------------------------- */

 #pagcontainer
 {
  float: right;
  height: 20px;
  padding: 0;
  margin: 4px 0 0 0;
  font-family: verdana, arial;
  font-size: 11px;
 }

 /* Fix voor IE */
 * html #pagcontainer 
 {
  padding: 0;
  margin: 3px 0 0 0;
 }

 #pagcontainer ul
 {
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-align: center;
 }

 #pagcontainer ul li 
 { 
  display: inline;
  list-style-type: none;
  background: none;
    padding-left: 0px;
 }

 #pagcontainer ul .inactief
 {
  text-decoration: none;
  padding: 2px 5px 2px 5px;
  color: #ffffff;
  border-style: solid;
	background: #A4521F; 
	border-bottom: 1px solid #C86C34; 
	border-left: 1px solid #C86C34; 
	border-right: 1px solid #C86C34; 
	border-top: 1px solid #C86C34;  
 }

 #pagcontainer ul li a
 {
 list-style-type: none;
  text-decoration: none;
  padding: 2px 5px 2px 5px;
  color: #ffffff;
	background: #20445D; 
	border-bottom: 1px solid #001728; 
	border-left: 1px solid #4C7593; 
	border-right: 1px solid #001728; 
	border-top: 1px solid #4C7593; 
 }

 #pagcontainer ul li a:hover
 {
 list-style-type: none;
  text-decoration: none;
  padding: 2px 5px 2px 5px;
  color: #ffffff;
	background: #20445D; 
	border-bottom: 1px solid #001728; 
	border-left: 1px solid #4C7593; 
	border-right: 1px solid #001728; 
	border-top: 1px solid #4C7593;
 }

 #pagnavinfo
 {
  float: left;
  height: 20px;
  padding: 0;
  margin: 4px 0 0 0;
 }

 /* Fix voor IE */
 * html #pagnavinfo 
 {
  margin: 3px 0 0 0;
 }		
 
 
/* Formulieren
------------------------------------------------------------------------------------------ */

	form
	{
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		font-size: 11px;
	}
	
	.formulier
	{
		padding: 5px;
	}	
	
	
	input.button 
	{ 
	background: #A4521F; 
	border-bottom: 1px solid #853C0D; 
	border-left: 1px solid #C86C34; 
	border-right: 1px solid #853C0D; 
	border-top: 1px solid #C86C34; 
		color: #ffffff; 
		padding: 1px 5px 1px 5px; 
	}
		
	input.button2 
	{ 
	background: #A4521F; 
	border-bottom: 1px solid #853C0D; 
	border-left: 1px solid #C86C34; 
	border-right: 1px solid #853C0D; 
	border-top: 1px solid #C86C34; 
		color: #ffffff; 
		font-size: 12px;
		font-weight: normal;
		padding: 1px 3px 1px 3px; 
	}	

	.aanmelden 
	{
		border: 1px solid #88A6C5;
		width: 165px;
		margin-left: 0px;
		font-size: 12px;
		line-height: 11px;
		height: 18px;
		margin: 2px 0px 10px 0px;
	}
		
	.input 
	{
		background: #ffffff;
		border: 1px solid #88A6C5;
		font-size: 12px;
		width: 303px;
		margin-left: 10px;
		line-height: 11px;
		height: 16px;	
	}
			
	.invulNormaal 
	{
		background: #ffffff;
		border: 1px solid #88A6C5;
		font-size: 12px;
		width: 303px;
		padding: 2px 0 2px 2px;
	}		
			
	.invulArea 
	{
		font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
		background: #ffffff;
		border: 1px solid #88A6C5;
		font-size: 12px;
		line-height: 15px;
		width: 303px;
		padding: 2px 0 2px 2px;
	}
			
	.veld2pulldown select
	{
	 font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	 background-color: #ffffff;
	 color: #000000;
	 border: 1px solid #88A6C5;
	 text-align: left;
	 padding: 2px 0 2px 2px;
	}	
	
	.invulSmall 
	{
		background: #ffffff;
		border: 1px solid #88A6C5;
		font-size: 12px;
		width: 153px;
		padding: 2px 0 2px 2px;		
	}
			
	.invulPulldown 
	{
		background: #ffffff;
		border: 1px solid #88A6C5;
		width: 205px;
		font-size: 12px;
		padding: 2px 0 2px 0px;
	}		
			
	.invulXSmall 
	{
		background: #ffffff;
		border: 1px solid #88A6C5;
		font-size: 12px;
		width: 73px;
		padding: 2px 0 2px 2px;
	}
	
	.invulGetal
	{
		background: #ffffff;
		border: 1px solid #88A6C5;
		font-size: 12px;
		width: 40px;
		padding: 2px 0 2px 2px;
	}
	
	
	#tekst_blok
	{
		padding-bottom: 40px;
	}