html,body { height: 100%; }
body { margin: 0; padding: 0; text-align: center; background-color: #003366;  }
table {	margin: 0; padding: 0; border: 0; border-spacing: 0px;  border-collapse: collapse; }
form,p,td {margin: 0; padding: 0;  border: 0; }
img { border: 0; display: block; }
div {  text-align: left; }
p,a,div,td,h2,span,font { font-family:  Arial, Helvetica, sans-serif; font-size: 11px;  font-style: normal; text-decoration: none; line-height: 17px; }
a { cursor: pointer; text-decoration: underline; color: #000000;}
.bold { font-weight: bolder;  }
input {display: inline; }


/* algemene styles */
.block {  float: none; margin-bottom: 35px; width: 646px; overflow: hidden;}
.leftFloat { float: left; }
.overflowHide { overflow: hidden; }
.lineHeight17 { line-height: 17px; }
.pink { color: #DBA5C1; }
.purple { color: #7c1b6b; }
.lightblue { color: #D7DFEB; }
.black { color: #333333; }
.brownbullet { color: #666633; }
.pointer { cursor: pointer; }
/* background & content styles */
#back1 { width: 50%; height: 360px; left: -28px; right: 50%; top: 0px; position: absolute; background-image: url(../images/layout/background-1.gif); background-position: right top; background-repeat: repeat-x; }
#back2 { width: 50%; height: 360px; right: 0px; left: 50%; top: 0px; position: absolute; background-image: url(../images/layout/background-1.gif); background-position: 26px 0px; background-repeat: repeat-x;  }


#back3{
	background-color:			#E8E6DA;
	margin:						0 auto;
	position:					relative;
	width:						855px;
}

#back4{
	float:						left;
	background:					#E8E6DA;
	width:						795px;
	padding:					0 30px;
}

#content{
	padding:					0 73px;
		
	background:					#fff;
}

  #minheight { width: 1px; height: 360px; float: left; }
#back32 { width: 795px; margin: auto; padding: 0px 30px 0 30px; background-color: #E8E6DA; overflow: visible; }
#back42 { width: 795px;  background-color: #FFFFFF; float:left; }
 #content2 { float: left; padding: 0 73px 0 73px; width: 648px; }



/* header & footer styles */
.absolute { position: absolute; width: 646px; }
#header { width: 646px; height: 109px; overflow: visible; border-bottom: 1px solid #999999; margin: 0px 1px 35px 1px; }
 #logo { margin: 21px 0 0 -57px; overflow: visible;  position: absolute;}
 #topmenu {  position: absolute; right: 20px;  color: #0C4782; line-height: 109px; top: 0px; font-weight: bolder;  }
  #topmenu a { font-weight: bolder; text-decoration: underline; color: #0C4782;}
#footer { border-top: 1px solid #999999; height: 91px; width: 646px; margin: 0px 1px 0px 1px; }
 #trademark { color: #999999; font-weight: bolder; line-height: 91px; padding-left: 20px; }
 #bottommenu {  position: absolute; right: 20px;  color: #0C4782; line-height: 91px; margin-top: -91px;font-weight: bolder; }
  #bottommenu a { font-weight: bolder; text-decoration: underline; color: #0C4782;}


/* inlog styles */
#menuLogin { margin-top: -20px; }
#menuLogin .L1 { width: 646px; float: left;   }
 #menuLogin .L1 .blockHeader { height: 35px; padding-left: 21px; font-size: 12px; color: #7C1B6B; font-weight: bolder;  }
 #menuLogin .L1 .blockContent {  }
 #menuLogin .B1 { width: 154px; padding-right: 10px; float: left; overflow: hidden; }
 #menuLogin .B2 { width: 154px; padding-right: 10px; float: left; overflow: hidden; }
 #menuLogin .B3 { width: 154px; padding-right: 10px; float: left; overflow: hidden; }
 #menuLogin .B4 { width: 154px; float: left; overflow: hidden; }
 #menuLogin #elementTop { border-top: 1px solid #666633;  }
 #menuLogin a { text-decoration: none;  }
 #menuLogin .element {  background-color: #FFFFFF; border-bottom: 1px solid #666633; width: 134px; line-height: 16px; overflow: hidden; height: 16px; padding-left: 20px; cursor: pointer;  }
 #menuLogin .elementOver { background-color: #D7DFEB; border-bottom: 1px solid #666633; width: 134px; line-height: 16px; overflow: hidden; height: 16px; padding-left: 20px; cursor: pointer; }



 /* Buttons */
div.clearfix { display: block; clear: both; }
div.ap_button { height: 20px; overflow: hidden; cursor: pointer; }
div.ap_button div { height: 20px; overflow: hidden; float: left; background-repeat: no-repeat; }

div.ap_button div.ap_button_lilac_left { width: 3px; background-image: url( '../images/bottons/btn-lilac.gif' ); background-position: top left; }
div.ap_button div.ap_button_lilac_center { background-color: #a04276; width: 50px; line-height: 20px; font-family: Arial, _sans; font-size: 11px; font-weight: bolder; color: #ffffff; text-align: center; }
div.ap_button div.ap_button_lilac_right { width: 3px; background-image: url( '../images/bottons/btn-lilac.gif' ); background-position: top right; }

div.ap_button div.ap_button_brown_left { width: 3px; background-image: url( '../images/bottons/btn-brown.gif' ); background-position: top left; }
div.ap_button div.ap_button_brown_center { background-color: #666633; width: 50px; line-height: 20px; font-family: Arial, _sans; font-size: 11px; font-weight: bolder; color: #ffffff; text-align: center; }
div.ap_button div.ap_button_brown_right { width: 3px; background-image: url( '../images/bottons/btn-brown.gif' ); background-position: top right; }

div.ap_button div.ap_button_blue_left { width: 3px; background-image: url( '../images/bottons/btn-blue.gif' ); background-position: top left; }
div.ap_button div.ap_button_blue_center { background-color: #003366; width: 50px; line-height: 20px; font-family: Arial, _sans; font-size: 11px; font-weight: bolder; color: #ffffff; text-align: center; }
div.ap_button div.ap_button_blue_right { width: 3px; background-image: url( '../images/bottons/btn-blue.gif' ); background-position: top right; }

div.ap_button div.ap_button_purple_left { width: 3px; background-image: url( '../images/bottons/btn-purple.gif' ); background-position: top left; }
div.ap_button div.ap_button_purple_center { background-color: #660f57; width: 50px; line-height: 20px; font-family: Arial, _sans; font-size: 11px; font-weight: bolder; color: #ffffff; text-align: center; }
div.ap_button div.ap_button_purple_right { width: 3px; background-image: url( '../images/bottons/btn-purple.gif' ); background-position: top right; }


/* calender styles */
#calendar { width: 200px; height: 223px; background-color: #FFFFFF; border: 1px #7C1B6B solid; padding: 2px; position: absolute; overflow: hidden; display: none; z-index: 999; }
#calendar .in { background-color: #DBA5C1; padding: 12px; width: 176px; height: 199px;  }
#calendar .head { width: 176px; height: 29px; overflow: hidden; }
#calendar .head .month { float: left; width: 100px;  height: 32px; }
#calendar .head .month select { width: 75px; height: 18px; }
#calendar .head .year { float: left; width: 76px; overflow: hidden; }
#calendar .head .year select { width: 75px; height: 18px; }
#calendar .calendarOver { background-color: #D7DFEB; background-image: url(../images/layout/td-over-bac.gif); color: #003366; font-weight: bolder; padding: 0; cursor: pointer; }
#calendar .graySquar { color: #CCCCCC; background-color: #FFFFFF; }
#calendar table { border-collapse: collapse;  }
#calendar tbody {  }
#calendar td { background-color: #FFFFFF; border: 1px #CCCCCC solid; height: 24px; width: 24px; text-align: center; padding: 0;  cursor: pointer;  line-height: 24px;}
#calendar th { text-align: center; color: #7C1B6B; font-weight: bolder;  }