/*--- ALGEMEEN ---*/

HTML { 
background: url('/cairo/images/system/back.gif') no-repeat fixed bottom left;
}

BODY {
	height: 100%;
	margin: 0px; 
	padding: 0px;
	font-family: Arial, Helvetica;
	font-size: 0.8em;
	color: #444444;
	background-image: url('/cairo_copy(1');
	background-position: 0px -2px;
	background-repeat: repeat-x;
	text-align: left }

P { 
	margin: 0px 0px 20px 0px;
	padding: 0px; 
        line-height: 140%;
}

A {
	color: #DD5229;
	text-decoration: none; }

A:hover {
	color: #000000;
	text-decoration: none; }

IMG {
	border: 0; }

H1 {font-size: 1.0em; margin: 0; padding: 0; }
H2 {font-size: 0.9em; margin: 0; padding: 0; }
H3 {font-size: 1em; margin: 0; padding: 0; }
H4 {font-size: 1em; margin: 0; padding: 0; }

TABLE {
	border-collapse: collapse;
width: 100%;
}

TD, TH {
	margin: 0;
	padding: 2px;
	text-align: left;
	vertical-align: top; 
}

/*--- BASIS ---*/

#all {
	height: 100%;
	text-align: left;
	width: 765px;
	position: relative;}

/*--- TOP ---*/

#top {
	background-image: url('/cairo/images/system/fade.gif');
	background-repeat: no-repeat;
	background-position:  left bottom;
	padding: 0px;
	text-align: left;
	height: 90px;
        border-bottom: 1px solid #fff;
	width: 760px; margin-left:0; margin-right:0; margin-top:0px; margin-bottom:0 }

/*--- CONTENT ---*/

#content {
	margin: 0px;
	padding: 0px;
	text-align: left;
	height: 100%;
	width: 760px; }

#content-links {
	background-color: #ffc96b;
	position: relative;
	height: 100%;
	width: 182px; 
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px; 
border-bottom: 1px solid #fff;
}

/*--- MENU ---*/

#menu {
	width: 182px;

	padding: 0px 0px 00px 0px;
	margin: 0px 0px 0px 0px;
	color: #939598;
	font-size: 8pt;
	letter-spacing: 0.1em; }

	#menu UL {
		width: 100%;
		list-style-type: none;
		margin: 0 0 0;
		padding: 0; }
	
	#menu UL LI {
		padding: 0px 0 0px 0;
		margin: 0; }

	#menu UL LI.selectedmore {
		padding: 1px 0 0 0;
		background-color: #DD5229; }
	
	#menu UL LI A {
		display: block;
		padding: 5px 5px;
		color: #000000; 
                border-bottom: 1px solid #fff;
                }
	
	#menu UL LI A:hover {
		display: block;
		background-color: #ffe7be;
		color: #000; }
	
	#menu UL LI.selected A, #menu UL LI.selectedmore A {
		display: block;
		background-color: #DD5326;
		color: #fff; 
	font-weight: bold;
}

	#menu UL LI.submenu { 
		padding: 0;
		display: block; }

	#menu UL LI.submenu A {
		padding: 0px 5px 2px 5px;
		padding-left: 13px; 
		font-weight: normal;
		background-color: #DD5229;
		color: #ffffff; }

	#menu UL LI.submenu A:hover, #menu UL LI.submenu A.selected {
		color: #000000; }
	
/*--- INFO ---*/

#info { 
	margin: 5px;
	background-color: #fff;
	font-size: 8pt;
	font-weight: bold;
	font-family: Arial, Helvetica, Verdana;
	text-transform: uppercase;
	text-align: center;
	padding: 5px 10px;
	color: #000; border: 1px solid #ffb026;}

	#info .datum { 
		font-size: 11pt; color: #DD5326; }
	
	#info .locatie { 
		font-size: 7pt; }

/*--- CONTENTRECHTS ---*/

#content-rechts {
	padding: 30px;
	margin: 0px;
	position: relative;
	width: 518px; 
	float: left; }

	#content h1 {
		color: #DD5229;
		padding: 0px;
		margin: 0 0 20px 0;
		font-weight: bold;
		font-family: Helvetica, Arial, Verdana;

		font-size: 16pt;
		letter-spacing: 0em; }
	
	#content h2 {
		padding: 0px 0px 5px 0px;
		margin: 20px 0 10px 0;
		color: #111;
		font-weight: bold;
border-bottom: 1px solid #ccc;
		font-family: Arial, Helvetica, Verdana;
		font-size: 10pt;

 }
	
	#content-rechts h3 {
		font-weight: bold;
		font-family: Arial, Helvetica, Verdana;
		font-size: 11pt;
		letter-spacing: 0.1em; 
		margin: 15px 0 2px 0; }
	
	#content-rechts h4, #content-rechts th {
		letter-spacing: 0.1em; 
		font-weight: bold;
		margin: 15px 0 2px 0; 
		padding: 0px; }

	#content-rechts UL, #content-rechts OL {
		margin: 0; 
		padding: 0; }
	
	#content-rechts UL LI {
		background-image: url('/cairo/images/system/blok.gif');
		background-repeat: no-repeat;
		margin: 0;
		list-style-type: none;
		_margin-left: 18px;
		_list-style-type: square; padding-left:25px; padding-right:0; padding-top:0; padding-bottom:0; background-position-x:left }

	#content-rechts OL LI {
		margin: 0 0 0 25px; }
	
	#totop {
		margin-top: 15px;
		border-top: 2px solid #E75513;
		font-size: 8pt;
		text-align: right; 
		padding-right: 13px; 
		text-transform: uppercase;
		background-image: url('/cairo/images/system/pijl-top.gif');
		background-position:  right top;
		background-repeat: no-repeat }
	
/*--- FORM ---*/

FORM {
	margin: 0px; 
	padding: 0px; }

	input[type=text] {
		width: 350px;
		border: solid 1px #FFFFFF;
		border-bottom: solid 1px #000000; }
	
	.familyname {
		width: 225px !important; }
	
	.city { 
		width: 235px !important; }
	
	.initials, .zip {
		width: 57px !important; }
	
	.button {
		background-color: #939598;
		color: #FFFFFF;
		border: solid 1px #444444; }
	
	.disabled {
		border: solid 1px #939598;
		background-color: #DDDDDD; }
	
	TEXTAREA {
		font-family: arial, helvetica, tahoma, serif;
		font-size: 0.9em; }
	
	.error {
		color: #EB2A2E; 
		border: solid 1px #EB2A2E; }
	
	.errormessage {
		color: #EB2A2E; 
		border: solid 1px #EB2A2E;
		padding: 5px 5px 10px 10px; 
		margin-bottom: 10px; }

/*--- TABELLEN ---*/

.normalTable td, .normalTable th {
	padding: 0 10px 0 0; }

.hotel {
	font-weight: bold;
	width: 200px; }
	
.futureTable td {
	background-color: #FCE6D6; 
	padding: 10px; }

.designTable td, .designTable th {
	border-bottom: solid 1px #5285c4; 
	padding: 0 10px 0 0; }

.programTable td {
		padding: 5px 0; }
	
	.programTable td.wanneer { 
		padding: 7px 0;
		color: #5285c4;
		font-size: 8pt;
		font-weight: bold;
		width: 98px; }
		
	.programTable .kop {
		letter-spacing: 0.1em; 
		text-transform: uppercase;
		font-weight: bold;
		color: #626366; }
				
	.programTable .titel, .titel {
		letter-spacing: 0.1em; 
		font-weight: bold; }

	.programTable .tussen {
		letter-spacing: 0.1em; }

	.programTable .wie {
		font-style: italic; }

.registrationTable td {
		border-left: solid 3px #FFFFFF;
		border-bottom: solid 1px #DD5229;
		padding: 5px 0; }
		
		.registrationTable th {
			border-left: solid 3px #FFFFFF;
			padding: 5px !important; 
			background-color: #DD5229;
			color: #FFFFFF; }

.meldingBox { 
	color: #DD5229;
	text-align: center;
	float: right;
	width: 175px;
	padding: 10px; 
	margin: 3px;
	border: solid 1px #EF6025;
	background-color: #FCE1D0; }			
	
	.meldingBox a {
		font-weight: bold; }
		
		.meldingBox1 { 
	color: #DD5229;
	text-align: center;
	float: right;
	width: 175px;
	padding: 10px; 
	margin: 3px;
	border: solid 1px #EF6025;
	background-color: #FCE1D0; 
	clear:both;
	}			
	
	.meldingBox1 a {
		font-weight: bold; }

			.meldingBox3 { 
	color: #DD5229;
	text-align: center;
	font-weight: bold;
	width: 500px;
	padding: 10px; 
	margin: 3px;
	border: solid 1px #EF6025;
	background-color: #FCE1D0; 
	clear:both;
	}			
	
	.meldingBox3 a {
		text-decoration:underline; }	
/*--- DIVERSE ---*/

.image {
	margin: 4px;
	border: solid 2px #DD5229; }

.left {
	margin: 0 10px 10px 0; }

.right {
	float: right; }
	
.rechts {
	text-align: right; 
	
	vertical-align: middle; }

.center {
	text-align: center; 
	vertical-align: middle; }

#login {
	padding: 7px;
	background-color: #F5F5F5; }

.klein { 
	font-size: 8pt; }
	
dl {
	width: 95%;
	margin: 0;
	padding: 0; }

dt {
	width: 50px;
	float: left; }

dd {
	margin-left: 50px; }

.valop {
	font-weight: bold;
	color: #DD5229;
	font-style: italic; }
	
/* Extra CSS for registration information table */
.table_registration {
border-collapse:separate;
	font-family: Arial, Helvetica;
	font-size: 11px;
	line-height: 14px;
	border-bottom: 2px solid #f25d23;
}

.table_registration td{
	text-align: center;
	padding: 2px;
	vertical-align: top;
	border-bottom: 2px solid #f25d23;
	}
	
.table_bottom td{
	border-bottom: 0px;
	}

.table_header {
	background: #f25d23;
	color: #fff;
	font-weight: bold;
	
}
.table_header td{
	vertical-align: middle;
	text-align: center;
	width: 25%;
	padding: 2px;
}

.table_sub1 {
	font-family: Arial, Helvetica;
	font-size: 10px;
	width: 32px;
	float: left;
}
.table_sub2 {
	font-family: Arial, Helvetica;
	font-size: 10px;
	width: 480px;
	float: left;
	font-style:italic;
}