/* CSS Document */
@media screen, tv {

	body{
		margin:0;
		padding:0;
		background-color: #CDD7E1;
		background-image: url(../images/body_achtergrond.jpg);
		background-repeat: repeat-x;
		font-family: Trebuchet MS, Verdana, Arial, Helvetica;
		font-size:12px;
		color:#333333;
	}
	body,th,td {
		font-family: Trebuchet MS, Verdana, Arial, Helvetica;
		font-size:12px;
		color:#333333;
	}
	
	.noprint {
		display:;
	}
	
}


@media print {

	body{
		background-color: #FFFFFF;
	}
	body,th,td {
		font-family: Trebuchet MS, Verdana, Arial, Helvetica;
		font-size:12pt;
		color:#000000;
	}
	
	.noprint {
		display:none;
	}
	
	#topsection, #menusection, #rightcolumn, #footer {
		display:none;
	}
	
}

b{font-size: 110%;}
em{color: red;}

#maincontainer{
width: 920px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
background-image:url(../images/table_achtergrond.jpg);
}

#topsection{
height: 211px; /*Height of top section*/
background-image:url(../images/header_achtergrond.jpg);
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#menusection{
height: 32px; /*Height of top section*/
}

#contentwrapper{
float: left;
width: 100%;
}

@media screen, tv {
	#contentcolumn{
	margin-right: 210px; /*Set right margin to RightColumnWidth*/
	}
}

@media print {
	#contentcolumn{
	margin-right: 0px; /*Set right margin to RightColumnWidth*/
	}
}

#rightcolumn{
float: left;
width: 240px; /*Width of right column*/
margin-left: -240px; /*Set left margin to -(RightColumnWidth) */
}

#footer{
clear: left;
width: 100%;
height:24px;
background-image:url(../images/footer_achtergrond.jpg);
}

.innertube{
margin-left: 12px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-right: 12px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

.header_tekst {
	font-size:9px;
	color: #666666;
	text-decoration:none;
	text-transform: uppercase;
}
a.header_tekst:hover {
	color:#990000;
}

.header_knoppen {
	color:#555555;
	font-size:12px;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
}

a.header_knoppen:hover {
	color:#990000;
}

.rightcolumn_table {
	margin-top:5px;
	border-bottom:1px dotted #CCCCCC;
	cursor:pointer;
}
.rightcolumn_cel_left {
	width:72px;
	padding-bottom:5px;
	vertical-align:top
}
.rightcolumn_cel_right {
	padding-top:3px;
	padding-bottom:5px;
	vertical-align:top
}
.rightcolumn_kop_blauw {
	font-size:10px;
	text-transform: uppercase;
	color: #003366;
	margin-bottom:3px;
}
.rightcolumn_kop_rood {
	font-size:10px;
	text-transform: uppercase;
	color: #990000;
	margin-bottom:3px;
}
.rightcolumn_tekst {
	font-size:10px;
	color: #666666;
}

.titel {
	color:#003366;
	font-variant: small-caps;
	font-size: 28px;
	font-weight:normal;
	letter-spacing: 0.1em;
}
.kop_blauw {
	text-transform: uppercase;
	color: #003366;
	margin-bottom:3px;
}
.kop_rood {
	text-transform: uppercase;
	color: #990000;
	margin-bottom:3px;
}
.kop_grijs {
	text-transform: uppercase;
	color: #666666;
	margin-bottom:3px;
}

#contentcolumn a {
	color:#003366;
	text-decoration:none;
}

#contentcolumn a:hover {
	color:#990000;
	text-decoration:none;
}

h1 {
	color:#003366;
	font-variant: small-caps;
	font-size: 28px;
	letter-spacing: 0.1em;
	font-weight:normal;
}

h2 {
	color:#003366;
	font-variant: small-caps;
	font-size: 28px;
	font-weight:normal;
	letter-spacing: 0.1em;
}

h3 {
	color:#003366;
	font-variant: small-caps;
	font-size: 22px;
	font-weight:normal;
	letter-spacing: 0.1em;
}

h4 {
	color:#003366;
	font-variant: small-caps;
	font-size: 16px;
	font-weight:normal;
	letter-spacing: 0.1em;
}

