body {
	margin: 0px;
	padding: 0px;
	font-family: Tahoma, serif;
	font-size:0.9em;
	color: #000000;
	background: url(../images/bg_003.gif) top left repeat;
	}
#horizon {
	color: white;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	visibility: visible;
	display: block
	}
#content {
	background: url(../images/contentbg3.jpg) top left no-repeat;
	color: #000000;
	margin-left: -490px;
	margin-top:-280px;
	position: absolute;
	left: 50%;
	width: 980px;
	height: 560px;
	visibility: visible;
	text-align:left;
	border:0px solid #ff9900;
	}

h1 {margin:124px 0 0 0;font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;font-size:2em;color:#c25a5a;padding:0 0 0 140px;}

h2 {margin:0;font-size:1.2em;color:#c25a5a;padding:0;text-align:left;font-weight:bold;}

h2.center {margin:0;font-size:1.2em;color:#c25a5a;padding:0;text-align:center;font-weight:bold;}

h2.right {margin:0;font-size:1.2em;color:#c25a5a;padding:0;text-align:right;font-weight:bold;}

h2.contact {margin:20px 0 0 0;font-size:1.4em;color:#c25a5a;padding:0;text-align:left;font-weight:bold;}

p{padding-right:20px;}

strong{font-weight:bold;color:#c25a5a;}

a.emailadres:link, a.emailadres:visited {background:#EEE;color:#ff0000;text-decoration: underline;}
a.emailadres:hover {background:#EEE;color:#000000;text-decoration: none;}
a.emailadres:active {background:#EEE;color:#000000;text-decoration: none;}

.center{text-align:center;}



.inhoud{width:600px;height:266px;margin-top:0px;margin-left:140px;border:1px solid #ff9900;border-width:0px 0px 0px 0px;overflow:auto;}

.inhoud_contact{background: url(../images/phonebg.png) top left no-repeat;margin-left:140px;height:246px;}

.inhoud_workshop{background: url(../images/workshopbg.png) top left no-repeat;width:600px;height:268px;margin-top:0px;margin-left:140px;border:1px solid #ff9900;border-width:0px 0px 0px 0px;overflow:auto;}



a.textlink:link, a.textlink:visited {color:#c25a5a;text-decoration: underline;}
a.textlink:hover {color:#000000;text-decoration: none;}
a.textlink:active {color:#c25a5a;text-decoration: none;}



/* PULL-UP MENU */
#nav, 
#nav ul {
padding:0 0 5px 0; 
margin:0; 
list-style:none; 
font: 14px verdana, sans-serif; 
font-weight:bold;
border:1px solid #000; 
border-color:#949a3d; 
border-width:0px 0px 0px 0px; 
background:#949a3d; 
position:relative; 
z-index:200;
}
#nav {width:650px;height:25px; padding:0 0 0 150px;margin-top:103px;margin-left:80px;}

#nav li {float:left;padding-right:20px;}
#nav li li {float:none; background:#949a3d;}
/* a hack for IE5.x and IE6 */
* html #nav li li {float:left;}

#nav li a {display:block; float:left; color:#fff; margin:0 10px 0 10px; height:25px; line-height:25px; text-decoration:none; white-space:nowrap;}

#nav li li a {height:20px; line-height:20px; float:none;}

#nav li:hover {position:relative; z-index:300;}
#nav li:hover ul {left:0; bottom:21px; top:auto;}
/* another hack for IE5.5 and IE6 */
* html #nav li:hover ul {left:10px;}

#nav ul {position:absolute; left:-9999px; top:-9999px;}
/* yet another hack for IE5.x and IE6 */
* html #nav ul {width:1px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {left:-15px; margin-left:100%; bottom:-7px; top:auto;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav li:hover > a {text-decoration:none; color:#57b;}


/* but IE5.x and IE6 need this lot to style the flyouts and path followed */
/* show next level */
#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:-15px; margin-left:100%; bottom:-7px; top:auto;}

/* keep further levels hidden */
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

/* show path followed */
#nav li:hover a,
#nav li:hover li:hover a,
#nav li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover li:hover a
{text-decoration:none; color:#000;}

/* hide futher possible paths */
#nav li:hover li a,
#nav li:hover li:hover li a,
#nav li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li:hover li a
{text-decoration:none; color:#fff;padding:4px 0 4px 0;}

/* Einde PULL UP MENU */


/* Preloading IMAGES! */


p.preload, .hiddenPic {display:none;}



/* KLEURCODES:

ZWART  			-	#000000
WIT				-	#ffffff
ROOD			-	#ff0000
BABYPOEP GROEN	-	#949a3d
ROZE-ROOD		-	#c25a5a
*/


/* Voor regel onderaan website met adresinfo e.d. -ONGEBRUIKT!- */
.copyright {
	margin-top:20px;
	width: 866px;
	bottom:0;
	color: #cccccc;
	text-align:right;
	font-size:85%;
	padding-right:114px;
}	
.copyright a:link, .copyright a:visited {color:#cccccc;text-decoration: none;}
.copyright a:hover {color:#ffffff;text-decoration: underline;}
.copyright a:active {color:#ffff00;text-decoration: none;}
