/*
 *   FLUFF MARKET
 *
 *   Stylesheet for screen and projection
 *   
 *   /css/fluff-screen.css
 *
 *   vizi | vorm geven aan inhoud
 *
 *   V0.1 - 10/07/2007 - Jeroen Visser
 *   V0.2 - 25/04/2008 - Jeroen Visser
 *
 *********************************************************** */



/*  CLEAN START
-------------------------------------------- */
html, body, h1, h2, h3, h4, h5, h6, p, blockquote, ul, ol, li, img, 
table, tr, th, td, form, fieldset, legend, button, div, object
{
	margin:0;padding:0;border:0;list-style:none;font:normal 12px/1.5 'lucida grande','lucida sans unicode',geneva,arial,sans-serif;text-align:left;vertical-align:top;
}


/*  BASE
-------------------------------------------- */
body
{
	position: relative;
	background: #e60061 url(../images/bg-fluff.gif);
	color: #fff;
}

h1
{
	display: block;
	width: 900px;
	height: 190px;
	position: relative;
	margin: 0 auto;
	background: transparent url(../images/bg-header.png) no-repeat;
	color: #ffffff;
}
h1 span
{
	position: absolute;
	top: -10000px;
	height: 0;
}

h2
{
	margin: 1.5em 0 .25em;
	color: #a9ea99;
	font-family: 'arial black',sans-serif;
	font-size: 200%;
	line-height: 1;
}

p.intro
{
	margin: 0 0 1em;
	font-family: 'arial black',sans-serif;
	font-size: 200%;
	text-shadow: #ffffff 0 0 0;
}

p#credits
{
	width: 748px;
	position: absolute;
	top: 100%;
	left: 0;
	margin: 0;
	border-top: 5px dashed #ffffff;
	padding: .5em 20px;
	color: #ffffff;
	font-size: .8em;
	font-weight: bold;
	text-transform: uppercase;
}

p.dedokter
{
	position: absolute;
	right: 15px;
	bottom: -20px;
}

p span
{
	color: #fff;
	font-family: 'arial black',sans-serif;
	font-size: 200%;
	line-height: .75;
}


a, a:link, a:visited
{
	color: #a9ea99;

}

a:hover, a:focus
{
	color: #fff;
}




/*  MENU
-------------------------------------------- */
#menu
{
	display: block;
	width: 758px;
	position: absolute;
	z-index: 60;
	top: -60px;
	left: 0;
}
#menu ul
{
	display: block;
	height: 2.2em;
	margin: 0 0 0 31px;
}

#menu li
{
	display: block;
	height: 24px;
	float: left;
}

#menu li a
{
	display: block;
	margin-left: 3.8em;
	color: #ff2621;
	font-family: 'arial black',sans-serif;
	font-size: 150%;
	text-transform: uppercase;
	text-decoration: none;
}
#menu li#menu-home a
{
	margin-left: 0;
}
#menu li a:hover,
#menu li a:focus
{
	color: #e3bd00;
}

#menu h2
{
	position: absolute;
	top: -10000px;
	height: 0;
}


.home #menu-home a, 
.watenhoe #menu-watenhoe a,
.archief #menu-archief a, 
.locatie #menu-locatie a,
.contact #menu-contact a
{
	color: #e3bd00;
	cursor: default;
}


/*  CONTENT
-------------------------------------------- */
#content
{
	width: 758px;
	position: relative;
	margin: 0 auto 80px;
	border-right: 5px dashed #ffffff;
	padding: 0 11px 10px 21px;
}

#wood
{
	background: url(../images/bg-wood.jpg) repeat-y;
	padding: 20px;
}

.home #wood
{
	padding-right:250px;
}

/*  HOMEPAGE: DEELNEMERS
    VERSIE 1: 11-08-2007
    VERSIE 2: 05-05-2008
-------------------------------------------- */
#deelnemers
{
  margin-left: -1px;
}
#deelnemers ul
{
	width: 760px;
}

#deelnemers ul:after
{
	content: " ";
	display: block;
	clear: left;
	visibility: hidden;
	height: 0;
}

#deelnemers li
{
	display: block;
	width: 190px;
	height: 50px;
	float: left;
	position: relative;
	margin-bottom: 10px;
}

#deelnemers a
{
	display: block;
	width: 188px;
	height: 48px;
	border: 1px solid #CC0000;
	text-decoration: none !important;
}
#deelnemers a:hover,
#deelnemers a:focus
{
	border: 1px solid #a9ea99;
}

#deelnemers h2, #deelnemers h3, #deelnemers a span
{
	position: absolute;
	top: -10000px;
	height: 0;
}


/* Plaatjes! */
#fluff-080512-01 { background: #fff url(../images/deelnemers/erika-harberts.jpg) no-repeat 0 50%; }
#fluff-080512-02 { background: #fff url(../images/deelnemers/enfin-la-voila-marijke.jpg) no-repeat 0 50%; }
#fluff-080512-03 { background: #fff url(../images/deelnemers/tamar-aita.jpg) no-repeat 0 50%; }
#fluff-080512-04 { background: #fff url(../images/deelnemers/kleurgestikt.jpg) no-repeat 0 50%; }

#fluff-080512-05 { background: #fff url(../images/deelnemers/bianca-noodelijk.jpg) no-repeat 0 50%; }
#fluff-080512-06 { background: #fff url(../images/deelnemers/daniella-hefter.jpg) no-repeat 0 50%; }
#fluff-080512-07 { background: #fff url(../images/deelnemers/haadjar-fris.jpg) no-repeat 0 50%; }
#fluff-080512-08 { background: #fff url(../images/deelnemers/blackblossom.jpg) no-repeat 0 50%; }

#fluff-080512-09 { background: #a9ea99 url(../images/deelnemers/fluffmarket.gif) 0 50%; }
#fluff-080512-10 { background: #fff url(../images/deelnemers/eveline-de-heij.jpg) no-repeat 0 50%; }
#fluff-080512-11 { background: #fff url(../images/deelnemers/mariska-vos.jpg) no-repeat 0 50%; }
#fluff-080512-12 { background: #fff url(../images/deelnemers/danielle-smits.jpg) no-repeat 0 50%; }

#fluff-080512-13 { background: #fff url(../images/deelnemers/kim-white.jpg) no-repeat 100% 50%; }
#fluff-080512-14 { background: #fff url(../images/deelnemers/leonie-naessens.jpg) no-repeat 0 50%; }
#fluff-080512-15 { background: #fff url(../images/deelnemers/lydia-dekker.jpg) no-repeat 0 50%; }
#fluff-080512-16 { background: #fff url(../images/deelnemers/rubbersoul.jpg) no-repeat 0 50%; }

#fluff-080512-17 { background: #fff url(../images/deelnemers/aniela-hoitink.jpg) no-repeat 0 50%; }
#fluff-080512-18 { background: #fff url(../images/deelnemers/hippin.jpg) no-repeat 0 50%; }
#fluff-080512-19 { background: #fff url(../images/deelnemers/discodip.jpg) no-repeat 0 50%; }
#fluff-080512-20 { background: #fff url(../images/deelnemers/pauline-kettlewood.jpg) no-repeat 0 50%; }

#fluff-080512-21 { background: #fff url(../images/deelnemers/poptasi.gif) no-repeat 50% 50%; }
#fluff-080512-22 { background: #fff url(../images/deelnemers/klaartje-den-hartog.jpg) no-repeat 0 50%; }
#fluff-080512-23 { background: #fff url(../images/deelnemers/restored.jpg) no-repeat 0 50%; }
#fluff-080512-24 { background: #fff url(../images/deelnemers/puk.jpg) no-repeat 0 50%; }

#fluff-080512-25 { background: #fff url(../images/deelnemers/joli.jpg) no-repeat 0 50%; }
#fluff-080512-26 { background: #fff url(../images/deelnemers/hannah-biemold.jpg) no-repeat 0 50%; }
#fluff-080512-27 { background: #fff url(../images/deelnemers/hieronymus.jpg) no-repeat 100% 30%; }
#fluff-080512-28 { background: #fff url(../images/deelnemers/.jpg) no-repeat 0 50%; }



/*  Q & A
-------------------------------------------- */
#qa h2 span
{
	color: #fff;
	line-height: .75;
}





/*  LYTEBOX
-------------------------------------------- */
#lbOverlay { position: absolute; top: 0; left: 0; z-index: 99998; width: 100%; height: 500px; }
	#lbOverlay.grey { background-color: #000000; }
	#lbOverlay.red { background-color: #330000; }
	#lbOverlay.green { background-color: #003300; }
	#lbOverlay.blue { background-color: #011D50; }
	#lbOverlay.gold { background-color: #666600; }

#lbMain { position: absolute; left: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0; }
#lbMain a img { border: none; }

#lbOuterImageContainer { position: relative; background-color: #fff; width: 200px; height: 200px; margin: 0 auto; }
	#lbOuterImageContainer.grey { border: 3px solid #888888; }
	#lbOuterImageContainer.red { border: 3px solid #DD0000; }
	#lbOuterImageContainer.green { border: 3px solid #00B000; }
	#lbOuterImageContainer.blue { border: 3px solid #5F89D8; }
	#lbOuterImageContainer.gold { border: 3px solid #B0B000; }

#lbImageDataContainer {	font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; width: 100%; line-height: 1.4em;	overflow: auto; margin: 0 auto; }
	#lbImageDataContainer.grey { border: 3px solid #888888; border-top: none; }
	#lbImageDataContainer.red { border: 3px solid #DD0000; border-top: none; }
	#lbImageDataContainer.green { border: 3px solid #00B000; border-top: none; }
	#lbImageDataContainer.blue { border: 3px solid #5F89D8; border-top: none; }
	#lbImageDataContainer.gold { border: 3px solid #B0B000; border-top: none; }

#lbImageContainer { padding: 10px; }
#lbLoading {
	position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url(../images/loading.gif) center no-repeat;
}

#lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lbImageContainer>#lbHoverNav { left: 0; }
#lbHoverNav a { outline: none; }

#lbPrev { width: 49%; height: 100%; background: transparent url(../images/blank.gif) no-repeat; display: block; left: 0; float: left; }
	#lbPrev.grey:hover, #lbPrev.grey:visited:hover { background: url(../images/prev_grey.gif) left 15% no-repeat; }
	#lbPrev.red:hover, #lbPrev.red:visited:hover { background: url(../images/prev_red.gif) left 15% no-repeat; }
	#lbPrev.green:hover, #lbPrev.green:visited:hover { background: url(../images/prev_green.gif) left 15% no-repeat; }
	#lbPrev.blue:hover, #lbPrev.blue:visited:hover { background: url(../images/prev_blue.gif) left 15% no-repeat; }
	#lbPrev.gold:hover, #lbPrev.gold:visited:hover { background: url(../images/prev_gold.gif) left 15% no-repeat; }
	
#lbNext { width: 49%; height: 100%; background: transparent url(../images/blank.gif) no-repeat; display: block; right: 0; float: right; }
	#lbNext.grey:hover, #lbNext.grey:visited:hover { background: url(../images/next_grey.gif) right 15% no-repeat; }
	#lbNext.red:hover, #lbNext.red:visited:hover { background: url(../images/next_red.gif) right 15% no-repeat; }
	#lbNext.green:hover, #lbNext.green:visited:hover { background: url(../images/next_green.gif) right 15% no-repeat; }
	#lbNext.blue:hover, #lbNext.blue:visited:hover { background: url(../images/next_blue.gif) right 15% no-repeat; }
	#lbNext.gold:hover, #lbNext.gold:visited:hover { background: url(../images/next_gold.gif) right 15% no-repeat; }

#lbPrev2, #lbNext2 { text-decoration: none; font-weight: bold; }
	#lbPrev2.grey, #lbNext2.grey, #lbSpacer.grey { color: #333333; }
	#lbPrev2.red, #lbNext2.red, #lbSpacer.red { color: #620000; }
	#lbPrev2.green, #lbNext2.green, #lbSpacer.green { color: #003300; }
	#lbPrev2.blue, #lbNext2.blue, #lbSpacer.blue { color: #01379E; }
	#lbPrev2.gold, #lbNext2.gold, #lbSpacer.gold { color: #666600; }
	
#lbPrev2_Off, #lbNext2_Off { font-weight: bold; }
	#lbPrev2_Off.grey, #lbNext2_Off.grey { color: #CCCCCC; }
	#lbPrev2_Off.red, #lbNext2_Off.red { color: #FFCCCC; }
	#lbPrev2_Off.green, #lbNext2_Off.green { color: #82FF82; }
	#lbPrev2_Off.blue, #lbNext2_Off.blue { color: #B7CAEE; }
	#lbPrev2_Off.gold, #lbNext2_Off.gold { color: #E1E100; }
	
#lbImageData { padding: 0 10px; }
	#lbImageData.grey { color: #333333; }
	#lbImageData.red { color: #620000; }
	#lbImageData.green { color: #003300; }
	#lbImageData.blue { color: #01379E; }
	#lbImageData.gold { color: #666600; }

#lbImageDetails { width: 60%; float: left; text-align: left; }
#lbCaption { display: block; font-weight: bold; }
#lbCaption a { color: #C00; }
#lbCaption a:hover, #lbCaption a:focus { color: #620000; }

#lbNumberDisplay { float: left; display: block; padding-bottom: 1.0em; }
#lbNavDisplay { float: left; display: block; padding-bottom: 1.0em; }

#lbClose { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbClose.grey { background: url(../images/close_grey.png) no-repeat; }
	#lbClose.red { background: url(../images/close_red.png) no-repeat; }
	#lbClose.green { background: url(../images/close_green.png) no-repeat; }
	#lbClose.blue { background: url(../images/close_blue.png) no-repeat; }
	#lbClose.gold { background: url(../images/close_gold.png) no-repeat; }

#lbPlay { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbPlay.grey { background: url(../images/play_grey.png) no-repeat; }
	#lbPlay.red { background: url(../images/play_red.png) no-repeat; }
	#lbPlay.green { background: url(../images/play_green.png) no-repeat; }
	#lbPlay.blue { background: url(../images/play_blue.png) no-repeat; }
	#lbPlay.gold { background: url(../images/play_gold.png) no-repeat; }
	
#lbPause { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbPause.grey { background: url(../images/pause_grey.png) no-repeat; }
	#lbPause.red { background: url(../images/pause_red.png) no-repeat; }
	#lbPause.green { background: url(../images/pause_green.png) no-repeat; }
	#lbPause.blue { background: url(../images/pause_blue.png) no-repeat; }
	#lbPause.gold { background: url(../images/pause_gold.png) no-repeat; }