body {
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
	background-color:#ffc;
	height:100%;
}

body, p, td, h1, h2, h3, h4, h5, h6, input, textarea, select {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	/*height:100%;*/
	list-style-image:url(../images/pijl_rechts_blauw.png);
}

h1 {
	font-size:18px;
	color:#1F76B6;
}

h2 {
	font-size:16px;
	color:#1F76B6;
}

h3 {
	font-size:14px;
	font-style:italic;
	color:#1F76B6;
}

a {
	text-decoration:none;
	color:#1F76B6;
}

hr {
	color:#1F76B6;
}

.grijs {
	background-color:#999999;
}

.videofragmentlink {
	padding: 0 0 0 18px;
	background: url(../images/filmfragment_klein.png) transparent no-repeat 0 0.1em;
}

.editlink {
	padding: 0 0 0 18px;
	background: url(../images/edit.png) transparent no-repeat 0 0.1em;
}

.infolink {
	padding: 0 0 0 18px;
	background: url(../images/info.png) transparent no-repeat 0 0.1em;
}

.toevoegenlink {
	padding: 0 0 0 18px;
	background: url(../images/add.png) transparent no-repeat 0 0.1em;
}

.excellink {
	padding: 0 0 0 18px;
	background: url(../images/excel.png) transparent no-repeat 0 0.1em;
}

.lououtlink {
	padding: 0 0 0 18px;
	background: url(../images/lock.png) transparent no-repeat 0 0.1em;
}

.audiofragmentlink {
	padding: 0 0 0px 18px;
	background: url(../images/speaker_klein.png) transparent no-repeat 0 0.1em;
}

.naarbovenlink {
	text-align:right;
	color:#FF0000;
	
	padding: 0 0 0 18px;
	background: url(../images/pijl_omhoog.png) transparent no-repeat 0 0.1em;
}

.teruglink {
	color:#FF0000;	
	padding: 0 0 0 18px;
	background: url(../images/pijl_links.png) transparent no-repeat 0 0.1em;
}

.oplossinglink {
	padding: 0 0 0px 10px;
	color:#FF0000;
	font-weight:bold;
}

.fullscreenlink {
	/*color:#FF0000;*/	
	padding: 0 0 0 18px;
	background: url(../images/fullscreen.png) transparent no-repeat 0 0.1em;
}

.naarboven {
	text-align:right;
	color:#FF0000;
}

a:hover, a:focus, a:active {
	text-decoration: underline;
	
}

.container {
	width: 100%;
	border:thin;
	border-color:#000000;
}

	.top {				
		background-color:#FFFFFF;		
	}
		
		.topLogo {
			height:100px;
			background-image:url(../images/top_background.jpg);
			padding: 0 200px;
		}
		
		.topNavBalk {
			
			height:39px;
			vertical-align:bottom;
			padding-right:10px;
			padding-left:175px;
			padding-top:10px;
			background-color:#0C9BDF;					
		}	
		
		.topNavBalk a {
		
			text-decoration:none;
			color:#FFFFFF;
		}	
		
			.hoofdMenuItem {
				width:120px;
				height:28px;											    			
				border-style:solid;
				border:0px;			
				float:left;
				margin-left:10px;
				text-align:center;
				vertical-align:baseline;
				color:#FFFFFF;
				padding: 5px 5px;
				cursor: pointer;				
			}						
			
			.selected {
				
				width:118px;
				border:solid 1px;
				color:#000000;			
				border-color:#000000;
				background-color:#ffc;
				border-bottom:none;
			}	
			
			.selected a {
			
				color:#000000;
			}
			
			.hoofdMenuItemHelp {
			
				width:70px;
				height:28px;			    			
				border-style:solid;
				border:0px;			
				float:right;
				margin-left:10px;
				text-align:right;
				vertical-align:baseline;
				color:#000000;
				padding:5px 5px;
				cursor: pointer;
				background-image:url(../images/over.png);
				background-repeat:no-repeat;
				background-position:left;
				background-position: 1px;
			}
			
			.hoofdMenuItemHelp:hover {
			
				border-style:dashed;
				border:solid 1px;
				overflow:auto;
				color:#000000;
				border-color:#000000;
				background-color:#ffc;
				width:69px;
				border-bottom:none;
			}	
			
			.hoofdMenuItemHelp:hover a {
			
				color:#000000;
			}
			
			.helpselected {
				
				width:68px;
				border:solid 1px;
				color:#000000;			
				border-color:#000000;
				background-color:#ffc;
				border-bottom:none;
			}
			
			.helpselected a {
			
				color:#000000;
			}	
			
			.hoofdMenuItem:hover {
			
				border-style:dashed;
				border:solid 1px;
				overflow:auto;
				color:#000000;
				border-color:#000000;
				background-color:#ffc;
				width:118px;
				border-bottom:none;				
			}
			
			.hoofdMenuItem:hover a {
			
				color:#000000;
			}
			
			
						
		
		.topBreadcrumb {
			padding: 0 200px;
			padding-bottom: 10px;
			background-color:#FFFFFF;
			text-align: right;	
		}
		
		.topBreadcrumb a {
			color:#000000;
		}
	
		
	.bottom {
		width:100%;
		height:100%;
		
	}
		
		.content {

			margin-left:200px;
			margin-bottom:20px; 
			color:#333; 
			height:100%;
			padding:25px 10px;
			/*
			right:0; 
			width: 100%;
			height:100%;
			background-color:#00CC33;*/
	
		}	
		
		.menuLeft {
			
			position:absolute; 
			left:0; 
			width: 180px;
			font-size:13px;
			/*background-color:#CCCC33;
			height:100%;*/
			list-style-image:url(../images/pijl_rechts_blauw.png);			
			
			float: left;
			
			padding:25px 10px;
			
		}
		.menuLeft a {
			
			/*font-size:14px;*/
		}
		

.infoblok {

	float:left;
	margin-right:15px;
	margin-bottom:15px;
	width:200px;
	border:solid 2px;
	border-color:#1F76B6;

}

.infoblok a {
	color:#000000;
}

	.infotitel {
		height:25px;
		background-color:#1F76B6;
		padding:5px 5px;
		color:#FFFFFF;
		font-weight:bold;
	}
	
	.infotitel a {
		color:#FFFFFF;
		
	}
	
	.infotekst {
		height:235px;
		padding: 5px 5px;
	}
	
	.infotekst li {
		
	}
	
	.meerinfo {
		height:20px;
		text-align:right;
		margin-right:10px;
	}
	.meerinfo a {
		font-weight:bold;
	}

.signaleringsblok {
	vertical-align:top;
	width:100%;
	float:left;
	/*float:left;
	margin-right:5px;*/
	margin-bottom:5px;
}
	.leeftijd {
		width: 50px;
		float:left;
		font-weight:bold;
		margin-right:5px;
		vertical-align:top;
	}
	
	.checkbox {		
		float:left;
		width:20px;
		height:20px;
		margin-right:5px;	
		vertical-align:top;
		/*z-index:10;*/
	}
	
	.signaleringstekst {
		float:left;
		width:85%;
		vertical-align:top;
	}
	
	.oplossing {
		vertical-align:middle;
	}

.adressenblok {
	float:left;
	vertical-align:top;
	width:100%;
	margin-bottom:15px;
}

	.adres {
		float:left;
		margin-right:5px;
		width:200px;
	}
	
	.adrestoelichting {
		float:left;
		width:70%;
	}
		
	
.videofragmenten {
	float:left;
	vertical-align:top;
	width:100%;
	margin-bottom:15px;
}

	.videoblok {
	
		margin-right:15px;
		margin-bottom:15px;
		width:170px;
		border:solid 2px;
		border-color:#1F76B6;
		background-color:#1F76B6;
		vertical-align:top;
		text-align:center;
		float:left;
		
		
	}
	
	.videoblok a {
		color:#FFFFFF;
	}
	
	.videothumb {
		width:170;
		height::130;
	}

.video {
		position:relative;
		left: 1px;
		bottom: 1px;
		z-index: 10;
		float: left;
		font-size: 1.1em;
		line-height: 1.45em;
		margin: 0;
		padding: 0;
		border:0;
	}

.literatuur a {
	/*Link target in nieuw venster*/
}

	
/* Formulier */

/*.Button strong input {
    font-weight: bold;
	color: #ffffff;
	padding:2px;
	background-color:#1F76B6;
	border-color:#000000;
	border:solid 1px;
	cursor: pointer;
}*/

input.submit, #content FormulierKnop {
	font-weight: bold;
	color: #ffffff;
	padding:2px;
	background-color:#1F76B6;
	border-color:#000000;
	border:solid 1px;
}

input.text, textarea.textarea {
	width:300px;
	border-color:#1F76B6;
	border:solid 1px;
}

textarea.textarea {
	height:100px;
	scrollbar-arrow-color: #1F76B6;
	scrollbar-face-color: #7ABAE9;
}


/*Modal Popup*/
.modalBackground 
{
    height:300px;
    width:400px;
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.validatorCalloutHighlight
{
    background-color: lemonchiffon;
}

.unwatermarked {

}

.watermarked {
	width: 100%;
	padding:2px 0 0 2px;
	border:1px solid #BEBEBE;
	background-color:#F0F8FF;
	color:gray;
}
.watermarked2 {

	padding:2px 0 0 2px;
	border:1px solid #BEBEBE;
	background-color:#FFF0F0;
	color:gray;
}


/* Formulier */

.formTitleRow
{
    font-weight: bold;
    color: #FFFFFF;
    background: #1F76B6;
    padding: 3px;
    margin: 5px 0 5px 0;
    font-size: 1.1em;
    width:99%;
    float: left;
}

.formRow
{
    width: 350px;
}

.formCol
{
    width: 50%;
    float: left;   
    margin: 2px 0 2px 0;  
}

.formColWide
{
    width: 100%;
    float: left;   
    margin: 2px 0 2px 0; 
}

.formDropdown
{
    width: 100%;
}

.formTextbox
{
    width: 100%;
}

.formButton {
    /*width: 100%;
    height: 40px;
    font-size: 20px;*/
}

.formBevestiging
{
    font-weight: bold;
}

.Medium
{
    width: 60%;
}

.Small
{
    margin-left: 1px;
    width: 30%;
}

.validationError
{
    color: Red;
    padding: 0 0 0 18px;
	background: url(../images/warning.png) transparent no-repeat 0 -0.1em;
}

.formVerwijderKnop
{
    background-color: #FF0000;
    font-weight: bold;
    color: #000000;
}
.verwijderPanel
{
    float: left; 
    padding: 10px;
    border: solid 1px #FF0000;
    background-color: #F7819F;
}
.panelWide
{
    width: 100%;
    float: left;
    margin-top: 30px;
    margin-bottom: 30px;
}

.warningClick
{
    cursor: pointer;
}

.highlightError
{
    border: solid 1px #FF0000;
    background-color: #F7819F;
}

.errorMessage
{
    width: 99%;
    height: 99%;
    border: solid 1px #FF0000;
    background-color: #F7819F;
    margin: 5px;
}

.successMessage
{
    width: 99%;
    height: 99%;
    border: solid 1px #006600;
    background-color: #99FFCC;
    margin: 5px;
}

thead
{
    font-weight: bold;
    color: #FFFFFF;
    background-color: #0C9BDF;
}

.odd
{
    background-color: #EEEEEE;
}

.lijstRow td
{    
    border-left: 1px solid #000000;
}

/* CSS styling for Google Maps implementation */

div#MapPopup 
{
    width: 150px;
    height: 240px;
    padding: 5px;   
    padding-left: 36px;
    padding-top: 24px;
    _padding-top: 30px;
    margin-left: -20px;
    margin-top: 8px;
    _margin-top: -28px;
    background-image: url('../Images/GoogleMaps/housePopup.png'); /* modern browsers */
    background-image: url('../Images/GoogleMaps/housePopup.gif')\9; /* IE8 */
    *background-image: url('../Images/GoogleMaps/housePopup.gif'); /* IE7 */
    _background-image: url('../Images/GoogleMaps/housePopup.gif'); /* IE6 */
    background-repeat: no-repeat;
}
    
div#MapPopup span.mapPopupHeader a
{
    font-weight: bold;    
}

div#MapPopup div.imageContainer  h4
{       
    color:white;
    font-family:arial;
    font-size:10px;
    font-weight:bold;
    padding:2px 2px 4px;
    text-align:center;
    
}
div#MapPopup div.imageContainer 
{
    margin-top :10px;  
    width: 120px;
}

div#MapPopup a.headLink 
{
    
}

div#MapPopup div.imageContainer img 
{
    width: 120px;
    height:120px;   
}

div.MapsNormal
{
    height: 500px; 
    width:100%;
}

div.MapsFullScreen    
{
    display:block;   
    /*set the div in the top-left corner of the screen*/    
    position:absolute;    
    top:0;    
    left:0;        
    /*set the width and height to 100% of the screen*/    
    width:100%;    
    height:100%;  
}

div.MapsFilter
{
    display:block;   
    position:absolute;  
    overflow:visible;  

    z-index: 99999;
    bottom:0;   
    left:0;           
    background:#eee; 
    border:1px solid #ddd;
} 

/* END CSS styling for Google Maps implementation */