/* CSS Document */

body {

	background: url(../afbeeldingen/achtergrond.jpg);

	background-repeat: repeat;

	background-color: #FFF4DA;

	padding:0px;

	font-family: Arial, Helvetica, sans-serif;

}
label {
display:block;
}
.csc-mailform {
border:none;
}

#contain{         /* HOUDER - menu + inhoud + rechts */

	float:left;			/* Allows content to float on the right hand side of  the div. */

	width:100%;			/* Prevents the div from collapsing to 0 width as div tags

usually do when they are floated. */

	margin:40px -160px 10px -10px;	/* Provides top and bottom margin, also narrows

the div tag by 160px so the right side-bar has somewhere to go.  */

}
#right_inhoud img { float:left;}


p {

	margin: 0px 0;

	font-size: small;

}

h1, h2 {

	color:black

	font-size:medium;

}

a, a:visited {

  color:#0F3B41;

  text-decoration:none;

}

#achtergrond {

	padding:10px;

}



/* HEADER - begin */

#header {

	background-image: url(../afbeeldingen/titelbar_midden.png);

	background-repeat:repeat-x;

	width:100%;

	height:80px;

	padding:0;

	z-index:-1;

}



#trechts {

	position:absolute;

	top:20px;

	right:-5px;

	margin-right:10px;

	background-color:#FFF4DA;

	width:400px;

	height:28px;

	right:0;

	background: url(../afbeeldingen/bannertekst.gif);

	background-repeat: no-repeat;

	z-index:25;

}



#tlinks {

	position:relative;

	left:0px;

	top:0;

	width:729px;

	height:80px;

	z-index:10;

	background: white;

	background: url(../afbeeldingen/titelbar_links.png);

	background-repeat: no-repeat;

}



#titel {

	position:absolute;

	left:140px;

	top:64px;

	background-color:transparent;

	width:200px;

	height:25px;

	text-align: left;

	padding: 0;

	z-index:30;

}



#titel p {

	float:left;

	margin-top:-1px;

	font-weight: bold;

	text-shadow: Black;

}



#logo {

	position:absolute;

	left:0px;

	top:0px;

	background-image: url(../afbeeldingen/parel-logo.gif);

	z-index:20;

	background-repeat: no-repeat;

	background-position:0 0 0 0;

	width:134px;

	height:153px;

	z-index:15;

}

/* HEADER - einde */



/* TEMPLATE_AGENDA - begin */

#a_contain {

	position:relative;			/* Allows content to float on the right hand side of  the div. */

	width:100%;			/* Prevents the div from collapsing to 0 width as div tags

usually do when they are floated. */

	margin:40px 10px 10px -10px;

}

#a_main {

  float:right;			/* Allows content to float on the left hand side of the div. */

	width:100%;			/* Prevents the div from collapsing to 0 width as div tags

usually do when they are floated. */

	margin:0 0 0 -160px;		/* Narrows the div tag by 160px so the left side-bar has

somewhere to go.  */

	z-index:25;

}

#a_centre {

	min-height:250px;

	text-align:justify;

	margin:0 0 0 160px;

}

/* TEMPLATE_AGENDA - eind */



/* MENU - begin*/

#left{

	width:125px;

	min-height:250px;

	margin-left:10px;

	background-image: url(../afbeeldingen/menu_achtergrond.gif);

	background-repeat: repeat-y;

	text-align:left;

	float:left;			/* Allows content to float on the right hand side of the div. */

	z-index:30;

}



div#menu_houder {

	background-image: url(../afbeeldingen/menu_top.gif);

	background-position: top;

	background-repeat: no-repeat;

	color: #CCCCFF;

	font-size: medium;

	width:125px;

	height:250px;

	left:10px;

	top:120px;

	z-index:30;

	padding-top:20px;

	text-align:left;

	padding-bottom:20px;

}



div#menu_houder p {

	text-align: left;

	font-size:small;

}

div#menu {

	border-bottom: dashed;

	border-bottom-width: thin;

	padding-left:15px;

	padding-right:5px;

	padding-bottom:20px;

	z-index:30;

	font-size: small;

	font-weight: normal;

}

div#menu a:link, div#menu a:visited {

	color:#CCCCFF;

}

div#menu a:active {

	color:white;

}

div#menu a:hover {

	color:white;

}



#search {

	padding:10px 5px 0px 5px;

}

div#search p {

	line-height: 1em;

}

/* MENU - eind */



/* INHOUD - begin */

#main{

	float:right;			/* Allows content to float on the left hand side of the div. */

	width:100%;			/* Prevents the div from collapsing to 0 width as div tags

usually do when they are floated. */

	margin:0 0 0 -160px;		/* Narrows the div tag by 160px so the left side-bar has

somewhere to go.  */

	z-index:25;

}

#centre{

	min-height:250px;

	text-align:justify;

	margin:0 160px;		/* Provides a 160px gap for the side-bar to go into. */

}

#right {

	margin:40px 0;		/* Provides a top and bottom margin. */
	width:125px;
	min-height:207px;
	background-image: url(../afbeeldingen/rechts_achtergrond.gif);
	background-repeat: repeat-y;
	text-align: left;
	float:right;			/* Allows content to float on the left hand side of the div. */
	padding:0;
}

/* INHOUD - eind */



/* TEMPLATE_SIMPEL - instellingen - begin */
#s_contain{

	float:left;			/* Allows content to float on the right hand side of  the div. */

	width:100%;			/* Prevents the div from collapsing to 0 width as div tags

usually do when they are floated. */

	margin:40px -10px 10px -10px;	/* Provides top and bottom margin, also narrows

the div tag by 160px so the right side-bar has somewhere to go.  */

}



#s_main{

	float:right;			/* Allows content to float on the left hand side of the div. */

	width:100%;			/* Prevents the div from collapsing to 0 width as div tags

usually do when they are floated. */

	margin:0 0 0 -160px;		/* Narrows the div tag by 160px so the left side-bar has

somewhere to go.  */

	z-index:25;

}



#s_centre{

	min-height:250px;

	text-align:justify;

	margin:0 0 0 160px;		/* Provides a 160px gap for the side-bar to go into. */

}



#s_left{

	width:125px;

	min-height:250px;

	margin-left:10px;

	background-image: url(../afbeeldingen/menu_achtergrond.gif);

	background-repeat: repeat-y;

	text-align:left;

	float:left;			/* Allows content to float on the right hand side of the div. */

	z-index:30;

}

/* TEMPLATE_SIMPEL - instellingen - eind  */



.csc-firstHeader {

	font-family: Arial, Helvetica, sans-serif;

	font-size:medium;

	color:#003333;

	text-shadow: 3px 3px white;

	margin-left:2px;

}



#right div {

	background-image: url(../afbeeldingen/rechts_top.gif);
  background-position: top;
	background-repeat: no-repeat;
	color: black;
	font-size: small;
	width:125px;
	z-index:5;
	top:0;
	margin: 0;
	padding:8px 0;
}

#right div div {
	background-image:none;
	margin:4px 5px;
	background-color: #FFDE97;
	padding:0;
	width:110px;
	font-size:x-small;
	word-wrap:  break-word;
}
DIV.calendar_upcoming {
border:0;
}
DIV.upcoming_title {
border:0;
}
DIV.tx-calendar-pi1 div, DIV.tx-calendar-pi1 div div{
border: 0;
margin: 0;
padding: 0;

}
.tx-calendar-pi1 li {
	margin-left:-10px;
	}
.tx-calendar-pi1 h2{
  font-size:medium;
}
#p_logo {
	float:right;
	background-image: url(../afbeeldingen/parel-logo2.gif);
	background-repeat: no-repeat;
	background-position:0 0 0 0;
	background-color:white;
	width:134px;
	height:153px;
	z-index:30;
}
#p_header {
	width:80%;
	position:absolute;
	left:10%;
  padding:0 0px;
}
#p_koptekst {

	border: Black;

	border-bottom: solid;

	border-bottom-width: thin;

}



#p_centre{

	position: absolute;

	top:100px;

	width:99%;

	text-align:justify;

}

#footer, #p_footer{

	clear:both;			/* To keep the footer from floating next to whichever column is

longer. */

	text-align:center;

	font-size: xx-small;

	text-transform: lowercase;

	position:relative;

}

#f_inhoud {

}

#f_float {

	float:right;

	width:210px;

	padding-left:10px;

	top:0px;

	font-size: small;

}

DIV.tx-calendar-pi1 A { color: #4444AA; text-decoration: none; }

DIV.tx-calendar-pi1 TD.displayMonthDay { background-color: #FFCC66;

	vertical-align: top; height: 80px; width: 13%; }

.csc-linkToTop {
	text-align:right;
}

FORM TABLE.csc-searchform TR TD.csc-form-fieldcell INPUT, FORM TABLE.csc-searchform TR TD.csc-form-fieldcell SELECT {
  width: 100px; 
}

#g_rechts p {
  color:#FFF4DA;
  text-align:left;
}

#g_rechts h1, #g_rechts h3, #g_rechts a {
  color:#FFDE97;
}