@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 }

body.page div#navigation { 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}
div#header a#mail-a-friend { margin-left:830px; text-align:right; font-size:8pt; color:#A5B20F; top:-10px; position:absolute; display:block; width:90px; background-image:url('/image/mail-a-friend.gif'); background-repeat:no-repeat; background-position:left center; }

/* Navigation */

ul#nav { margin:34px 0 0 0; padding:0 0 5px 0; float:right; border-bottom:1px solid #555; width:740px; }
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; background-image:url('/image/magazine_small_2010_07_JUL.gif');
	position:absolute; top:40px; margin-left:710px; }
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.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#navigation{ /* */ }
div#navigation{float:right; width:527px}

div#inzien { margin-top:15px; margin-bottom:27px; padding-top:10px; background-color:#A5B20F; height:257px; 
	width:507px; }
div#inzien h2 { width:157px; height:30px; background-image:url('/image/inzien-header.gif'); background-repeat:no-repeat; background-position:23px 6px; }
div#inzien p { font-family:Georgia, times, serif; font-size:11pt; font-size:12pt; width:136px; 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; }
/**/

div#inzien div#magazine-top { position:absolute; top:74px; margin-left:267px; width:148px; height:49px; 
	background-image:url('/image/magazine-top.gif'); background-repeat:no-repeat; z-index:1; }
div#inzien div#magazine { position:absolute; top:123px; margin-left:160px; width:315px; height:343px; 
	background-image:url('/image/magazine_2010_07_JUL.gif'); background-repeat:no-repeat; 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; background-image:url('/image/adverteren-bg.gif'); background-repeat:no-repeat; background-position:right bottom; }
div#adverteren h2 { width:223px; height:30px; background-image:url('/image/adverteren-header.gif'); background-repeat:no-repeat; background-position:0px 6px; margin:0; }
div#adverteren p { color:#000000; }
div#adverteren a { color:#FFF; background-image:url('/image/button-adverteren.gif'); margin-top:5px; height:20px; width:105px; display:block; }

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; }
/* 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; }