/* CSS Document */

ul#menu { width: 100%; height: 38px; background: #FFF url("images/menu-bg.png") top left repeat-x; font-size: 0.8em; font-family: "Lucida Grande", Verdana, sans-serif; font-weight: bold; list-style-type: none; margin: 0; padding: 0; }
ul#menu li { display: block; float: left; margin: 0 0 0 5px; }
//ul#menu li a { height: 38px; color: #777; text-decoration: none; display: block; float: left; line-height: 200%; padding: 8px 15px 0px; }
ul#menu li a { height: 31px; color: #777; text-decoration: none; display: block; float: left; line-height: 200%; padding-top: 8px ; padding-left: 15px; padding-bottom -8px; }
ul#menu li a:hover { color: #333; }
ul#menu li a.current{ color: #FFF; background: #FFF url("images/current-bg.png") top left repeat-x; padding: 5px 15px 0px; }
//ul#menu li a.current{ color: #FFF; background: #FFF url("images/current-bg.png") top left repeat-x; padding-top: 5px; padding-left: 15px padidng-bottom: -5px; }

div.sub_menu {
  background: rgb(243,153,17) ;
  padding-top: 1px;
  padding-left: 13px;
  color: white;
}

div.sub_menu a {
  color: white;
  font-weight: bold;
  font-size: 0.8em;
  padding-left: 7px;
  padding-right: 7px;
}

A:link {
	color: rgb(255,128,128);
	text-decoration: none;
}

A:visited {
	color:rgb(192,80,77);
	text-decoration: none;
}
A:active {
	color:rgb(192,80,77);
	text-decoration: none;
}
A:hover {
	color:rgb(192,80,77);
	text-decoration:underline;
}

A.footerlink:link {
	color:#C5C5C5;
	text-decoration: none;		
}
A.footerlink:visited {
	color:#C5C5C5;
	text-decoration: none;
}
A.footerlink:active {
	color:#C5C5C5;
	text-decoration: none;
}
A.footerlink:hover {
	color:#C5C5C5;
	text-decoration:underline;
}

body {
	height:100%;
	margin:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#808080;
	background-color:#FFFFFF;
}

h1 {
	margin:0px 0px 4px 0px;
	padding:0px;
	font-weight:bold;
	font-size:14px;
}

h2 {
	margin:3px 0px 8px 0px;
	padding:0px;	
	font-size:12px;
	font-weight:bold;
    color: rgb(255,153,51);
}

p {
	margin:0px 0px 10px 0px;
	padding:0px;	
}

hr {
	margin:0px;
	width:100%;
	height:0px;
	border:none;
	border-top:#C0C0C9 solid 1px;
}

.container {
	width:935px; 
	margin:auto;
	line-height:19px;
    padding-top:10px;
}

.header {
	height:70px; 
	margin-top:20px; 
	margin-left:20px;
}

.menu {
	height:47px;
	width:925px; 
	margin-top:20px;
	font-size:13px;
}


.content {
	min-height:400px;
	height:auto !important;
	height:400px;
	margin-top:0px;
	margin-left:12px;
	margin-right:24px;
}

.content a{
	color: blue;
	text-decoration: none;
}

.content a:hover{
	color: blue;
	text-decoration: underline;
}

.footer {
	margin-top:20px;
	padding-top:2px;
	border-top:#C0C0C9 solid 1px;
	text-align:center;
	color:#C5C5C5;
	font-size:11px;
}


/* tableless design */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

/* custom */
.inschrijfButton {
    background: url(../images/inschrijven_1.gif);
}

table.agenda tr.header {
    background: rgb(255,153,51);
    font-weight: bold;
    color: white;
    height: 15px;
}

table.agenda tr.header td {
    padding-left: 5px;

}

table.agenda tr td {
    width: 80px;
}

div.nieuwsbriefbox {
    padding: 5px;
    border: 1px rgb(255,153,51) solid;
}

div.nieuwsbriefbox h2 span {
    color:#808080;
}

TABLE.freescan {
  background: rgb(230,230,230);
  width: 100%;
  padding: 20px;
  border: 2px orange solid;
}

SPAN.currentPageNo {
   padding: 2px;
   border: 1px orange solid;
}

SPAN.otherPageNo {
    padding: 2px;
    background: orange;
    color: white;
}

P.qeven {
    background: rgb(240,240,240);
    padding: 1px;
}


TR.even {
  background: rgb(240,240,240);
  padding: 10px;
}

TR.even TD, TR.odd TD {
      padding: 5px;
}

TD.tdtext {
 border-right: 1px rgb(240,240,240)  solid;   
}

DIV.pagediv {
    padding-bottom: 5px;
    border-bottom: 1px rgb(125,125,125) solid;
    text-align: right;
    margin-bottom: 5px;
}

SPAN.homepageColumnHeader {
    font-size:10pt ;
    font-weight: bold;
    text-align: left;
}

div.calendar
{
	float:left;
	width: 30px;
	height: 30px;
	text-align: center;
	color: #1c2122;
	font-weight: bold;
	margin-right: 3px;
}

div.calendar_month
{
	background-color: rgb(248,152,40);
	height: 12px;
	font-size: 10px;
	line-height: 10px;
}

div.calendar_day
{
	background-color: #ecedef;
}