/* reset v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1.2em;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* v1 */
.datum {margin-left: 0px  !important; 
	padding-left:0px;}
.hidden	{
	display:none;
}
body	{
	background-color: white;
	background: url('../img/25original.gif') repeat;
	
}
div#header	{
	background: url('../img/header_900_270.jpeg') left top no-repeat;
	width: 900px;
	height: 270px;
	z-index: -5;
}
div#navigation {
	margin-top: 70px;
	width: 65%;
	float: left;
}
div#supercontainer {
	width: 1200px;
	text-align:center;
	margin:auto;
	}
div#keuze1 {
	position:relative;
	left: 340px;
	top: -30px;
	text-align:right;
	width: 20px;
	height: 20px;
}
div#keuze2 {
	position:relative;
	left: 230px;
	top: -30px;
	text-align:right;
	width: 20px;
	height: 20px;
}
.date {
	margin: 10px 0 10px 30px;
}
.input {margin-left: 25px;}
/* v1 */

/* elementen */
body	{
	background-color:#FFF;
	text-align:center;
	margin:0;
	padding:0;
	}
.inline	{
	list-style-position: inside; 
	}
/* divs */	
div#container 	{
	width:1100px;
	height:100%;
	text-align:left;
	font-family:Arial;
	color: black;
	font-weight: bold;
	font-size: 16px;
	margin:0 auto;
	}
div#leftcolumn	{
	width: 900px;
	float:left;
	margin:0;
	padding:0;
	background-color: white;
	}
div#rightcolumn	{
	margin-top: -70px;
	width: 180px;
	text-align: center;
	color: black;
	float:left;
	}
div#contact	{
	float: left;
	width: 220px;
	}	
div#online	{
	padding-left: 20px;
	float: left;
	width: 150px;
	}
div#links	{
	padding-left: 20px;
	margin-top: 20px;
	float: left;
	width: 150px;
	}
div#logo	{
	float: right;
	margin-top: 20px;
	padding: 0 20px 0 20px;
	width: 200px;
	}	
#rightcolumn img {
	margin-bottom: 20px;
	}	
#header {
	float: left;
	width: 100%;	
	}
#header h1	{
	text-align:left;
	}
#content h1	{
	text-align:center;
	}
h2 	{
	font-size: 22px;
	}
textarea#OrderTekst	{
	margin-left: 20px;
	width:90%;
	}
textarea#OrderRemark	{
	margin-left: 20px;
	width:90%;
	}
div#intro	{
	margin:20px 0 20px 0;
	background-color:#FAE992;
	padding:0 20px 0 20px;
	width: 660px;
	height: 100%;
	float: left;	
	}
div#overwat	{
	margin:0px 0 0px 0;
	color: white;
	background-color: #E30000;
	padding:0 20px 0 20px;
	width: 660px;
	height: 100%;
	float: left;	
	}
div#tolk {
	margin-top: 0px;
	color: #A5D16F;
	}	
div#tekst	{
	margin-top: 0px;
	background-color:#fff;
	padding:0;
	width: 520px;
	height: 100%;
	float: left;
	color: #A5D16F;
     display: inline;
	}
#tekst p	{
	margin: 10px 20px 0 25px;
}
#tolk p	{
	margin: 10px 20px 0 20px;
}

input#AttachmentFile	{
	margin: 10px 0 10px 20px;
}
div#tolk	{
	background-color:#fff;
	padding:0;
	width: 380px;
	float: left;	
	display: inline;
	}
div#info	{
	width: 380px;
	background: url('../img/2_uwgegevens_437_76.jpeg') -65px 0px no-repeat;
	float:left;
	margin:0;
	background-color:#fff;
	padding:0;
	}
div#gegevens	{
	margin-top: 86px;
	color: #5DC2D7;	
	}
div#end		{
	width: 900px;
	height:102px;
	float:left;
	background: url('../img/3_aanvraag_463_102.jpeg') 0px 0px no-repeat;
	}
.submit	{
	margin: 40px 0 0 470px;
}
div#flashMessage	{
	color:red;
		}
#info label	{
	display:block;
	}
.error-message	{
	color:#F30000;
	}
.error input	{
	border:1px solid #F30000;
	}

/* navbar */
#navigation, #navright {
	padding-top: 10px;
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	width: 100%;
	font-family:arial;
	}
div#navigation ul, div#navright ul	{
	padding-left: 20px;
}
div#navigation ul li, div#navright ul li {
	padding-left: 5px;
	display: inline;
	color: white;
	}
#navigation a, #navigation a:hover, #navright a, #navright a:hover	{
	text-decoration: none;
	color: white;
}
#navigation a:hover, #navright a:hover {
	background-color:  #526F08;
}
div#navright {
	float: right;
	width: 30%;	
	margin-top: 70px;
	text-align: right !important;
	margin-right: 20px;
}
.active  {
	background-color: #526F08;
	}

/* submit knop */
#verstuur {
	font-size: 16px;
	font-family: arial;
	font-weight: bold;
}

/* footer */
#footer {
	width: 900px;
	float: left;
	font-size: 14px;		
	font-weight: normal;
	color: #78B8C1;
	background-color: #A9E3EE;
	}
#footer a {
	text-decoration: none;
	font-weight: bold;
	color:  #78B8C1;;	
	}
#footer a:hover {
	border-bottom: 1px solid  #78B8C1;
}
#contact {
	padding: 20px 20px 20px 25px;
	}
#online {
	padding: 20px 20px 20px 25px;
	}
#logo {
	padding: 20px 20px 20px 25px;
	}
	
/* floats */
.left {
	float:left;
	margin-right: 10px;
}
.right {float:right;}
/* flashmessages */
#flashMessage.message { 
  color: red; 
  padding: 20px 20px 20px 25px;
 } 

#errorMessage.message { 
  color: red; 
} 
/* ie */
label {
	height: 24px;
}
input {
	height: 24px;
}
#fokker {
	display: block !important;
	height: 20px;
	width: 100px;
}