/* SCHUDDEN.NU  */
/* Last updated December, 2010 */ 
/* Ontwerp:het Bos www.hetbos.nl */
/* Realisatie:tot en met www.totenmet.net */


/* =Reset default browser CSS. Based on work by Eric Meyer:http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background:transparent;
	border:0;
	margin:0;
	padding:0;
	vertical-align:baseline;
}

html {
    overflow:scroll;
    overflow-x:auto;
}
body {
	line-height:1;
}
h1, h2, h3, h4, h5, h6 {
	clear:both;
	font-weight:normal;
}
ol, ul {
	list-style:none;
}
blockquote {
	quotes:none;
}
blockquote:before, blockquote:after {
	content:'';
	content:none;
}
del {
	text-decoration:line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse:collapse;
	border-spacing:0;
}
a img {
	border:none;
}

/* / SITE BASE STYLES / */

body, html { min-width:1024px; height:2500px;}
	
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: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:1024px; height:2720px; margin:0 auto;}
	
/* Hide from IE-Mac \*/
div#wrapper {
	position:absolute;
	z-index:10;
	left:50%;
	top:0;
	background:#fff url(/2010/i/schudden-bg.jpg) 42px 373px no-repeat;
	margin:0 0px 0px -512px;
	/*margin:0 0px 0px -480px;*/
}

/* OPEN NAVIGATION LINK */

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

p, address	{ font-style: normal; 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}
.red	{color:#ff0000;}
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 */

#layerstart	{ display:block; position:absolute; z-index:1000; top:181px; left:306px; height:140px; width:620px; font-family:ImpactRegular,Impact, "Arial Black",  Arial, Helvetica, sans-serif; font-size:16pt; line-height:125%; color:#7d7d7d;}
#layerstart strong	{ font-weight:normal;color:#fa5604;}

#layerhome	{
	display:none;
	/*position:absolute;
	z-index:1000;
	top:53px;
	left:415px;
	height:108px;
	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:108px;
	left:425px;
	height:auto;
	width:484px;
	padding-bottom:22px;
	background:url(/2010/i/nieuws-bg.png) bottom right no-repeat!important;
	background:url(/2010/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:140px;
	left:366px;
	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:80px;
	left:320px;
	height:2608px;
	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;}

#noorderzon	{
	height:240px;
	width:576px;
	margin-top:-65px;
	margin-left:-26px;
	padding-top:262px;
	padding-left:26px;
	background:url(/2010/images/voorstellingen/noorderzon-schudden.png) 90px top  no-repeat!important;
	background:url(/2010/images/voorstellingen/noorderzon-schudden.gif) 90px top  no-repeat;
	/*border:1px solid #ff00ff;*/
	}
	
#ruis	{
	height:530px;
	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:118px; left:410px; height:742px; width:540px; background:url(/2010/i/schermen-bg.png) top left no-repeat!important; background:url(/2010/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#hoofdtitustiel a:link, h1#hoofdtitustiel a:active, h1#hoofdtitustiel a:visited 	{
	display:block;
	position:absolute;
	top:343px;
	left:337px;
	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:334px;
	left:40px;
	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:537px;
	left:203px;
	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;
	}

/* LINKS CONTENT LAYER */
#layerlinks	{
	display:block;
	position:absolute;
	top:200px;
	left:275px;
	height:474px;
	width:670px;
	z-index:5000;
	background:url(/2010/i/links-bg.png) top left no-repeat!important;
	background:url(/2010/i/links-bg.gif) top left no-repeat;
	}

.linkscopy	{width:628px; margin:12px 0 0 0;}

div#layerlinks ul#linkmenu	{
	position:absolute;
	top:117px;
	left:44px;
	height:146px;
	width:146px;
	}

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#linklibos, ul#linkmenu li#linklibos a {height:27px;}
ul#linkmenu li#linklihekwerk, ul#linkmenu li#linklihekwerk a {height:29px;}
ul#linkmenu li#linkliarjan, ul#linkmenu li#linkliarjan a {height:31px;}
ul#linkmenu li#linklitotenmet, ul#linkmenu li#linklitotenmet a {height:28px;}
ul#linkmenu li#linklibobbronshof, ul#linkmenu li#linklibobbronshof a {height:35px;}

div#layerlinks ul#linkmenu li a {
	text-indent:-9999px;
	overflow:hidden;
	text-decoration:none;
	}

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

#linklibos	{top:0px; left:0; width:76px; background:none;}
#linklihekwerk	{top:27px; left:0; width:86px; background:none;}
#linkliarjan	{top:55px; left:0; width:146px; background:none;}
#linklitotenmet	{top:88px; left:0; width:105px; background:none}
#linklibobbronshof	{top:111px; left:0; width:150px; background:none}

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

/* RECENSIES CONTENT LAYER */

#layerrecensies	{
	display:block;
	position:absolute;
	z-index:1000;
	top:53px;
	left:372px;
	height:auto;
	/*height:649px;*/
	width:484px;
	background:url(/2010/i/nieuws-bg.png) bottom right no-repeat!important;
	background:url(/2010/i/nieuws-bg.gif) bottom right no-repeat;
	}
	
div#layerrecensies div.schermencopy	{width:470px; padding:0 0 50px 0;}


/* CONTACT CONTENT LAYER */

#layercontact	{
	display:block;
	position:absolute;
	z-index:6000;
	top:144px;
	left:296px;
	height:498px;
	width:693px;
	background:url(/2010/i/contact-bg.png) top left no-repeat!important;
	background:url(/2010/i/contact-bg.gif) top left no-repeat;
	}

.contactcopy	{width:420px; padding: 4px 0 0 245px;}
p.upper	{ margin-top: 212px;}

/* TE KOOP CONTENT LAYER */

#layertekoop	{
	display:block;
	position:absolute;
	z-index:7000;
	top:192px;
	left:356px;
	height:381px;
	width:517px;
	background:url(/2010/i/tekoop-bg.png) top left no-repeat!important;
	background:url(/2010/i/tekoop-bg.gif) top left no-repeat;
	}

.tekoopclose	{margin:70px 60px 0 0;}

h1#opendvd a:link, h1#opendvd a:active, h1#opendvd a:visited, h1#opendvd a:hover 	{
	display:block;
	position:absolute;
	top:95px;
	left:50px;
	width:407px;
	height:225px;
	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;}