* {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: #0e295e;
}

html {
	height: 100%;
	
}

body {
/*	height: 100%;*/
	min-height: 100%;
/*	background: url(/img/tile.png) 0 100% repeat-x;*/
	background: url(/img/tile.png) 0 485px repeat-x;
}

#bg { background: url(/img/texture.jpg) 50% 0 no-repeat; }

#wrap {
	position: relative;
	width: 915px;
	margin: 0 auto;
}

#header {
	padding: 10px 0 0 0;
}

	#menu {
		height: 30px;
/*		background: url(/img/bg.png) 0 100% no-repeat;*/
		padding: 10px 0 0 25px;
	}
	#menu li { display: inline; }
	#menu a, #menu a:link, #menu a:visited {
		margin: 0 10px 0 0;
		color: #0e295e;
		text-decoration: none;
		border-right: 1px solid #0e295e;
		padding: 0 11px 0 0;
		font-size: 13px;
	}
	#menu .last a { border: 0; }
	#menu li.active a, #menu a:hover { color: #920013; }
	#menu a:hover { text-decoration: underline; }
	#contact-info {
		position: absolute;
		right: 10px;
		top: 17px;
		font-size: 17px;
	}
	#contact-info em { font-size: 17px; font-style: normal; color: #d3031c; }
	
.main {
	padding: 10px 0 0 0;
	background: url(/img/bg.png) 0 100% no-repeat;
	position: relative;
}

	.left {
		width: 440px;
		float: left;
		padding: 0 0 7px 0;
	}
	.left img { margin: 0 0 0 10px; float: left; }
	
	.right {
		width: 420px;
		float: right;
		margin: 0 20px 0 0;
	}
	.right2{
		width: 860px;
		float: left;
		padding: 0 0 7px 0;
		margin: 7 20px 0 0;
	}
	#services {
		clear: both;
	}
	
.referentie .right {
	width: 575px;
	margin-bottom: 20px;
	}
	
.referentie .right h3 {
	font-family: Georgia, "Times New Roman", serif;
	color: #d32e35;
	font-size: 17px;
	font-weight: normal;
	line-height: 26px;
}	


	
.clearboth { clear: both; height: 1px; overflow: hidden; } 

.block_3c {
	width: 245px;
	padding: 0 30px;
	float: left;
}

	.rss { margin: 20px 0 0 0; }
	
#footer {
	padding: 20px 0 0 0;
	text-align: center;
}

	#footer * {
		font-size: 11px;
		line-height: 20px;
		text-decoration: none;
	}

/** services **/
#services {
	height: 90px;
/*	background: url(/img/buttons-bg.png) no-repeat 7px 0;*/
	background: url(/img/buttons-bg.png) no-repeat 152px 0;
}
	#services { padding: 0 0 10px 0; }
	#services li {
		position: relative;
		display: block;
		float: left;
/*		width: 182px;*/
		width: 152px;
		height: 85px;
		text-align: center;
	}
	#services a, #services a:link, #services a:visited {
		color: #666;
		font-size: 15px;
		text-decoration: none;
		position: relative;
		padding: 60px 0 0 0;
		display: block;
	}

	#service-inbraakbeveiliging.active { background: url(/img/buttons/inbraakbeveiliging.png) no-repeat 50% 0; }
	#service-camerabewaking.active { background: url(/img/buttons/camerabewaking.png) no-repeat 50% 0; }
	#service-toegangscontrole.active { background: url(/img/buttons/toegangscontrole.png) no-repeat 50% 0; }
	#service-netwerk.active { background: url(/img/buttons/netwerk.png) no-repeat 50% 0; }
	#service-telecom.active { background: url(/img/buttons/telecom.png) no-repeat 50% 0; }
	#service-brandbeveiliging.active { background: url(/img/buttons/brandbeveiliging.png) no-repeat 50% 0; }

	#service-inbraakbeveiliging { background: url(/img/buttons/gr-inbraakbeveiliging.png) no-repeat 50% 0; }
	#service-camerabewaking { background: url(/img/buttons/gr-camerabewaking.png) no-repeat 50% 0; }
	#service-toegangscontrole { background: url(/img/buttons/gr-toegangscontrole.png) no-repeat 50% 0; }
	#service-netwerk { background: url(/img/buttons/gr-netwerk.png) no-repeat 50% 0; }
	#service-telecom { background: url(/img/buttons/gr-telecom.png) no-repeat 50% 0; }
	#service-brandbeveiliging { background: url(/img/buttons/gr-brandbeveiliging.png) no-repeat 50% 0; }

/** Player **/
.player {
/*	width: 249px;*/
/*	height: 182px;*/
	width: 267px;
	height: 240px;
	background: url(/img/player-screen.png) no-repeat;
	position: relative;
}

	.video {
		position: absolute;
		top: 14px;
		left: 13px;
	}


/** Typography **/
h1 {
	font-family: Georgia, "Times New Roman", serif;
	color: #24314a;
	font-size: 24px;
	font-weight: normal;
	padding: 20px 0 20px 0;
}

h2 {
	font-family: arial, helvetica, sans-serif;
	font-size: 16px;
	line-height: 1.2em;
	color: #0e295e;
	padding: 5px 0;
}

h3 {
	font-family: arial, helvetica, sans-serif;
	font-size: 13px;
	line-height: 1.2em;
	color: #0e295e;
	padding: 0;
	font-weight: bold;
}

h4{ 
	font-famaly: arial, helvetica, sans-serif;
	font-size:14px;
	color: #222;
	text-decoration:line-through;
}

h5{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #900013;
}
p {
	color: #333;
	padding: 0 0 20px 0;
	line-height: 20px;
}

.cta {
	width: 240px;
	height: 29px;
	display: block;
	background: url(/img/cta-bg.png) no-repeat;
	color: #fff;
	font-size: 16px;
	text-decoration: none;
	padding: 5px 0 0 10px;
	cursor: pointer;
}
	html a:hover { text-decoration: underline !important; color: #1351ca; }
	html a.cta:hover { color: #fff; }
	
strong { font-weight: bold; }
em { font-style: italic; }
u { text-decoration: underline; }
	
/** General design **/
.main ul, .main ol { margin: 0; padding: 15px 0 15px 20px; }

	.main ul li {
		list-style: disc;
		color: #24314a;
		line-height: 32px;
	}
	
	.main ol li {
		list-style: decimal;
		color: #24314a;
		line-height: 32px;
	}
	
table td { padding: 4px; }

/** maps popup **/
#mp {
	display: none;
	margin: -550px 0 0 -380px;
	border: 10px solid #fff;
	width: 760px;
	height: 500px;
	position: absolute;
	z-index: 999;
	left: 50%;
	top: 80%;
	background-color: #D2DCE6;
}

	#mp_map {
		width: 400px;
		height: 450px;
		margin: 5px;
		float: left;
	}

	#directions {
		float: right;
		width: 330px;
		height: 450px;
		overflow-y: scroll;
		overflow-x: hidden;
		margin: 5px;
		_width: 325px;
	}
		
	.googledir {
		margin: -10px 5px 0 0;
	}
	
	#map_search {
		clear: both;
		width: 760px;
		height: 34px;
		background-color: #5CA0E6;
		position: absolute;
		top: 470px;
	}
	
		#map_search input, #map_search select, .vrij_bottom input, #map_search span {
			border: 0;
			background-color: #fff;
			margin: 5px 0 0 5px;
			float: left;
			border: 3px solid #fff;
			/* ie border 1px */
		}
		
		#map_search span { line-height: 18px; }
		#map_search_submit, #map_search_close { height: 24px; }
		
		#map_search_address { border: 4px solid #fff !important; }
		#map_search_close { float: right !important; margin-right: 5px !important; }
		#map_search_close, #map_search_submit {
			font-weight: bold;
		}
		
		#map_search_close:hover, #map_search_submit:hover, .vrij_bottom input:hover {
			background-color: #ccc;
			border-color: #ccc;
			cursor: pointer;
		}
		
.error {
	color: #f00;
}

/** webshop **/
.products-wrap {
	padding: 10px 0 0 0;
	background: url(/img/bg.png) 0 100% no-repeat;
	position: relative;
	display: block;
}
	.products li { width: 435px; padding: 0 20px 5px 0; float: left; }
	.p-image { float: left; padding: 5px 10px 0 10px; }
	.p-content { width: 190px; float: left; }
		.p-content h3, .p-content h3 a { text-decoration: none; font-size: 14px; font-family: Georgia, serif; padding: 0 0 8px 0; }
	.p-prijs { float: right; font-family: Georgia, serif; }
	.p-prijs * { display: block; width: 110px; text-align: right; padding: 3px 0; }
		.van-prijs { font-size: 14px; color: #222; padding: 20px 0 3px 0; text-decoration: line-through }
		.voor-prijs { font-size: 18px; color: #900013; }
	.products .p-content ul { padding: 0 0 0 20px; width: auto; }
		.products .p-content li { padding: 0; list-style: disc; width: auto !important; float: none; }
	.cta2 {
		width: 110px;
		height: 29px;
		display: block;
		background: url(/img/cta2.png) no-repeat;
		color: #fff;
		font-size: 16px;
		text-decoration: none;
		padding: 5px 0 0 10px;
		cursor: pointer;
		text-align: left;
	}
	
#shop-prijs {
	background-color: #f5f5f5;
	border: 1px solid #eee;
	padding: 5px;
	margin: 30px;
}
	#shop-prijs span { text-align: center; padding: 8px 0; margin: 0 0 0 7px; }
	#shop-prijs .cta2 { margin: 0 0 0 10px; }
	#shop-prijs form { display: none; }
	#shop-prijs .cta2:hover { color: #fff; text-decoration: underline; }
	#product-title {
/* 		width: 270px; */
/* 		height: 95px; */
	}
	
.row { display: block; padding: 20px 0 0 0; font-size: 13px; clear: both; }
.row label { font-weight: bold; display: block; float: left; width: 120px; text-align: right; padding: 0 10px 0 0; }
.row input, .row select { font-size: 12px; float: left; }
	.row input { width: 200px; }
	.row select { width: 205px; }
	#shop-detail .row .cta-blue { position: static; bottom: none; margin: 10px 0 10px 130px; }
	.row .error { color: #f00; clear: both; padding: 0 0 0 130px; font-weight: bold; }
strong { font-weight: bold; }
em { font-style: italic; }
#ideal-button {
	width: 300px;
	height: 145px;
	background: url(/assets/images/ideal.png) no-repeat;
	border: 0;
	cursor: pointer;
	margin: 5px 0 20px 0;
}

.referentie .right span {
	border-top: 1px solid #ddeaf3;
	border-bottom: 1px solid #ddeaf3;
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 10px;
	margin-bottom: 20px;
	}
	
.referentie .right span img {
	float: left;
	padding-right: 20px;
	}
	
.referentielogos {
	float: left;
	padding-left: 24px;
	}	
	
.referentielogos ul {
	list-style: none;
	}
	
.referentielogos ul li {
	float: left;
	list-style: none;
	}
	
.referentie .right {
	margin-bottom: 0px;
	}

.referentiecontainer {
	float: left;
	width: 100%;
	}
	
.referentievlak {
	float: left;
	width: 264px;
	margin:20px;
	border-bottom: 1px solid #DDEAF3;
	}
	
.referentievlak a {
	color: #0754ea;
	text-decoration: underline;
	}
	
.referentie .right .cta {
	width: 240px;
	height: 29px;
	display: block;
	background: url(/img/cta-bg.png) no-repeat;
	color: white;
	font-size: 16px;
	text-decoration: none;
	padding: 5px 0 0 10px;
	cursor: pointer;
	float: left;
	margin-right: 36px;
	}
	
.referentie .main {
	float: left;
	}
	
.schaduw {
	margin-left: 6px;
	}