/* --------------------------- reset + main html redefinitions  */
/*  common tag redefinitions  */
html, body, form, fieldset {
	font:100% Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}
html {
	font-size:100.01%;
}
body { 
	color:#404040;
	line-height:1.3em;
	font-size:0.7em;
}

td {
	font-size:1.1em; /* avoids font scaling in a table - if this distroys all layout, just use table */
}
a img {
	border:none; /* avoids border when img is link */
}
fieldset {
	border:none;
}
/* Neutralize/reset styling:
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, dl, hr, address {
	margin:1em 0;
	padding:0;
}
ul, ol {
	margin:1em;
	padding:0;
}
:focus { outline: 0; }
h1 {/*color related*/
	font-size:2em;
	font-weight:normal;
}
h2 {/*color related*/
	font-weight:normal;
	font-size:1.7em;
}
h3 {
	font-size:1.1em;
	font-weight:bold;
	margin:1.3em 0;
}
h4 {
	color:#999;
	font-size:1em;
	font-weight:bold;
}
h5 {
	font-size:1em;
	font-weight:normal;
}
h6 {
	font-size:0.9em;
	font-style:italic;
	font-weight:normal;
}
hr {
	border:none;
	border-bottom:1px solid #999;
	height:1px;
}
hr.small {
	border:none;
	border-bottom:1px solid #999;
	height:1px;
	margin:0;
	padding:0;
}
input, select, textarea {/*color related*/
	font-size: 100%;
	font-family: inherit;
}
ul li {
	list-style:none;
	padding:0 0 0.4em 1.2em;
	margin:0;
	background:url(../site_images/bul_list.gif) top left no-repeat;
}
ol li {
	padding:0 0 0.4em 0;
	margin:0 0 0 1.2em;
}
select, textarea { /* similar to class 'inputfield' */}
td {
	vertical-align:top; /* relevant in most cases, i.e. in application layout */
}
.whitetext {color:#fff;}
.redtext {color:#de0000;}
.bluetext {color:#126eb0;}
a.arrowlink {/*color related*/
	padding:0 0 0 1.5em;
	margin-left:2em;
}
a.arrowlinkleftalign {/*color related*//*20081020*/
	padding:0 0 0 1.5em;
	margin-right:2em;
}
a.arrowlinkred {
	background:url(../site_images/bck_link_red.gif) top left no-repeat;
	padding:0 0 0 1.5em;
	margin-left:2em;
	color:#de0000;
}
a.arrowlinkred:hover {color:#e72f2f;}
a.arrowlinkredleftalign {/*20081020*/
	background:url(../site_images/bck_link_red.gif) top left no-repeat;
	padding:0 0 0 1.5em;
	margin-right:2em;
	color:#de0000;
}
a.arrowlinkredleftalign:hover {color:#e72f2f;}/*20081020*/
a.collapselinkplus {/*20081020*/
	padding:0 0 0 1.5em;
	margin-right:2em;
	background:url(../site_images/bck_link_plus.gif) top left no-repeat;
}
a.collapselinkmin {/*20081020*/
	padding:0 0 0 1.5em;
	margin-right:2em;
	background:url(../site_images/bck_link_min.gif) top left no-repeat;
}
.errormessage {
	color:#de0000;
	margin-bottom:3em;
}
.errormessage div {
	margin-bottom:0.5em;
}
.okmessage {/*20081020*/
	color:green;
	margin-bottom:3em;
}
.okmessage div {/*20081020*/
	margin-bottom:0.5em;
}
/* --------------------------- shared styles  */
/*  common styles  */
.alignR {
	text-align:right;
}
.clearfloats {
	clear:both;
}
.floatL {
	float:left;
}
img.floatL {
	margin:0 15px 15px 0;
}
.floatR {
	float:right;
}
img.floatR {
	margin:0 0 15px 15px;
}
.noPadding {
	padding:0;
}
.prct100 {
	width:100%;
}
/* --------------------------- application related  */
.XXS {
	width:10px;
}
.XS {
	width:30px;
}
.S {
	width:70px;
}
.M {
	width:300px;
}
.L {
	width:350px;
}
.XL {
	width:500px;
}
.Mdropdown {
	min-width:307px;
}
table.form, table.form table {}
.form td {}
/* --------------------------- centered toprow  */
#toprow {/*color related*/
	height:29px; /*total height:39px*/
	text-align:right;
	z-index:100;
}
#toprow a {
	color:#fff;
	text-decoration:underline;
}
#language {
	float:left;
	margin-left:17px;
	color:#fff;
	padding-top:3px;
}
#language a {
	color:#cad3d9;
	text-decoration:none;
}
#sleuring {
	float:right;
}
#afmelden .button {
	float:left;
}
#afmelden {
	float:left;
}
#afmelden #afmeldentext {
	float:left;
	padding-right:16px;
	padding-top:3px;
}
#help {
    float:left;
	padding-top:3px;
	margin-right:20px;
}
.help {
	padding-right:20px;
	border-right:1px solid #cad3d9;
}
#modeswitch {
	padding-right:20px;
	float:left;
	padding-top:3px;
	border-right:1px solid #cad3d9;
	margin-right:20px;
}
#toprowtext {
	padding-top:5px;
	float:right;
}


/* --------------------------- topnav  */
.topnavL {/*color related*/
	height:114px;/*extra height for subnav - original height is 84px*/
	width:100%;
}
.topnavL a {/*color related*/
	display:block;
	float:left;
	width:206px;
	height:59px;
	position:absolute;
	text-decoration:none;
	font-size:1.2em;
	padding:25px 0 0 0;
	text-align:center;
}
.topnavL a.first {
	left:60px;
	z-index:1800;
}
.topnavL a.second {
	left:250px;
	z-index:1850;
}
.topnavL a.third {
	left:440px;
	z-index:1900;
}
.topnavL a.fourth {
	left:678px;
	z-index:1950;
}
.topnavL a.fifth {
	left:884px;
	z-index:2000;
}
.topnavL a:hover {
	background-position:0 84px;
	z-index:2050;
	color:#fff
}
.topsubnavL {/*color related*/
    height:10px;/*total height 30px*/
    left:58px;/*vroeger 100px*/
    top:159px;/*vroeger 165px*/
    position:absolute;
    z-index:10000;
    background:url(../site_images/bck_subnav.gif) top left no-repeat;
    padding:20px 0 0 30px;
}


.topsubnavL a {
	color:#333;
	text-decoration:none;
	font-size:1.1em;
	/*margin-right:3em;*/
	background:url(../site_images/bck_subnavlink.gif) top left no-repeat;
	padding-left:32px;
	font-weight:bold;
}
.sub_first {margin-left:0;}
.sub_second {margin-left:190px;}
.sub_third {margin-left:380px;}
.sub_fourth {margin-left:570px;}
.sub_fifth {margin-left:760px;}
/* --------------------------- breadcrumb  */
#breadcrumb {
	font-size:0.9em;
	color:#565656;
}
#breadcrumb a {
	background:url(../site_images/bck_breadcr.gif) top left no-repeat;
	padding-left:30px;
	color:#878686;
	text-decoration:none;
}
#breadcrumb a:hover {
	text-decoration:underline;
}
#breadcrumb .margin {
	padding:0 50px;
}
/* --------------------------- contentBody  */
#contentBody .margin {
	padding:0 50px 50px 50px;
	font-size:1.1em;
}
/* --------------------------- bck footerline  */
#footerline {/*color related*/
	height:67px;
	text-align:center;
}
#footerline a {/*color related*/
	text-decoration:none;
	padding:0 1em;
}
#footerline a:hover {
	text-decoration:underline;
}
/* --------------------------- forms  */
table.formtable {/*20081020*/
	width:95%;
	font-size:0.9em;
	margin:0;
	color:#5e5e5e;
}
table.formtable td.label {/*20081020*/
	width:17%;/*20081105*/
	padding:0 1em 1em 0;
	margin:0;
	font-weight:bold;/*20081105*/
}
table.formtablecolourbck {/*20081020*/
	width:100%;
	font-size:0.8em;
	margin:1em 0 0 0;
	background-color:#eeeeee;
}
table.formtablecolourbck td.label {/*20081020*/
	width:20%;
	padding:0.5em;
	margin:0;
	font-weight:bold;
}
table.formtablecolourbck td {/*20081020*/
	padding:0.5em;
	margin:0;
}
span.obligatedlabel {
	background:url(../site_images/bck_obligatedlabel.gif) top right no-repeat;
	padding-right:0.7em;
}
input {/*20081020*/
	margin-right:0.5em;
}
table.formtable td.input {}/*20081020*/
td.buttoncell {/*20081020*/
	/*text-align:right;*/
	padding:1em 0;
	margin:0;
}
td.obligatedfields {/*20081020*/
	font-style:italic;
	font-size:0.9em;
	padding:0 1em 1.5em 0;
	color:#666666;
}
input.inputfield {padding-left:3px; padding-right:3px;}/*20081020*/
textarea.inputfield {/*20081020*/
	height:50px;
}
input.button {/*color related*/
	padding:0 0 7px 22px;
	height:30px;
	background-color:transparent;
	border-color:transparent;
	border:none;
	cursor:pointer;
	width:170px;
	text-align:center;
}
input.button_grey {/*neutrale grijze button*/
	background:url(../site_images/bck_button_grey.gif) top left no-repeat;
	color:#fff;
	padding:0 0 7px 22px;
	height:30px;
	background-color:transparent;
	border-color:transparent;
	border:none;
	cursor:pointer;
	width:170px;
	text-align:center;
}
a.link_bckcolor {/*color related*/
	padding:3px 10px 7px 25px;
	height:20px;/*total height 30px*/
	text-decoration:none;
	display:block;
	float:right;
	margin-left:5px;
}
a.link_bckcolor:link {
	color:#fff;
}
a.link_bckcolor:visited {
	color:#fff;
}
a.link_bckcolor:hover {
	color:#fff;
}
a.link_bckcolor:active {
	color:#fff;
}
a.button {/*color related*/
	padding:3px 10px 7px 22px;
	height:20px;/*total height 30px*/
	text-decoration:none;
	display:block;
	cursor:pointer;
	width:170px;
	text-align:center;
	background:transparent url(../site_images/bck_button_blue.gif) no-repeat scroll left top;
}
a.button:link {
	color:#fff;
}
a.button:visited {
	color:#fff;
}
a.button:hover {
	color:#fff;
}
a.button:active {
	color:#fff;
}
a.link_bckgrey {/*neutrale grijze link*/
	background:url(../site_images/bck_button_grey.gif) top left no-repeat;
	color:#fff;
	padding:3px 10px 7px 25px;
	height:20px;/*total height 30px*/
	text-decoration:none;
	display:block;
	float:right;
	margin-left:5px;
}
a.link_bckgrey:link {
	color:#fff;
}
a.link_bckgrey:visited {
	color:#fff;
}
a.link_bckgrey:hover {
	color:#fff;
}
a.link_bckgrey:active {
	color:#fff;
}
/* --------------------------- steps  */
div.stepsdiv { 
    width:100%;
    margin:0;
    padding:0;
}
div.stepsdiv h2 {
    margin-top:0;
}
div.stepsdiv .floatL {
    width:750px;
    width:630px;
    margin:0;
    padding:0;
}
div.stepsdiv .floatR {
    vertical-align:top;
    margin:0;
    /*margin-right:100px;*/
}
div.steps {
	width:250px;
	width:200px;
	font-size:0.9em;
	background-color:#e4e4e4;
}
div.steps div {
    border-bottom:1px solid #f5f7f6;
    border-top:1px solid #f5f7f6;
    padding:0.3em 0.5em;
    color:#6a6a6a;
}
div.steps div.active {
    border-top:1px solid #f5f7f6;
    border-bottom:1px solid #f5f7f6;
    /*border-bottom:1px solid #a4a4a4;*/
    background-color:#d2d2d2;
    color:#000;
}
/* --------------------------- bordertable  */
table.bordertable {
    border:0;
    background-color:#e0dfdf;
    width:100%;
}
table.bordertable td {
    padding:0.5em;
    border:1px solid #f5f7f6;
    text-align:left;
}
/* --------------------------- addresscontrol  */
table.addresstable {/*20081020*/
    margin:0;
    padding:0;
    width:100%;
}
.addresstable td {/*20081020*/
    margin:0;
    padding:0;
    font-size:0.9em;
}
table.addresstable td.label {/*20081020*/
    width:20%;
	padding:0 2px 12px 0;
}
.addresstable td.labelsmall {/*20081020*/
    padding:0 2px 12px 0;
    font-weight:bold;
}
.addresstable td.input /*20081020*/
{
    padding:0 0 12px 3px;
}
/* --------------------------- planningslijnen  */
table.planningslijnen {
	/*width:100%;*/
	font-size:0.8em;
}
table.planningslijnen td.label {
	width:100px;
	padding:4px 2px 4px 0;
}
table.planningslijnen td.label a {
	color:#484848;
}
table.planningslijnen td.grey {
	background:#dededf;
}

tr.smallTR td 
{
    font-size:1em;
}

td.hours {
	background:url(../site_images/bck_hours.gif) top left no-repeat;
	height:24px;
}
td.greybck {
	height:25px;
	background:#dededf url(../site_images/bck_tdgreybck.gif) top left repeat-y;
	/*border-top:2px solid #dededf;
	border-bottom:2px solid #dededf;*/
	padding:2px 0;
	width:980px;
}
td.greybck .white {background-color:#f9f8f8; height:25px;}
td.greybck .dirtygreen {background-color:#787e1b; height:25px;}
td.greybck .green {background-color:#368632; height:25px;}
td.greybck .blue {background-color:#138ace; height:25px;}
td.greybck .purple {background-color:#913fa3; height:25px;}
td.greybck .fuchsia {background-color:#d21c76; height:25px;}

td.greybck .white .whiteblock
{
    border-left: 1px solid #757575;
    border-right: 1px solid #757575;
    color: #484848;
    font-weight: bold;
    text-align: center;
    height: 19px; /*total height 25px*/
    padding-top: 6px;
    font-size: 0.9em;
    background-color: #FFFFFF;
}
td.darkbordertop {
	border-top:4px solid #a5a5a5;
}
td.lightborderbottom {
	border-bottom:4px solid #dededf;
}
td.greybck .busy {
	background:url(../site_images/bck_busy.gif) center left repeat-x;
	float:left;
	height:21px;
	margin-top:2px;
}
td.greybck .reservation {
	background-color:#fff;
	float:left;
	height:18px;/*total height 21px*/
	padding:3px 3px 0 3px;
	margin-top:2px;
	color:#757575;
	font-size:0.9em;
	text-align:center;
}
.submitbuttons {
	width:1130px;/*total width 1135px;*/
	display:block;
	text-align:right;
	padding:2.5em 5px 0 0;
}
input.button_submit {/*20081020*/
	background:url(../site_images/bck_but_submit.gif) top left no-repeat;
	padding:0 5px 7px 25px;
	color:#fff;
	font-size:1em;
	height:44px;
	background-color:transparent;
	border-color:transparent;
	border:none;
	margin-left:5px;
	cursor:pointer;
	/*width:140px;*/
	text-align:center;
}
input.button_cancel {/*20081020*/
	background:url(../site_images/bck_but_cancel.gif) top left no-repeat;
	padding:0 5px 7px 25px;
	color:#fff;
	font-size:1em;
	height:44px;
	background-color:transparent;
	border-color:transparent;
	border:none;
	margin-left:5px;
	cursor:pointer;
	/*width:140px;*/
	text-align:center;
}
/* --------------------------- sorttable  */
table.sorttable {
	width:100%;
	font-size:0.9em;
	margin:0;
}
table.sorttable td {/*20081020*/
	padding:0.3em 0.5em;
	font-size:0.9em;
	color:#454545;
	border-right:1px solid #bbb;
}
table.sorttable td.noborder {
	border-right:none;
}
table.sorttable tr.top td {/*color related*/
	padding:0.5em;
	font-size:1.1em;
	border-right:none;
}
table.sorttable tr.rowstable_titlerow td {
	background:#9e9e9e url(../site_images/bck_rowstable_titles.gif) top left repeat-x;
	color:#fff;
	font-size:1.1em;
	border-right:none;
}
table.sorttable tr.rowstable_titlerow th {
	background:#9e9e9e url(../site_images/bck_rowstable_titles.gif) top left repeat-x;
	color:#fff;
	font-size:1.1em;
	border-right:none;
	padding:0.5em;
	text-align:left;
	font-weight:normal;
}
table.sorttable tr.even {
	background-color:#fff;
}
table.sorttable tr.odd {
	background-color:#eeeded;
}
table.sorttable tr.top {
	background-color:none;
	background-color:transparent;
}
table.sorttable tr.top td {
	padding:0 0 1.5em 0;
}
table.sorttable tr.redtext td {
	color:#de0000;
}
table.sorttable tr.redtext a.arrowlinkred {
	margin-left:0;
}
table.sorttable a.arrowlink {
	color:#454545;
	background:url(../site_images/bck_link_darkgrey.gif) top left no-repeat;
	margin-left:0;
	margin-right:1em;
}
table.sorttable a.arrowlinkred {
	margin-left:0;
	margin-right:1em;
}
table.sorttable td.alignR a.arrowlink {/*color related*/
	margin-left:0;
}
/* --------------------------- tooltippages  */
#tooltipcontent {
	color:#666;
}
#tooltipcontent h1 {
	margin:0;
	padding:0 0 0.5em 0;
	font-size:1.1em;
	font-weight:bold;
	color:#333;
	border-bottom:1px solid #666;
}
#tooltipcontent ul {
	margin:1em 0 1em 0;	
}
#tooltipcontent a.arrowlink {
	margin:0;
}
.printButton {padding-left:290px;}