@charset "utf-8";
/* CSS Document */

body {
	background-color: #000;
	color: #FF9900;
	text-align: center;
	margin: 0;
}
h1 {
	font-size: 36pt;
	margin: 0 20%;
	text-align: left;
}
h2 {
	font-size: 14pt;
	margin: 0;
}
p {
	font-size: 12pt;
	margin: 0;
}

#header {
	position:absolute;
	left:20%;
	top:5%;
	width:75%;
	height:15%;
	z-index:1;
}
#header_sonja {
	position:absolute;
	left:75%;
	top:2%;
	width:250px;
	height:179px;
	z-index:5;
}
#links {
	position:absolute;
	left:5%;
	top:5%;
	width:13%;
	height:85%;
	z-index:2;
	border-right-width: medium;
	border-right-style: double;
	border-right-color: #FF9900;
}
/*#rechts {
	position:absolute;
	left:95%;
	top:20%;
	width:10%;
	height:70%;
	z-index:3;
}*/
#inhoud {
	position:absolute;
	left:20%;
	top:20%;
	width:75%;
	height:80%;
	z-index:4;
	overflow: hidden;
}
#idzydesign {
	position:absolute;
	width:200px;
	margin-left: -100px;
	left:50%;
	top:675px;
	height:30px;	
	z-index:1;
}
#pistekaart {
	position:absolute;
	left:15%;
	top:20%;
	width:374px;
	height:400px;
	z-index:6;
}
#fakkels {
	position:absolute;
	left:0%;
	top:10%;
	width:150px;
	height:112px;
	z-index:6;
}
#balkon {
	position:absolute;
	left:55%;
	top:10%;
	width:150px;
	height:112px;
	z-index:8;
}
#sonja_tycho {
	position:absolute;
	left:55%;
	top:35%;
	width:150px;
	height:112px;
	z-index:9;
}
#sonja_jurgen {
	position:absolute;
	left:55%;
	top:60%;
	width:150px;
	height:112px;
	z-index:10;
}
#tycho_konijn {
	position:absolute;
	left:0%;
	top:40%;
	width:150px;
	height:112px;
	z-index:11;
}
#clockMedan {
	position:absolute;
	left:31%;
	top:375px;
	z-index:12;
	text-align:center;
}
#clockNZ {
	position:absolute;
	left:35%;
	top:375px;
	z-index:12;
	text-align:center;
}
.sonja {
	display:none;
	position:absolute;
	left:65%;
	top:25%;
	width:200px;
	height:266px;
	z-index:13;
}
.jurgen {
	display:none;
	position:absolute;
	left:50%;
	top:45%;
	width:200px;
	height:274px;
	z-index:13;
}
.margin20 {margin: 0 20%;}

hr {
	color: #009933;
	height: 3px;
	width: 70%;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}
hr.stippel {
	color: #009933;
	height: 1px;
	width: 70%;
	border-top-style: dashed;
	border-right-style: dashed;
	border-bottom-style: dashed;
	border-left-style: dashed;
}

ul {
	list-style-position: outside;
	list-style-type: circle;
	list-style-image: url(images/opsom3.gif);
}
ul.vierkant {
	list-style-position: outside;
	list-style-type: circle;
	list-style-image: url(images/opsom.png);
}
ol {
	list-style-type: decimal;
}
ol.stip {
	list-style-type: disc;
}
ul li {
	color: #009933;
	font-style: italic;
}
ol li {
	font-style: normal;
	color: #ff9900;
	list-style-image: none;
}
li a {
	text-decoration: underline;
	color: #FF9900;
}