/*
+-------------------------------------------------------------------+
| CSS bestand voor Op 't Oorbeck                                    |
| 		                                                    |
| Overbeek - oktober 2004                                           |
+-------------------------------------------------------------------+ 
*/


BODY {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 20px; 
	PADDING-TOP: 20px; 
	MARGIN: 0px; 
	color: rgb(62,58,58);
	BACKGROUND-COLOR: rgb(99,0,0); 
	BACKGROUND-IMAGE: url(tegel3.gif);
	TEXT-ALIGN: center
}


#container {
	MARGIN-LEFT: auto; 
	MARGIN-RIGHT: auto; 
	WIDTH: 800px; 
	PADDING-TOP: 0px; 
	POSITION: relative; 
	TEXT-ALIGN: center;
}


#pageHeader {
	BACKGROUND-IMAGE: url(boven3.gif); 
	WIDTH: 800px; 
	HEIGHT: 160px; 
	BACKGROUND-REPEAT: no-repeat; 
}


#mainImage 
{
	POSITION: absolute; 
	RIGHT: 10px;
	TOP: -15px;
	FLOAT: right
}

#pageMenu {
	POSITION: relative; 
	TOP: 135px;
	FONT-SIZE: 11px; 
}

#pageMenuBasis, #pageMenuColor {
	font-family: "Verdana";
	font-family: "Microsoft sans serif";
	font-size:   12pt;
	font-weight: bold;
	text-decoration:none;
	padding-right: 0.6em;
	padding-left: 0.6em;
	padding-top: 0.0em;
	border-right:1px solid;
}


#pageMenuBasis {
	color:#D6D69C;
	border-color: #D6D69C;
}

#pageMenuColor {
/*	color:rgb(207,97,23);  
	color:rgb(156,148,57); 
	color:rgb(241,242,198); */ 
	color:rgb(99,0,0); 
	border-color: #D6D69C;
}

#pageMain {
	PADDING-BOTTOM: 10px; 
	PADDING-TOP: 20px; 
}



#pageMain SPAN {
	font-family: "Arial Narrow";
	color: #630000;
	line-height: 2.5em;
	float:left;
	width:0.8em;
	font-size:450%;
	font-weight:100;
	line-height:100%;
	TEXT-ALIGN: CENTER;
}


H1 {
	font-size: 11pt;
	font-weight: bold;
	color:rgb(156,148,57); 
	DISPLAY:INLINE;
}


#divTop {
	BACKGROUND-IMAGE: url(Toprand3.gif);
	BACKGROUND-REPEAT: no-repeat; 
	MARGIN: 0px; 
	WIDTH: 800px;
	POSITION: relative; 
  	height:32px; 
}

#divTopP {
	font-family: "Microsoft sans serif";
	font-size: 10pt;
	font-weight: bold;

	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 40px; 
	PADDING-BOTTOM: 0px; 
	PADDING-TOP: 10px; 
	MARGIN-TOP: 0px; 
	MARGIN-BOTTOM: 0px; 
	TEXT-ALIGN: LEFT;
}

#divBottom {
	BACKGROUND-IMAGE: url(Bottomrand3.gif);
	BACKGROUND-REPEAT: no-repeat; 
	MARGIN: 0px; 
	WIDTH: 800px;
	POSITION: relative; 
  	height:32px; 
	clear: both;
}

#divBottomP {
	font-family: "Microsoft sans serif";
	font-size: 10pt;
	font-weight: bold;

	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	PADDING-TOP: 7px; 
	MARGIN-TOP: 0px; 
	MARGIN-BOTTOM: 0px; 
	TEXT-ALIGN: RIGHT;
}


#divBottom2 {
	BACKGROUND-IMAGE: url(divbottom2.gif);
	BACKGROUND-REPEAT: no-repeat; 
	MARGIN: 0px; 
	WIDTH: 800px;
	HEIGHT: 55px; 
	clear: both;
}

#divBottom2P {

	TEXT-ALIGN: LEFT;
	color:rgb(156,148,57); 
	font-family: "Monotype Corsiva";
	font-size: 20pt;

	PADDING-RIGHT: 20px; 
	PADDING-LEFT: 20px; 
	PADDING-TOP: 10px; 
	MARGIN: 0px; 
}

#container2 {
	BACKGROUND-IMAGE: url(Centerrand3.gif); 
	BACKGROUND-REPEAT: repeat-y;
	WIDTH: 800px; 
	MARGIN: 0px;
	min-height: 400px;
	PADDING-TOP: 25px; 
	PADDING-BOTTOM: 10px; 
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	POSITION: relative; 
	TEXT-ALIGN: center;
}

#P {

	font-family: "Tahoma";
	font-size:   9pt;
	line-height: 2.3em;

	PADDING-TOP: 0px; 
	PADDING-RIGHT: 25px; 
	PADDING-BOTTOM: 0px; 
	PADDING-LEFT: 40px; 
	MARGIN: 0px; 
	TEXT-ALIGN: justify;
}


#pageMain H3 SPAN {
	DISPLAY: none
}


/* IMAGES */

	#rightImage {
		float: right;
		position: relative;
		right: -25px;
		margin: 10px 0px 15px 0px;
		text-align: right;
	}
	
	#rightImage LABEL {
		MARGIN-right: 8px; 
		color: rgb(62,58,58);
	}


	#leftImage {
		float: left;
		position: relative;
		left: -40px;
		margin: 10px 0px 15px 0px;
		text-align: left;
	}


	#leftImage LABEL {
		MARGIN-left: 40px; 
		color: rgb(62,58,58);
	}

	/* no float for bottomimage, want anders geen achtergrond van de container! */
	/* of wordt ge-overflowed in de onderliggende lagen.....*/
	#bottomImage {
		position: relative;
		left: -40px;
		margin: 10px 0px 15px 0px;
		text-align: left;
		clear: both;
	}

	#bottomImage LABEL {
		MARGIN-left: 40px; 
		color: rgb(62,58,58);
	}

/* HYPERLINKS */

	#pageMenu A:hover {
		color: rgb(130,40,40);
	}

	#divTop A:link, #divTop A:visited, #divTop A:active, #divBottom A:link, #divBottom A:visited, #divBottom A:active {
		color: rgb(62,58,58);
		color:rgb(156,148,57); 
/*		FONT-WEIGHT: bold;  */
		TEXT-DECORATION: none
	}

	#divTop A:hover, #divBottom A:hover {
		color: rgb(90,0,00);
		TEXT-DECORATION: none;
	}

	#container2 A:link, #container2 A:visited, #container2 A:active {
		color: rgb(62,58,58);
		FONT-WEIGHT: bold; 
		TEXT-DECORATION: none
	}

	#container2 A:hover {
		color:rgb(156,148,57); 
		TEXT-DECORATION: underline;
	}

	#bullet1, #bullet2 {
		BACKGROUND-POSITION: 50% left; 
		background-position: center left;
		BACKGROUND-REPEAT: no-repeat; 
		PADDING-LEFT: 12px;
		DISPLAY:INLINE;
		MARGIN-RIGHT: 20px; 
		text-align: left;
	}

	#bullet1 {
		BACKGROUND-IMAGE: url(bullet_kleur1.gif);
	}

	#bullet2 {
		BACKGROUND-IMAGE: url(bullet_kleur2.gif);
	}



/* TABLES */

	#divdatetable {
		PADDING-TOP: 0px; 
		PADDING-RIGHT: 25px; 
		PADDING-LEFT: 40px; 
		PADDING-BOTTOM: 5px; 
		TEXT-ALIGN: left;
		clear: both;
	}

	#basistable {
		border-collapse: collapse;
	}

	#basiscel0 {
		WIDTH: 160px;
		TEXT-ALIGN: left;
	}

	td {
		color: rgb(62,58,58);
		font-family: "Tahoma";
		font-size:   11px;
		line-height:   1.3em;
	}



	#datetable {
		border-collapse: collapse;
	}

	#formtable {
		border-collapse: seperate;
		BACKGROUND-COLOR: rgb(214,214,156);
		BORDER: 1px solid rgb(132,132,132)
		border-spacing: 5px;
	}
	
	#roomtable {
		border-collapse: seperate;
		border-spacing: 2px;
		BORDER: 1px solid rgb(132,132,132)
	}		

	#kleur0, #kleur0_spec, #kleur0_top, #kleur0_spec_top, #kleur1, #kleur2, #kleur3, #kleur1_spec, #kleur2_spec, #kleur3_spec {
		WIDTH: 15px;
		TEXT-ALIGN: center;
	}
	
	#kleur0 {
		BACKGROUND-COLOR: rgb(214,214,156);
	}

	#kleur1, #kleur1_spec {
		BACKGROUND-COLOR: rgb(214,214,156);
	}

	#kleur2, #kleur2_spec {
		BACKGROUND-COLOR: rgb(156,148,66);
	}

	#kleur3, #kleur3_spec {
		BACKGROUND-COLOR: rgb(207,97,23);
	}

	#kleur0_spec, #kleur0_spec_top, #kleur1_spec, #kleur2_spec, #kleur3_spec {
		color: rgb(10,10,10);
	}

	#dateleftcel, #dateleftcel_top {
		WIDTH: 85px;
		BORDER-RIGHT: 1px solid rgb(132,132,132)
	}

	#roomcel {
		WIDTH: 300px;
		BACKGROUND-COLOR: rgb(255,255,255);
	}

	#kleur0_top, #kleur0_spec_top, #dateleftcel_top {
		BORDER-BOTTOM: 1px solid rgb(132,132,132)
	}



/* FORMULIEREN */

	form {
		MARGIN-TOP: 20px; 
		MARGIN-BOTTOM: 20px; 
	}

	label, input, select {
		font-family: "Tahoma";
		font-size:   8pt;
	}

	#tekstborder {
		border:1px solid solid rgb(132,132,132);
	}

	textarea {
		font-family: "Tahoma";
		font-size:   8pt;
		line-height: 1.1em;
	}