@import url(styles.css);
body {
	overflow:hidden;
	margin:0;
	padding:0;
}
#maincontainer {
	position:absolute;
	width:1000px;
	top:167px;
	bottom:30px;
	left:50%;
	margin:0 0 0 -495px;
	padding:0;
}
#main {
	position:absolute;
	overflow:hidden;
	width:100%;
	height:100%;
	bottom:0;
	margin:0;
	padding:0;
}
/*============== NAVIGATIE ==============*/
#navigatiecontainer {
	position:absolute;
	display:block;
	width:1140px;
	height:167px;
	top:0;
	left:50%;
	margin:0 0 0 -526px;
}
#navigatie {
	position:absolute;
	display:block;
	width:960px;
	height:77px;
	top:90px;
	left:50%;
	margin:0 0 0 -526px;
}
#navigatie ul { margin:0 0 0 60px; }
#navigatie li a {
	display:block;
	height:75px;
	position:relative;
}
#navigatie li {
	position:relative;
	float:left;
	margin:0;
	padding:0;
	list-style:none;
}
li a#nhome {
	width:410px;
	margin-right:40px;
}
li a#nacties {
	width:80px;
	margin-right:10px;
}
li a#nnieuws {
	width:95px;
	margin-right:10px;
}
li a#nwinkels {
	width:100px;
	margin-right:10px;
}
li a#ncontact {
	width:95px;
	margin-right:10px;
}
#navigatie li a span {
	display:block;
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:100;
}
#navigatie li a span:hover { cursor:pointer; }
li a#nhome span, li a#nhome.activated {
	width:410px;
	margin-right:40px;
}
li a#nacties span, li a#nacties.activated {
	width:80px;
	margin-right:10px;
}
li a#nnieuws span, li a#nnieuws.activated {
	width:95px;
	margin-right:10px;
}
li a#nwinkels span, li a#nwinkels.activated {
	width:100px;
	margin-right:10px;
}
li a#ncontact span, li a#ncontact.activated {
	width:95px;
	margin-right:10px;
}
li a span i { display:none }
/*============== content ==============*/

#content {
	position:absolute;
	overflow:auto;
	width:570px;
	top:0;
	bottom:0;
	left:10px;
	margin:0;
	padding:20px 200px 0 200px;
}
/* ruimte beperken ivm scoll*/
#content #tekst { width:570px; }
/*============== linkerkolom ==============*/	
#linkerkolom {
	position:absolute;
	width:160px;
	top:0;
	left:30px;
	bottom:0;
	padding:20px 0 0 0;
	margin:0;
	z-index:10;
}
td.score { width : 40px; }
td.score span {
	display:block;
	overflow:hidden;
	position:relative;
}
.kader#poll td,.kader#poll  th { 
	padding:4px; }
.kader#poll h1 { display:none; }
.kader ul, .kader#poll {
	padding:40px 0 0 0;
	margin:0 0 10px 0;
}
.kader ul.sub {
	padding:0;
	margin:0;
}
.kader ul.sub li a {
	display:block;
	padding: 2px 4px 2px 20px;
	margin: 0;
}
.kader li {
	margin:0;
	padding:0;
}
.kader li a {
	display:block;
	padding: 2px 4px;
	margin: 0;
}
#winkels #linkerkolom #winkellijst, #contact #linkerkolom #winkellijst { display:none; }
/*============== rechterkolom  ==============*/
#rechterkolom {
	position:absolute;
	width:160px;
	top:0;
	bottom:0;
	left:800px;
	padding:20px 0 0 0;
	margin:0;
	z-index:10;
}
dl.nieuwsflits {
	margin:0 0 20px 0;
	padding:40px 0 0 0;
}
#nieuws dl.nieuwsflits { display:none; }
dl.nieuwsflits dt {
	cursor:pointer;
	display:block;
	padding:0 4px;
	margin: 0;
}
dl.nieuwsflits dd {
	display:block;
	overflow:auto !important;
	height:100px;
	padding:0;
	margin:0;
}
/*============== footer  ==============*/
#footer {
	position:absolute;
	overflow:hidden;
	width:1000px;
	height:30px;
	bottom:0;
	left:50%;
	padding:0;
	margin:0 0 0 -495px;
}
/*============== Standaard opmaak ==============*/
/* Firefox Dotted Outline Fix */
a:activated {
 	outline: none;
}
/* Firefox Dotted Outline Fix */
a:focus { -moz-outline-style: none; }
*:focus { outline: none; }
h1 { margin:0 0 .3em 0; }
h3 { margin-bottom:-.7em }
h4 { margin-bottom:0em }
.linkskader, .links {
	float:left;
	margin-right:15px;
}
.linkskader, .rechtskader { padding:3px; }
.rechtskader, .rechts {
	float:right;
	margin-left:15px;
}
table { width:100%; }
td, th { padding:10px; }
ul#animatie {
	padding:0;
	margin:0;
}
hr {
	display:block;
	height:0px;
	margin:0px;
	padding:0px;
	clear:both;
	visibility:hidden;
}
/*============== formulier ==============*/
#contact label {
	display:block;
	width:120px;
	float:left;
	clear:both;
}
fieldset {
	margin:0px 0px 20px -20px;
	padding:20px;
}
legend {
	padding: 4px 10px;
	background:#fff;
}
textarea {
	width:578px;
	height:150px;
}
form { display:inline }
.inputnieuwsbrief, .inputxs, .inputs, .inputm, .inputl, .inputxl, .inputxxl, textarea, .knop, .okknop, select {
	margin:2px 5px 2px 0;
	padding:1px 3px;
}
.inputnieuwsbrief { width:110px; }
.inputxs { width:30px; }
.inputs { width:45px; }
.inputm { width:140px; }
.inputl { width:300px; }
.inputxl { width:350px; }
.inputxxl { width:450px; }
textarea {
	width:350px;
	height:150px;
	overflow:auto;
}
form em {
	padding-right:8px;
	background:url(images/required.gif) no-repeat right top;
}
/*============== clickbox ==============*/

p.galerij { padding:3px 7px; }
p.galerij img { padding:2px; }
#cbMask {
	position: fixed;
	height:100%;
	width:100%;
	top:0;
	left:0;
	-moz-opacity: 0.80;
	opacity: 0.80;
	z-index:100;
}
#cbModal {
	position: absolute;
	overflow:hidden;
	display:none;
	top:50%;
	left:50%;
	padding:20px;
	z-index: 102;
}
#cbContentholder {
	display:block;
	margin:0 1px;
}
#cbContentholder.ajax { overflow:auto; }
#cbImage { margin:0; }
#cbCaption, #cbButtons {
	display:block;
	height:25px;
	padding:3px 10px;
}
#cbCounter {
	padding:0 2px;
	margin:0 2px;
	float:right;
}
#cbIframe { width:100%; }
span.cbButton {
	float:left;
	padding:0 2px;
	margin:0 2px;
}
span.cbButton:hover {
	cursor:hand;
	cursor:pointer;
}
.ajax { padding:10px; }