@charset "UTF-8";
/* CSS Document */

* {
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;

	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
}

body {
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	
	background-color: #738a87;
	background-image: url(../img/dsgn/tile.gif);
	background-position: top left;
	background-repeat: repeat;
}

#header {
	height: 288px;

	background-image: url(../img/dsgn/header.gif);
	background-position: top left;
	background-repeat: repeat-x;
}

#centerPage {
	margin-left: auto;
	margin-right: auto;

	width: 830px;
}

#banner {
	width: 830px;
	height: 239px;

	background-color: #292222;
	background-image: url(../img/dsgn/banner.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

#content {
	margin-top: 0px;

	width: 830px;
	height: 160px;

	background-image: url(../img/dsgn/content.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

.clear {	
	clear: both;
	margin-top: -1px;
}

/* ***** Right Column ***** */

.rightCol {
	float: right;
	width: 602px;	
}

.contentColA {
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 5px;
	padding-right: 10px;

	background-color: #292222;

	border-top-color: #8e8e8e;
	border-top-style: solid;
	border-top-width: 0px;

	border-left-color: #8e8e8e;
	border-left-style: solid;
	border-left-width: 1px;
	
	border-bottom-color: #8e8e8e;
	border-bottom-style: solid;
	border-bottom-width: 1px;

	border-right-color: #8e8e8e;
	border-right-style: solid;
	border-right-width: 1px;
}

.contentColB {
	margin-top: 214px;

	padding-left: 10px;

	line-height: 25px;

	width: 590px;
	height: 23px;

	background-color: #292222;

	border-top-color: #8e8e8e;
	border-top-style: solid;
	border-top-width: 1px;

	border-left-color: #8e8e8e;
	border-left-style: solid;
	border-left-width: 1px;
	
	border-bottom-color: #8e8e8e;
	border-bottom-style: solid;
	border-bottom-width: 0px;

	border-right-color: #8e8e8e;
	border-right-style: solid;
	border-right-width: 1px;
}

ul, ol {
	list-style-position: inside;
}

p {
	padding-bottom: 10px;
}

.title {
	padding-top: Opx;
	padding-bottom: 15px;

	color: #ff1515;

	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

a:link {
	text-decoration: none;
	color: #a9e9e2;
}

a:visited {
	text-decoration: none;
	color: #a9e9e2;
} 

a:active {
	text-decoration: none;
	color: #a9e9e2;
} 

a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}

/* ***** Left Column ***** */

.leftCol {
	float: left;
}

.listA {
	margin-top: 214px;

	text-align: left;

	list-style: none;
}

.listA li {
	width: 225px;
	height: 23px;
	
	border-top-color: #8e8e8e;
	border-top-style: solid;
	border-top-width: 1px;

	border-left-color: #8e8e8e;
	border-left-style: solid;
	border-left-width: 1px;
	
	border-bottom-color: #8e8e8e;
	border-bottom-style: solid;
	border-bottom-width: 1px;

	border-right-color: #8e8e8e;
	border-right-style: solid;
	border-right-width: 1px;
	
	background-color: #352d2d;
}

.listA span {
	padding-left: 10px;

	color: #a9e9e2;

	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;

	line-height: 22px;

	text-transform: none;
}

.listB {
	margin-top: 1px;

	text-align: left;

	list-style: none;
}

.listB li {
	width: 225px;
	height: 23px;
	
	border-top-color: #8e8e8e;
	border-top-style: solid;
	border-top-width: 0px;

	border-left-color: #8e8e8e;
	border-left-style: solid;
	border-left-width: 1px;
	
	border-bottom-color: #8e8e8e;
	border-bottom-style: solid;
	border-bottom-width: 1px;

	border-right-color: #8e8e8e;
	border-right-style: solid;
	border-right-width: 1px;
	
	background-color: #352d2d;
}

.listB span {
	padding-left: 10px;

	color: #a9e9e2;

	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;

	line-height: 22px;

	text-transform: none;
}

a.listLink:link {
	text-decoration: none;
	color: #a9e9e2;
}

a.listLink:visited {
	text-decoration: none;
	color: #a9e9e2;
} 

a.listLink:active {
	text-decoration: none;
	color: #a9e9e2;
} 

a.listLink:hover {
	text-decoration: underline;
	color: #ff1515;
}

	/* --------------------------------------------------------------- */
	/* -- General Content Formatting -- */

#lUnderline {width: 575px; border-top: 1px dotted #8e8e8e; padding: 0px 0px 0px 0px;}
#rUnderline {width: 575px; border-top: 1px dotted #8e8e8e; padding: 0px 0px 5px 0px;}
#rUnderlineB {width: 575px; border-top: 1px dotted #8e8e8e; padding: 0px 0px 0px 0px;}

#leftBlock {width: 575px; border-top: 1px dotted #8e8e8e; border-bottom: 1px dotted #8e8e8e;}
#rightBlock {width: 575px; border-top: 0px dotted #8e8e8e; border-bottom: 1px dotted #8e8e8e;}
#rightBlockB {width: 575px; border-top: 1px dotted #8e8e8e; border-bottom: 1px dotted #8e8e8e;}

#lBlockA {margin-top: 1px; margin-bottom: 1px; width: 575px; background: #352d2d;}
#lBlockA ul {margin-left: 16px; padding: 7px; width: 575px; font: 10px Arial; font-weight: normal; color: #FFFFFF; text-align: justify;list-style-type: none;}
#lBlockA li {list-style: none outside url(/velotour/img/dsgn/arrowYellow.gif);}

#lBlockB {margin-top: 1px; margin-bottom: 1px; width: 575px; background: #352d2d;}
#lBlockB ul {margin-left: 16px; padding: 7px; width: 575px; font: 10px Arial; font-weight: normal; color: #FFFFFF; text-align: justify;list-style-type: none;}
#lBlockB li {list-style: none outside url(/velotour/img/dsgn/arrowBlue.gif);}

#lBlockC {margin-top: 1px; margin-bottom: 1px; width: 575px; background: #352d2d;}
#lBlockC ul {margin-left: 16px; padding: 7px; width: 575px; font: 10px Arial; font-weight: normal; color: #FFFFFF; text-align: justify;list-style-type: none;}
#lBlockC li {list-style: none outside url(/velotour/img/dsgn/arrowYellow.gif);}

#rBlockA {margin-top: 1px; margin-bottom: 1px; width: 575px; background: #352d2d;}
#rBlockA ul {margin-left: 16px; padding: 0px; width: 575px; font: 10px Arial; font-weight: normal; color: #FFFFFF; text-align: justify;list-style-type: none;}
#rBlockA li {list-style: none outside url(/velotour/img/dsgn/arrowYellow.gif);}

#rBlockB {margin-top: 1px; margin-bottom: 1px; width: 575px; background: #352d2d;}
#rBlockB ul {margin-left: 16px; padding: 0px; width: 575px; font: 10px Arial; font-weight: normal; color: #FFFFFF; text-align: justify;list-style-type: none;}
#rBlockB li {list-style: none outside url(/velotour/img/dsgn/arrowBlue.gif);}

#rBlockC {margin-top: 1px; margin-bottom: 1px; width: 575px; background: #352d2d; padding: 0px; 0px; 3px; 0px;}
#rBlockC ul {margin-left: 16px; padding: 0px; width: 575px; font: 10px Arial; font-weight: normal; color: #FFFFFF; text-align: justify;list-style-type: none;}
#rBlockC li {list-style: none outside url(/velotour/img/dsgn/arrowYellow.gif);}

#lBlockD {margin-top: 1px; margin-bottom: 1px; width: 340px; background: #352d2d;}
#lBlockD ol {display: block;width: 330px;}
#lBlockD li {position: relative;  padding-top: 5px;margin-left: 3em;height: 18px;list-style: none outside url(/velotour/img/dsgn/arrowYellow.gif);}
#lBlockD li span{  padding-top: 5px;position: absolute;top: 0;right: 0;}

#rBlockD {margin-top: 1px; margin-bottom: 1px; width: 575px; background: #F1F1F1;}
#rBlockD ol {display: block;width: 472px;}
#rBlockD li {position: relative;  padding-top: 5px;margin-left: 3em;height: 18px;list-style: none outside url(/velotour/img/dsgn/arrowYellow.gif);}
#rBlockD li span{  padding-top: 5px;position: absolute;top: 0;right: 0;}

#titleBG {height: 20px; width: 575px; background: #FFF; border-top: 1px solid #EDEDED; border-bottom: 2px solid #EDEDED; font: 10px Arial; color: #17a3de; line-height: 2.1250em; text-align: left; text-indent: 10px;  text-transform: uppercase;}

#lMenu {margin-top: -1px; margin-bottom: 1px; width: 575px;}
#lMenu ul {margin: 0; padding: 0; list-style-type: none;}
#lMenu li {width: 340px; margin: 0px 0 1px 0; font: 10px Arial; font-weight: normal; color: #FFFFFF; text-align: left; text-transform: uppercase; text-indent: 22px; border-top: 1px dotted #8e8e8e;}
#lMenu a {display: block; color: #FFFFFF; background: #F1F1F1 url(/velotour/img/dsgn/arrowBlue.gif) no-repeat 7px; width: 340px; padding: 5px 0 5px 0; text-decoration: none;}
#lMenu a:hover {width: 340px; color: #0097d8; background: #ecf5f9 url(/velotour/img/dsgn/arrowYellow.gif) no-repeat 7px;}

#lMenuB {margin-top: -1px; margin-bottom: 1px; width: 575px;}
#lMenuB ul {margin: 0; padding: 0; list-style-type: none;}
#lMenuB li {width: 340px; margin: 0px 0 1px 0; font: 10px Arial; font-weight: normal; color: #FFFFFF; text-align: left; text-transform: uppercase; text-indent: 22px; border-top: 1px dotted #8e8e8e;}
#lMenuB a {display: block; color: #FFFFFF; background: #F1F1F1 url(/velotour/img/dsgn/arrowYellow.gif) no-repeat 7px; width: 340px; padding: 5px 0 5px 0; text-decoration: none;}
#lMenuB a:hover {width: 340px; color: #c59001; background: #352d2d url(/velotour/img/dsgn/arrowBlue.gif) no-repeat 7px;}

div#navcontainer {
}
div#navcontainer ul {	
	margin: 0;
	padding-top: 3px;
	padding-bottom: 5px;
	font: 14px Arial, sans-serif;
	color: #d39900;
	text-align: center;
}
div#navcontainer ul li {
	display: inline;
	margin-left: -10px;
}
div#navcontainer ul li a {
	padding: 5px 10px 5px 10px;
	color: #d39900;
	text-decoration: none;
}
div#navcontainer ul li a:hover {
	color: #0097d8;
	text-decoration: none;
	border-bottom: 1px dotted #d39900;
}

	/* --------------------------------------------------------------- */
	/* -- Forms -- */

#formLine {height: 25px; width: 575px; border-top: 0px dotted #8e8e8e; border-bottom: 1px dotted #8e8e8e;}
#formLineTop {margin-top: 5px; height: 10px; width: 575px; border-top: 0px dotted #8e8e8e; border-bottom: 1px dotted #8e8e8e;}
#formLineButton {width: 575px; border-top: 0px dotted #8e8e8e; border-bottom: 1px dotted #8e8e8e; padding: 0px 0px 3px 0px;}
#formLineButtonB {width: 575px; border-top: 0px dotted #8e8e8e; border-bottom: 1px dotted #8e8e8e; padding: 0px 0px 6px 0px;}
#formLineTextarea {width: 575px; border-top: 0px dotted #8e8e8e; border-bottom: 1px dotted #8e8e8e; padding: 0px 0px 3px 0px;}
#voorwaarden {width: 575px; border-top: 1px dotted #8e8e8e; border-bottom: 1px dotted #8e8e8e; padding: 3px 0px 3px 0px;}

label {margin: 0; padding:0.2em; margin-top:0.5em;text-align:right;width:100px;float:left;}
fieldset {border: 0px solid #EDEDED; width:575px;}
legend {height: 20px; width: 575px; background: #FFF; border-top: 1px solid #EDEDED; border-bottom: 2px solid #EDEDED; font: 10px Arial; color: #17a3de; line-height: 2.1250em; text-align: left; text-indent: 10px;  text-transform: uppercase;white-space:pre;}

.br {display:none;}  
  
.textfieldA {font: 8pt  Arial;color:#FFFFFF ;margin-top: 3px;margin-left: 20px;height:10px;padding: 3px 8px;width:175px; border: 1px solid #8e8e8e;background-color: #352d2d;}
.textfieldB {font: 8pt  Arial;color:#FFFFFF ;margin-top: 3px;margin-left: 3px;height: 10px;padding: 3px 8px;width:33px; border: 1px solid #8e8e8e;background-color: #352d2d;}
.textfieldC {font: 8pt  Arial;color:#FFFFFF ;margin-top: 3px;margin-left: 20px;height: 10px;padding: 3px 8px;width:200px; border: 1px solid #8e8e8e;background-color: #352d2d;}
.textfieldD {font: 8pt  Arial;color:#FFFFFF ;margin-top: 3px;margin-left: 20px;height: 10px;padding: 3px 8px;width:33px; border: 1px solid #8e8e8e;background-color: #352d2d;}
.textfieldE {font: 8pt  Arial;color:#FFFFFF ;margin-top: 3px;margin-left: 20px;height: 10px;padding: 3px 8px;width:33px; border: 1px solid #8e8e8e;background-color: #352d2d;}
.textfieldF {font: 8pt  Arial;color:#FFFFFF ;margin-top: 3px;margin-left: 20px;height: 10px;padding: 3px 8px;width:39px; border: 1px solid #8e8e8e;background-color: #352d2d;}
.textfieldG {font: 8pt  Arial;color:#FFFFFF ;margin-top: 3px;margin-left: 20px;height: 10px;padding: 3px 8px;width:75px; border: 1px solid #8e8e8e;background-color: #352d2d;}

.selectfield {margin-top: 3px; margin-left: 20px;}
.checkbox {margin-top: 6px; margin-left: 20px;}
.buttons {margin-top: 3px; margin-bottom: 3px; margin-left: 20px;}
.innerField {margin-left: 20px;}
.securityimg {margin-top: -4px;}

.textarea {font: 8pt  Arial;color:#FFFFFF ;margin-top: 3px;margin-left: 20px;height:75px;padding: 3px 8px;width:325px; border: 1px solid #8e8e8e;background-color: #352d2d;}
.textareaB {font: 8pt  Arial;color:#FFFFFF ;margin-top: 6px;margin-left: 20px;height:75px;padding: 3px 8px;width:325px; border: 1px solid #8e8e8e;background-color: #352d2d;}

.submit {font: 11pt  Arial;font-weight: bold;color:#FFFFFF; border: 1px solid #8e8e8e;background-color: #352d2d;}
.innerSpace {margin-top: 3px; margin-bottom: 3px; margin-left: 300px; margin-right: 3px;}

	/* --------------------------------------------------------------- */
	/* -- Spacing -- */

.spacer5px {
	height: 5px;
}
.spacer10px {
	height: 10px;
}
.spacer15px {
	height: 15px;
}
.spacer20px {
	height: 20px;
}
.spacer25px {
	height: 25px;
}
.spacer30px {
	height: 30px;
}
.spacer35px {
	height: 35px;
}
.spacer40px {
	height: 40px;
}
.spacer45px {
	height: 45px;
}
.spacer50px {
	height: 50px;
}

	/*	-- LiveValidation -- */

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
	color:#CC0000;
}
	
.LV_validation_message{
    font-weight:bold;
    margin: 0 0 0 5px;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active,
.fieldWithErrors input.LV_valid_field,
.fieldWithErrors textarea.LV_valid_field {
	border: 1px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active,
.fieldWithErrors input.LV_invalid_field,
.fieldWithErrors textarea.LV_invalid_field {
	border: 1px solid #CC0000;
}