﻿/* General declarations etc */
body {
   background-image: url(/img/bg_body.jpg);
   background-repeat: repeat-x;
   background-color: #7C0000;
   font-family: Trebuchet MS,arial,sans-serif;
   font-size: 8pt;
   color: #58544B;
   padding: 0; margin:0;
   height: 100%;
}
p,td {
   font-family: Trebuchet MS,arial,sans-serif;
   font-size: 8pt;
}

a       {font-family:Trebuchet MS,arial,sans-serif;font-size:8pt;color:#7D0000;text-decoration:underline;}
a:hover {font-family:Trebuchet MS,arial,sans-serif;font-size:8pt;color:#7D0000;text-decoration:none;}


#home_link {
	position:absolute;
	left:0px;
	top:0px;
	width:150px;
	height:86px;
	border:0px;
}

#topnavbar{
	position:absolute;
	left:210px;
	top:60px;
	width:480px;
	height:20px;
	color:#838175;
	font-size:11px;
}

#topholder {
	position:relative;
	width:710px;
	height: 86px;
}

#topnavbar a{color:#838175;text-decoration:none;font-size:11px;}
#topnavbar a:hover{color:#838175;text-decoration:underline;font-size:11px;}
#topnavbar a.active,#topnavbar a.active:hover{color:#d78d07;text-decoration:none;font-weight:bold;font-size:11px;}



/*
#topnav {width:117px;}
#topnav ul {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	font-family: Trebuchet MS, Helvetica, sans-serif;
}
#topnav a {	display:block;padding:1px;width:117px;color:#838175;text-decoration:none; }
#topnav a:hover { background-color:#838175;color:#fff; }
#topnav .active a { background-color:#838175;color:#fff; }
*/
#sidenav {width:200px;padding-top:7px;}
#sidenav ul {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	font-family: Trebuchet MS, Helvetica, sans-serif;
}
#sidenav a { text-align:right;display:block;padding:1px;padding-right:15px;width:200px;color:#838175;text-decoration:none; }
#sidenav a:hover { background-color:#838175;color:#fff; }
#sidenav .active a { background-color:#838175;color:#fff; }


#header {font-family:Trebuchet MS,arial,sans-serif;font-size:9.5pt;color:#780000;font-weight:bold;}
#projectheader {font-family:Trebuchet MS,arial,sans-serif;font-size:8pt;color:#780000;font-weight:bold;}
#pgheader{font-family:Trebuchet MS,arial,sans-serif;font-size:8pt;color:#58544B;font-weight:bold;}
#newsheader{font-family:Trebuchet MS,arial,sans-serif;font-size:8pt;color:#58544B;font-weight:normal;}
#introtext { font-weight:bold; }
/* tables */
.full {
   width: 100%;
   height: 100%;
   vertical-align: top;
}
.top {
   vertical-align: top;
}
#maintable {
   width: 710px;
   height: 100%;
   background-color: #FFFFFF;
   vertical-align: top;
}
#top {
   position:relative;
   width: 100%;
   height: 86px;
   background-image: url(/img/bg_top_new.gif);
   background-repeat: no-repeat;
   padding: 0; margin: 0;
   vertical-align:top;
}
#top_images {
   width: 100%;
   height: 232px;
   padding: 0; margin: 0;
   vertical-align:center;
}

#chnav {
   width: 200px;
   height: 100%;
   background-image: url(/img/bg_chnav.jpg);
   background-repeat: repeat-y;
   padding: 0; margin: 0;
   vertical-align: top;
}
#contentarea {
   width: 328px;
   height: 100%;
   background-color: #FFFFFF;
   padding: 0; margin: 0;
   vertical-align: top;
}
#content {
   width: 428px;
   height: 100%;
   background-color: #FFFFFF;
   padding: 0; margin: 0;
   vertical-align: top;
}
#content_general {
   width: 568px;
   height: 100%;
   background-color: #FFFFFF;
   padding: 0; margin: 0;
   vertical-align: top;
}
#dottedline_vert {
   width: 1px;
   height: 100%;
   background-image: url(/img/bg_dashedline_vertical.gif);
   background-repeat: repeat-y;
   padding: 0; margin: 0;
   vertical-align: top;
}
#dottedline_hor {
   width: 100%;
   height: 1px;
   background-image: url(/img/bg_dashedline_horizontal.gif);
   background-repeat: repeat-x;
   padding: 0; margin: 0;
   vertical-align: top;
}
#rightnav {
   width: 180px;
   height: 100%;
   background-image: url(/img/bg_rightnav_bottom.jpg);
   background-repeat: repeat-y;
   padding: 0; margin: 0;
   vertical-align: top;
}
#rightnav_general {
   width: 40px;
   height: 100%;
   background-image: url(/img/bg_rightnav_general.jpg);
   background-repeat: repeat-y;
   padding: 0; margin: 0;
   vertical-align: top;
}
#inschrijven {
   width: 100%;
   height: 180px;
   background-image: url(/img/bg_inschrijven.jpg);
   background-repeat: repeat-y;
   padding: 0; margin: 0;
   vertical-align: top;
}
#inschrijven {
   width: 180px;
   height: 180px;
   background-image: url(/img/bg_inschrijven.jpg);
   background-repeat: repeat-y;
   padding: 0; margin: 0;
   vertical-align: top;
}
#column {
   width: 180px;
   height: 240px;
   background-image: url(/img/bg_column.jpg);
   background-repeat: repeat-y;
   padding: 0; margin: 0;
   vertical-align: top;
}

/* Buttons / element posiitoning / etc */

input,textarea,select{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: bold;
   border: 1px solid #B2B2B2;
   padding-left: 3px;
   margin: 0 0 5px 0;
}
.formbutton{
   font-family: Trebuchet MS, Arial, sans-serif;
   font-size: 11px;
   color: #7D0000;
   background-color: #E0E0DE;
   border: 0px;
}
.noborder{
   border: 0px;
}
option.disabled {color:#AAAAAA;}
option {color:#58544B;}
.contentimageRight {
   margin: 0 0 0 8px;
   border: 1px solid #3C390E;
   padding: 0;
   cursor: pointer;
}
.contentimageLeft {
   margin: 0 8px 0 0;
   border: 1px solid #3C390E;
   padding: 0;
   cursor: pointer;
}
hr { 
   text-align: center; 
   width: 100%; 
   height: 1px; 
   color: #B2B2B2; 
   border: none;
} /* For Internet Explorer */
html>body hr { 
   margin: auto; 
   width: 100%; 
   height: 1px; 
   background-color: #B2B2B2; 
   border: 0px solid #B2B2B2; 
} /* For Opera and Gecko-based browsers */

#ch_nav_line {
   width: 100%; 
   height: 1px; 
   border: 1px solid #F08080;
}

.mainnav {
   width: 90%;
   margin: 10 0 0 10;
   padding: 0px 0.5em;
   color: #454545;
   font-weight: bold;
}
.mainnav ul {
   margin:0; padding:0;
   list-style-type: none;
}
.mainnav li {
   margin:0; padding:0;
   padding-right: 0.2em;
   float: left;
}
#mainnav a            {font-family:verdana,arial,sans-serif;font-size:8pt;color:#454545;font-weight:bold;text-decoration:none;letter-spacing:-1px;}
#mainnav a:hover      {font-family:verdana,arial,sans-serif;font-size:8pt;color:#ffffff;background-color:#454545;font-weight:bold;text-decoration:none;letter-spacing:-1px;}
#mainnav .active a    {font-family:verdana,arial,sans-serif;font-size:8pt;color:#ffffff;background-color:#454545;font-weight:bold;text-decoration:none;letter-spacing:-1px;}

#birthdayblock a       {font-family:verdana,arial,sans-serif;font-size:8pt;color:#000000;text-decoration:underline;}
#birthdayblock a:hover {font-family:verdana,arial,sans-serif;font-size:8pt;color:#000000;text-decoration:none;}
#birthdayblock p        {margin:0px;margin-bottom:10px;}
