html, body {
	width:100%;
	height:100%;
}

body {
	background: #000 url(../images/viewport/body_bg.png) repeat-x;
	margin:0;
	padding:0;
	font-family:arial;
	font-size:12px;
}

div#viewport {
	position:relative;
	margin:0 auto;
	width:900px;
	height:auto;
	min-height:100%;
	_height:100%;
	_overflow:visible;
}

div#viewport div#vlag {
	position:absolute;
	width:131px;
	height:314px;
	left:-131px;
	top:9px;
	background: url(../images/viewport/vlag.png) no-repeat;
}
/* Main menu */
div#viewport div#main_menu {
	position:relative;
	float:left;
	margin:5px 0 0 0;
	width:180px;
	height:727px;
	background: url(../images/viewport/main_menu.png) no-repeat;
}

div#viewport div#main_menu ul {
	position:relative;
	float:left;
	width:140px;
	height:auto;
	margin:260px 0 0 0;
	padding:0;
}

div#viewport div#main_menu ul li {
	position:relative;
	width:140px;
	list-style-type:none;
	margin:0 0 6px 20px;
	padding:0;
}
div#viewport div#main_menu ul li a:link,
div#viewport div#main_menu ul li a:visited {
	font-size:15px;
	font-style:italic;
	font-weight:bold;
	color:#c92323;
	text-decoration:none;
}

div#viewport div#main_menu ul li a:hover,
div#viewport div#main_menu ul li a:active {
	font-size:15px;
	font-style:italic;
	font-weight:bold;
	color:#c92323;
	text-decoration:underline;
}

/* Het rechter gedeelte van de website */
div#viewport div#container {
	position:relative;
	float:left;
	width:720px;
	height:auto;
}
/* Header */ 
div#viewport div#container div#header {
	position:relative;
	float:left;
	margin:14px 0 0 0;
	height:161px;
	width:714px;
	border-top:3px solid #c92323;
	border-left:3px solid #c92323;
	border-right:3px solid #c92323;
	background:#000;
}

/* Hoekjes zodat er een hele foto geplaatst kan worden*/
div#viewport div#container div#header div#hoekje_l {
	position:absolute;
	top:-3px;
	left:-3px;
	width:11px;
	height:11px;
	z-index:2;
	background: url(../images/viewport/header_hoekje_l.png) no-repeat;
}

div#viewport div#container div#header div#hoekje_r {
	position:absolute;
	top:-3px;
	width:11px;
	height:11px;
	right:-3px;
	background: url(../images/viewport/header_hoekje_r.png) no-repeat;
	z-index:2;
}

/* Header foto */
div#viewport div#container div#header div#foto {
	position:relative;
	float:left;
	width:339px;
	height:161px;
	z-index:1;
	border-right:3px solid #c92323;
}

div#viewport div#container div#header div#foto img {
	width:339px;
	height:161px;
	margin:0;
	padding:0;
}
/* Header Logo */
div#viewport div#container div#header div#logo_vak {
	position:relative;
	float:left;
	width:372px;
	height:161px;
	z-index:1;
}

div#viewport div#container div#header div#logo {
	position:relative;
	float:left;
	width:355px;
	height:92px;
	margin:37px 0 0 9px;
	background: url(../images/viewport/logo.png) no-repeat;
	_display:inline;

}

/* INFOBALK */

div#viewport div#container div#infobalk {
	position:relative;
	float:left;
	height:23px;
	width:720px;
	background:#c92323;
}

div#viewport div#container div#infobalk ul {
	position:relative;
	float:left;
	width:600px;
	margin:3px 0 0 20px;
	padding:0;
	_display:inline;
}

div#viewport div#container div#infobalk ul li {
	display:inline;
	list-style-type:none;
	background: url(../images/viewport/arrow.png) 0 4px no-repeat;
	padding:0 0 0 12px;
	margin:0 5px 0 0px;
	font-size:11px;
	_display:inline;
}

div#viewport div#container div#infobalk ul li.first {
	background:none;
}

div#viewport div#container div#infobalk ul li a:link,
div#viewport div#container div#infobalk ul li a:visited {
	color:#fff;
	text-decoration:none;
}

div#viewport div#container div#infobalk ul li a:hover,
div#viewport div#container div#infobalk ul li a:active {
	color:#fff;
	text-decoration:underline;
}

/* CONTENT */
div#viewport div#container div#content {
	position:relative;
	float:left;
	min-height:650px;
	height:auto !important;
	height:650px;
	width:720px;
	background:#fff url(../images/viewport/content_bottom.png) 0% 100% no-repeat;
}

/* TITEL KOP */
div#viewport div#container div#titel {
	position:relative;
	float:left;
	width:720px;
	height:41px;
}

div#viewport div#container div#titel h1 {
	position:relative;
	float:left;
	margin:17px 0 0 28px;
	padding:0;
	color:#c92323;
	font-size:18px;
	font-weight:bold;
	_display:inline;
}

/* Kolommen */
div#viewport div#container div#kolommen {
	position:relative;
	width:720px;
	height:auto;
}
div#viewport div#container div#kolommen div#kolom {
	position:relative;
	float:left;
	width:690px;
	padding:15px;
	height:auto;
}

div#viewport div#container div#kolommen div#kolom p {
	width:600px;
}


/* Linker Kolom */
div#viewport div#container div#kolommen div#linker_kolom {
	position:relative;
	float:left;
	width:494px;
	height:auto;
}
/* Rechter Kolom */
div#viewport div#container div#kolommen div#rechter_kolom {
	position:relative;
	float:right;
	width:226px;
	height:auto;
}
/* Standaard blokken */
div#viewport div#container div#kolommen div#rechter_kolom div.blok_top {
	position:relative;
	float:left;
	width:212px;
	height:11px;
	background: #c92323 url(../images/content/blok_top.png) no-repeat;
}
div#viewport div#container div#kolommen div#rechter_kolom div.blok_mid {
	position:relative;
	float:left;
	width:212px;
	height:auto;
	background:#c92323;
}
div#viewport div#container div#kolommen div#rechter_kolom div.blok_bottom {
	position:relative;
	float:left;
	width:212px;
	height:11px;
	background: url(../images/content/blok_bottom.png) no-repeat;
}
/* Agenda */
div#viewport div#container div#kolommen div#rechter_kolom div#agenda {
	position:relative;
	float:left;
	width:212px;
	height:auto;
}

div#viewport div#container div#kolommen div#rechter_kolom div#agenda h1 {
	position:relative;
	margin:0 0 7px 0;
	padding:0;
	width:212px;
	height:22px;
	background: url(../images/content/agenda.png) no-repeat;
}
div#viewport div#container div#kolommen div#rechter_kolom div#agenda h1 span {
	display:none;
}


/* EERSTE VOLGENDE ITEM IN HET WIT */
div#viewport div#container div#kolommen div#rechter_kolom div#agenda div.agenda_item_first {
	position:relative;
	float:left;
	padding:0;
	margin:6px 0 6px 8px;
	width:200px;
	height:auto;
	_display:inline;
}
div#viewport div#container div#kolommen div#rechter_kolom div#agenda div.agenda_item_first div.agenda_datum {
	position:relative;
	float:left;
	width:38px;
	height:38px;
	background:#fff;
}

div#viewport div#container div#kolommen div#rechter_kolom div#agenda div.agenda_item_first div.agenda_datum p {
	position:relative;
	float:left;
	margin:3px 0 0 5px;
	padding:0;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	_display:inline;
}

div#viewport div#container div#kolommen div#rechter_kolom div#agenda div.agenda_item_first div.agenda_streep {
	position:relative;
	float:left;
	margin:0 0 0 5px;
	width:1px;
	height:38px;
	background:#fff;
}

div#viewport div#container div#kolommen div#rechter_kolom div#agenda div.agenda_item_first div.agenda_naam {
	position:relative;
	float:left;
	width:145px;
	margin:0px 0 0 7px;
	padding:0;
	font-size:16px;
	color:#fff;
}

/* OVERIGE AGENDA ITEMS in het zwart */ 
div#viewport div#container div#kolommen div#rechter_kolom div#agenda div.agenda_item{
	position:relative;
	float:left;
	padding:0;
	margin:6px 0 6px 8px;
	width:200px;
	height:auto;
	_display:inline;
}
div#viewport div#container div#kolommen div#rechter_kolom div#agenda div.agenda_item div.agenda_datum {
	position:relative;
	float:left;
	width:38px;
	height:38px;
	background:#000;
}

div#viewport div#container div#kolommen div#rechter_kolom div#agenda div.agenda_item div.agenda_datum p {
	position:relative;
	float:left;
	margin:3px 0 0 5px;
	padding:0;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	_display:inline;
	color:#fff;
}

div#viewport div#container div#kolommen div#rechter_kolom div#agenda div.agenda_item div.agenda_streep {
	position:relative;
	float:left;
	margin:0 0 0 5px;
	width:1px;
	height:38px;
	background:#000;
}

div#viewport div#container div#kolommen div#rechter_kolom div#agenda div.agenda_item div.agenda_naam {
	position:relative;
	float:left;
	width:145px;
	margin:0px 0 0 7px;
	padding:0;
	font-size:16px;
	color:#000;
}

/* NIEUWS BLOK */
div#viewport div#container div#kolommen div#rechter_kolom div#nieuws {
	position:relative;
	float:left;
	margin:19px 0 0 0;
	width:212px;
	height:auto;
}

div#viewport div#container div#kolommen div#rechter_kolom div#nieuws h1 {
	position:relative;
	margin:0 0 7px 0;
	padding:0;
	width:212px;
	height:19px;
	background: url(../images/content/nieuws.png) no-repeat;
}
div#viewport div#container div#kolommen div#rechter_kolom div#nieuws h1 span {
	display:none;
}


div#viewport div#container div#kolommen div#rechter_kolom div#nieuws ul {
	position:relative;
	float:left;
	width:195px;
	margin:0 0 0 8px;
	padding:0;
}

div#viewport div#container div#kolommen div#rechter_kolom div#nieuws ul li {
	list-style-type:none;
	margin:0 0 6px 0;
	padding:0;
}

div#viewport div#container div#kolommen div#rechter_kolom div#nieuws ul li a:link,
div#viewport div#container div#kolommen div#rechter_kolom div#nieuws ul li a:visited {
	color:#fff;
	text-decoration:underline;
}

div#viewport div#container div#kolommen div#rechter_kolom div#nieuws ul li a:hover,
div#viewport div#container div#kolommen div#rechter_kolom div#nieuws ul li a:active {
	color:#fff;
	text-decoration:none;
}

/* SPONSORS */ 
div#viewport div#container div#kolommen div#rechter_kolom div#sponsors {
	position:relative;
	float:left;
	margin:19px 0 0 0;
	width:212px;
	height:auto;
}

div#viewport div#container div#kolommen div#rechter_kolom div#sponsors h1 {
	position:relative;
	margin:0 0 7px 0;
	padding:0;
	width:212px;
	height:23px;
	background: url(../images/content/sponsors.png) no-repeat;
}
div#viewport div#container div#kolommen div#rechter_kolom div#sponsors h1 span {
	display:none;
}

div#viewport div#container div#kolommen div#rechter_kolom div#sponsors ul {
	position:relative;
	float:left;
	width:200px;
	margin:0 0 0 8px;
	padding:0;
}

div#viewport div#container div#kolommen div#rechter_kolom div#sponsors ul li {
	list-style-type:none;
	margin:0 0 6px 0;
	padding:0;
}

div#viewport div#container div#kolommen div#rechter_kolom div#sponsors ul li a:link,
div#viewport div#container div#kolommen div#rechter_kolom div#sponsors ul li a:visited {
	color:#000;
	text-decoration:underline;
}

div#viewport div#container div#kolommen div#rechter_kolom div#sponsors ul li a:hover,
div#viewport div#container div#kolommen div#rechter_kolom div#sponsors ul li a:active {
	color:#000;
	text-decoration:none;
}

/* NIEUWS PAGINA */
div#viewport div#container div#kolommen div.nieuws {
	position:relative;
	float:left;
	margin:15px 15px 10px 25px;
	width:454px;
	padding:0;
	border-bottom:1px solid #c92323;
	_display:inline;
}

div#viewport div#container div#kolommen div.nieuws h2 {
	margin:0 0 0 5px;
}

div#viewport div#container div#kolommen ul.nieuws {
	width:400px;
}

/* UITSLAGEN */
div#viewport div#container div#kolommen div#kolom table.red {
	position:relative;
	margin:0;
	float:left;
	width:690px;
	font-size:11px;
	border-bottom:1px solid #c92323;
	background: url(../images/content/head.png) no-repeat;

}

div#viewport div#container div#kolommen div#kolom table.grey {
	position:relative;
	float:left;
	margin:0;
	width:690px;
	font-size:11px;
	float:left;
	background: url(../images/content/head2.png) no-repeat;
	border-bottom:1px solid #8b8b8b;
}


div#viewport div#container div#kolommen div#kolom table tr.head {
	color:#fff;
	font-weight:bold;
	border:none;
	height:24px;
}

div#viewport div#container div#kolommen div#kolom table tr.head td {
	padding:0;
}

div#viewport div#container div#kolommen div#kolom table tr td {
	padding:3px;
}



div#viewport div#container div#kolommen div#kolom table tr.even {
	background:#e5e5e5;
}

div#viewport div#container div#kolommen div#kolom ul.wedstrijden {
	font-size:10px;
}




/* FOOTER */
div#viewport div#clear {
	position:relative;
	float:left;
	margin:10px 0 0 0;
	width:900px;
	height:35px;
}
div#footer {
	position:relative;
	clear:left;
	width:900px;
	height:31px;
	margin:-31px auto 0 auto;
	background: url(../images/viewport/footer.png) no-repeat;
}

div#footer p {
	position:relative;
	float:left;
	margin:10px 0 0 25px;
	color:#fff;
	padding:0;
	font-size:11px;
}

div#footer p a:link,
div#footer p a:visited {
	color:#fff;
	text-decoration:underline;
}

div#footer p a:hover,
div#footer p a:active {
	color:#fff;
	text-decoration:none;
}
/* Standaard waardes */
p {
	margin:10px 15px;
	padding:0;
}

h1 {
	position:relative;
	color:#c92323;
	margin:0;
	padding:0;
}

h2 {
	position:relative;
	font-size:14px;
	color:#c92323;
	margin:15px;
	padding:0;
	_display:inline;
}

h3 {
	position:relative;
	width:436px;
	font-size:12px;
	color:#000;
	margin:15px 0 5px 15px;
	_display:inline;
}

ul {
	position:relative;
	width:600px;
	padding:0 0 15px 10px;
	margin:5px 15px 0 15px;
}

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

ol {
	position:relative;
	width:600px;
	padding:0 15px 0 40px;
	margin:0;
}

ol li {
	padding:0 0 0 10px;
	margin:5px 0 0 0;
}

a:link,
a:visited {
	color:#000;
	text-decoration:underline;
}

a:hover,
a:active {
	color:#000;
	text-decoration:none;
}

fieldset{
	position:relative;
	margin:25px 0 0 35px;
	padding:10px;
	border:1px solid #c92323;
	width:350px;
	_display:inline;
}

fieldset legend {
	color:#c92323;
}

table{
	position:relative;
	margin:10px 15px 0 15px;
	padding:0;
}

iframe {
	position:relative;
	margin:15px;
}