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

body {
	margin:0;
	padding:0;
	height:auto;
	background-color:#FDFDFD;
}

#main {
	width:1000px;
	max-width:1000px;
	margin:0 auto 0 auto;
	line-height:17px;
	border-left:1px solid #999;
	border-right:1px solid #999;
	background-color:white;
}

#header {
	width:1000px;
	height:100px;
	margin:0;
	padding:0;
}

#footer {
	position:relative;
	width:1000px;
	font-family:Calibri,Arial, Times;
	font-size:0.7em;
	color:#888888;
	padding-top: 20px;
	clear:both;
	text-align:center;
	vertical-align:bottom;
	background: url('/_img/foot_gradient.png') repeat-x bottom;
	background-color: #E7E7E7;
}
#footer a, #footer a:hover, #footer a:visited {
	color:#777777;
}
#footer p {
	margin: 0;
	margin-left:28px;
	text-align:left;
}

#bigfoot {
	margin-top: 40px;
	width: 944px;
	padding-left: 28px;
	padding-right: 28px;
	padding-top: 30px;
	padding-bottom: 14px;
	font-family:Calibri,Arial, Times;
	background: url('/_img/bigfoot_edge.jpg') no-repeat;
	background-color: #E7E7E7;
	clear: both;
}

.column {
	float: left;
}
.column p {
	font-size: 0.8em;
	width: 90%;
}
.column ul {
	list-style: none;
	margin: 0;
	padding: 0 0 15px 0;
	font-size: 0.8em;
}
.column h2 {
	font-family:Cambria,Arial, Times;
	font-size:1.2em;
	color:#0070C0;
	margin: 10px 0 5px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #BBBBBB;
	width:95%;
}
.column h3 {
	font-family:Cambria,Arial, Times;
	font-size:1em;
	color:#0070C0;
	margin-bottom: 0px;
	margin-top: 0px;
}
.column a, .column a:visited, .column a:link {
	color: #000000;
}
.column a:hover {
	color:#3399FF;
}
.grid {
	float: left;
	width: 140px;
	padding: 0 10px 0 0;
}
.grid_2col {
	float: left;
	width: 290px;
	padding: 0 10px 0 0;
}

.first {
	width: 295px;
}
.second {
	width: 450px;
}
.third {
	width: 195px;
}
.half {
	width: 440px;
}
.half h2 { width:97%; }

.column img.logo {
	margin-right:20px;
}

img {
	border:none;
	margin:0;;
}

a {
	color:#FF9900;
}

a:hover {
	color:#3399FF;
}

a:visited {
	color:#FF9900;
}

a:visited:hover {
	color:#3399FF;
}

#breadcrumb {
	position:relative;
	font-family:Calibri,Arial, Times;
	font-size:0.9em;
	color:#333333;
	top:0px;
	margin-top:0px;
	padding-top:0px;
	padding-left:15px;
}

#breadcrumb a {
	text-decoration: none;
	color:#333333;
}

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

#content {
	position:relative;
	margin-left:15px;
	margin-right:15px;
	font-family:Calibri,Arial, Times;
	font-size:0.9em;
	color:#333333;
}

#content h1 {
	font-size:1.4em;
	color:#FF9900;
	font-weight:lighter;
}

#content h2 {
	font-family:Cambria,Arial, Times;
	font-size:1.2em;
	color:#0070C0;
	font-weight:lighter;
}

#content h3 {
	font-family:Cambria,Arial, Times;
	font-size:1.05em;
	color:#0070C0;
	font-weight:lighter;
}
#content h3 a, #content h3 a:hover, #content h3 a:visited { color:#0070C0; text-decoration:none; }

#content h4 {
	font-size:1.0em;
	font-family:Cambria,Arial, Times;
	font-weight:bold;
	color:#FF9900;
}

#content ul {
	padding-bottom:10px;
}

#content .orange {
	color:#FF9900;
}

#content ul > li {
	list-style-image:url("/_img/li.jpg");
	list-style-position:outside;
	vertical-align:baseline;
}

#content ol > li {
	list-style-image:none;
	list-style-position:outside;
	vertical-align:baseline;
}

a.button, a.button:visited {
	display:block;
	width:147px;
	height:35px;
	padding-top:10px;
	margin-bottom:10px;
	vertical-align:middle;
	text-align:center;
	background:url("_img/button.jpg") no-repeat top;
	color:#333333;
	font-weight:bold;
	text-decoration:none;
	cursor:pointer;
}

a.button:hover {
	background:url("_img/button_hover.jpg") no-repeat top;
}

td {
	vertical-align:text-top;
}

td p {
	width:inherit;
}

div.infotabel {
	display:block;
	width:202px;
	margin-left:6px;
}

div.infotabel div.head {
	background: url("_img/infotabel_header.jpg") no-repeat;
	padding-top:5px;
	padding-bottom:6px;
}

div.infotabel div.head-small {
	background: url("_img/infotabel_header_small.jpg") no-repeat;
	padding-top:5px;
	padding-bottom:6px;
}

div.infotabel div.body {
	background: url("_img/infotabel_body.jpg") #FF9900 no-repeat;
	padding:3px;
}

div.infotabel div.head h3 {
	font-size:1.0em!important;
	color:#FF9900;
	text-align:center;
	margin:0;
}

div.infotabel div.head div.cursus, div.infotabel div.head-small div.cursus {
	color:#333333;
	font-size:0.9em;
	text-align:center;
	font-weight:bold;
}

div.infotabel div.body div {
	background:#FFFFFF;
	padding:2px 4px 0 4px;
	font-size:12px;
}

div.infotabel div.body div.links {
	text-align:left;
	line-height:18px;
}

div.infotabel div.body span.orange {
	color:#0070C0;
	font-weight:bold;
}

div.infotabel div.body a {
	color:#0070C0;
}

div.formulier {
	display:block;
	width:340px;
	padding:0 10px 0 10px;
}

div.formulier h2 {
	margin-left:20px;
	margin:0;
}

a.noot {
	text-align:right;
	float:right;
	font-size:11px;
	text-decoration:none;
	margin-top:-2px;
}

hr {
	width:85%; 
	color:#0070C0; 
	margin:20px 0 20px 0; 
	clear:both;
}

.ajax-loading {
	padding: 0;
	min-height:20px;
	min-width:20px;
	background: url("/_img/loading_small.gif") no-repeat center;
}




.tip3, .tip2 {
	cursor:pointer;
}
.tool-tip {
	color: #333333;
	width: 202px;
	z-index: 13000;
}
 
.tool-title {
	font-family:Calibri,Arial, Times;
	font-weight: bold;
	font-size: 12px;
	margin: 0;
	padding: 0;
	background: url(/_img/tip.png) top left no-repeat;
}
 
.tool-text {
	font-family:Calibri,Arial, Times;
	font-size: 12px;
	line-height:16px;
	padding: 3px 8px 1px;
	border-bottom:3px solid #0070C0;
	background: url(/_img/tip.png) top left no-repeat #FF9900;
}
.alt-tip {
	color: #333333;
	width: 185px;
	z-index: 13000;
	border:1px solid #FF9900;
}
 
.alt-title {
	font-family:Calibri,Arial, Times;
	font-weight: bold;
	font-size: 12px;
	margin: 0;
	padding: 0;
	background: url(/_img/transp50.png) top left repeat;
}
 
.alt-text {
	font-family:Calibri,Arial, Times;
	font-size: 12px;
	line-height:16px;
	padding: 3px 8px 1px;
	background: url(/_img/transp50.png) top left repeat;
}

div.step {
	width:46px;
	height:46px;
	background:url(/_img/step.jpg) top left no-repeat;
	text-align:center;
	line-height:46px;
	vertical-align:middle;
	font-size:20px;
	color:#0070c0;
}


/********************************************************************************
			Flexibel specifiek
/********************************************************************************/

div.flexibel.kolom1 {
	position:relative;
	display:block;
	float:left;
	width:575px;
	margin-right:20px;
	height:auto;
	z-index:100;
}

div.flexibel.kolom2 {
	position:relative;
	display:block;
	float:left;
	width:375px;
	height:auto;
	z-index:100;
}

div.flexibel.kolom2a {
	position:relative;
	display:block;
	float:left;
	width:167px;
	height:auto;
	z-index:100;
}

div.flexibel.kolom2b {
	position:relative;
	display:block;
	float:left;
	width:208px;
	height:auto;
	z-index:100;
}

div.flexibel p {
	display:block;
	width:100%;
	margin-bottom:20px;
}

div.flexibel.afbeelding {
	height:auto;
	vertical-align:middle;
	margin-top:30px;
	width:147px;
	text-align:right;
}


/********************************************************************************
			Klassikaal specifiek
/********************************************************************************/

div.klassikaal.kolom1 {
	position:relative;
	display:block;
	float:left;
	width:575px;
	margin-right:20px;
	height:auto;
}

div.klassikaal.kolom2 {
	position:relative;
	display:block;
	float:left;
	width:375px;
	height:auto;
}

div.klassikaal.kolom2a {
	position:relative;
	display:block;
	float:left;
	width:167px;
	height:auto;
}

div.klassikaal.kolom2b {
	position:relative;
	display:block;
	float:left;
	width:208px;
	height:auto;
}

div.klassikaal p {
	display:block;
	width:100%;
	margin-bottom:20px;
}

div.klassikaal.afbeelding {
	height:auto;
	vertical-align:middle;
	margin-top:30px;
	width:147px;
	text-align:right;
}

ul.klassikaal {
	display:block;
	width:530px;
	padding-left:15px;
	margin-top:0px;
	margin-left:0;
}



/********************************************************************************
			Locaties specifiek
/********************************************************************************/

div.locaties.kolom1 {
	display:block;
	float:left;
	width:515px;
	height:auto;
}

div.locaties.kolom2 {
	display:block;
	float:left;
	width:435px;
	height:auto;
	padding-left:10px;
}

div.locaties.kolom1 table {
	width:525px;
}

div.locaties.kolom1 > p {
	width:495px;
	margin-right:20px;
}

div.adres {
	width: 60%;
	float: left;
}
div.routebeschrijving {
	width: 40%;
	float: left;
}

iframe {
	border:1px solid #0070C0;
}







/********************************************************************************
			Formulieren specifiek
/********************************************************************************/

div#quickfind {
	display:block;
	position:fixed;
	right:0;
	bottom:0;
	width:400px;
	
	border:2px ridge #0070C0;
	background:white;
	
	visibility:hidden;
	
}

div#quickfind_results {
	width:400px;
	height:385px;
	overflow:auto;
	
	margin:0px;
	padding:0px;
	background:white;
}

div#quickfind #searchbox {
	display:block;
	line-height:35px;
	padding:5px;
	margin:0px;
	text-align:left;
	vertical-align:middle;
}

div#quickfind table {
	border-collapse:collapse;
	border:1px solid #0070C0;
	background-color:white;
	margin-left:1px;
}
div#quickfind th { 
	height:28px;
	text-align:left;
	padding-left:5px;
	padding-right:5px;
	background-color:#A6D9FF;
	color:#FFFFFF;
	background:url("/_img/th.jpg") repeat-x;
	border:none;
}
div#quickfind th a, th a:hover, th a:visited {
	color:#333333;
	text-decoration:none;
}
div#quickfind td.smal {
	max-width:25px;
	width:25px;
}
div#quickfind td.a {
	padding:5px;
	margin:0px;
	text-align:left;
	border-top:1px solid #0070C0;
	border-bottom:1px solid #0070C0;
	background-color:white;
	font-size:0.9em;
}
div#quickfind td.b {
	padding:5px;
	margin:0px;
	text-align:left;
	border-top:1px solid #0070C0;
	border-bottom:1px solid #0070C0;
	background-color:#ECF7FF;
	font-size:0.9em;
}
div#quickfind td.c {
	padding:5px;
	margin:0px;
	text-align:left;
	border-top:1px solid #0070C0;
	border-bottom:1px solid #0070C0;
	background-color:#A6D9FF;
}
div#quickfind td img {
	vertical-align:text-bottom;
	margin:0;
	border:0;
	padding:0;
}
div#quickfind th img {
	margin:0;
	border:0;
	padding:0;
}