/* SCHUDDEN.NU  */
/* Last updated December 10, 2008 */ 

* { 
	margin: 0;
  	padding: 0;
	border: 0;
	background: transparent;
	}

body, html { 
	min-width: 964px;
	height: 2247px;
	}
	
p.access	{display: none;}

.clear	{
	clear: both;
	height: 0; 
	}

.floatleft	{float: left;}
.floatright	{float: right;}

/* PAGE LAYOUT */

body	{
	text-align: left;
	background: #dedede;
	font: small/11px "Courier New", Courier, monospace;
	color: #000;
	font-weight: normal;
	line-height: 130%; 
	}

p,ul,li,address	{
	/*font-size: 9pt;*/
	font-size: 11px;
	font-family: "Courier New", Courier, monospace;
	font-weight: normal;
	font-style: normal;
	line-height: 135%; 
	color: #000;
	text-align: left;
	}

a:link, a:active, a:visited	{color: #000; text-decoration: underline;}
a:hover	{color: #ff0000;}

#wrapper	{
	width: 1300px;
	/*width: 964px;*/
	height: 2247px;
	margin: 0 auto;
	/*border: 1px solid #ff00ff;*/
	}
	
/* Hide from IE-Mac \*/
div#wrapper {
	position: absolute;
	z-index: 10;
	left: 50%;
	top: 0;
	background: url(/i/schudden-bg.jpg) center 20px no-repeat;
	margin: 0 0px 0px -650px;
	/*margin: 0 0px 0px -480px;*/
}

/* OPEN NAVIGATION LINK */

h1	{
	text-indent: -9999px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	border: 0;
	z-index: 90;
	}

h1#opennav a:link, h1#opennav a:active, h1#opennav a:visited, h1#opennav a:hover 	{
	display: block;
	position: absolute;
	top: 210px;
	left: 494px;
	width: 92px;
	height: 20px;
	outline: none;
	border: 1px dotted #ff0000;
	}
		
.copy	{
	margin: 20px 0 0 0;
	/*border: 1px solid #ff00ff;*/
	}

p, address	{
	margin: 0.2em 35px 1em 16px;
	}

h2, h3, h5	{margin: 0.1em 35px 0 16px; font-size: 11px; font-weight: normal;}
h2	{font-weight: bold;}

strong	{color: #ff0033; }

.caps	{text-transform:uppercase}
div.hr	{
	height: 4px;
	background: url(/i/hr-bg.gif) top left no-repeat;
	margin: 20px 0 0 16px;
	}

div.hr325	{
	width: 325px;
	height: 4px;
	background: url(/i/hr-bg.gif) top left no-repeat;
	margin: 6px 0 0 16px;
	}

div.hr445	{
	width: 445px;
	height: 4px;
	background: url(/i/hr-bg.gif) top left no-repeat;
	margin: 6px 0 0 16px;
	}
	
div.hrwhite	{
	height: 4px;
	background: url(/i/hr-bg-white.gif) top left no-repeat;
	margin: 2px 0 0 16px;
	}

div.hr hr, div.hrwhite hr	{
  display: none;
	}
	
.slideClose {
	display: block;
	float: right;
	width: 10px;
	height: 14px;
	margin: 0 10px 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: right;
	cursor: pointer;
	cursor: hand;
	}
	
.white, a.white:link, a.white:active, a.white:visited	{color: #fff;}
a.white:hover	{color: #ff0000;}

/* HOME CONTENT LAYER */

#layerhome	{
	display: block;
	position: absolute;
	z-index: 1000;
	top: 53px;
	/* LEFT NEEDS TO BE center-80px or 572px left from wrapper */
	left: 572px;
	height: 649px;
	width: 393px;
	background: url(/i/home-bg.png) top right no-repeat!important;
	background: url(/i/home-bg.gif) top right no-repeat;
	}
	
.homecopy	{width: 383px;}

#layernieuws	{
	display: block;
	position: absolute;
	z-index: 1000;
	top: 53px;
	/* LEFT NEEDS TO BE center-80px or 572px left from wrapper */
	left: 572px;
	height: auto;
	/*height: 649px;*/
	width: 484px;
	background: url(/i/nieuws-bg.png) bottom right no-repeat!important;
	background: url(/i/nieuws-bg.gif) bottom right no-repeat;
	}
	
.nieuwscopy	{width: 470px; padding: 0 0 50px 0;}

/* WIE ZIJN DIE JONGENS CONTENT LAYER */

#layerjongens	{
	display: block;
	position: absolute;
	z-index: 2000;
	top: 90px;
	/* LEFT NEEDS TO BE center-116px or 536px left from wrapper */
	left: 516px;
	height: 720px;
	width: 498px;
	background: url(/i/jongens-bg.png) top left no-repeat!important;
	background: url(/i/jongens-bg.gif) top left no-repeat;
	}

.jongencopy	{width: 477px; margin: 8px 0 0 8px;}

#jongensimage	{
	display: block;
	height: 461px;
	width: 598px;
	padding-left: 35px;
	margin-left: -35px;
	background: url(/i/jongens-image.png) top left no-repeat!important;
	background: url(/i/jongens-image.gif) top left no-repeat;
	}

/* VOORSTELLINGEN CONTENT LAYER */

#layervoorstellingen	{
	display: block;
	position: absolute;
	z-index: 3000;
	top: 43px;
	/* LEFT NEEDS TO BE center-106px or 546px left from wrapper */
	left: 546px;
	height: 2126px;
	width: 551px;
	background: url(/i/voorstellingen-bg.png) top left repeat!important;
	background: url(/i/voorstellingen-bg.gif) top left repeat;
	/*border: 1px solid #ff00ff;*/
	}

.voorstellingencopy	{width: 551px; margin: 0 0 0 0;}

#ruis	{
	height: 470px;
	width: 576px;
	padding-left: 26px;
	margin-left: -26px;
	background: url(/images/voorstellingen/ruis-schudden.png) bottom left no-repeat!important;
	background: url(/images/voorstellingen/ruis-schudden.gif) bottom left no-repeat;
	/*border: 1px solid #ff00ff;*/
	}

#zout	{
	height: 370px;
	width: 576px;
	padding-left: 328px;
	margin-left: -328px;
	margin-top: -55px;
	background: url(/images/voorstellingen/zout-schudden.png) bottom left no-repeat!important;
	background: url(/images/voorstellingen/zout-schudden.gif) bottom left no-repeat;
	}
	
#klam	{
	height: 370px;
	width: 550px;
	padding-right: 53px;
	margin-top: -55px;
	background: url(/images/voorstellingen/klam-schudden.png) bottom left no-repeat!important;
	background: url(/images/voorstellingen/klam-schudden.gif) bottom left no-repeat;
	}
	
#puin	{
	height: 430px;
	width: 576px;
	padding-left: 133px;
	margin-left: -133px;
	padding-right: 6px;
	background: url(/images/voorstellingen/puin-schudden.png) bottom left no-repeat!important;
	background: url(/images/voorstellingen/puin-schudden.gif) bottom left no-repeat;
	/*border: 1px solid #ff00ff;*/
	}	

#dummy	{
	height: 170px;
	width: 550px;
	margin-top: -75px;
	}

#amok	{
	height: 270px;
	width: 576px;
	padding-left: 221px;
	margin-left: -221px;
	padding-right: 7px;
	margin-top: -45px;
	background: url(/images/voorstellingen/amok-schudden.png) left top no-repeat!important;
	background: url(/images/voorstellingen/amok-schudden.gif) left top no-repeat;
	/*border: 1px solid #ff00ff;*/
	}	

#geschud	{
	height: 320px;
	width: 576px;
	padding-left: 146px;
	margin-left: -146px;
	margin-top: -65px;
	background: url(/images/voorstellingen/geschud-schudden.png) bottom left no-repeat!important;
	background: url(/images/voorstellingen/geschud-schudden.gif) bottom left no-repeat;
	/*border: 1px solid #ff00ff;*/
	}	
		
/* ACHTER DE SCHERMEN CONTENT LAYER */

#layerschermen	{
	display: block;
	position: absolute;
	z-index: 4000;
	top: 29px;
	/* LEFT NEEDS TO BE center-89px or 563px left from wrapper */
	left: 563px;
	height: 742px;
	width: 540px;
	background: url(/i/schermen-bg.png) top left no-repeat!important;
	background: url(/i/schermen-bg.gif) top left no-repeat;
	}

.schermencopy	{width: 532px; margin: 0 0 0 0;}

#achterText p {
	display: none;
}

.schermencopy ul	{
	margin: 35px 35px 0 16px;
	list-style: none;}

#layerschermen a:link, #layerschermen a:active, #layerschermen a:visited	{color: #000; text-decoration: none;}		
#layerschermen a:hover, li.liactive a:link, li.liactive a:active, li.liactive a:visited	{background: #ff6600;color: #000;}
li.liactive a:hover	{color: #000;}

h1#hoofddavefluyt a:link, h1#hoofddavefluyt a:active, h1#hoofddavefluyt a:visited 	{
	display: block;
	position: absolute;
	top: 289px;
	left: 49px;
	height: 258px;
	width: 288px;
	outline: none;
	}

h1#hoofddavefluyt a:hover, a.linkdavefluyt	{
	background: url(/images/hoofden/dave-vluyt-active.png) top left no-repeat!important;
	background: url(/images/hoofden/dave-vluyt-active.gif) top left no-repeat;
	}

h1#hoofdtitustiel a:link, h1#hoofdtitustiel a:active, h1#hoofdtitustiel a:visited 	{
	display: block;
	position: absolute;
	top: 310px;
	left: 341px;
	height: 212px;
	width: 163px;
	outline: none;
	}

h1#hoofdtitustiel a:hover, a.linktitustiel	{
	background: url(/images/hoofden/titus-tiel-groenestege.png) top left no-repeat!important;
	background: url(/images/hoofden/titus-tiel-groenestege.gif) top left no-repeat;
	}
	
h1#hoofdjaronverwoert a:link, h1#hoofdjaronverwoert a:active, h1#hoofdjaronverwoert a:visited 	{
	display: block;
	position: absolute;
	top: 533px;
	left: 292px;
	height: 194px;
	width: 184px;
	outline: none;
	}

h1#hoofdjaronverwoert a:hover, a.linkjaronverwoert	{
	background: url(/images/hoofden/jaron-verwoert.png) top left no-repeat!important;
	background: url(/images/hoofden/jaron-verwoert.gif) top left no-repeat;
	}	

h1#hoofdpaulvanoost a:link, h1#hoofdpaulvanoost a:active, h1#hoofdpaulvanoost a:visited 	{
	display: block;
	position: absolute;
	top: 30px;
	left: 277px;
	height: 154px;
	width: 162px;
	outline: none;
	}

h1#hoofdpaulvanoost a:hover, a.linkpaulvanoost	{
	background: url(/images/hoofden/paul-van-oost-active.png) top left no-repeat!important;
	background: url(/images/hoofden/paul-van-oost-active.gif) top left no-repeat;
	}
	
h1#hoofdpeterdebruin a:link, h1#hoofdpeterdebruin a:active, h1#hoofdpeterdebruin a:visited 	{
	display: block;
	position: absolute;
	top: 480px;
	left: 20px;
	height: 231px;
	width: 239px;
	outline: none;
	}

h1#hoofdpeterdebruin a:hover, a.linkpeterdebruin	{
	background: url(/images/hoofden/peter-de-bruin.png) top left no-repeat!important;
	background: url(/images/hoofden/peter-de-bruin.gif) top left no-repeat;
	}

/* RECENSIES CONTENT LAYER */

#layerrecensies	{
	display: block;
	position: absolute;
	z-index: 1000;
	top: 53px;
	/* LEFT NEEDS TO BE center-80px or 572px left from wrapper */
	left: 572px;
	height: auto;
	/*height: 649px;*/
	width: 484px;
	background: url(/i/nieuws-bg.png) bottom right no-repeat!important;
	background: url(/i/nieuws-bg.gif) bottom right no-repeat;

	}
	
div#layerrecensies div.schermencopy	{width: 470px; padding: 0 0 50px 0;}

/* LINKS CONTENT LAYER */
#layerlinks	{
	display: block;
	position: absolute;
	top: 10px;
	/* LEFT NEEDS TO BE center-519px or 131px left from wrapper */
	left: 2%;
	height: 483px;
	width: 295px;
	z-index: 5000;
	/*border: 1px solid #ff0000;*/
	}

div#layerlinks ul#linkmenu	{
	position: absolute;
	top: 300px;
	left: 100px;
	height: 104px;
	width: 144px;
	/*border: 1px solid #ff0000;*/
	}

div#layerlinks ul#linkmenu li {
	list-style: none;
	position: absolute;
	}
	
ul#linkmenu li, ul#linkmenu a {
	height: 19px;
	display: block;
	outline: none;
	}

ul#linkmenu li#linklihekwerk, ul#linkmenu li#linklihekwerk a {height: 23px;}
ul#linkmenu li#linkliarjan, ul#linkmenu li#linkliarjan a {height: 44px;}
ul#linkmenu li#linklibos, ul#linkmenu li#linklibos a {height: 31px;}
ul#linkmenu li#linklitotenmet, ul#linkmenu li#linklitotenmet a {height: 31px;}

div#layerlinks ul#linkmenu li a {
	text-indent: -9999px;
	overflow: hidden;
	text-decoration: none;
	/*border: 1px solid #ff00ff;*/
	}

div#layerlinks ul#linkmenu li a:hover {
	border: 0;
	}

#linklihekwerk	{top: 0; left: 0; width: 135px; background: url(/i/link-nav-hekwerk.gif) 0 0 no-repeat;}
#linkliarjan	{top: 26px; left: 0; width: 164px; background: url(/i/link-nav-arjanbenning.gif) 0 0 no-repeat;}
#linklibos	{top: 44px; left: 0; width: 131px; background: url(/i/link-nav-hetbos.gif) 0 0 no-repeat;}
#linklitotenmet	{top: 72px; left: 0; width: 133px; background: url(/i/link-nav-totenmet.gif) 0 0 no-repeat;}

#linklihekwerk a:hover	{background: url(/i/link-nav-hekwerk-active.gif) 0 0 no-repeat;}
#linkliarjan a:hover	{background:  url(/i/link-nav-arjanbenning-active.gif) 0 0 no-repeat;}
#linklibos a:hover	{background: url(/i/link-nav-hetbos-active.gif) 0 0 no-repeat;}
#linklitotenmet a:hover		{background: url(/i/link-nav-totenmet-active.gif) 0 0 no-repeat;}

/* CONTACT CONTENT LAYER */

#layercontact	{
	display: block;
	position: absolute;
	z-index: 6000;
	top: 38px;
	/* LEFT NEEDS TO BE center-117px or 533px left from wrapper */
	left: 533px;
	height: 485px;
	width: 616px;
	background: url(/i/contact-bg.png) top left no-repeat!important;
	background: url(/i/contact-bg.gif) top left no-repeat;
	}

.contactcopy	{width: 560px;}

#layercontact.splash	{
	background: url(/i/contact-bg-splash.png) top left no-repeat!important; 
	background: url(/i/contact-bg-splash.gif) top left no-repeat;
	}

/* TE KOOP CONTENT LAYER */

#layertekoop	{
	display: block;
	position: absolute;
	z-index: 7000;
	top: 37px;
	/* LEFT NEEDS TO BE center-182px or 470px left from wrapper */
	left: 470px;
	height: 479px;
	width: 538px;
	background: url(/i/tekoop-bg.png) top left no-repeat!important;
	background: url(/i/tekoop-bg.gif) top left no-repeat;
	}

.tekoopclose	{margin: 110px 135px 0 0;}

h1#opendvd a:link, h1#opendvd a:active, h1#opendvd a:visited, h1#opendvd a:hover 	{
	display: block;
	position: absolute;
	top: 128px;
	left: 120px;
	width: 275px;
	height: 220px;
	outline: none;
	}

div.error	{
	display: block;
	position: absolute;
	z-index: 200000;
	top: 37px;
	background: url(/i/error-bg.png) top left repeat!important;
	background: url(/i/error-bg.gif) top left repeat;
	left: 200px;
	height: 500px;
	width: 700px;
	padding: 12px;
	}
	
div.error h2	{
	font-size: 22px; font-weight: bold; color: #ff0000;}
	
div.error p, div.error address	{
	font-size: 18px; color: #ff0000;}