
	/*  General rules */
	
img
{
	display: block;
	border: 0px none white;
}

.floatleft
{
	float:left;
	margin:0 20px 0 85px;
	display:inline;
}

.floatright
{
	float:right;
	margin:0 5px;
	display:inline;
}

.nofloat
{
	margin:0 20px 0 85px;
	clear:right;
}
	

	/* layout parameters */

body	
{
	background: #fff url(none.html);
	color: #333;
	border: 0;
	text-align: left;
	font-family: "Trebuchet MS", verdana, lucida, arial, helvetica, sans-serif;
	line-height:20px;
	margin:0;
	padding:0;
}
	
div.opening  
{
	background: #9c0 url(images/logovot_gr_500.gif) no-repeat;
	background-position: 30px 30px;
	position:absolute;
	left:120px;
	top:0px;
	width: 100%;
	height: 450px;
	padding-top:30px;
}

#fotorij
{
	position:absolute;
	left:0px;
	top:0px;
	width:120px;
}

#fotorij2
{
	position:absolute;
	left:0px;
	top:90px;
	width:130px;
}

#logo
{
	float:left;
	margin-left:0;
	margin-top:0;
	background-color: #9c0;
	padding: 15px 0 0 15px;
}

#logoklein
{
	position:absolute;
	left:15px;
	top:15px;
	width:115px;
	margin:0;
	padding:0;
	display:block;
}




#colofon
{
	position:absolute;
	left:10px;
	top:800px;
	font: italic 10px arial, helvetica, sans-serif;
	text-align: left;
	color: #bbb;
	line-height: 12px;
}

#colofon a
{
	font: normal 9px arial, helvetica, sans-serif;
	letter-spacing:0.2em;  
	text-transform: uppercase;
	margin-left:20px;
	color: #999;
	border-bottom: solid 0px #bbb;
}

#colofon a:hover, #colofon a:active
{
	background-color:#fff;
	color:#333;
}

div#tekst
{
	margin:20px 0 40px 10px;
	width:670px;
	padding: 0;
}

hr
{
	margin:25px 0 15px 140px;
	background-color:#9c0;
	border:0;
	width:510px;
	height:2px;
}

#inhoud hr
{
	margin:5px 0 5px 0;
	background-color:#096;
	height:1px;
}

	/*  Typography */
	
h1, h2, h3, h4, h5, h6	
{
	font-family: "Trebuchet MS", verdana, lucida, arial, helvetica, sans-serif;
	font-weight: 700;
	margin: 0 0 0 140px;
	color:#333;
}
	
h1	
{
   	font-family: arial, helvetica, sans-serif;
    font-size:    18px;   
    letter-spacing: 1px;
    text-transform: uppercase;
    color:#600;
    margin-bottom: 10px;
}

h2	
{
   	font-family: arial, helvetica, sans-serif;
    margin-top: 5px; 
    margin-bottom: 3px; 
    font-size: 15px;   
    color:#690;
    letter-spacing: 1px;
}


h3
{
	font-size: 13px;   
	padding-bottom: 5px;
	color:#096;
}

h4
{
	font-size: 12px;
}

h5	
{
    font-family: arial, helvetica, sans-serif;
    font-size:    11px;   
    letter-spacing: 1px;
    color:#600;
    margin-bottom: 10px;
}

p
{
	font-size: 12px;      
	text-align: left;
	margin: 0 0 12px 140px;
}
	
table
{
	font-size: 12px;      
	text-align: left;
	margin: 0 0 0 130px;
	border:0;
	line-height:15px;
	border-spacing:10px;
}	

th
{
	text-align: left;
	background-color:#096;
	color:#fff;
	padding:2px;
}

td
{
	text-align: left;
	vertical-align:top;
	background-color:#fff;
	padding:0 2px 10px 2px;
	border-bottom:1px solid #9c0;
}

td h2, td h3, td p, td h4
{
	margin:0;
}

.zoeken td
{
	border:0;
	padding:0;
}

.kader
{
	background-color:#efd;
	border:0;
	border-top: 1px solid #9c0;
	border-bottom: 3px solid #9c0;
	margin-left:140px;
	padding:10px 0;
}

.kader p, .kader h1, .kader h2, .kader h3, .kader h4, .kader h5, .kader h6
{
	margin-left:10px;
	margin-right:7px;
}

small
{
	font-size: 80%;
}	


li 
{
	margin-top: 5px;

}

b
{
	font-weight:bolder;
}



	/* General linkology */
	
a
{
	font-weight : bold; 
	padding: 0.1em;
}

a:link 
{
	text-decoration : none;
	color: #096;
	border-bottom: 1px solid #096;
}

a:visited 
{
	text-decoration : none;
	color: #690;
	border-bottom: 1px solid #096;
}


a:hover, a:active 
{
	border:0;
	background-color: #096;
	color:white;
}



	/* navigation */


div#navbar
{
	margin-left:0px;
	margin-top:0;
	width:100%;
	height: 90px;
	text-align:left;
	padding:0;
	background: #9c0;
	text-transform:uppercase;
}

div#navbarhome
{
	width:100%;
	text-align:left;
	padding:380px 0 0 30px;
	text-transform:uppercase;
}

#navbar p
{
	margin:0 0 0 150px;
	padding-top:20px;
	width:600px;
	line-height: 22px;
}

#navbarhome p
{
	margin:0;
	width:550px;
	line-height: 22px;
}

#navbar a:link, #navbar a:visited, #navbarhome a:link, #navbarhome a:visited
{
	text-decoration: none;
	padding:4px;
	background-color:#600;
	color:#fff;
	letter-spacing:1px;
	border:0;
	font-size: 10px;
	margin:0;
}

#navbar a:hover, #navbar a:active, #navbarhome a:hover, #navbarhome a:active
{
	text-decoration: none;
	padding:4px;
	background-color:#096;
	color:#fff;
	border:0;
}

#hier
{
	padding:4px;
	background-color:#fff;
	color:#600;
	letter-spacing:1px;
	font-size: 10px;
	margin:0;
	font-weight:bold;
}

div.up
{

}

a.up:link, a.up:visited
{
	float:left;
	margin-left:0px;
	padding:1px;
	border: 0;
	background-color:#9c0;
}

a.up:hover, a.up:active
{
	border: 0;
	background-color:#096;
}


	/* navigation binnen nieuwsbrieven*/
	
#inhoud
{
	font-size: 11px;      
	margin-left: 140px;
	text-transform:uppercase;
	line-height:15px;
}

.width200
{
	width:200px;
}	
	
#inhoud a:link, #inhoud a:visited
{
	display:block;
	background-color:#fff;
	border:0;
	padding:2px 0;
	margin-top:0;
	margin-bottom:0;
	text-transform:uppercase;
}

#inhoud a:hover, #inhoud a:active
{
	display:block;
	background:#096 url(images/driehoekje.gif) no-repeat center left;
	padding-left:15px;
	margin-top:0;
	margin-bottom:0;
}


