/* copyright DETLEVSKI */


body
{
	margin: 0px;
	padding: 0px;
	font: normal normal normal .8em/1.5em helvetica, arial, sans-serif;
	text-align: center;
	color: #333;
	background-color:rgb(162,169,177);
	background-image: url(../img/body.gif);
	background-repeat: repeat-y;
	background-position: center top;
}


a {outline:0;}

h1, h2, h3, h4, h5, h6 {
	margin: 0 0 1.4em 0;
	color: #903;
	}

h1 { font: bold  normal normal 1.6em verdana, helvetica, arial, sans-serif; }
h2 { font: bold  normal normal 1.4em verdana,helvetica, arial, sans-serif; }
h3 { font: bold normal normal 1.2em verdana, helvetica, arial, sans-serif; }
h4 { font: bold normal normal 1.0em verdana, helvetica, arial, sans-serif; }

	
	
p { margin: 0 1em 1em 0; }

ul, li {
	margin: 0;
	padding: 0;
	list-style: none;
	}


ol
{
	margin: 30px 0 15px 30px;
	padding: 0;
}

ol li
{
	list-style-type: decimal;
	list-style-position: outside;
	padding-bottom:7px;
}


a img { border: none; }

a:link, a:visited {
	text-decoration: none;
	color: #000;
	border-bottom:1px solid #F00;
	}

a:hover {
	text-decoration: none;
	color: #F00;
	border-bottom:1px solid #000;
	}


input
{
	background-color: #FFF;
	border:1px solid rgb(162,169,177);
	color:#666;
	padding-left:3px;
}

input[type="radio"] { 
	background-color:transparent; 
	color:#C03;
	border:none;
	padding:0px;
}

#container
{
	margin: 0 auto;
	width:750px;
	padding:0px 10px;
	text-align: left;
}


#header
{
	height: 160px;
	background-color: #FFF;
	border-bottom: 1px solid #666;
	background-repeat: no-repeat;
	background-position: 10px center;
	position:relative;
}

#logo {

	position:absolute;
	width:125px;
	height:87px;
	right:15px;
	top:15px
}

#logo img{

	display:block;
}

#navigatie
{
	height: 34px;
	background-color: rgb(162,169,177);
	padding: 0px 15px 10px 15px;
	background-image: url(../img/navigatie.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	margin-bottom: 10px;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size:11px;
}

#navigatie ul
{
	height:34px;
	line-height:32px;
	background-color: rgb(162,169,177);
	background-image: url(../img/ul.gif);
	background-repeat: repeat-x;
	margin:0 -15px;
	padding:0 15px;
	color: #FFF;
	font-weight:bold;
}

#navigatie li
{
	height:34px;
	line-height:32px;
	padding:0 15px;
	float:left;
	border-right: 1px solid #666;
}

#navigatie li a:link, #navigatie li a:visited
{
	border:none;
	color:#FFF;
	display:block;
	float: left;
}

#navigatie li a:hover
{
	border:none;
	color:#333;

}

#navigatie li.current, #navigatie li:hover
{
	border-right: 1px solid #666;
	color:#000;
	background-image: url(../img/li.gif);
	background-repeat: repeat-x;

}

#navigatie li.current a
{
	color:#000;

}

#content {

	padding: 5px 15px 50px 15px;
	background-color:#FFF;
}

#programma{

	overflow:hidden;
	margin-bottom:25px;
}

#programma span
{
	font-style: italic;
}


#programma div {

	clear:both;
	overflow:hidden;
	line-height:19px;
}

#programma div div{

	float:left;
	width: 140px;
	height: 20px;
	line-height:20px;
	clear:both;
}

#programma div div.drieregels{

	height:56px;
}

table#route { 
	
	background-color: #CCC;
	margin-bottom:25px;

}

table#route td	{ 
	
	background-color: #FFF;
	padding: 0px 5px;

}


.afbeelding_rechts
{
	float:right;
	margin: 5px 5px 5px  5px;
}

.afbeelding_links
{
	float:left;
	margin: 5px 5px 5px 10px;
}


/* ------------------------------------ opmaakstuff ----------------------------- */

.vet { font-weight: bold;}
.zwart {color:#000;}
.rechts { text-align: right; }
.rood {color:#C00;}
.cursief { font-style: italic; }
.roije { font-weight: bold; margin:10px 0px;}
.ontvangst { font-weight: bold; margin-bottom:10px;}
.blauw {color:#06C }

.feedback {

	color:#F00;
	font-weight:bold;
	font-size:14px;
}


tr.tabelheaders {

	color:#390;
	font-weight: bold;
	height:36px;
	line-height:36px;
}

table#route tr.tabelheaders td{

	background-color: #FFF;
}


.vijftig{width:50px;}
.honderd{width:100px;}
.honderdvijftig{width:150px;}
.tweehonderd{width:200px;}
.tweehonderdenvijftig{width:250px;}
.driehonderd{width:300px;}
.vierhonderd{width:400px;}
.vijfhonderd{width:500px;}
.zeshonderd{width:600px;}


.calculator { display:block; float:left; margin-right: 15px; }
.uitkomst { float:right; }

/* ------------------------------------------------------- login -------------------------------------------------------*/

#logincontainer
{
	width:500px;
}


#logincontainer input
{
	padding:2px;
}

#logincontainer p
{
	text-align:left;
	margin-bottom:30px;
}

	
/* ------------------------------------------------------- hacks -------------------------------------------------------*/


* html ul li a { height: 1em; } /* fix for extra vertical space anchors in list items (YAIEB) */
* html ul li { height: 1em; }

.klein {font-size:9px; }