@import url(/include/css/editor.php);
body 	{
	background-color: #EDEBEB;
	color:#331E24;
	margin: 0;
}


html,body{margin:0;padding:0}
body{font: 76% "trebuchet ms",arial,sans-serif;text-align:center;padding-top:12px; }


/* Header */

div#header { position:relative; background-color:#331E24; }
div#header h1 { margin:0; text-align:center; height:140px; line-height:140px; color:#FC630C; }
div#header h1 img { border:0; margin-top:20px; }


/* Visual */

div#visual { background:#984D23 url('/image/visual.jpg') repeat-x left bottom; height:98px; margin-bottom:28px;
	padding-left:50px; padding-top:30px; }
div#visual.home { height:385px; padding-top:90px; background-image:url('/image/splash.jpg'); margin-bottom:18px; }

div#visual p.title { height:30px; background-repeat:no-repeat; background-position:right bottom; margin-right:10px; }
div#visual.home p.title { background-position:center bottom; }

div#visual p.nl { background-image:url('/image/title-nl.gif'); }
div#visual p.en { background-image:url('/image/title-en.gif'); }
div#visual p.fr { background-image:url('/image/title-fr.gif'); }
div#visual p.de { background-image:url('/image/title-de.gif'); }
div#visual p.title strong { display:none; }

div#visual a img { border:0; }

div#visual #homeImg { width:320px; float:right; margin-right:10px; margin-top:-20px; }
div#visual #homeImg img { margin-right:20px; border:1px solid #381F23; }


/* Language navigation */

div#visual ul { margin:0; padding:0; }
/* div#visual.home ul { padding-left:200px; } */
div#visual.home ul { margin-left:190px; width:550px; text-align:center; }

div#visual ul li { list-style-type:none; float:right; margin:0 10px 0 0; }
div#visual.home ul li { float:none; display:inline; }

div#visual ul li span { display:none; }
div#visual.home ul li a { color:#fff; text-decoration:none; }
div#visual.home ul li img { vertical-align:text-top; }
div#visual.home ul li span { display:inline; color:#fff; }


/* Navigation */
/* Zie cssmenu.css */


/* Content */

div#container { width:978px;margin:0 auto; background:#fff; }
div#container { text-align:left }
div#content { float:left; width:510px; padding:0px 24px 70px 48px; }


/* Arrangementen */

div#arrangementen p.date { /* color:#F4630C; font-weight:bold; */ }
div#arrangementen h2 { font-weight:normal; }
div#arrangementen img.arrimg { width:120px; float:left; margin-right:10px; border:1px solid #381F23; }
div#arrangementen a { color:#F4630C; background:url('/image/subnav-list-arrow.gif') no-repeat 0px 6px;
	padding-left:8px; }
div#arrangementen hr { color:#4C393F; background:#4C393F; }


/* Form */
/* Zie form.css */


/* Subnav */

div#navigation{float:right;width:396px}
div#navigation div.block { background:#FAE3D4; border:1px solid #F4630C; min-height:1em; }

div#navigation ul { margin:12px 0 12px 12px; padding:0; list-style-type:none; }
div#navigation li { /* list-style-image:url('/image/subnav-list-arrow.gif'); */ padding-left:0; margin-left;0; }
div#navigation li a { background:url('/image/subnav-list-arrow.gif') no-repeat 0px 6px; padding-left:8px; }
div#navigation li.active { /* list-style-image:url('/image/subnav-list-active.gif'); */ }
div#navigation li.active a { background-image:url('/image/subnav-list-active.gif'); }

div.block { width:365px; margin-bottom:26px; min-height:110px; }
div.block h2 { font-weight:normal; margin-bottom:5px; }


/* Extras */

div#extra{float:right;clear:right;width:396px}
div#extra div.block { padding:13px; width:339px; }

div#extra div#nieuwsbrief { padding-left:20px; background:#F1EFEF; border:1px solid #F1EFEF; }
div#extra div#nieuwsbrief form { margin:0; }
div#extra div#nieuwsbrief p { width:150px; float:left; padding-right:5px; border-right:1px solid #D6D4D5;
	line-height:1.2; margin-right:10px; min-height:80px; }
div#extra #ja { font-size:26pt; color:#F4630C; float:left; line-height:1; margin-top:-6px; }
div#extra div#nieuwsbrief input { border:1px solid #AAA; width:151px;
	font-family:"Trebuchet MS"; font-size:8pt; color:#331E24; }
div#extra div#nieuwsbrief select { border:1px solid #AAA; margin:10px 0; width:156px;
	font-family:"Trebuchet MS"; font-size:8pt; color:#331E24; }
div#extra div#nieuwsbrief button { background:transparent; border:0; padding:0; width:50px;
	font-family:"Trebuchet MS", arial, sans-serif; font-weight:bold; text-align:right; }
div#extra div#nieuwsbrief button.submit { margin-left:12px; width:80px; color:#F4630C; }

div#extra div#arrangement { background:#FCFCFC url('/image/arrangementen-bg.jpg') repeat-x center bottom;
	border:1px solid #DEDBDC; width:346px; }
div#extra div#arrangement img { float:right; border:1px solid #000; margin-left:10px; }
div#extra div#arrangement h2 { margin-left:10px; }
div#extra div#arrangement p.date { color:#F4630C; font-weight:bold; margin-left:10px; }
div#extra div#arrangement p.txt { margin-left:10px; }

div#extra div#arrangement p.price { background:#C3BFC0; padding:0 0 0 10px; height:24px; margin-top:10px;
	overflow:hidden; }
div#extra div#arrangement p.price * { vertical-align:middle; }
div#extra div#arrangement p.price .txt { float:left; margin-top:-3px; }
div#extra div#arrangement p.price span.cur { color:#fff; font-size:14pt; line-heigt:20px; font-weight:bold; }
div#extra div#arrangement p.price a.readmore { color:#fff; display:block; line-height:24px;
	border-left:1px solid #fff;text-decoration:none; padding:0 5px 0 10px; height:24px;
	background:url('/image/readmore-arrow.gif') no-repeat 3px 10px; float:right; }


/* Footer */

div#footer { background:#331E24; color:#B8B0B3; }
div#footer { clear:both; width:100%; height:54px; line-height:54px; }
div#footer p { text-indent:20px; color:#B8B0B3; line-height:54px; }
div#footer a { color:#B8B0B3; text-decoration:none; }


/* Basic styles */

.border	{border : 1px solid #000000;}

.button	{
	border: 1px none #FFFFFF;
	color : #FFFFFF;
	background-color : #000000;
}
.form  	{
	border: 1px solid #000000;
	background-color: #FFFFFF;
}

.height1 { /* als je een divje wilt gebruiken ipv pixel.gif dan dien je in IE deze class te gebruiken en daarnaast de juiste
				hoogte en breedte te geven, zonder deze class krijgt je altijd een aantal pixels onder een div */
	height:1px;
	line-height:1px;
	font-size:1px;
	overflow:hidden;
}

.clear { display:block; clear:both; }

/* Geeft aan welke statische teksten nog vertaald moeten worden */
.vertalen {
	border:1px solid #FF0;
	background-color:#F00;
	color:#FF0;
}

.debug { background:pink; border:1px solid red; }