/*
grijs:#777777;
zeegroen: #55CCCC;
bloedrood:#C35353;
lichtblauw: #5588AA;
*/
body {
	background:#55CCCC;
	color: #FFFFFF;
    /* gebruiken ism relative positions:
       margin: 20% auto;
       text-align:center;  */
	margin: 0;
	padding: 0;
	border: 0;
	text-align: left;
	font-family: verdana, lucida, arial, helvetica, sans-serif;
	padding-bottom: 10px;
	scrollbar-arrow-color:#666;
	scrollbar-track-color:#666;
	scrollbar-shadow-color:#666;
	scrollbar-highlight-color:#666; 
	scrollbar-3dlight-color:#666;
	scrollbar-darkshadow-Color:#666;
	}

body#start{
	background: #C35353 url(../images/hartebloed_home_groot.jpg) no-repeat fixed center;
	font-size: 13px;
	font-color: #FFFFFF;
} 
	
html, body, #nav ul { 
    /*width: 100%; */
    margin: 0;
    padding: 0;
	}

img	{
	border: 0;
	}
	
#metatags {
	height:5px;
	color: #C35353;
	background: #C35353;
	/*color: #55CCCC;
	background: #55CCCC; */
	font-weight : normal;
	font-size : 4px;
	padding: 5px 7px 7px 10px;
	text-align: left;
	clear: both;
}


/*  header - topimage */
#header {
    position: absolute;
	top:10px;
	left:10px;
    height:100px;
	width:100px;
	color: #333;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	margin: 0;
	padding: 0;
	}

#header img	{
	margin: 0;
	padding: 0;
	border: 0;
	}

#logo {
    position: absolute;
	top:10px;
	left:10px;
    height:100px;
	width:100px;
	color: #333;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 1px solid #ccc;
	border-top: 0px;
	margin: 0;
	padding: 0;
	}
	
#logo img	{
	margin: 0;
	padding: 0;
	border: 0;
	}

/*  flag */
#flag {
    position: absolute;
	top:380px;
	left:30px;
    height:20px;
	width:35px;
	color: #333;
	border: 0;
	margin: 0;
	padding: 0;
	}

#flag img	{
	margin: 0;
	padding: 0;
	border: 0;
	}

/*  menu - Hoofd-nav */
#menu {
    position: absolute;
	top: 10px;
	left: 120px;
	margin: 0;
	padding: 0;
	text-align: center;
	}

#menu ul {
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	clear: both;
	width:665px;
	}

#menu ul li {
	width: 104px;
    height: 20px;
	display: block;
	float: left;
	text-align: center;
	padding: 0 0 0 0;
	margin: 0 5px 5px 0;
	}

#menu ul li a {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 0;
	margin: 0 0 0 0;
	text-decoration: none;
	display: block;
	text-align: center;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 2em;
	font-size: 8px;      
	background: #5588AA;
	color: #FFFFFF;
	}

/*#resources a:link, #resources a:visited {
	border-right: 1px solid #ccc;
	}
*/
#menu ul li a:hover, #menu ul li a:active {
	background: #C35353;
	color: #FFFFFF;
	}

#menu ul li a.menu_active {
	background: #C35353;
	color: #FFFFFF;
	}

/*  wrapper */
#wrapper {
	background: #C35353;
	color: #FFFFFF;
	margin: 70px 10px;
	padding: 0px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	width: 765px;
	}

/*  pagebody */
#pagebody	{
	padding: 0;
	margin-top: 0px;
	border: 0;
	text-align: left;
	color: #FFFFFF;
	background: transparent;
	clear: both;
	}

/* maincontent */
#maindiv	{
	background: #C35353;
	margin: 0;
	padding: 0;
	width: 600px;
	height:420px;
	}
#maincontent	{
    background: transparant;
	top:65px;
	left:10px;
	width: 600px;
	padding: 2px 10px 10px 10px;
	margin: 0px 5px 5px 140px;
	height:420px;
	/* onderstaande alleen gebruiken, als je mogelijkheid van scrollbalk wilt geven */
	max-height:390px;
	overflow: auto;
	}

#maincontent ol, #maincontent ul	{
	margin: .5em 0;
	padding-left: 10px;
	margin-left: 10px;
	display: block;
	}
	
#maincontent li	{
	line-height: 1.4;
	margin-bottom: 0px;
	padding-left: 5px;
	margin-left: 5px;
	list-style: disc url(/i/listblack.gif);
	vertical-align: middle;
	}
	
#maincontent ul ul li {
	margin-top: 10px;
	list-style: disc url(/i/innerlistblack.gif) inside;
	vertical-align: top;
	}

#maincontent ul.inlinelist	{
	padding: 0;
	margin: 0;
	}

#maincontent .inlinelist li	{
	display: inline;
	padding: 0 5px 0 0;
	margin: 0;
	border: 0;
	}

/* submenu */	
#sidebar	{
	position: absolute;
	top:36px;
	left:145px;
	padding: 2px 10px 10px 0;
	height:50px;
	margin: 0px;
	color: #666;
	}

#sidebar img {
	margin: 5px 5px 5px 5px;
	border: 0px;
	}

#sidebar label	{
	font-size: small;
	}

#subnav {
	margin: 0;
	padding: 0;
	text-align: center;
	}

#subnav ul {
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	clear: both;
	width:600px;
	}

#subnav ul li {
	display: block;
	float: left;
	text-align: center;
	padding: 0 0 0 0;
	margin: 0 5px 5px 0;
	}

#subnav ul li a {
	width: 120px;
	height: 15px;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
	padding: 0;
	margin: 0 5px 5px 0;
	text-decoration: none;
	display: block;
	text-align: center;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 1.5em;
	font-size: 9px;      
	background: #666666;
	color: #FFFFFF;
	}

#subnav ul li a:hover,
#subnav ul li a:active {
	background: #cccccc;
	color: #000000;
	}

#subnav ul li a.submenu_active {
	background: #cccccc;
	color: #000000;
	}

/*
#subnav dl	{
	margin: 0;
	padding: 0;
	}

#subnav dt 	{
	width: 150px;
	font-weight: bold;
	font-size: x-small;     
	}   
	
#subnav dd 	{
	padding: 0;
	margin: 2px 0 10px 0;
	}   	
*/	
	
code, pre	{
	font-family: "Bitstream Vera Sans Mono", monaco, "Courier New", courier, monospace;
	font-weight: normal;
	background: inherit;
	color: #333;
	}

/*  Typography */
h1, h2, h3, h4, h5	{
	font-family: Myriad, verdana, lucida, arial, helvetica, sans-serif;
	font-weight: normal;
	margin-top: 25px;
	margin-bottom: 2px;
	letter-spacing: 1px;
	}
	
#pagebody h1	{
    margin-top: 0;
    font-size:  large;       
    }

#pagebody h2	{
    margin-top: 15px; 
    font-size: medium;     
    }

#sidebar h2	{
	font-size: 16px;
	margin: 5px 0 0 0 ;
	}

h3	{ 
	font-size: small;      
	}

html>h3 	{
	font-size:  medium;  
	} 

#sidebar h3	{
	font-size: 13px;
	margin: 0;
	}
	
h3.byline 	{
	font-size: 12px;
	padding: 0;
	margin: 7px 0;
	text-transform: uppercase;
	}
		
h4	{
	font-weight: normal;
   	font-size: x-small;      
	}

html>h4 	{
	font-size: small;  
	} 	

h4.addtlbyline	{
	font-size: 12px;
	padding: 0;
	margin: 7px 0;
	text-transform: uppercase;
	}

#sidebar h4	{
	margin: 0 0 15px 0;
	}

h4.pubdate 	{
	margin: 0 0 10px 0;
	padding: 0;
	font-weight: bold;
	font-size: 11px;
	font-weight: normal;
	color: #666;
	background: transparent;
	}

h5	{
     font-size: xx-small;      
	}

h6	{
	padding: 0;
	background: transparent;
	color: #333;
	text-transform: uppercase;
	font-family: verdana, lucida, arial, helvetica, sans-serif;
	font-weight: normal;
	font-size:   14 px;
	line-height: 18px;      
	}

p	{
	line-height: 140%;
	text-align: left;
	margin-top: 0;
	margin-bottom: 1em;
	font-weight: normal;
	}
	
#pagebody, #pagebody div, #pagebody p, #pagebody th, #pagebody td, #pagebody li,
#pagebody dd, #pagebody dt    {
    font-size: small;      
    }

html>#pagebody, html>#pagebody div, html>#pagebody p, html>#pagebody th, 
html>#pagebody td, html>#pagebody li, html>#pagebody dd, html>#pagebody dt    {
    font-size:  small;
    }

#pagebody p.fineprint	{
	font-size: 11px;
	}

#pagebody .trans		{
	margin: 25px 0;
	padding-top: 0;
	}
	
#pagebody .trans dt  {
	font-weight: normal;
	font-style: italic;
	margin-bottom: 5px;
	padding-bottom: 0;
	font-size:  medium;      
	}

html>#pagebody .trans dt  {
	font-size: large;
	} 

#sidebar p	{
	font-size: 11px;
	text-align: left;
	}

#maincontent dl	{
	line-height: 1.4em;
	margin-top: 0;
	padding-top: 0;
	}

#maincontent dd	{
	margin-bottom: 5px;
	padding-left: 5px;
	margin-left: 5px;
	}

.trans	{
	margin-top: 75px;
	padding-top: 0;
	}
	
.trans dt  {
	font-weight: normal;
	font-style: italic;
	font-size:  large;      
	}
	
html>.trans dt  {
	font-size:  x-large;  
	} 

	/* General linkology */
a.homepage:link, a.homepage:visited {
	font-weight : bold; 
	text-decoration : none;
	color: #FFFFFF;
	background: transparent; 
}	
a.homepage:hover, a.homepage:active {
	font-weight : bold; 
	text-decoration : underline;
	color: #CCCCCC;
	background: transparent; 
	}

a:link, a:visited {
	font-weight : bold; 
	text-decoration : none;
	color: #cccccc;
	background: transparent; 
	}

a:hover {
	font-weight : bold; 
	text-decoration : underline;
	color: #FFFFFF;
	background: transparent; 
	}

a:active {
	font-weight : bold; 
	text-decoration : none;
	color: #FFFFFF;
	background: transparent;  
	}

.hide {
	height: 0;
	width: 0;
	overflow: hidden;
	}

.linewrap {
	font-weight: bold; 
	color: #c60; 
	font-size: 13px;
	}
	
.floatleft	{
	float: left;
	padding: 0;
	margin: 0 15px 0 0;
	}

.form {
	color: #000;
	border: 1px solid #666;
	font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
	padding: 1px;
	margin: 0;
	font-size: xx-small;
	}

.form-button {
	color: #000;
	background-color: #fff;
	border: 1px solid #666;
	font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
	font-weight: bold;
	padding-left: 1px;
	padding-right: 1px;
	margin: 0;
	font-size: xx-small;
	}

/* algemene extra's */
.title {
	font-weight: bold;
	}	

table td {
	font-family:Arial, sans-serif;
	text-align: left;
	color: #ffffff;
	text-align: left;
	font-weight: normal;
	font-size: 10px;
}

table caption {
	font-family:Arial, sans-serif;
	text-align: center;
	font-size: 14px;
	font-weight: bold; 
	color: #cccccc;
}	
td.caption {
	font-family:Arial, sans-serif;
	text-align: center;
	font-size: 14px;
	font-weight: bold; 
	color: #cccccc;
}	
td.home {
	color: #FFFFFF;
	font-family:Arial, sans-serif;
	text-align: left;
	font-weight: bold;
	font-size: normal;
}
td.heading {
	color: #cccccc;
	font-family:Arial, sans-serif;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
}
td.header {
	color: #cccccc;
	font-family:Arial, sans-serif;
	text-align: left;
	font-weight: bold;
	font-size: 10px;
}

th	{
	font-weight: bold;
	}

.fussytable td, .fussytable th	{
	font-size: 11px;
	text-align: center;
	padding: 2px;
	margin: 2px;
	border: 1px solid #ccc;
	}