@import url(/include/css/editor.php);

html,body{margin:0;padding:0;height:100%;}
body{font: 76% verdana,arial,sans-serif;text-align:center}

/* 
body { background-color:#3D3D3D; margin: 0 0 0 0; background-image:url('/image/background.jpg'); background-repeat: repeat-x; padding:29px 0; }
*/
body { background-color:#000; margin: 0 0 0 0; background-image:url('/image/bg-fade-top.jpg'); background-repeat: repeat-x; padding:0; }
#fade-bottom { background-image:url('/image/bg-fade-bottom.jpg'); background-repeat: repeat-x; background-position:left bottom; padding:29px 0; min-height:100%; }

div#container{ text-align:left; min-height:100%; background-color:#000; background-image:url('/image/bg-gradient.gif'); background-repeat:no-repeat; border:10px solid #000; width:960px; margin:0 auto; position: relative; }

body.page div#intro { width:263px; padding-top:20px; }
body.page div#content { width:637px; }
body.page div#adverteren { margin-top:10px; }
body.page div#evenementen { width:223px; margin-top:28px; }

body.evenementen div#content { width:900px; }
	
div#header{position:relative; margin:20px 20px 20px 20px; height:64px; clear:both;}
div#header img {float:left; }
div#header h1{height:80px;line-height:80px;margin:0;
	padding-left:10px;background: #EEE;color: #79B30B}
#line {
    background: #555555;
    height: 1px;
    left: 179px;
    position: absolute;
    right: 0;
    top: 63px;
}
	
/*
div#header a#mail-a-friend { 
	margin-left:830px; text-align:right; font-size:8pt; color:#A5B20F; top:-10px; right: 0px; position:absolute; display:block; width:90px; background-image:url('/image/mail-a-friend.gif'); background-repeat:no-repeat; background-position:left center;}
*/
#mail-a-friend {
	text-align:right;
	font-size:8pt; 
	color:#A5B20F; 
	top:10px; 
	right: 20px;
	position:absolute; 
	display:block; 
	width:90px; 
	background: url('/image/mail-a-friend.gif') no-repeat left center; 
}

#edition-selector {
	background:none repeat scroll 0 0 #000000;
	border:2px solid black;
	color:#A5B20F;
	display:block;
	font-size:8pt;
	padding:0 5px 5px 30px;
	position:absolute;
	z-index:5;
	right:250px;
	text-align:right;
	top:5px;
	height: 15px;
	overflow: hidden;
}
	#edition-selector a {
		padding-right: 14px;
	}
	#edition-selector:hover {
		border-color: gray;
		height: auto;
	}


/* Navigation */

/*ul#nav { margin:34px 0 0 0; padding:0 0 5px 0; float:right; border-bottom:1px solid #555; width:740px;}*/
ul#nav { margin:34px 0 0 10px; padding:0 0 5px 0; float:left; width:615px;}
ul#nav.contact {
	width: 100px;
	float: right;
}
ul#nav li { margin:0; padding:0; display:block; list-style-type:none; float:left; }
ul#nav li#navitem12 { float:right; }
ul#nav li a { font-family:Georgia, times, serif; font-size:11pt; font-weight:bold; color:#858585; 
	display:block; line-height:24px; padding-left:20px; text-decoration:none; }
ul#nav li a:hover { color:#fff; }
ul#nav li.active a { color:#fff; }

ul#nav ul { display:none; position:absolute; margin:0; margin-left:-102px; z-index:999; width:200px; background:#000; 
	padding:0; border:1px solid #8E8D8D; }
ul#nav ul li { float:auto; }
ul#nav ul li a { font-family:verdana, sans-serif; font-size:8pt; font-weight:normal; border-top:1px solid #8E8D8D; padding:0; display:block; width:180px; margin:0px 10px; }
ul#nav ul li.first a { border-top-width:0; }

ul#nav li:hover ul, ul#nav li.sfhover ul { display:block !important; }


/* Content */

div#content{float:left;width:373px;margin:24px 0 50px 20px; padding-right:40px; }


/* Evenementen */
div#smallmagazine { 
	width:124px; 
	height:160px; 
	position:absolute; 
	top:-23px; 
	right: 100px;
}
div#eventList p.title { margin-bottom:10px; }
div#eventList h2 { color:#AE0E64; font-size:12pt; font-weight:bold; line-height:1; }
div#eventList h3 { color:#fff; font-size:8pt; font-weight:bold; line-height:1; }
div#eventList .img { float:left; margin:0 5px 5px 0; }
div#eventList .img img {margin-bottom: 10px;}
div#eventList .img.alt { float:right; margin:0 0 5px 5px; }
div#eventList hr { height:1px; line-height:1px; border:0; color:#000; background:#000; overflow:hidden; }

/* Mail a friend */

fieldset.you, fieldset.fried { width:320px; float:left; display:block; }


/* Extra's */

div#intro{ /* */ }
div#intro{float:right; width:527px}

div#inzien { margin-top:15px; margin-bottom:27px; padding-top:10px; background-color:#A5B20F; height:298px; 
	width:507px; position: relative;}
div#inzien h2 { width:274px; height:30px; background-image:url('/image/inzien-header.gif'); background-repeat:no-repeat; background-position:center top; }
div#inzien p { font-family:Georgia, times, serif; font-size:11pt; font-size:12pt; width:230px; height:32px; line-height:16px; margin:0 0 1em 21px; text-align:center; color:#5C6407; }
div#inzien p.foreground { color:#FFFFFF; position:absolute; margin:-47px 0 0 20px; border-bottom:1px solid #BCC54B; padding-bottom:.5em; }
/*\*/
html>body*.foreground { margin-top:-49px !important; }
/**/


#magazine { 
	position:absolute; 
	top:10px; 
	right: 10px;
	width:223px; 
	height:288px; 
	z-index:1; 
}

div#evenementen { background-color:#1D1D1D; background-image:url('/image/evenementen-bg.jpg'); background-repeat:repeat-x; float:left; min-height:368px; width:215px;  margin:0 0 60px 0; padding:10px; }
div#evenementen h2 { width:215px; height:30px; background-image:url('/image/evenementen-header.gif'); background-repeat:no-repeat; background-position:3px 0; }
div#evenementen h3 { font-size:8pt; color:#FFFFFF; font-weight:bold; margin-bottom:0; }
div#evenementen p { color:#858484; }
div#evenementen p.readmore { clear:both; margin-top:20px; }
div#evenementen p.readmore a { color:#FFF; background-image:url('/image/button-evenementen.gif'); height:20px; width:124px; display:block; }
div#evenementen img { float:right; border:1px solid #F1F1F1; margin-bottom:7px; margin-left:3px; }
div#evenementen hr { background-color:#484848; border:0; color:#484848; height:1px; margin:10px 0 7px 0; }

div#adverteren { background-color:#BE2E20; float:right; min-height:125px; width:223px; margin:0 20px 0 0; padding:10px; font-size: 11px; line-height: 1.8;}
div#adverteren h2 { width:223px; line-height:23px; margin:0 0 10px 0; color: white; font-family: Georgia, sans-serif; text-transform: uppercase; }
div#adverteren p { color:#000000; }
div#adverteren a { color:#000; font-weight: bold; }

div#nieuwsbrief { background-color:#0097AC; float:right; height:216px; width:243px; margin:28px 0px 0 0; padding:10px; background-image:url('/image/nieuwsbrief-bg.jpg'); background-repeat:no-repeat; }
div#nieuwsbrief p { color:#000000; padding-top:5px; }
div#nieuwsbrief strong { width:85px; display:block; float:left; height:56px; background-image:url('/image/nieuwsbrief-ja.gif'); background-repeat:no-repeat; background-position:0 0; margin-top:-5px; }
div#nieuwsbrief form { clear:both; margin-top:0; padding-top:5px; }
div#nieuwsbrief input { height:14px; width:156px; margin-bottom:10px; font-size:8pt; }
div#nieuwsbrief select { height:18px; width:162px; margin-bottom:10px; font-size:8pt; }
div#nieuwsbrief button { background-color:transparent; border:0; font-size:10pt; width:70px; font-family:Georgia, times, serif; text-align:left;cursor:pointer; }
/* div#nieuwsbrief #nieuwsbrief-vrouw { position:absolute; margin:-50px 0 0 -40px; } */


div#extra{display:none; background:#BE2E20;}
div#extra{float:right;clear:right;width:514px}

div#footer{background: #000; color: #FFF; height:1px; margin:0 20px; border-top:1px solid #525252; padding:20px 0 20px 0; }
div#footer{clear:both;}
div#footer p { color:#858484; text-align:right; }
div#footer a { color:#858484; }


/* Other classen and styles */

.border	{border : 1px solid #000000;}
.accessibility { display:none !important; }
.clear { display:block; clear:both; }

.button	{
	border: 1px none #FFFFFF;
	color : #FFFFFF;
	background-color : #000000;
}
.form  	{
	margin:0; padding:0;
	border: 1px solid #000000;
	background-color: #FFFFFF;
}

form fieldset { border:0; margin:0 0 20px 0; padding:0; }
form legend { font-size:10pt; font-weight:bold; display:block; width:600px; margin:0; padding:2px 0; }
form label { display:block; margin:1em 0 5px 0; font-size:8pt; }

form.content input, 
form.content select { width:300px; background:#222; color:#fff; border:1px solid #555; }
form.content .radioBtn,
form.content .radioLabel { width:auto; display:inline; border:0; background:none; }

form.content input.error, form.content select.error, form.content textarea.error { border-color:#AE0E64 !important; background-color:#400726; }

form.content textarea { width:620px; height:200px; background:#222; color:#fff; border:1px solid #555; }

/* form.content button { background:#222; color:#fff; border:1px solid #555; } */
form.content button { border:1px solid #555; }

p#frmNotes { font-size:7pt; color:#000; }
p#frmNotes span.frmNoteActive { display:block !important; background:black; width:250px; position:absolute; top:292px; 
	margin-left:350px; font-size:8pt; color:#fff; }
	

#debug {
	background: gray;
	height: 25%;
	display: block;
	width: 100%;
	position: fixed;
	overflow: scroll;
	bottom: 0px;
}


#editionoverlay {
	bottom:0;
	display:block;
	left:0;
	position:fixed;
	right:0;
	top:0;
	z-index:1100;
	background: #000;
	opacity: .8;
	filter:alpha(opacity=80);
}
#editionsplashcont {
	display: block;
	left: 0px;
	right: 0px;
	height: 300px;
	position: absolute;
	z-index:1101;
}
#editionsplash {
	display: block;
	width: 400px;
	margin: 0 auto;
	border: 1px solid #4d4d4d;
	background: #252525 url(/image/editionsplash_bg.gif) repeat-x top left;
	text-align: left;
	padding: 20px 20px 40px 20px;
}
	#editionsplash h3 {
		height: 55px;
		font-family:Georgia, times, serif;
		font-style: italic;
		font-size: 20px;
		color:#a0a0a0;
		background: url(/image/editionsplash_logo.gif) no-repeat top left;
		padding-left: 140px;
		line-height: 40px;
	}
	#editionsplash hr {
		height:0px;
		border:none;
		border-top: 1px solid #606060;
		border-bottom: 1px solid #393939;
		background:transparent;
		margin: 0 0 20px 0;
	}
	#editionsplash a {
		display: block;
		font-family:Georgia, times, serif;
		padding-left: 140px;
		color: white;
		font-size: 26px;
		line-height: 1;
		margin-bottom: 15px;
	}
	#editionsplash a span {
		color: #999999;
	}
	
	
/*
	font-family:Georgia, times, serif;
	color:#858585;
*/ 

.pdflist {padding: 0; list-style: none;}
.pdflist li { margin-bottom: 0px;}
.pdflist li h4 { margin: 0 0 5px 0;}

#pdfcontainer { width: 100%; height: 99%; margin: 0;} 

.pdfbanner { display: block; padding: 20px 10px;}