* {margin:0; padding:0;} 

*:focus {
	-moz-outline: none;
	outline: none;
}
 
body {
	text-align: center;
	padding:0;
	margin:0;
}

 /* ========================= header ========================= */

#header_back {
	height: 120px;
	background-image:  url(pics/header_back.jpg);
	background-position: top left;
	background-repeat: repeat;
}

#header {
	margin: 0px auto;
	width: 768px;
	height: 120px;
	text-align: left;
}

#header .logo{
	margin: 8px 0px 0px 5px;
	width: 332px;
	height: 28px;
	float: left;
	text-indent: -9999px;
	background-image:  url(pics/logo_racingdays.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

#header .foto{
	margin: 0px;
	width: 240px;
	height: 120px;
	float: right;
	background-image: url(pics/racingdays.png);
	background-position: center center;
	background-repeat: no-repeat;
}

* html #header .foto {
    behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
        this.src = "http://repos.imanager.nl/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
        this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
    );
}
 
 /* ------------------------- end ------------------------- */

 /* ========================= navigation ========================= */

#navigation {
	margin: 44px 0px 0px 8px;
	width: 520px;
	height: 40px;
	float: left;
	display: inline;
}

#navigation ul {	
		margin: 0px;
		padding: 0px;
		list-style-type: none;
}

#navigation li {	
		float: left;
		font: 13px Arial, sans-serif;
		font-weight: bold;
		line-height: 19px;
		color: #003366;
}

#navigation li a:link, #navigation li a:visited {	
		float: left;
		padding: 0px 7px;
		font: 13px Arial, sans-serif;
		font-weight: bold;
		text-decoration: none;
		line-height: 40px;
		color: #003366;
}

#navigation li a:hover, #navigation li.current a:link, #navigation li.current a:visited, #navigation li.current a:hover  {	
		color: #fff;
		background-color: #003366;
}

 /* ------------------------- end ------------------------- */

 /* ========================= content ========================= */

#content_back {
	height: 100%;
	background-image:  url(pics/content_back.jpg);
	background-position: top left;
	background-repeat: repeat;
}

#content {
	margin: 0px auto;
	width: 768px;
	height: 100%;
	text-align: left;
}

h3 {
	margin-bottom: 10px;
	font: 15px Arial, Verdana, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
}

p {
	margin-bottom: 10px;
}

ul {
	margin: 10px 0px 10px 15px;
	list-style-type: square;
}

#content .tekst {
	margin: 0px;
	padding: 15px 15px;
	width: 490px;
	float: left;
	font: 12px Arial, Verdana, sans-serif;
	line-height: 19px;
	color: #fff;
}

#content .tekst a:link, #content .tekst a:visited {
	text-decoration: none;
	color: #fff;
	padding-bottom: 1px;
	border-bottom: 1px solid #fff;
}

#content .tekst a:hover {
	color: #9cb7f6;
}

#content .right {
	margin-top: 18px;
	padding: 0px;
	width: 248px;
	float: right;
	text-align: center;
}

#content .right img {
	margin-bottom: 15px;
	padding: 0px;
	border: 1px solid #fff;
}

 /* ------------------------- agenda ------------------------- */

#content .right .agenda {
	margin: 0px auto 15px auto;
	padding: 0px;
	width: 195px;
	text-align: left;
	border: 1px solid #fff;
	background-color: #003366;
}

#content .right .agenda .kop {
	margin: 0px auto;
	padding-left: 5px;
	width: 190px;
	font: 12px Arial, sans-serif;
	font-weight: bold;
	text-decoration: none;
	line-height: 17px;
	color: #003366;
	background-color: #fff;
}

#content .right .agenda .race_detail{
	margin: 5px 5px 8px 5px;
	font: 12px Arial, sans-serif;
	font-weight: normal;
	line-height: 18px;
	color: #fff;
}

#content .right .agenda .datum {
	font-weight: bold;
}

#content .right .agenda .race {
	font-weight: bold;
}

#content .right .agenda .plaats {
	font: 11px Arial, sans-serif;
	font-weight: normal;
	line-height: 16px;
}

/* ------------------------- racedata ------------------------- */

#content .racedata {
	margin: 0px;
	padding: 0px;
	width: 490px;
	float: left;
	display: inline;
	font: 12px Arial, Verdana, sans-serif;
	line-height: 19px;
	color: #fff;
}

#content .racedata .racedata_datum {
	float: left;
	width: 160px;
	font-weight: bold;
}

#content .racedata .racedata_race {
	float: left;
	width: 250px;
	font-weight: bold;
}

#content .racedata .racedata_plaats {
	width: 80px;
	float: left;
	font: 11px Arial, sans-serif;
	font-weight: normal;
	line-height: 16px;
}

/* ------------------------- nieuwsbrief ------------------------- */

#nieuwsbrief {
	margin: 5px;
	width: 185px;
}
 
#nieuwsbrief .omschrijving {
	margin: 0px 0px 5px 0px;
	width: 50px;
	height: 15px;
	float: left;
	font: 12px Arial, sans-serif;
	line-height: 15px;
	color: #fff;
}

#nieuwsbrief .invul input{
	margin: 0px 0px 5px 0px;
	width: 133px;
	float: left;
	color: #003366;
	border: 1px solid #fff;
} 

#nieuwsbrief .invul input.button {
	margin: 0px 0px 5px 0px;
	width: 60px;
	float: left;
	color: #003366;
	background-color: #fff;
}

/* ------------------------- krant ------------------------- */

#content .krant {
	margin: 0px;
	padding: 0px;
	width: 490px;
	float: left;
	display: inline;
	font: 12px Arial, Verdana, sans-serif;
	line-height: 22px;
	color: #fff;
}

#content .krant .krant_kop {
	padding-top; 7px;
	float: left;
	width: 160px;
	font-weight: bold;
}

#content .krant .krant_file {
	padding-top; 5px;
	float: left;
	width: 330px;
	height: 22px;
	font-weight: bold;
}

#content .krant .krant_file img {
	padding: 5px 5px 0px 0px;
	float: left;
}

 /* ========================= foto's ========================= */

.fotooverzicht {
	margin: 10px 10px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 120px;
	float: left;
	overflow: hidden;
	display: inline;
	background-color: #555;
	border: 5px solid #fff;
}

#content .foto_display {
	margin: 5px 0px 5px 0px;
	width: 120px;
	height: 125px;
	overflow: hidden;
	font: 0px Arial, Verdana, sans-serif;
	background-position: center center;
	background-repeat: no-repeat;
}

#content .tekst_gastenboek .fotooverzicht a:link, #content .tekst_gastenboek .fotooverzicht a:visited {
	margin: 0px;
	width: 120px;
	height: 125px;
	overflow: hidden;
	cursor: hand;
	text-decoration: none;
	border-bottom: 0px solid #fff;
}


 /* ------------------------- end ------------------------- */

 /* ------------------------- gastenboek ------------------------- */

#content .tekst_gastenboek {
	margin: 0px;
	padding: 15px 15px;
	width: 738px;
	float: left;
	font: 12px Arial, Verdana, sans-serif;
	line-height: 19px;
	color: #fff;
}

#content .tekst_gastenboek a:link, #content .tekst_gastenboek a:visited {
	font: 12px Arial, Verdana, sans-serif;
	text-decoration: none;
	line-height: 19px;
	color: #fff;
	padding-bottom: 1px;
	border-bottom: 1px solid #fff;
}

#content .tekst_gastenboek a:hover {
	color: #9cb7f6;
}

#content .tekst_gastenboek h3 {
	margin-bottom: 10px;
	font: 15px Arial, Verdana, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
}

#content span.klein {
	padding: 0px;
	font: 13px / 1.4 Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #fff;
}

td.content img.gastenboek, #content img.gastenboek	{	
	margin: 0px;
	border: 0px solid #a01d21;
	background-color: #f1f1ec;
	float: none;
}

td.content img.gastenboek_text, #content img.gastenboek_text {	
	margin: 2px 1px 1px 2px;
	border: 0px solid #a01d21;
	background-color: #f1f1ec;
	float: none;
}

td.content ul.gastenboek, #content ul.gastenboek {	
	margin: 3px 0px 0px 0px;
	padding: 0px;
	float: left;
	list-style-type: none;
}

td.content ul.gastenboek li, #content ul.gastenboek li { 	
	margin: 0px;
	padding: 0px;
	font :12px Arial, Verdana;
	font-weight : none;
	text-decoration: none;
	color: #003366;
	display: inline;
	float: left;
}

td.content ul.gastenboek li.naam, #content ul.gastenboek li.naam {	
	width: 335px !important;
	width: 345px;
	padding: 3px 2px 4px 5px;
	font :12px Arial, Verdana;
	font-weight : none;
	text-decoration: none;
	color: #003366;
	background-color: #fff;
	display: inline;
	float: left;
}

td.content ul.gastenboek li.datum, #content ul.gastenboek li.datum {	
	width: 160px !important;
	width: 170px;
	padding: 3px 5px 4px 0px;
	font :12px Arial, Verdana;
	font-weight : none;
	text-decoration: none;
	color: #003366;
	background-color: #fff;
	display: inline;
	float: left;
	text-align: right;
}

td.content ul.gastenboek li.bericht, #content ul.gastenboek li.bericht {	
	width: 495px !important;
	width: 515px;
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 10px 0px;
	color: #fff;
	background-color: #003366;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

#content .verstuur{
	margin-bottom: 10px;
}

#content #prev_next {
	width: 675px;
	text-align: center;
}

#content #prev_next ul {
	list-style-type: none;
	color: #777777;
}

#content #prev_next li.prev {
	display: inline;
}

#content #prev_next li.next {
	margin-left: 10px;
	display: inline;
}

#content #prev_next li.prev a:link, #content #prev_next li.prev a:visited, #content #prev_next li.next a:link, #content #prev_next li.next a:visited {
	color: #fff;
}

#content #prev_next li.prev a:hover, #content #prev_next li.next a:hover {
	color: #777777;
}

 /* ========================= content ========================= */
 
#footer {
	margin: 0px auto;
	width: 768px;
	height: 15px;
	text-align: right;
}

#footer a:link, #footer a:visited {
	padding-right: 25px;
	font: 11px Arial, Verdana, sans-serif;
	font-weight: bold;
	text-decoration: none;
	line-height: 15px;
	color: #003366;
}

#footer a:hover {
	color: #003366;
}

 /* ------------------------- end ------------------------- */

br.clear {
	clear: both; 
	font: 0px sans-serif;
	line-height: 0px;
}

 /* ------------------------- end ------------------------- */