@charset "utf-8";
/* CSS Document 
				
	In opdracht van				: Mol Beveiliging	
	Design 						: VanderLoo-Design.nl
	Code & functionaliteiten	: Alwinus.nl
	
	Updated: 24 juni 2010
	
	Mol Beveiliging
	Groningen 2010
	| © 2010 Mol Beveiliging |
				
	Kleurcodes
	licht blauw				: #53c1e2

–––––––––––––––––––––––––––––––––––––––---------–––––––––*/ 

* {margin:0; padding:0;}

body{
	background-color:#e4e5e6;
	color:#000000;
	font-family:"Lucida Grande", geneva, helvetica, sans-serif;
	font-size:12px;
}
	
	#top{
		background-color:#24292e;
		height:91px;
	}

		#top-container{
			margin:auto;
			width:985px;
		}
				
			#blauwe-vlak{
				background:#53c1e2;
				float:left;
				height:124px;
				margin-left:15px;
				width:351px;
			}
			
				#blauwe-vlak p{
					color:#ffffff;
					font-size:30px;
					margin:45px 0 0 40px;
				}

				#blauwe-vlak span{
					color:#24292e;
				}

			#top-menu{
				float:left;
				height:124px;
			}
			
			
#container-content{
	background-color:#ffffff;
	border-left:1px solid #959595;
	border-right:1px solid #959595;
	margin:auto;
	padding-top:45px;
	width:985px;
}

	#content-fotobalk img{
		border-bottom:1px solid #959595;
		border-top:1px solid #959595;
		height:189px;
		margin-bottom:10px;
		width:985px;
	}

	#content-background{
		background:url(../images/content-bg.gif) repeat-y right;
	}


	#content-text{
		float:left;
		min-height:350px;
		margin:10px 0 0 15px;
	}

		#content-text p{
			width:400px;
		}
		
		#home-text{
			float:left;
			width:446px;
		}
		
		#home-links{
			float:left;
		}

			#home-links li a{
				color:#24292e;
				text-decoration:none;
			}

			#home-links li a:hover{
				color:#24292e;
				text-decoration:underline;
			}
		
		#content-right img{
			float:right;
			padding-top:130px;
		}

#footer{
	background-color:#373a3b;
	color:#ffffff;
	padding:10px 0 10px 0;
}

	#footer a{
		color:#ffffff;
		text-decoration:none;
	}

	#footer a:hover, #footer a.active {
		color:#53c1e2;
		text-decoration:none;
	}

	#footer-container{
		margin:auto;
		width:985px;
	}

		#footer-menu{
			float:left;
			margin-left:15px;
			width:459px;
		}

			#footer-menu li{
				list-style-position:outside;
				list-style-type:none;
			}

		#footer-info{
			float:left;
			margin-left:15px;
			width:207px;
		}

			#footer-info li{
				list-style-position:outside;
				list-style-type:none;
			}

		#footer-adres{
			float:right;
			padding-right:40px;
		}
		
			#footer-adres a{
				color:#53c1e2;
			}

			#footer-adres a:hover{
				color:#53c1e2;
				text-decoration:underline;
			}
			
			span.blue-text{
				color:#53c1e2;
			}

			span.white-text{
				color:#ffffff;
			}

#copyright{
	background-color:#24292e;
	height:34px;
}

	#copyright P{
		color:#ffffff;
		padding-top:10px;
	}

	#copyright a{
		color:#53c1e2;
		text-decoration:none;
	}

	#copyright a:hover{
		color:#53c1e2;
		text-decoration:underline;
	}

	#copyright-container{
		margin:auto;
		width:985px;
	}
	
		#copyright-copy{
			float:left;
			margin-left:15px;
			width:474px;
		}
		
		#copyright-design{
			float:left;
		}

/*---pagina's-–––––––––––––––––––––––––––––––––––––––––––*/
div.spacer{
	clear:both;
}
/*---pagina's-––––––––––––––––––––––––––––––––––––einde––*/


/*---ul & li--–––––––––––––––––––––––––––––––––––––––––––*/
li{
	list-style:inside;
}
/*---ul & li--––––––––––––––––––––––––––––––––––––einde––*/

/*---Koppen & teksten––––––––––––––––––––––––––––––––––––*/
h1 {
	color:#53c1e2;
	font-size:18px;
	margin-bottom:15px;
}

h2 {
	color:#53c1e2;
	font-size:20px;
}

h3 {
	color:#53c1e2;
	font-size:16px;
}

hr{
	margin:10px 0 10px 0;
}

/*---Koppen & teksten–––––––––––––––––––––––––––––einde––*/

img{
	border:0;
}

td.rechts-uitlijnen, td.rechts {
	vertical-align:top;
	align: right;
}
.knop_home{
	margin-left:300px;
}

/*---Login formulier–––––––––––––––––––––––––––––––––––––*/
#forgot_password, #closelogonform{
	float:left; 
	margin-top:10px; 
	font-size:11px; 
}

	#forgot_password{
		width:200px;
	}

#loginform {
	background:#efefef;
	border:solid 2px #242424;
	color:#242424;
	display:none;
	font-size:11px;
	height:110px;
	left:55%;
	margin:0px;
	padding:0 10px 5px 10px;
	position:absolute;
	top:22px;
	z-index:10;
}

	#loginform form {
		margin:0px;
		padding:0px;
	}

	#loginformheader{ 
		padding-left:73px;
	}
	
	input[type="submit"],input[type="reset"],input[type="button"] { 
		border:2px solid #C70A8F;
		color:#24292E;
		font-weight:bold;
		font-size:12px;
		padding:2px 10px 2px 10px;
		text-decoration:none;
		width:100px;
	}
	
	input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover{ 
		background-color:#C70A8F;
		color:#FFF;
		border:2px solid #C70A8F;
		font-weight:bold;
		padding:2px 10px 2px 10px;
		text-decoration:none;
	}
/*---Login formulier––––––––––––––––––––––––––––––einde––*/


/*---Content menu---––––––––––––––––––––––––––––––------–*/
	
		.menu {
			background-color:#24292E;
			float:left;
			height:20px;
			margin-bottom:20px;
			padding:70px 0 0 210px;
			position:relative;
			z-index:100;
		}
		
		.menu ul li a, .menu ul li a:visited {
			background:#24292E;
			border-bottom:1px solid #24292E; 
			border-left:2px solid #fff; 
			color:#ffffff;
			display:block; 
			font-size:11px; 
			height:20px; 
			line-height:20px; 
			overflow:hidden;
			text-align:center; 
			text-decoration:none; 
			width:100px; 
		}
		
		.menu ul {
			list-style:none;
			margin:0; 
			padding:0; 
		}
		
		.menu ul li {
			float:left;
			list-style-type:none;
			position:relative;
		}
		
		.menu ul li ul {
			display:none;
		}
		
		/* specific to non IE browsers */
		.menu ul li:hover a {color:#fff; background:#53C1E2;}
		.menu ul li:hover ul {display:block; position:absolute; top:21px; left:0; width:105px;}
		.menu ul li:hover ul li a.hide {background:#24292E; color:#fff;}
		.menu ul li:hover ul li:hover a.hide {background:#24292E; color:#ffffff;}
		.menu ul li:hover ul li ul {display: none;}
		.menu ul li:hover ul li a {display:block; background:#ddd; color:#000;}
		.menu ul li:hover ul li a:hover {background:#24292E; color:#ffffff;}
		.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:140px; top:0;}
		.menu ul li:hover ul li:hover ul.left {left:-140px;}
/*---Content menu---––––––––––––––––––––––––––––––einde––*/

/* stadaard dingen */
.melding {
	font-weight: bold;
	padding:2px;
}

.goed {
	background:green;
	color: white;
}

.fout {
	background:red;
	color: white;
}

span.required_field {
	color:red;
	font-weight: bold;	
}