/* --------------------------------------- */
/* GENERAL VVV ZAANSTREEK CSS */
/* --------------------------------------- */

html						{ overflow: -moz-scrollbars-vertical; }

body						{ background-color: #ececec; margin: 0px; }
body, td					{ font-family: arial,helvetica; font-size: 0.85em; text-decoration: none; }
table td					{ font-size: 1em; }

#wrapper
	{
	position: relative;
	background-color: #fff;
	width: 960px;
	margin: auto;
	}

.clear						{ clear: both; }
.button						{ cursor: pointer; }

a							{ color: #cf0a81; text-decoration: underline; }
a:hover						{ color: #000; text-decoration: underline; }

/* ======================================= */

/* --------------------------------------- */
/* HEADER */
/* --------------------------------------- */

#header
	{
	position: relative;
	margin: 0px;
	}

#header h1
	{
	position: relative;
	background: url(/grfx/logo.gif) no-repeat 16px 6px;
	text-indent: -9999px;
	width: 264px;
	height: 42px;
	margin: 0px;
	padding: 0px;
	}

#header h1 a				{ height: 42px; display: block; cursor: pointer; }

#header #languages
	{
	position: absolute;
	width: 215px;
	height: 30px;
	top: 12px;
	right: 0px;
	}

#header #languages ul
	{
	position: absolute;
	list-style: none;
	height: 40px;
	margin: 0px;
	padding: 0px;
	}

#header #languages ul li
	{
	position: absolute;
	text-indent: -9999px;
	width: 32px;
	height: 20px;
	}

#header #languages ul li#nl	{ background: url(/grfx/flag-nl.gif); left: 0px; }
#header #languages ul li#uk	{ background: url(/grfx/flag-uk.gif); left: 34px; }
#header #languages ul li#de	{ background: url(/grfx/flag-de.gif); left: 68px; }
#header #languages ul li#fr	{ background: url(/grfx/flag-fr.gif); left: 102px; }
#header #languages ul li#sp	{ background: url(/grfx/flag-sp.gif); left: 136px; }
#header #languages ul li#it	{ background: url(/grfx/flag-it.gif); left: 170px; }

#header #languages ul li a	{ text-decoration: none; height: 20px; display:block; }

#navigation
	{
	position:relative;
	background-color: #390;
	height: 24px;
	margin:0px;
	padding:0px;
	}

#navigation ul
	{
	position:absolute;
	font-weight: normal;
	list-style: none;
	line-height: 1;
	height: 24px;
	margin: 0px;
	padding: 0px;
	float: left;
	top: 0px;
	left: 0px;
	z-index: 100;
	}

#navigation ul li
	{
	_height: 30px;
	float: left;
	padding: 0px;
	}

#navigation a
	{
	font-weight: bold;
	font-size: 0.9em;
	color: #fff;
	text-align: center;
	text-decoration: none;
/* 	_width: 82px; */
	height: 24px;
	padding: 0.55em 1.5em;
	padding-bottom: 0em;
	display: block;
	_display: inline-block;
	}

.photobar
	{
	background-repeat: no-repeat;
	background-position: 0px -50px;
	height: 170px;
	margin: 0px;
	}

#photobar0					{ background-image: url(/grfx/photo_0.jpg); }
#photobar1					{ background-image: url(/grfx/photo.jpg); }
#photobar2					{ background-image: url(/grfx/photo_2.jpg); }
#photobar3					{ background-image: url(/grfx/photo_3.jpg); }
#photobar4					{ background-image: url(/grfx/photo_4.jpg); }
#photobar5					{ background-image: url(/grfx/photo_5.jpg); }

#photogroup1				{ background-image: url(/grfx/photo1.jpg); }
#photogroup2				{ background-image: url(/grfx/photo2.jpg); }
#photogroup4				{ background-image: url(/grfx/photo4.jpg); background-position: 0px -20px; }
#photogroup5				{ background-image: url(/grfx/photo5.jpg); background-position: 0px -15px; }
#photogroup6				{ background-image: url(/grfx/photo6.jpg); }
#photogroup7				{ background-image: url(/grfx/photo7.jpg); background-position: 0px -120px; }
#photogroup8				{ background-image: url(/grfx/photo8.jpg); background-position: 0px -20px; }
#photogroup9				{ background-image: url(/grfx/photo9.jpg); }
#photogroup10				{ background-image: url(/grfx/photo10.jpg); background-position: 0px -70px; }
#photo_empty				{ background-image: url(/grfx/photo_empty.jpg); }


#purplebar					{ background-color: #639; height: 30px; }

/* ======================================= */

/* --------------------------------------- */
/* POPUP HEADER */
/* --------------------------------------- */

#popupbody
	{
	background-color: #fff;
	margin: 0px;
	padding: 0px;
	line-height: 140%;
	}

div#popupwrapper
	{
	background-color: #fff;
	font-size: 0.8em;
	width: 99%;
	height: auto;
	_height: 500px;
	min-height: 500px;
	margin: 0px auto;
	}

#popupheader
	{
	position: relative;
	background: url(/grfx/background-popupheader.gif) repeat-x;
	height: 70px;
	margin: 0px;
	}

#popupheader h1
	{
	position: relative;
	background: url(/grfx/logo.gif) no-repeat 16px 12px;
	text-indent: -9999px;
	width: 264px;
	height: 42px;
	margin: 0px;
	padding: 0px;
	}

/* ======================================= */

/* --------------------------------------- */
/* CONTENT */
/* --------------------------------------- */

#main
	{
	position: relative;
	background-color: #fff;
	width: 900px;
	height: auto;
	_height: 300px;
	min-height: 300px;
	margin: 0px auto;
	}

#content, #content_full
	{
	position: relative;
	font-size: 0.85em;
	height: auto;
	_height: 300px;
	min-height: 300px;
	margin: 0px;
	margin-right: 390px;
	padding: 15px;
	}

#content_full				{ margin-right: 0px; }

#content h3, #content_full h3
	{
	font-weight: normal;
	font-size: 2em;
	color: #09f;
	margin: 0px;
	padding: 0px;
	}

#content p, #content_full p
	{
	margin: 10px 0px 10px 0px;
	}

#sidebar
	{
	position: relative;
	float: right;
	right: 0px;
	}

font.grootte
	{
	font-size: 1.2em;
	}

.form_subtitle
	{
	font-size: 1em;
	text-align: center;
	}

.form_desc
	{
	font-size: 1em;
	padding-top: 4px;
	padding-right: 4px;
	text-align: right;
	}

.form_data
	{
	font-size: 1em;
	}


/* ======================================= */

/* --------------------------------------- */
/* FOOTER */
/* --------------------------------------- */

#footer
	{
	position: relative;
	background: url(/grfx/background-footer.gif) #999 no-repeat top;
	font-size: 0.8em;
	color: #fff;
	height: auto;
	_height: 50px;
	min-height: 50px;
	margin: 0px;
	clear: both;
	}

#footer a					{ color: #fff; }

#footer p
	{
	margin: 0px;
	padding: 0px;
	}

#footer p#logos
	{
	position: relative;
	font-weight: bold;
	font-size: 1.4em;
	width: 150px;
	margin: 0px;
	padding-top: 10px;
	float: left;
	left: 0px;
	}

#footer p#logos a			{ background: url(/grfx/vvvlogo.gif) no-repeat 10px 0px; text-decoration: none; height: 30px; padding-left: 50px; display: block; }

#footer p#partners
	{
	position: relative;
	height: auto;
	_height: 50px;
	min-height: 50px;
	margin: 0px;
	margin-left: 100px;
	margin-right: 260px;
	padding-top: 2px;
	}

#footer p#poweredby
	{
	position: relative;
	width: 260px;
	margin: 0px;
	margin-top: 10px;
	margin-right: 10px;
	float: right;
	right: 0px;
	}


/* ======================================= */
/* ======================================= */
/* ======================================= */