@charset "utf-8";

/*
 * Kleuren 
 *

  donkerbruin: bfbfbf
  lichtbruin:  f2f2f2
  oranje:      c0c0c0
  lichtoranje: f2f2f2
  
  */

/**
 *  Standard tags
 */ 
body 
{
	font-family: Arial;
	font-size: 12px;
  background-color: #f2f2f2;	
	background-position: center; 
	padding: 0px;
	margin: 0px;
}


img 
{
  border: 0px;
}

hr
{
  border: 0px solid #c0c0c0;
  border-top: 1px solid #c0c0c0;
  height: 1px;
}

/**
 *  Tabellen
 */ 
table 
{
	padding: 0px;
	margin: 0px;
	clear: both;
}

td
{
  vertical-align: top;
}

/*
 *  Links
 */
a,
a:visited
{ 
  color:  #365f91;
  text-decoration:  none;
}

a:hover,
a:focus,
a.active,
a:active 
{
  text-decoration: underline;
}

/*
 *  Formulieren en knoppen
 */
input {
  font-family: Arial;
	font-size: 12px;
	background-color: #f2f2f2;
	border: 1px solid #bfbfbf;
}

.button,
.button:visited
{
  display: block;
  border: 0px;
  font-family: arial;
  font-weight: bold;
  font-size: 12px;
  text-decoration:  none;
  padding:  3px;
  margin:   0px;
  color: #ffffff;
  background-color: #999999;
}

.button:hover,
.button_hover,
.button_hover:visited,
.button_hover:active,
.button:active,
.button.active
{
  display: block;
  border: 0px;
  font-family: arial;
  font-weight: bold;
  font-size: 12px;
  text-decoration:  none;
  padding: 3px;
  margin:   0px;
  background-color: #c0c0c0;
}

textarea {
  font-family: Arial;
	font-size: 12px;
	background-color: #f2f2f2;
	border: 1px solid #bfbfbf;
}

select {
  font-family: Arial;
	font-size: 12px;
	width: 140px;
	background-color: #f2f2f2;
	border: 1px solid #bfbfbf;
}

/**
 *  Tekst klassen
 */ 
 
/**
 *  Een titel van een stukje, float is nodig om een datum op dezelfde regel te krijgen
 */ 
.title
{
  color: #000000;
  font-weight: bold;
  float: left;
}

/*
 *  Plaats een datum rechts in het scherm
 */
.date
{
  color: #bfbfbf;
  float: right;
}

/**
 *  Bij een foutmelding
 */ 
.error 
{
  float: left;
  background-color: red;
  color: #000000;
  font-weight: bold;
}

/**
 *  Er is iets gelukt
 */ 
.accept 
{
  float: left;
  background-color: green;
  color: #000000;
  font-weight: bold;
}

/**
 *  Project pagina
 */ 
.clockGadget
{
  display: none;
  position: absolute;
  top: 0px;
  left: 300px;
  
  background-color: #eeeeee;
}

.weatherGadget
{
  position:absolute; 
  top: 250px; 
  left: 320px; 
  float: right;
  z-index: 20;
}

/*
---------------------------------Tabellen-------------------------------------
*/
table.boekingen
{
  width: 100%;
} 

table.boekingen th
{
  color: #ffffff;
  height: 16px;
  background-color: #bfbfbf;
}

table.boekingen td
{
  background-color: #f2f2f2;
}
/*
----------------------------------HOME PAGINA-----------------------------------
*/
/**
 *  Grote blokken links
 */ 
.block
{ 
  margin-right: 5px;
  margin-bottom: 10px;
}

.blockBanner 
{
  padding: 7px;
  height: 18px;
  background-color: #c0c0c0;
  color: white;
  font-size: 16px;
  font-weight: bold;
}

.blockContent 
{
  background-color: #f2f2f2;
  padding: 3px;
  height: 47px;
  font-size: 12px;
}

/**
 *  Speciaal block (aanmelden nieuwsbrief)
 */ 
.blockBanner.special
{
  color:  #ffffff;
  background-color: #bfbfbf;
}

.blockContent.special
{
  background-color: #f2f2f2;
}

/*
------------------------------------ ZIJBALK------------------------------
*/

.sidebarBlock
{
  width:  270px;
}

.sidebarBlockHeader
{
  background-color:   #bfbfbf;
  padding:            7px;
  height:             19px;
  font-size:          17px;
  font-weight:        bold;
  color:              #ffffff;
}

.sidebarBlockContent
{
  background-color:   #ffffff;
  padding:            7px;
  padding-bottom:     20px;
}

/*
-----------------------------------PROJECT PAGINA------------------------------- 
*/

span.quote {
  font-family: Arial;
  font-size: 12px;
  color: black;
  font-style: italic;
  line-height: 22px; 
}

span.dubbelepunt {
  font-family: Arial;
  font-size: 12px;
  font-weight: bolder;
  color: #c0c0c0;
}

/*
-----------------------------------ZWARTE TITELBALK ---------------------------- 
*/
table td span.zwartetitelbalk_positie {
  position:absolute;
  margin-left:20px;
  margin-top:-1px;
  font-size: 17px;
  font-weight: bold;
  color: c00000;;
  padding-top: 6px;
  padding-left: 0px;
}

span.dubbelepunt_titelbalk {
  font-family: Arial;
  font-size: 17px;
  font-weight: bolder;
  color: #c0c0c0;
}

/*
-----------------------------------BREADCRUMBS --------------------------------- 
*/

p.breadcrumbs
{
  top: 0px;
  margin: 0px;
  padding: 0px;
  position: absolute;
}

p.breadcrumbs a
{
	font-size: 12px;
	font-weight: bold;
  color: #bfbfbf;
  text-decoration: none;
  margin-top: -10px;
  border: 0px;
}

p.breadcrumbs a:hover
{
  color: #9c7e4f;
  cursor: pointer;
}

/*
---------------------------------KOPPEN H1 T/M H8 ------------------------------
*/

table td h1 {
  font-size: 17px;
  color: white;
  padding-top: 5px;
  padding-left: 20px;
  margin: 0px;
}

h2 {
  font-size: 1.1em;
  color: black;
  padding: 0px;
  margin: 0px;
  padding-top: 8px;
  padding-left: 0px;
}

h3, h4
{
	font-size:   12px;
  font-weight: bold;
  margin:      0px;
}

h4
{
  color:       #c0c0c0; 
}

h5 {
  font-size: 0.9em;
  color: black;
  background-color: #888888;
  width: 100%;
  padding: 0px;
  margin: 0px;
}

h6 {
  font-size: 1.1em;
  color: black;
  padding-top: 0px;
  margin-top: 0px;
  padding-bottom: 5px;
  margin-bottom: 5px;
}

h7 {
  font-size: 1.1em;
  color: #888888;
  padding: 0px;
  margin: 0px;
}

h8 {
  font-size: 1.1em;
  color: white;
  padding-top: 3px;
  padding-left: 0px;
  margin: 0px;
}
/*
---------------------------------BANNERTEKST------------------------------------
*/
span.bannertekst {
  font-size: 0.8em;
  color: white;
  padding: 0px;
  margin: 0px;
  padding-top: 0px;
}

p.banner {
  font-size: 17px;
  color: white;
  padding: 0px;
  margin: 0px;
  padding-top: 8px;
  padding-left: 20px;
  font-weight: bold;
}

/*
--------------------------------- DIV INDELING ------------------------------
*/

#container
{
	min-height: 100%;
	position: relative;
	width: 975px;
  margin :0px auto 0px auto;
	top: 5px;
	padding: 0px;
}

#header
{
	position: absolute;
	width: 690px;
	height: 236px;
	z-index: 9;
}

#content
{
	position: relative;
	width: 990px;
	z-index: 1;
	top: 5px;
}

#containerPrimary{
	width: 690px;
	float: left;
	top:48px;
	position:relative;
}

#contentPrimary{
	margin-top: 200px;
	background: white;
	padding-left: 8px;
}

#containerSecondary
{
	float: right;
	padding-left: 15px;
	margin-top: -5px;
	width: 270px;
	height: 100%;
	z-index: 4;
}
		
#breadcrumbsContent{
	position: absolute;
	top: -22px;
	left: 0px;
	height: 10px;
	width: 100%;
	z-index: 5;
	padding: 0px;
	margin: 0px;
}

div.menuBackground
{
  position: absolute;
	top: 202px;
	left: 0px;
	width: 690px;
	z-index: 10;
	height:34px;
	background-color: #c0c0c0; 
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

#projectButtons{
	width: 690px;
	height: 32px;
	margin-left: -20px;
	color: #c00000;
}

div.footer
{
  width:  100%;
}