* { margin: 0; padding: 0; }

html { background: url(html.png); font-family: arial, helvetica, sans-serif; font-size: 62.5%; }
a img { border: none; }

#topBanner { height: 329px; width: 100%; position: absolute; top: 0; left: 0; background: url(top.png) repeat-x; }

#body { position: absolute; left: 50%; margin-left: -480px; width: 960px; }

#top { height: 160px; position: relative; z-index: 2; }
#top a.logo { position: absolute; top: 0; right: 65px; display: block; width: 265px; height: 131px; background: url(logo.png) no-repeat; text-indent: -1000em; }
#top img { margin-left: 15px; 	
	/* Box shadow: */
	-moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);	
}

/* Navigation: */
#navigation { position: absolute; left: 0; top: 160px; background: url(menuBg.png) left bottom repeat-x; z-index: 3; width: 960px; }
#navigation ul { list-style-type: none; margin-left: 30px; }
#navigation li { float: left; border-right: 1px solid #ccc; padding: 0px 15px; }
#navigation li a { display: block; font-size: 1.6em; height: 20px; margin: 10px 0; text-decoration: none; outline: none; color: #666; text-transform: uppercase; }
/* #top li a.first { padding-left: 0; } */
#navigation li a:hover { color: #000; }
/* #navigation li a.active { background: #7f7ea6; padding: 10px 15px; margin: 0; border-right: 1px solid #7f7ea6; color: #fff; } */
#navigation li a.active { margin: 10px 0px 8px 0px; color: #000; border-bottom: 2px solid #7f7ea6; }
#navigation li a.last { border-right: none; }
#navigation li a.active {  }



/* The box: */
#box { margin: 0 15px; position: relative; z-index: 1;
	/* Box shadow: */
	/*
	-moz-box-shadow: 0px 0px 30px #08092d;
	-webkit-box-shadow: 0px 0px 30px #08092d;
	box-shadow: 0px 0px 30px #08092d;
	*/
}

/* Content */
#content { padding: 0px; margin-top: 40px; float: left; width: 930px; }
#content.home { background: none; padding: 0; width: 930px; }
#content h1 { font-size: 3em; margin-bottom: 10px; }
#content h2 { font-size: 2.3em; margin-bottom: 5px; color: #444; }
#content h3 { font-size: 1.6em; margin-bottom: 5px; color: #444; }
#content p, #content ol, #content ul, #content table { color: #444; font-size: 1.3em; margin-bottom: 1em; line-height: 1.8em; }
#content p.description { font-size: 1.6em; font-family: Georgia, serif; color: #000; font-style: italic; text-shadow: none; }
#content ol, #content ul { margin-left: 2em; }
#content table { border-collapse: collapse; }
#content th, #content td { text-align: left; vertical-align: top; border: 1px solid #ddd; padding: 3px 6px; }
#content th { background: #eee; }
#content a { color: #000; text-decoration: none; border-bottom: 1px solid #313273; }
#content a:hover { color: #fff; background: #313273; border: none; }
#content strong { color: #000; font-weight: bold; }
#content table.contact th, #content table.contact td { border: none; background: none; padding: 0; padding-right: 1em; color: #fff;	text-shadow: 1px 1px 3px #000; }

#leftContent, #pictures { width: 500px; float: left; padding: 30px; }
#leftContent p { color: #fff; }

#pictures img { display: block; }
#pictures a { outline: none; }
#pictures .item { margin-right: 25px; float: left; margin-bottom: 25px;
	-moz-box-shadow: 0px 5px 5px rgba(0, 0, 0, .5);
	-webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, .5);
	box-shadow: 0px 5px 5px rgba(0, 0, 0, .5);
}

#content.home #leftContent { padding: 30px; width: 500px; padding-bottom: 0; }

#rightContent { width: 310px; float: left; padding: 30px; background: url(trans.png); min-height: 450px; }
#rightContent p { color: #fff; text-shadow: 1px 1px 3px #000; }
#rightContent a { color: #fff; }
#content.home #rightContent { padding: 20px 35px; width: 300px; background: none; }

#footer { background: url(trans.png); padding: 10px 0 10px 30px; clear: both; float: left; width: 900px; margin-bottom: 30px; }
#footer p { color: #000; font-size: 1.1em; text-transform: uppercase; letter-spacing: 2px; }
#footer a { color: #000; text-decoration: none; }
#footer a:hover { color: #fff; }

/* Specifiek voor home: */
#content p.intro { font-family: Georgia, sans-serif; font-size: 2em; color: #fff; line-height: 1.6em; text-shadow: 1px 1px 1px #000; }
#content p.intro span { color: #000; font-style: normal; }
#content img.leafs { position: absolute; bottom: 4px; right: -30px; }
#content p.contact { background: url(contact.png) no-repeat; height: 50px; padding: 10px 15px; margin-top: 70px; margin-bottom: 0; color: #000; }
#content p.contact a { float: right; padding: 0px 5px; display: inline; border: none; color: #fff; }

/* Formulieren: */
form label { display: block; font-size: 1.2em; color: #fff; margin-bottom: 3px; }
form label span { color: #f00; font-weight: bold; }
form input { width: 300px; border-width: 1px; padding: 2px; font-size: 1.4em; margin-bottom: 15px; }
form textarea { width: 400px; height: 120px; border-width: 1px; padding: 2px; font-size: 1.4em; font-family: sans-serif; margin-bottom: 15px; }
form input.submit { width: auto; display: block; cursor: pointer; }
form input.error { outline: 2px solid #f00; }

/* Beursdata: */
#content .beurs { /* border-bottom: 1px solid #888; */ border-bottom: 1px solid #fff; margin-bottom: 30px; }
#content .beurs .info p { color: #fff; }
#content .beurs h3 { font-size: 2.4em; color: #fff; }
#content .beurs dl { font-size: 1.2em; margin-bottom: 1em; line-height: 1.6em; color: #fff; border-bottom: 1px dotted #9394B3; }
#content .beurs dd strong { color: #fff; border-bottom: 1px dotted #9394B3; }
#content .beurs dt { color: #fff; width: 80px; float: left; font-weight: bold; }
#content .beurs dd a { color: #fff; }
#content .beurs dd a:hover { background: #fff; color: #313273; }