/* 
Koninklijke Watersportvereniging FRISIA | Opgericht 28 september 1860 te Grou
======================================================================================
URL:				http://www.kwvfrisia.nl/
Start ontwerp: 		12 april 2007
Start xhtml: 		25 juni 2007
Auteur: 			Stefan Efdé [http://www.addsite.nl]
======================================================================================
*/

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

/* Kleuren
Achtergrond:	#001A32
Tekst:			#252525
Linkjes:		#2997C8
Kopjes:			#FFF
*/


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

/* JEUGD ACHTERGROND
	
		background: #00566C repeat-x url(../images/bg_jeugd.jpg); 

*/

	

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

a:hover { 
	text-decoration: none; 
	color: #097FB5;
	}
	
.intro {
	font-weight: bold;
	color: #003054;
	}
	
.kop {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: #586877;
	letter-spacing: 0.06em;
	}	
	
.kruimelpad {
	padding-left: 15px;
	color: #E8CF06;
	text-decoration: none;
}
.kruimelpad_geel {
	color: #E8CF06;
}
a.kruimelpad_wit, a.kruimelpad_wit:hover, a.kruimelpad_wit:visited  {
	color: #FFF;
	text-decoration: none;
}

.kopje_vervolg {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	width: 480px;
	height: 20px;
	color: #586877;
	background: left -3px no-repeat url(../images/kopje_vlaggetje.png);
	padding: 3px 0px 3px 40px;
	display: block;
	letter-spacing: 0.06em;
	margin-bottom: 5px;
}
	/* Fix voor IE */
	* html .kopje_vervolg
	{	
		background-image:none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='http://www.addsite.nl/addsite/data/sites/frisia/www/images/kopje_vlaggetje.png', sizingMethod='crop');
	}

#vervolgblok {
	width: 100%;
	}
	
.vervolgblok_inhoud {
	float: left;
	margin-left: 15px;
	padding-top: 10px;
	padding-right: 15px;
	}
	
	/* Fix voor IE */
	* html .vervolgblok_inhoud 
	{
		margin-left: 7px;
		}
	
.kopje_vervolgblok {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	width: 480px;
	height: 20px;
	color: #586877;
	background: left 15px no-repeat url(../images/kopje_vlaggetje.png);
	padding: 20px 0px 3px 40px;
	display: block;
	letter-spacing: 0.06em;
	margin-bottom: 5px;
	font-weight: normal;
	}
	/* Fix voor IE */
	* html .kopje_vervolgblok
	{
		line-height: 0px;
		background-image:none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='http://www.addsite.nl/addsite/data/sites/frisia/www/images/kopje_vlaggetje.png', sizingMethod='crop');
	}	
	
.vervolgblok_intro_tekst {
	font-weight: bold;
	line-height: 18px;
	color: #003054;
	display: block;
	margin-bottom: 5px;
	margin-top: 0px;
	}



.platte {
	padding: 20px 20px 0px 15px;

}
.platte_tekst {
	line-height: 18px;
	color: #46525B;
	width: 100%;
	margin-top: 0px;
	}

.list01 ul {
	padding: 10px 0px 10px 0px;
	margin: 0px;
}


.list01 li {
	padding: 0px 0px 5px 18px;
	margin-left: -25px;
	text-align: left;
	list-style-type: none;
	background: url(../images/hp_triangle2.gif) 0px 4px no-repeat;
}

.sitemap {
margin-top: -60px;
}

.leesmeer a:link, .leesmeer a:visited
{
	color: #003768;
	text-decoration: underline;
	background: url(../images/hp_triangle1.gif) 0px 3px no-repeat;	
	margin: 0px;
	padding: 1px 0px 2px 18px;
}	

.leesmeer a:hover
{
	background: url(../images/hp_triangle2.gif) 0px 3px no-repeat;	
}


#logo a {
	position: absolute;
	display: block;
	width: 508px;
	height: 90px;
	background: no-repeat url(../images/logo.png);
	left: 40px;
	top: -140px;
	cursor: pointer;
}

	/* Fix voor IE */
	* html #logo a
	{
		background-image:none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='http://www.addsite.nl/addsite/data/sites/frisia/www/images/logo.png', sizingMethod='scale');
	}	

#top_bg {
	width: 100%;
	height: 100%;
	background:	no-repeat top left url(../images/top_bg_logo.jpg);
	}
	
#top_bg_jeugd {
	width: 100%;
	height: 100%;
	background:	no-repeat top left url(../images/top_bg_jeugd.jpg);
	}


#outerbox {
	width: 100%;
	}

#yellowbar {
	width: 100%;
	height: 10px;
	background-color: #E8CF06;
	}

#container_menu {
	position: relative;
	width: 959px;
	min-height: 374px;
	border-top: 1px solid #7A8B9B;
	border-left: 1px solid #7A8B9B;	
	border-right: 1px solid #7A8B9B;	
	margin: 165px auto 0 auto;
	padding: 3px 3px 4px 3px;
	z-index: 0;
	background: url(../images/menuborder.gif) bottom left repeat-x;
	}
	
	/* Fix voor IE */
		* html #container_menu
		{
			height: 374px;
			z-index: 0;
		}	


/* BANNERS
 ---------------------------------------------------------------------- */
 
#banners {
	width: 116px;
	height: 86px;
	padding: 2px;
	margin: 25px 0px 0px 12px;
}
 
#banner01 {
	width: 120px;
	height: 90px;
	border: 1px solid #7A8B9B;
	background: url(../images/banners/fastfender.gif) top left no-repeat;
}
#banner02 {
	width: 120px;
	height: 90px;
	border: 1px solid #7A8B9B;
	background: url(../images/banners/dehypotheker.gif) top left no-repeat;
}

#banner04 {
	width: 120px;
	height: 90px;
	border: 1px solid #7A8B9B;
	background: url(../images/banners/boomsma.jpg) top left no-repeat;
}





/* --------------------------------------------------------------------- */


#adresgegevens {
	position: absolute;
	display: block;
	left: 10px;
	bottom: -200px;
	color: #FFF;
	text-align: right;
	font-size: 10px;
	height: 150px;
}

	/* Fix voor IE */
		* html #adresgegevens
		{
			left: 5px;
			top: 400px;
		}
.logo_addsite a, .logo_addsite a:link, .logo_addsite a:visited {
	position: absolute;
	width: 110px;
	height: 30px;
	left: 10px;
	top: 180px;
	text-align: right;
	font-size: 10px;
	display: block;
	background: no-repeat url(../images/logo_addsite_on.gif);
	cursor: pointer;
	filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
.logo_addsite a:hover {
	position: absolute;
	width: 110px;
	height: 30px;
	left: 10px;
	top: 180px;
	text-align: right;
	font-size: 10px;
	display: block;
	background: no-repeat url(../images/logo_addsite.gif);
	cursor: pointer;
	filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
}

	
#container_menu_bg {
	width: 959px;
	min-height: 400px;
	background: #8495A2 repeat-x top left url(../images/menu_bg03.jpg);
	}
	
	/* Fix voor IE */
		* html #container_menu_bg
		{
			height: 374px;
		}		
	
#contentbox {
	position: absolute;
	width: 791px;
	top: -17px;
	left: 147px;
	
	}
#contentbox2 {
	float: left;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 771px;
	min-height: 300px;
	background: #FFFFFF no-repeat top left url(../images/content_bg.jpg);
	padding: 11px 10px 0px 10px;
	
	}
	
	/* Fix voor IE */
		* html #contentbox2
		{
			height: 300px;
			width: 771px;
			padding-right: 0px;
		}
	
#contentbox3 {
	position: absolute;
	top: -38px;
	left: 147px;
	width: 791px;
	height: 40px;
	background: no-repeat top left url(../images/content_top.gif);
}	

#box2 {
	width: 771px;
	min-height: 400px;
}	

	/* Fix voor IE */
		* html #box2
		{
			height: 400px;
		}	
	
/* NIEUWSBLOK 
------------------------------------------------------------------------------------------ */
#weer {
	position: absolute;
	right: 0px;
	bottom: -3px;
	width: 250px;
	height: 30px;
}


#datum {
	position: absolute;
	left: 570px;
	top: -25px;
	font-size: 13px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #003768;
	text-align: right;
	width: 195px;
	height: 25px;
	display: block;
}
.datum {
	font-size: 14px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #003768;
}

.fout {
	color: #ff0000;
}

.formkop {
	font-weight: bold;
}


#titel_balk {
	position: relative;
	width: 100%;
	height: 24px;
	background: url(../images/titel_balk.gif);
	padding: 7px 0px 0px 0px;
	margin-bottom: 3px;
	}

.kopje_laatste {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: italic;
	color: #FFF;
	margin-left: 10px;
	}
.kopje_nieuws {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: italic;
	color: #E8CF06;
	}

#nieuwsblok {
	width: 100%;
	height: 200px;
	float: left;
	background: url(../images/nieuwsblok_bg.jpg) no-repeat;
	}

.nieuws_img {
	float: left;
	width: 245px;
	height: 200px;
 
	}
	
.nieuwsblok_inhoud {
	float: left;
	width: 500px;
	
	margin-left: 15px;
	padding-top: 10px;
	}
	
.kopje_nieuwsblok {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	width: 460px;
	height: 20px;
	color: #586877;
	background: left -3px no-repeat url(../images/kopje_vlaggetje.png);
	padding: 3px 0px 3px 40px;
	display: block;
	letter-spacing: 0.06em;
	margin-bottom: 5px;
	}
	/* Fix voor IE */
	* html .kopje_nieuwsblok
	{
		background-image:none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='http://www.addsite.nl/addsite/data/sites/frisia/www/images/kopje_vlaggetje.png', sizingMethod='crop');
	}
	
.nieuwsblok_intro_tekst {
	font-weight: bold;
	line-height: 18px;
	color: #003054;
	width: 480px;
	height: 0px;
	margin-bottom: 5px;
	margin-top: 0px;
	}

.nieuwsblok_platte_tekst {
	line-height: 18px;
	color: #46525B;
	width: 480px;
	margin-top: 40px;
	}
	/* Fix voor IE */
		* html .nieuwsblok_platte_tekst
		{
			margin-top: 10px;
			
		}
	

/* OVERIG NIEUWS
------------------------------------------------------------------------------------------ */
.kopje_overig {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: italic;
	color: #6A7B88;
	margin-left: 10px;
	}
.kopje_nieuws02 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	color: #003054;
	}
.ruler {
	width: 100%;
	height: 1px;
	background: url(../images/ruler_dot.gif) repeat-x;
	}


/* HP blok
---------------------------------------------------------------------------------------------- */

.hp_linkje
{
	display: block;
	width: 750px;
	height: 100px;
	margin-top: 10px;
}

.hp_blok
{
	
	display: block;
	text-decoration: none;
	text-align: left;
	padding: 10px 20px 20px 10px;
}

.hp_blok a, .hp_blok a:link, .hp_blok a:visited, .hp_blok a:hover
{
	display: block;
	color: #242424;
	line-height: 20px;
	text-decoration: none;
	padding-top: 0px;
	padding-bottom: 0px;

}



.hp_blok img
{
	float: left;
	border: 0px solid #002353;
	margin:  0px 15px 20px 0px;
	width: 87px;
	height: 87px;
	border: 3px solid #D0D4D8;
	background-color: #EFF2F5;
	padding: 0px;	
}


.hp_blok .tekst
{
	display: block;
	padding: 8px 10px 0px 0px;
}

.hp_blok a .blauw
{
	color: #003054;
	text-decoration: none;
	font-size: 14px;
	font-family: Georgia, "Times New Roman", Times, serif;
	background: left -5px no-repeat url(../images/kopje_vlaggetje_grijs.png);
	padding: 3px 0px 3px 40px;
	letter-spacing: 0.09em;
}

/* Fix voor IE */
		* html .hp_blok a .blauw
		{
			font-size: 13px;
			background: left -5px no-repeat url(../images/kopje_vlaggetje_grijs.gif);
			
		}

.hp_blok a:hover .blauw
{
	color: #0AB9E5;
	text-decoration: none;

}

.hp_blok a:hover
{
	width: 750px;
	
	display: block;
	text-decoration: none;
	background: url(../images/nws_item_bg.png) right repeat-y;
	padding-top: 0px;
	padding-bottom: 0px;

}

/* Fix voor IE */
	* html .hp_blok a:hover
	{
		background-image:none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='http://www.addsite.nl/addsite/data/sites/frisia/www/images/nws_item_bg.png', sizingMethod='scale');
	}	
	
.hp_blok .hp_leesmeer
{
	
	color: #003768;
	text-decoration: underline;
	background: url(../images/hp_triangle1.gif) 0px 3px no-repeat;	
	margin: 0px;
	padding: 1px 0px 2px 18px;
}	

.hp_blok a:hover .hp_leesmeer
{
	background: url(../images/hp_triangle2.gif) 0px 3px no-repeat;	
}

/* Blokjes beneden
---------------------------------------------------------------------------------------------- */

.blokje_linkje
{
	
	display: block;
	width: 256px;
	height: 114px;
	background: url(../images/blokje_off.gif) top left no-repeat;
}

.blokje_blok
{
	float: left;
	display: block;
	width: 256px;
	height: 114px;
	text-decoration: none;
	text-align: left;
	padding: 0px;
	margin-top: 25px;
	margin-right: 1px;

}

.blokje_blok a, .blokje_blok a:link, .blokje_blok a:visited, .blokje_blok a:hover
{
	display: block;
	width: 246px;
	height: 99px;
	color: #FFF;
	line-height: 20px;
	text-decoration: none;
	padding-top: 15px;
	padding-left: 10px;
}


.blokje_blok .tekst
{
	display: block;
	padding: 8px 10px 0px 0px;
}


.blokje_blok a .blokje_blauw
{
	width: 246px;
	height: 114px;
	color: #FFF;
	text-decoration: none;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: bold;
	padding: 3px 0px 3px 0px;
	letter-spacing: 0.10em;
}

.blokje_blok a:hover .blokje_blauw
{
	color: #FFF;
	text-decoration: none;
}

.blokje_blok a:hover
{
	width: 246px;
	display: block;
	text-decoration: none;
	background: url(../images/blokje_on.gif) top left no-repeat;
	padding-top: 15px;
	padding-left: 10px;
}
	
.blokje_blok .blokje_leesmeer
{
	color: #FFF;
	text-decoration: underline;
	background: url(../images/hp_triangle1.gif) 0px 3px no-repeat;	
	margin: 0px;
	padding: 1px 0px 1px 13px;
}	

.blokje_blok a:hover .blokje_leesmeer
{
	background: url(../images/hp_triangle2.gif) 0px 3px no-repeat;	
}



/* FOOTER
------------------------------------------------------------------------------------------ */
#footerbox {
	position: relative;
	width: 781px;
	height: 118px;
}
#footer {
	position: absolute;
	width: 791px;
	height: 118px;
	background: no-repeat url(../images/footer_bg.jpg);
	left: -10px;
	top: 0px;
	font-size: 9px;
	color: #003768;
}

#footer_vervolg {
	position: absolute;
	width: 791px;
	height: 118px;
	background: no-repeat url(../images/footer_bg.jpg);
	left: -10px;
	bottom: -110px;
	font-size: 9px;
	color: #003768;
}



.copyright {
	float: left;
	display: block;
	margin: 75px 0px 0px 10px;
}

.linkjes {
	float: right;
	display: block;
	margin: 75px 15px 0px 0px;
	text-decoration: none;
}






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

#nav2, #nav2 ul 
{
	position: relative;
	float: left;
	width: 134px;
	list-style: none;
	line-height: 26px;
	padding: 0;
	margin: 0 0 0 0;
	color: #ffffff;
	z-index: 2;
	font-family: Arial, Helvetica, sans-serif;
}


#nav2 a 
{
	display: block;
	text-decoration: none;
	padding: 0 10px 0 0;
	margin: 0;
	width: 134px;
	background: none;
	border-bottom: 1px solid #9CA5AC;
}


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

#nav2 li a
{
	font-size: 12px;
	color: #ffffff;
	line-height: 30px;
	text-align: right;
}

#nav2 li a:hover
{
	color: #003054;
}

#nav2 li .actief
{
	width: 134px;
	color: #003054;
	background: #FFF;
	filter: alpha(opacity=30);
    -moz-opacity: 0.3;
    opacity: 0.3;
}

#nav2 li li a
{
	font-size: 11px;
	text-transform: none;
	line-height: 30px;
	color: #ffffff;
	font-weight: normal;
	background: #003054;
	filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;	
}

#nav2 li li a:hover
{
	font-size: 11px;
	color: #ffffff;
	background: #9DAEBB;
}


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

#nav2 li ul li a 
{
	display: block;
	color: #ffffff;
	width: 134px;
	text-decoration: none;
	text-align: left;
	font-size: 11px;
	padding: 0px 10px 0px 10px;
}


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


#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 
{
	position: absolute;
	left: -999em;
	min-height: 10px;
	height: auto;
	width: 134px;
	font-weight: normal;
	border-width: 0.25em;
}

.regela
{
	position: relative;
}

.regelb
{
	position: relative;
}

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

#nav2 li ul ul 
{
	margin: 0px 0px 0px 10px;
}

#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: 144px;
		top: 0px;
}




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

#nav2 li.sfhover a:hover 
{
}

#nav2 li li.sfhover a:hover 
{
}

#nav2 li.sfhover a.home:hover 
{
}

#nav2 li:hover 
{
	background: none;
}

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

.fotosrechts {
	float: right;
	width: 222px;
	padding: 0px;
	margin-left: 20px;
	}
.fotosrechts img {
	padding: 3px;
	border: 1px solid #D0D4D8;
	margin: 0px 0px 10px 0px;
}	

.fotooverzicht {
	float: left;
	margin-top: 20px;
	width: 100%;
}

.fotooverzicht img {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 0px;
	width: 166px;
	height: 166px;
	padding: 3px;
	border: 1px solid #D0D4D8;
}

.vergroot_img  {
	background: left no-repeat url(../images/loop_glass.jpg);
	text-decoration: none;
	padding-left: 30px;
	color: #A6A6A6;
}

	
 /* Formulier
---------------------------------------------------------------------------------------------- */

.tekstform {
	padding: 16px;
	margin-top: 0px;
}

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

input.buttonform { 
	background: #252525; 
	border-bottom: 1px solid #252525; 
	border-left: 1px solid #252525; 
	border-right: 1px solid #252525; 
	border-top: 1px solid #252525; 
	color: #ffffff; 
	line-height: 12px;
	margin: 0px 0px 10px 0px; 
	padding: 3px 5px 3px 5px; 
	}
	
		/* Fix voor IE */
		* html input.buttonform
		{
			padding: 5px 5px 3px 5px; 
		}	
	
input.buttonform2 { 
	background: #252525; 
	border-bottom: 1px solid #252525; 
	border-left: 1px solid #252525; 
	border-right: 1px solid #252525; 
	border-top: 1px solid #252525; 
	color: #ffffff; 
	line-height: 12px;
	font-size: 11px;
	font-weight: normal;
	margin: 0px 0px 0px 10px; 
	padding: 3px 5px 2px 5px; 
	}	
	
		/* Fix voor IE */
		* html input.buttonform2
		{
			padding: 5px 5px 3px 5px; 
		}		

.aanmelden {

	border: 1px solid #4786b2;
		width: 165px;
		margin-left: 0px;
		font-size: 11px;
		margin: 2px 0px 10px 0px;
		}
	
.input {
	background: #e4eef5;
	border: 1px solid #252525;
	font-size: 11px;
		width: 320px;
		margin-left: 10px;
		color: #252525;
		}
		
.invulNormaal {
	background: #e4eef5;
	border: 1px solid #252525;
	font-size: 11px;
		width: 320px;
		margin: 1px 0px 1px 0px;
		padding: 2px;
		color: #252525;
		}		
		
.invulArea {
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	background: #e4eef5;
	border: 1px solid #252525;
	font-size: 11px;
		width: 320px;
		margin: 1px 0px 1px 0px;	
		padding: 2px;
		color: #252525;
		}
		
.veld2pulldown select
{
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 background-color: #e4eef5;
color: #4685b1;
 border: 1px solid #4786b2;
 margin-right: 0px;
 text-align: left;
 padding: 2px;
 margin: 0 0 0 0;
}	

.invulSmall {
	background: #e4eef5;
	border: 1px solid #252525;
	font-size: 11px;
		width: 153px;
		margin: 1px 0px 1px 0px;
		padding: 2px;
		color: #252525;
		}
		
.invulPulldown {
	background: #e4eef5;
	border: 1px solid #252525;
	font-size: 11px;
		margin: 1px 0px 1px 0px;		
		padding: 2px;
		color: #252525;
		}		
		
.invulXSmall {
	background: #e4eef5;
	border: 1px solid #252525;
	font-size: 11px;
		width: 73px;
		margin: 1px 0px 1px 0px;		
		padding: 2px;
		color: #252525;
		}	
	
/* Foto Zoom
---------------------------------------------------------------------------------------------- */

.bgzoom { 
	font-size: 12px;
	line-height: 18px; 
	color: #ffffff; 
	background:  url(../images/bg.jpg) repeat-x;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: 0px;
	}

#fotozoom { 
	width: 630px; 
	margin: 0 auto;
	padding: 20px;
	border: 0px solid yellow;
	background:  url(../images/achtergrond_zoom.jpg) no-repeat;
	}

#logozoom { 
	width: 310px;
	margin-right: 1px;
	height: 67px;
	float: left;
	}

#snelnavzoom { 
	width: 630px;
	height: 27px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0;
	text-align: center;
	float: left;
	line-height: 20px;
	}

#titelzoom { 
	width: 440px;
	height: 45px;
	line-height: 45px;
	margin-top: 15px;
	margin-bottom: 1px;
	padding: 0px 0px 0px 18px;
	text-align: left;
	font-size: 14px;
	float: left;
	}

#navigatie { 
	width: 200px;
	height: 28px;
	margin-top: -13px;
	margin-right: 20px;
	margin-bottom: 1px;
	text-align: right;	
	float: right;
	}	
	
#navigatie a:link, #navigatie a:visited
{
		text-decoration: none;
        color: #f3f3f3; 
}

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

#grotefoto
{
	width: 630px;
	text-align: center;
	margin-top: 50px;
}

#grotefoto img
{
	background-color: #ffffff;
	border: 0px solid #000000;
	line-height: 0;
	padding: 10px;
	text-align: center;
}

#flash
{
	background-color: #ffffff;
	border: 0px solid #000000;
	line-height: 0;
	padding: 10px;
	text-align: center;
}

.fotoboven {
	height: 20px;
	clear: both;
	line-height: 0px;
	font-size: 0px;
	width: 620px;
}

.fotoonder {
	height: 15px;
	clear: both;
	line-height: 0px;
	font-size: 0px;
	background: blue;
	width: 620px;
}

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

 #pagcontainer
 {
  font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
  font-size: 11px;
  float: right;
  height: 25px;
  padding: 0;
  margin: 12px 0 0 0;
 }

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

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

 #pagcontainer ul li 
 { 
  display: inline;
 }

 #pagcontainer ul .inactief
 {
  font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
  font-size: 11px; 
  text-decoration: none;
  padding: 2px 5px 2px 5px;
  color: #ffffff;
  border-style: solid;
  border-color: #ffffff;
  border-width: 1px;
  background-color: #011E3C;
 }

 #pagcontainer ul li a
 {
  font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
  font-size: 11px; 
  text-decoration: none;
  padding: 2px 5px 2px 5px;
  color: #fff;
  background-color: #2D5982;
  border-style: solid;
  border-color: #ffffff;
  border-width: 1px;
 }

 #pagcontainer ul li a:hover
 {
  color: #fff;
  background-color: #0066CC;
 }

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

a.vorige:hover
{
	background-position: -25px 0;
}

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

a.volgende:hover
{
	width: 25px;
	height: 13px;
	margin-top: 14px;
	background-position: -25px 0;
	float: right;
}

.fototekst 
{
	font-size: 12px;
	line-height: 18px;
	color: #ffffff;
	width: 600px;
	padding: 10px 10px 10px 10px;
}	

/* ----------------------------*/

.clearer0 {
	height: 0px;
	clear: both;
	font-size: 0px;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
	}
	
.clearer {
	height: 25px;
	clear: both;
	font-size: 0px;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
	}
	
.clearer2 {
	position: relative;
	height: 25px;
	clear: both;
	font-size: 0px;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
	}	
	
.footerclearer {
	position: absolute;
	top: 0px;
	left: -10px;
	width: 791px;
	height: 25px;
	clear: both;
	font-size: 0px;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
	background: #001A32;
	}