/* 
Author: Johnny Ceelen, ceelen@zekerstijl.nl
License: Copyright 2009, Johnny Ceelen, All Rights Reserved.
*/
*{
	margin: 0;
	padding: 0;
}
body{
	font-size: 62.5%;
	background: url(../img/bg_txt_vs.gif) no-repeat top center; 
}
html, body, div, p, ul, textarea{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #000;
}
#container{
	width: 980px;
	margin: 0 auto;
}
#header{
	background: url(../img/bg_header.jpg) no-repeat;
	position: absolute;
	width: 980px;
	height: 120px;
	text-indent: -9999px;
	overflow: hidden;
}
#logo{
	position: absolute;
	margin-left: 24px;
	width: 206px;
	height: 179px;
	text-indent: -9999px;
	overflow: hidden;
}
#logo[id]{
	background: url(../img/logo.png) no-repeat;
	position: absolute;
	margin-left: 24px;
	width: 206px;
	height: 179px;
	text-indent: -9999px;
	overflow: hidden;
}

div#index table {
	text-align: center;
	margin: 0 auto 0 auto;
}

div#index td.thumbcell {
	width: 125px;
	border-style: solid;
	border-color: #989898;
	border-width: 1px;
	text-align: center;
	vertical-align: middle;
	padding: 10px;
}
/* =NAVIGATION */
#nav{
	width: 749px;
	height: 30px;
	position: absolute;
	top: 118px;
	background: url(../img/bg_nav.gif) repeat-x;
	border: 1px solid #ccc;
	list-style: none;
	padding: 0 0 0 229px;
}
#nav li{
	float: left;
}
#nav li a{
	font-size: 1.4em;
	color: #5e5e5e;
	text-decoration: none;
	padding: 5px 0 0 0;
	display: block;
	font-weight: normal;
	width: 122px;
	border: 0px solid red;
	text-align: center;
}
#nav li a:hover{
	font-weight: bold;
}
/* =CONTENT */
#content{
	position: absolute;
	top: 180px;
	height: 200px;

}
#side_nav{
	position: absolute;
	top: 30px;
	width: 250px;
	background: url(../img/bg_side_nav_top.gif) no-repeat;
	padding-top: 20px;	
}
#menu{
	width: 250px;
	list-style: none;
}
#menu li{
	background: url(../img/bg_side_nav_middle.gif) repeat-y;
}
#menu li a{
	margin-left: 45px;
	display: block;

	text-decoration: none;
	width: 150px;
	padding-bottom: 10px;
}
#menu li a:hover{
	font-weight: bold;
}
#menu li.fill_up{
	height: 80px;
	background: url(../img/bg_side_nav_middle.gif) repeat-y;
}
#menu li.close{
	width: 250px;
	height: 20px;
	background: url(../img/bg_side_nav_bottom.gif) no-repeat;
}
#txt_header{
	position: absolute;
	left: 250px;
	width: 702px;
	height: 29px;
	padding: 5px 10px 0 13px;
	background: url(../img/bg_txt.gif) repeat-x;
}
#text_vs{
	position: absolute;
	left: 788px;
	top: 86px;
	background: url(../img/bg_visual_01.jpg) no-repeat;
	width: 191px;
	height: 126px;
	border: 1px solid #ccc;
}
#text{
	position: absolute;
	left: 267px;
	top: 62px;
	width: 596px;
}
#text p{
	padding-bottom: 12px;
	line-height: 1.4em;
}
div#navigation td.previous {
	text-align: left;
	width: 300px;
}

div#navigation td.index {
	text-align: center;
}

div#navigation td.next {
	text-align: right;
	width: 300px;
}

ul{list-style:none;}
#text ul li{background:url(../img/bullet.png) no-repeat 10px 5px;padding:0 20px 5px;}
#text ul{padding: 5px 0 12px;}
#text ol li, #text ol li ol{list-style-type: decimal;margin:0 0 5px 30px;line-height:1.4em;}
#text ol li{padding:0 0 10px;}
#text ol li ol{margin:0 0 0 10px;}
#text ol li ol li{list-style-type: decimal;margin:0 0 5px 10px;padding:0;}
#text ul li span.nr{display:block;float:left;width:40px;}
#text ul li p{float:left;}
/* =FONT */
#menu li a, #text{
	font-size: 1.2em;
	color: #5e5e5e;
}
#text ul, h1, #text p{font-size:1.0em;color: #5e5e5e;}
h1{font-weight:bold;padding:0 0 12px;}
#nav li a.active, #menu li a.active{
	font-weight: bold;
}
#txt_header{
	font-size: 1.4em;
	font-weight: bold;
	color: #fff;
}
#text a{color:#1483c7;text-decoration:none;}
#text a:hover{text-decoration:underline;}
table{margin:10px 0 30px; border-collapse:collapse;}
table th{text-align:left;padding:5px;border-bottom:1px solid #1483c7;background:#ebebeb;}
table td{vertical-align:top;padding: 5px;border-bottom:1px solid #1483c7;}
#text{padding:0 0 40px;}
fieldset{padding:10px;margin: 0 0 12px;}
fieldset legend{margin:0 0 5px;padding:0 7px;}
fieldset div{color: #5e5e5e;padding:0 0 4px}
fieldset div span{color:#a6a3a3;border-left:1px solid #a6a3a3;padding:0 7px;margin:0 0 0 7px;}
fieldset label{width:90px;display:inline-block;vertical-align:top;padding:3px 0 0 0;}
fieldset input{width:175px;margin:0 10px 0 0;}
fieldset input.small{width:75px;}
fieldset input.noTextInput{width:auto;}
fieldset select{margin:0 0 0 -4px;}
.submit{float:right;border:1px solid #3394ce;background:#0a7ec4;color:#fff;width:auto;padding:0 10px;}
textarea{width:365px;}
.voornaam, .achternaam, .boottype, .zeilnummer, .vereniging{font-weight:bold;font-style:italic;background:#0a7ec4;color:#fff;}
.voornaam{width:100px;}
.achternaam{width:120px;}
.boottype{width:80px;}
.zeilnummer{width:60px;}
.vereniging{width:100px;}
/* FLOAT CLEARING */
.clearfix:after {
  content: ".";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}
.clearfix {
  display: inline-block; /* Fixes IE/Mac */
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */