/* SVN FILE: $Id: cake.generic.css 7945 2008-12-19 02:16:01Z gwoo $ */
/**
 *
 * PHP versions 4 and 5
 *
 * CakePHP(tm) :  Rapid Development Framework (http://www.cakephp.org)
 * Copyright 2005-2008, Cake Software Foundation, Inc. (http://www.cakefoundation.org)
 *
 * Licensed under The MIT License
 * Redistributions of files must retain the above copyright notice.
 *
 * @filesource
 * @copyright     Copyright 2005-2008, Cake Software Foundation, Inc. (http://www.cakefoundation.org)
 * @link          http://www.cakefoundation.org/projects/info/cakephp CakePHP(tm) Project
 * @package       cake
 * @subpackage    cake.app.webroot.css
 * @since         CakePHP(tm)
 * @version       $Revision: 7945 $
 * @modifiedby    $LastChangedBy: gwoo $
 * @lastmodified  $Date: 2008-12-18 18:16:01 -0800 (Thu, 18 Dec 2008) $
 * @license       http://www.opensource.org/licenses/mit-license.php The MIT License
 */

* {
	margin:0;
	padding:0;
}

/* General Style Info */
body {
	background: #3e3f53;
	background-image: url('../img/bg_gradient.jpg');
	background-repeat: repeat-x;
	color: black;
	font-size:90%;
	font-family: 'Arial',sans-serif;
	width: 800px;
	margin: auto;
	text-align: center;
	padding-bottom: 20px;
			
	
}
a {
	background:#fff;
	color: #003d4c;
	text-decoration: underline;
	font-weight: bold;
}
a:hover {
	background:#fff;
	color: #003d4c;
	text-decoration:none;
}
a img {
	border:none;
}
h1, h2, h3, h4 {
	font-weight: normal;
}
h1 {
	background:#fff;
	color: #003d4c;
	font-size: 100%;
	margin: 0.1em 0;
}
h2 {
	background:#fff;
	color: #e32;
	font-family:'Gill Sans','lucida grande',helvetica, arial, sans-serif;
	font-size: 190%;
	margin: 0.3em 0;
	padding-top: 0.8em;
}
h3 {
	color: #999933;
	font-family:'Gill Sans','lucida grande',helvetica, arial, sans-serif;
	font-size: 165%;
	padding-top: 1.0em;
}
h4 {
	color: #993;
	font-weight: normal;
	padding-top: 0.5em;
}
ul, li {
	margin: 0 12px;
}

h6 {
	margin-left: 220px;
	text-align: left;
	margin-bottom: 10px;
	margin-top: 15px;
	text-indent:20px;
	width: auto;
	font-size: 100%;
	font-weight: bold;
	background-image: url('../img/bullit.gif');
	background-repeat: no-repeat;
	color: #00001A;
}

div.wrapper ul,div.wrapper li {
	margin-left: 200px;
}

/* Layout */
#container {
	text-align: left;
}

#header{
background-image: url('../img/header_bg.jpg');
width: 847px;
height: 273px;
}
#subheader { /* omdat de niveaus tussen IE en FF niet gelijk werden, zijn de msg en de crumb gegroepeerd. */
	width: 847px;
	height: 40px;       
	
}

#photocontainer {
	float: left;
	margin-left: 47px; /* was 47 */
	margin-top: 73px;
	height: 147px;
	width: 466px;
	clear: both;
	position: relative;
}

#headerphoto {

}

#mainmenu {
float: right;
margin-right: 57px;
margin-top: 50px;
height: 30px;
}

#mainmenu a{
background-color: transparent;
color: #E2E231;
font-family: "arial", sans-serif;
text-decoration: none;
font-weight: normal;
vertical-align: top;
}

#mainmenu img{ /* voor de bullit */
background-color: transparent;
padding-top: 3px;
vertical-align: top;
margin-left: 3px;
margin-right: 3px;
}

#content{
background-image: url('../img/main_bg_emb_slice.jpg');
width: 847px;
height: 550px;
}

#crumb {
	font-family: "arial", sans-serif;
	text-decoration: none;
	font-weight: bold;
	text-align: right;
	color: #92929c;
	margin-top: 10px;
	margin-right: 195px;
	float: right;
	
}

#msgcontainer /* een container voor de flashmsg, dit is dus niet de flashmsg.*/
{
	width: 200px;
	height: 20px;
	margin-left:70px;
	margin-top: 10px;
	float: left;
	clear: both;
}

div.message {
	width: 200px;
	height: 20px;
	background: url('../img/flash_bg.jpg') no-repeat left;	
	color: #900;
	font-size: 70%;
	font-weight: bold;	
	padding-left: 30px;
	padding-top: 6px;
	text-align: left;
	
}

div.floatright {
	float: right;
}
#footer {
background-image: url('../img/footer_bg.jpg');
width: 847px;
height: 71px;
}

#content_no_slider { /* Dit geeft de grenzen van de content, als er geen slider wordt gebruikt */
	padding: 10px;
}
#content_no_slider h3 { /* Dit geeft de grenzen van de content, als er geen slider wordt gebruikt */
	padding: 60px;
}

#spacer {
	height: 20px;
}

/* Tables */
table {
	margin-bottom: 10px;
	margin-top: 30px;
	float: right;
	margin-right: 20px;
	width: 400px;
}
th {
	background: #f2f2f2;
	border:1px solid #bbb;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	text-align: center;
}
th a {
	background:#f2f2f2;
	display: block;
	padding: 2px 4px;
	text-decoration: none;
}
th a:hover {
	background: #ccc;
	color: #333;
	text-decoration: none;
}
table tr td {
	padding: 4px;
	text-align: center;
	vertical-align: top;
}
table tr.altrow td {
	background: #f4f4f4;
}
td.actions {
	text-align: center;
	white-space: nowrap;
}
td.actions a {
	margin: 0px 6px;
}
.cake-sql-log table {
	background: #f4f4f4;
}
.cake-sql-log td {
	padding: 4px 8px;
	text-align: left;
}

/* Paging */
div.paging {
	background:#fff;
	color: #ccc;
	margin-bottom: 2em;
}
div.paging div.disabled {
	color: #ddd;
	display: inline;
}
div.paging span {
}
div.paging span.current {
	color: #000;
}
div.paging span a {
}

/* Scaffold View */
dl {
	line-height: 2em;
	margin: 0em 0em;
	width: 60%;
}
dl.altrow {
	background: #f4f4f4;
}
dt {
	font-weight: bold;
	padding-left: 4px;
	vertical-align: top;
}
dd {
	margin-left: 10em;
	margin-top: -2em;
	vertical-align: top;
}

/* Forms */
form {
	margin-right: 30px;
	margin-top: 45px;
	padding: 0;
	width: 460px;
	float: right;
}
fieldset {
	border: 1px solid #ccc;
	margin-top: 30px;
	padding: 16px 20px;
	width:200px;
	float: right;
}
fieldset legend {
	background:#fff;
	color: #e32;
	font-size: 100%;
	font-weight: bold;
}
fieldset fieldset {
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 16px 10px;
}
fieldset fieldset legend {
	font-size: 120%;
	font-weight: normal;
}
fieldset fieldset div {
	clear: left;
	margin: 0 20px;
}
form div {
	clear: both;
	margin-bottom: 1em;
	vertical-align: text-top;
	padding: 5px;
}
form div.input {
	color: #444;
}
form div.required {
	color: #333;
	font-weight: bold;
}

form div.required label{
	background-image: url('../img/required.gif');
	background-repeat: no-repeat;
	background-position: left;
	text-indent: 10px;
}

form div.submit {
	border: 0;
	margin-top: 0px;
	float: left;	
}
label {
	float: left;
	display: block;
	font-size: 90%;
	width: 92px;
	padding-top: 5px;
	text-align: right;
	margin-right: 5px;
}
input, textarea {
	overflow: auto;
	font-size: 100%;
	padding: 2px;
	width: 340px;
	float: right;
	background-color: #cbccd1;
	border-width: 1px;
	border-style: solid;
	border-color: #0a0a24;	
}



#login input {
	width:150px;
}
#login div.input {
	width:270px;
	margin: 1px;
}

#login input[type=submit] {
	font-size: 90%;
	vertical-align: bottom;
	width: 100px;
	float: left;
	background-color: #0a0a24;
	color: #E2E231;
	font-weight: bold;
}

#login form{
	margin-top: 0px;
	width: 100%;
	padding: 2px;
}

#login fieldset{
	margin-top: 0px;
	width: 280px;
	float: left;
	clear: both;
	margin-left: 2px;
}

#login label {
	float: left;
	display: block;
	font-size: 90%;
	width: 92px;
	padding-top: 5px;
	text-align: right;
	margin-right: 5px;
}

#emailform form{
	padding: 0px;
	width: 400px;
	
}

#emailform div{
	padding: 0px;
	margin: 0px;
}

#emailform label{
	font-size: 90%;
	text-align: left;
	margin: 0px;
	padding: 0px;
}

#emailform input, textarea{
	float: left;
	margin: 0px;
	
}

#emailform input {
	width: 200px;
	overflow: hidden;
}

#emailform textarea {
	width: 419px;
}

#emailform table {
	float: right;
	margin-bottom:0px;
	margin-right:0px;
	margin-top:0px;
	width:400px;
}

#emailform tr,td {
	height: 10px;
}

.required div {
	background-image: url('../img/required.gif');
	background-repeat: no-repeat;
}

#emailform input[type=checkbox] {
	float:left;
	width:auto;
	margin: 0 3px 7px 0;
}

#map_canvas{
	float:right;
	margin-right:50px;
}


#routeform input {
	width: 94px;
	text-align: center;
	vertical-align: middle;
	clear: both;
}



#routeform form {
	width: 94px;
	margin-right: 80px;
	margin-left: 60px;
	margin-top: 0px;
	padding: 5px;
	vertical-align: top;
	float: right;
	height: 100px;
	clear: both;
	
}

#routeform fieldset {
	position: relative;
	margin-top: -10px;
	width: 100px;
	text-align: center;
	vertical-align: top;
}

p.smaller  {
}

.input_focus{
	background-color: #e2e1e6;
}


select {
	clear: both;
	font-size: 120%;
	vertical-align: text-bottom;
}
select[multiple=multiple] {
	width: 100%;
}
option {
	font-size: 120%;
	padding: 0 3px;
}
input[type=checkbox] {
	margin-right: 330px;
	margin-top: 7px;
	width: 15px;
	border: none;
	background-color: transparent;
}
input[type=radio] {
	float:left;
	width:auto;
	margin: 0 3px 7px 0;
}
div.radio label {
	margin: 0 0 6px 20px;
}
input[type=submit] {
	font-size: 90%;
	vertical-align: bottom;
	width: 100px;
	float: left;
	background-color: #0a0a24;
	color: #E2E231;
	font-weight: bold;

}

#routeform input[type=submit] {
	font-size: 90%;
	width: 100px;
	background-color: #0a0a24;
	color: #E2E231;
	font-weight: bold;
	float: right;
	margin: 0px;
	vertical-align: middle;
	height: 22px;
	clear: both;
	}

#editform input[type=submit] {
	margin-top: -10px;

}

#editform {
	margin-right: 50px;
}

#indexform {
	margin-right: 75px;
	margin-top: 40px;
}

/* Notices and Errors */

div.error-message {
	clear: both;
	color: #900;
	font-weight: bold;
}
p.error {
	background-color: #e32;
	color: #fff;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}
p.error em {
	color: #000;
	font-weight: normal;
	line-height: 140%;
}
.notice {
	background: #ffcc00;
	color: #000;
	display: block;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}
.success {
	background: green;
	color: #fff;
}

/*  Actions  */
div.actions ul {
	margin: 0px 0;
	padding: 0;
}
div.actions li {
	display: inline;
	list-style-type: none;
	line-height: 2em;
	margin: 0 2em 0 0;
	white-space: nowrap;
}
div.actions ul li a {
	background:#fff;
	color: #003d4c;
	text-decoration: none;
}
div.actions ul li a:hover {
	color: #333;
	text-decoration: underline;
}

/* Related */
div.related {
	clear: both;
	display: block;
}

#footer img {
	float: right;
	margin-right: 50px;
}

#copyright {
	float: left;
}


/* Debugging */
pre {
	color: #000;
	background: #f0f0f0;
	padding: 1em;
}
pre.cake-debug {
	background: #ffcc00;
	font-size: 120%;
	line-height: 140%;
	margin-top: 1em;
	overflow: auto;
	position: relative;
}
div.cake-stack-trace {
	background: #fff;
	border: 4px dotted #ffcc00;
	color: #333;
	margin: 0px;
	padding: 6px;
	font-size: 120%;
	line-height: 140%;
	overflow: auto;
	position: relative;
}
div.cake-code-dump pre {
	position: relative;
	overflow: auto;
}
div.cake-stack-trace pre, div.cake-code-dump pre {
	color: #000;
	background-color: #F0F0F0;
	margin: 0px;
	padding: 1em;
	overflow: auto;
}
div.cake-code-dump pre, div.cake-code-dump pre code {
	clear: both;
	font-size: 12px;
	line-height: 15px;
	margin: 4px 2px;
	padding: 4px;
	overflow: auto;
}
div.cake-code-dump span.code-highlight {
	background-color: #ff0;
	padding: 4px;
}
div.code-coverage-results div.code-line {
	padding-left:5px;
	display:block;
	margin-left:10px;
}
div.code-coverage-results div.uncovered span.content {
	background:#ecc;
}
div.code-coverage-results div.covered span.content {
	background:#cec;
}
div.code-coverage-results div.ignored span.content {
	color:#aaa;
}
div.code-coverage-results span.line-num {
	color:#666;
	display:block;
	float:left;
	width:20px;
	text-align:right;
	margin-right:5px;
}
div.code-coverage-results span.line-num strong {
	color:#666;
}
div.code-coverage-results div.start {
	border:1px solid #aaa;
	border-width:1px 1px 0px 1px;
	margin-top:30px;
	padding-top:5px;
}
div.code-coverage-results div.end {
	border:1px solid #aaa;
	border-width:0px 1px 1px 1px;
	margin-bottom:30px;
	padding-bottom:5px;
}
div.code-coverage-results div.realstart {
	margin-top:0px;
}
div.code-coverage-results p.note {
	color:#bbb;
	padding:5px;
	margin:5px 0 10px;
	font-size:10px;
}
div.code-coverage-results span.result-bad {
	color: #a00;
}
div.code-coverage-results span.result-ok {
	color: #fa0;
}
div.code-coverage-results span.result-good {
	color: #0a0;
}







	/* Coda-slider:
	  The CSS. You can of course have this in an external .css file if you like.
	Please note that not all these styles may be necessary for your use of Coda-Slider, so feel free to take out what you don't need.
	*/	
		* { margin: 0; padding: 0 }
		/* I've used a hard CSS reset above, but you should consider a more sophisticated reset, such as this one: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
		
		p { text-align: left; margin-left: 215px; margin-top: 5px; margin-bottom: 2px; margin-right: 15px; color: black;}
		
		p, ul { font-size: 13px; line-height: 1.4em } 
		
		p a, li a { color: #39c; text-decoration: none }
		
		p.intro { border-bottom: 1px solid #ccc; margin-bottom: 20px; padding: 20px 0 30px 0; text-align: center; width: 100% }
		
		p#cross-links { text-align: center }
		
		p#cross-links { border-bottom: 1px solid #ccc; margin-bottom: 30px; padding-bottom: 30px }
		
		noscript p, noscript ol { color: #a00; font-size: 13px; line-height: 1.4em; text-align: left }
		noscript a { color: #a00; text-decoration: underline }
		noscript ol { margin-left: 25px; }
		
		a:focus { outline:none }
		
		img { border: 0 }
		
		h3 {  margin-left: 15px; margin-top: 15px; float: left }
		

		
		.stripViewer .panelContainer .panel ul {
			text-align: left;
			margin: 0 15px 0 30px;


		}
		
		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered 
			margin: 20px 0;
			position: relative;
			width: 100%;*/
		
		}

		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 100%; height: 460px; background: #fff; overflow: scroll}
		.csw .loading {margin: 200px 0 300px 0; text-align: center}

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			margin: auto;
			/*width: 700px;  Also specified in  .stripViewer .panelContainer .panel  below */
		
			clear: both;
			/* background: #ebebeb url("../img/slide_bg.jpg") repeat-y center;*/
			width: 730px;
			height: 550px;
		}
		

		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width: 737px; /* Also specified in  .stripViewer  above */
				        
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding-top: 2px;
			padding-bottom: 10px;
			padding-left: 10px;
			padding-right: 10px;
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin: auto;
		}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none;
		}
		
		.stripNav ul li {
			float: left;
			margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
		}
		
		.stripNav a { /* The nav links */
			font-size: 10px;
			font-weight: bold;
			text-align: center;
			line-height: 20px;
			background: #c6e3ff;
			color: #E2E231;
			font-family: "arial", sans-serif;
			text-decoration: none;
			display: block;
						
		}
		
		.stripNav li.tab1 a { background-image: url("../img/tab.jpg"); width: 86px; height:19px; }
		.stripNav li.tab2 a { background-image: url("../img/tab.jpg"); width: 86px; height:19px;  }
		.stripNav li.tab3 a { background-image: url("../img/tab.jpg"); width: 86px; height:19px;  }
		.stripNav li.tab4 a { background-image: url("../img/tab.jpg"); width: 86px; height:19px;  }
		.stripNav li.tab5 a { background-image: url("../img/tab.jpg"); width: 86px; height:19px;  }
		
		.stripNav li a:hover {
			background-image: url("../img/tab.jpg"); 
		}
		
		.stripNav li a.current {
			background-image: url("../img/tab_sel.jpg"); 
		}
		
		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			top: 230px;
			text-indent: -9000em;
		}
		
		.stripNavL a, .stripNavR a {
			display: block;
		}
		
		.stripNavL {
			left: 0;
		}
		
		.stripNavR {
			right: 0;
		}
		
		.stripNavL {
			background: url(../img/arrow-left.gif) no-repeat center;
		}
		
		.stripNavR {
			background: url('./img/arrow-right.gif') no-repeat center;
		}
		
		
		#bannercontainer{
			width: 400px;
			height: 300px;
			background-color: #a9b5e8;
		}
		
		#footerlinks {
			text-align: left;
			font-size: 11px;
			margin-top: -60px;
			margin-left: 80px;
			color: #003D4C;
			font-weight: bold;
		}
		
		#footerlinks a {
			text-decoration: none;
			background-color: transparent;
			border-bottom: dotted;
			border-bottom-color: #003D4C;
			border-bottom-width: thin;
		}
		
		
/* Hieronder is voor de popup die wordt gebruikt ivm verhuizing */	
	.imgCont {
    position: relative;
    overflow: hidden;
}
.imgText {
    position: absolute;
    bottom: -30px;
    height: 25px;
    width: 600px;
    padding: 5px 0 0 0;
}