/* Copyright 2008 berlodesign (http://www.berlodesign.nl). All Rights Reserved. */
html { padding: 0; margin: 0; height: 100.2%; }
body {
    margin: 0;
    padding: 0;
    height: 100%;
    font-family: arial, helvetica, sans-serif;
	background: url('../images/default/background_ruit.gif') repeat top left;
    background-color: #910213;
    font-size: 62.5%;
}

/* IE 5/6 workarounds: sorry  mr.validator */
body { behavior: url('htc/csshover.htc'); } /*needed for hovermenu in IE 5/6*/
img { behavior:	url('htc/pngbehavior.htc'); } /* PNG workaround for IE 5/6 */

/* standard elements */
h1          { }
h2, h2 a    { font-weight:normal; font-size:1.9em; padding:1em 0 1em 0; margin:0; color:#910213; } /* h2 a with color is for toc*/
h3  { font-weight:bold; font-size:1.2em; padding:0em 0 1.5em 0; margin:0; color:#000000; }
h4  { font-weight:bold; font-size:1.4em; padding:0em 0 0.6em 0; margin:0; color:#910213; }
a	{ color:#910213; font-weight:bold; text-decoration:none; }
a:hover	{ text-decoration:underline; }
p   { padding:0; margin:0; font-size:1.2em; }

/* Header */
	div.header { background:#910213; width: 96em; border-left:2px solid #ffffff; border-right:2px solid #ffffff; }
	div.logo { position:absolute; top:3.1em; left:2em; z-index:10; }
/* Einde header */
/* Menu */
	div.menu { position:absolute; display: block; top:12.3em; left:0.2em; width:96em; background-color: #910213; height:2.6em; z-index:1; }
	div.menu ul {  padding:0; margin:0; margin-left:22.5em; }
	div.menu ul li { padding: 0em; margin: 0em; display: block; position: relative; float:left; }
	div.menu ul a { display:block; height:1.9em; text-decoration: none; font-size: 1.1em; padding: 0.5em 1.1em 0 1.1em; color:#ffffff; } 
	div.menu ul li a { font-weight: bold; float:left; }
	div.menu ul li:hover a { background-color: #8ba8d4; color :#910213; text-decoration: none; }    
	div.menu ul li a.active { background-color: #8ba8d4; color :#910213; text-decoration: none;  }    
	
	div.language { position:absolute; display: block; top:12.3em; left:89.8em; width:7em; height:2.6em; z-index:1; }
	div.language ul { position: absolute; padding:0; margin:0; }
	div.language ul li { padding: 0em; margin: 0em; display: block; position: relative; float:left; }
	div.language ul a { display:block; height:1.9em; padding: 0.7em 0 0 0.4em; float:left;} 
	div.language ul li a img { border:1px solid #ffffff; width:1.4em; height:0.9em; }
	div.language ul li:hover a img { border: 1px solid #8ba8d4; }    
	div.language ul li a.active img { border: 1px solid #8ba8d4; } 
/* Einde menu*/

/* Submenu */
	div.kolom_1 { background-color: #ffffff; }
	div.kolom_1 ul { padding:2em 2.7em 2em 0.8em; margin:0; margin-left:0em; }
	div.kolom_1 ul li { padding: 0em; margin: 0em; display: block; position: relative; }
	div.kolom_1 ul a { display:block; height:1.9em; text-decoration: none; font-size: 1.1em; font-weight:bold; padding: 0.5em 1.1em 0 1.1em; color:#000000; }
	div.kolom_1 ul li a { border-top:1px solid #ffffff; border-bottom:1px solid #d2d2d2; } 
	div.kolom_1 ul li:hover a { font-weight:bold; background-color: #8ba8d4; color :#FFFFFF; border-top:1px solid #5b8ad1; border-bottom:1px solid #5b8ad1; text-decoration: none; }    
	div.kolom_1 ul li a.active { font-weight:bold; background-color: #8ba8d4; color :#FFFFFF; border-top:1px solid #5b8ad1; border-bottom:1px solid #5b8ad1; text-decoration: none; }    
/* Einde submenu */

/* Titel */
	div.titel_balk { background-color: #8ba8d4; border-left:2px solid #ffffff; border-right:2px solid #ffffff; height:4em; }
	div.titel_balk h1 { padding:0.4em 0 0 11.2em; margin:0em; color:#ffffff; font-size:2.1em; font-weight:normal; letter-spacing: 1px; }
/* Einde Titel */

/* footer */
	div.footer p { color:#ffffff; font-size:1em; }
	div.footer a { color:#ffffff; text-decoration:none; }
	div.footer a:hover { text-decoration:underline; }
/* Einde footer */

/* contentbox */
	div.contentbox { padding: 2em 2.5em 2em 0; }
	div.contentbox table { max-width:460px; }
	div.contentbox ul { margin:5px 0 10px; padding:0 0 0 20px; }
	div.contentbox ul li { font-size:1.2em; padding:2px 0; }
	div.contentbox ul li p { font-size:1em; }
	
	div.clearall { clear: both; content: "."; }
	div.kamer_overzicht {}
	div.kamer_holder { padding:2em 1em; border-top:1px solid #ffffff; border-bottom:1px solid #d2d2d2; }
	div.kamer_holder:hover { background:#8ba8d4; border-top:1px solid #5b8ad1; border-bottom:1px solid #5b8ad1; cursor: pointer; }
	div.kamer_thumb { float:left; padding:0 1em 0 0; }
	div.kamer_thumb img { width:13em; height:9em; border:1px solid #ffffff; }
	div.kamer_thumb img.empty { width:13em; height:9em; border:1px solid #ffffff; }
	div.kamer_holder:hover img.empty { border:1px solid #8ba8d4; }
	div.kamer_details { padding-left:14.5em;}
	
	div.zalen_overzicht {}
	div.zalen_holder { padding:2em 1em; border-top:1px solid #ffffff; border-bottom:1px solid #d2d2d2; }
	div.zalen_thumb { float:left; padding:0 0 0 0; width:10em; }
	div.zalen_thumb img { width:10em; height:10em; border:1px solid #ffffff; }
	div.zalen_details { padding-left:0em; }
	
	div.fotogallerij { margin-top:20px; background:#8ba8d4; border-top:1px solid #5b8ad1; border-bottom:1px solid #5b8ad1; padding:1em 1em 0 1em; }
	div.fotogallerij a { border:0; color:none; }
	div.fotogallerij a img {border:1px solid #ffffff; margin:0 0.7em 1em 0;}

	table.fotokamer{ border-top:1px solid #5b8ad1; border-bottom:1px solid #5b8ad1; margin:100px 0 30px 0; }
	table.fotokamer tbody { background:#8ba8d4; }
	table.fotokamer tbody tr { }
	table.fotokamer tbody tr td { padding:10px 0 10px 10px;}
	table.fotokamer tbody tr td img { border:1px solid #ffffff; }

	div.nieuws_intro { padding:0 0 2em 0; border-bottom:1px solid #8ba8d4; }
	div.nieuws_archief { padding:1em 0 0em 0; border-bottom:1px solid #8ba8d4; }
	div.nieuws_archief span.date { color:#910213; padding:0.3em 0 0 0; float:right; }
	div.archief { background-color: #8ba8d4; color:#FFFFFF; padding:0.2em 1em; text-align:right; margin-top:0.2em; }
	
	div.nieuwsoverzicht_back { background-color: #8ba8d4; color:#FFFFFF; padding:0.2em 1em; text-align:left; margin-top:4em; }
	
	div.reserveren { background-color: #910213; color :#FFFFFF; padding:0.5em 0.5em; margin:0 0 20px 0; text-align:right; font-size:1.2em; }
	div.reserveren a { color:#FFFFFF; padding:0 0.5em; }
/* einde contentbox */

/* rightimage */
	div.rightimage img { width:23.4em; height:40.5em; }
/* einde rightimage */

/* buttons */
	input.verzendknop { background: #910213; color: #FFFFFF; padding: 0.2em 1em 0.2em 1em; font-weight: bold; border:none; cursor:pointer; } 
	input.verzendknophover { background: #8ba8d4; color: #FFFFFF; padding: 0.2em 1em 0.2em 1em; font-weight: bold; border:none;  cursor:pointer; } 
	input.hasDatepicker { position:relative; z-index:0; }
	#ui-datepicker-div { position:absolute; z-index:10000000; }
/* einde buttons */

/* gastenboek */
div.gastenboek					{ }
div.gastenboek div.gastenform	{ margin:10px 0 20px; padding:5px 5px 15px; font-size:1.2em; border-bottom:2px solid #910213; }
div.gastenboek div.gastitem		{ margin:0 0 15px 0; padding:5px; border:2px solid #8ba8d4; background:#d1dcee; }
div.gastenboek div.gastfoot		{ font-size:0.8em; font-style:italic; margin:4px 0 0 0; }

div.gastenboek ul.paginering	{ display:inline-block; list-style-type:none; margin:0 0 10px; padding:0; }
div.gastenboek ul.paginering li	{ float:left; list-style-type:none; margin:0 2px 0 0; background:#910213; color:#FFFFFF; }
div.gastenboek ul.paginering li	a	{ color:#FFFFFF; text-decoration:none; font-size:12px; padding:1px 6px; }
div.gastenboek ul.paginering li.selected,
div.gastenboek ul.paginering li:hover	{ background:#8BA8D4; color:#FFFFFF; }

/* kolom opbouw - container */
	div.container { position:relative; width: 96.4em; height: 100%; margin: 0 auto; padding: 0; text-align: left; }/*center the website*/
	div.kolom_1 { float: left; width: 23.6em; border-left:2px solid #ffffff; }
	div.kolom_2 { float: left; width: 48em; }
	div.kolom_3 { float: right; width: 24.3em; border-right:2px solid #ffffff; }
  /* Start Mac IE5 filter \*/
	div.kolom_1, div.kolom_2, div.kolom_3 { padding-bottom: 32767px !important; margin-bottom: -32767px !important; }
  /* Einde Mac IE5 filter */
	div.wrapper { width: 96.4em; overflow: hidden; background-color:#ffffff; }
  /* Dit is nodig voor IE 5.01, anders worden de kolomen niet even lang */
	div.wrapper { float: left; float/**/: none; }
  /* easy clearing */
	div.wrapper:after { content: '[DO NOT LEAVE IT IS NOT REAL]'; display: block; height: 0; clear: both; visibility: hidden; }
	div.wrapper { display: inline-block; }
	div.wrapper { display: block; }
  /* end easy clearing */
	div.footer { clear: both; padding: 0.8em 1em 0.8em 1em; }
	div.footer { background:#910213; width: 94.4em; border-bottom:2px solid #5b8ad1; font-weight:bold; }
  /* Safari heeft dit nodig */
	* > div.footer, * > form, * > #notes, * > .output { position: relative; z-index: 1000; }
  /* Einde Safari */
/* Einde kolom opbouw */