@import url(/include/css/editor.php);

/** = COLORS **

f02f10 red
0086d4 blue

e1e1e1 gray border

**/


body {
	}


/** =CLASSES **/

.coll {
	float: left;
	width: 230px;
	height: 259px;
	padding-right: 10px;
	background: transparent url(/image/box-shadow-right.gif) no-repeat 231px bottom;
	}
.coll-side {
	background: none;
	}

.coll h2 a,
#sidebar .subnav h1,
#shortcuts h2 a
 {
	display: block;
	height: 45px;
	padding: 0px 0 0 5px;
	margin: 5px 0 0 0;
	border-bottom: 1px solid #959595;
	background: #f02f10 url(/image/h2_bg_red.gif) no-repeat top right;
	color: white;
	text-decoration: none;
	font-size: 14px;
	line-height: 25px;
	}

	.coll-side h2 a {
		margin: 0;
		background: #f02f10 url(/image/h2_bg_blue.gif) no-repeat top right;
		}

	#shortcuts h2 a {
		margin: 0;
		height: 25px;
		border-bottom: 0px;
		border-top: 1px solid white;
	}

#shortcuts {
	padding: 0 0 20px 0;
	border-bottom: 1px solid #959595;
	background: #f02f10 url(/image/h2_bg_red.gif) no-repeat bottom right;
}
.nav-list {
	margin: 0;
	list-style: none;
	}
	.nav-list li {
		border-bottom: 1px solid #e1e1e1;
		background: url('/image/arrow-navlist.gif') no-repeat 220px 10px;
		}
		.nav-list li span.sub {
			text-transform: none;
		}
		.nav-list li a:link, .nav-list li a:visited {
			display: block;
			padding: 4px 10px 3px 5px;
			text-decoration: none;
			font-size: 11px;
			text-transform: uppercase;
			font-weight: bold;
			}
		.nav-list li a:hover, .nav-list li a:active {
			color: #333333;
		}
		.nav-list li ul {
			display: none;
		}



/** =LAYOUT **/

#container {
	width: 966px;
	margin: 0 auto;
	}
#containerOuter {
	background: white url(/image/body_bg.gif) repeat-x bottom;
	overflow: auto;
}
#wrapper {
	/*clear: both;*/
	overflow: auto;
	background: transparent url(/image/box-shadow-right.gif) no-repeat 711px bottom;
	}


/** =HEADER **/

#header {
	margin: 0 14px 15px 0;
	}
#divisionHeader {
	background: url(/image/header1_small.jpg) no-repeat top left;
	height: 100px;
	margin: 0 -30px 15px 0;
}
	#divisionHeader.home 			{	display: none;}
	#divisionHeader.bev 			{	background-image: url(/image/header1_small.jpg);}
	#divisionHeader.bevcamera		{	background-image: url(/image/header1_smallb.jpg);}
	#divisionHeader.telco 			{	background-image: url(/image/header2_small.jpg);}
	#divisionHeader.zorg 			{	background-image: url(/image/header3_small.jpg);}
	#divisionHeader.zorgalarmering	{	background-image: url(/image/header3_smallb.jpg);}


#logo {
	float: left;
	position: relative;

	}
	#logo a {
		display: block;
		width: 215px;
		height: 115px;
		background: url(/image/logo_header_small.gif) no-repeat top left;
		text-indent: -999em;
	}
		#logo.home a,
		#logo.bev a,
		#logo.telco a,
		#logo.zorg a {
			background: url(/image/logo_header.gif) no-repeat top left;
		}
	#logo #logoPayoff {
		position: absolute;
		top: 29px;
		left: 58px;
		width: 143px;
		height: 13px;
		overflow: hidden;
	}
		#logo #logoPayoff img {
			position: absolute;
			top: 0px;
			left: 143px;
		}

		#logo.home #logoPayoff img {
			left: 0px;
		}
		#logo.bev #logoPayoff img {
			left: 0px;
		}
		#logo.telco #logoPayoff img {
			left: -143px;
		}
		#logo.zorg #logoPayoff img {
			left: -286px;
		}
	#slogan img {
		margin: 30px 0 0 40px;
	}


#navigation {
	clear: both;
	overflow: auto;
	zoom: 1;

	}


/** =CONTENT - HOMEPAGE **/

#home-intro {
	}
	#slider {
		height: 259px;
		/*background: transparent url(/image/box-shadow-right.gif) no-repeat 711px 0px;*/
		position: relative;
	}
		#slider ul {
			list-style: none;
			padding: 0;
			margin: 0;
			height: 256px;
			background: transparent;
			overflow: hidden;
			position: relative;
		}
			#slider ul li {
				margin: 0;
				width: 710px;

				display: none;
				position: absolute;
				left: 0;
				top: 0;

			}
				#slider ul li a {
					display: block;
					height: 256px;
				}
			#slider ul li#Beveiliging {
				background: transparent url(/image/header1.jpg) no-repeat top left;
				display: block;
				/*width: 710px;*/

			}
			#slider ul li#Telecommunicatie {
				background: transparent url(/image/header2.jpg) no-repeat top center;
			}
			#slider ul li#Zorgsystemen {
				background: transparent url(/image/header3.jpg) no-repeat top right;
				float: right;
			}
	#slidePointer {
		background: transparent url(/image/pointer.gif) no-repeat top left;
		width: 17px;
		height: 9px;
		position: absolute;
		top: 247px;
		left: 105px;
	}


/** CONTENT - DEFAULT **/

#content {
	float: left;
	width: 680px;
	padding: 0 30px 0 0;
	overflow: hidden;
	}
	#content div.homepage {
		width: 720px;
		padding: 0;
	}
	#cols div p {
		padding: 5px;
	}
	#collImg{
		float:left;
		padding:5px 5px 0 0;
	}
#sidebar {
	float: right;
	width: 238px;
	margin: 0 7px 0 0;
	/*background: transparent url(/image/box-shadow-right.gif) no-repeat bottom right;*/
	}

	#sidebar p {
		padding: 5px 15px 10px 0;
		border-bottom: 1px solid #e1e1e1;
	}
	#sidebar p a {
		display: block;
		background: transparent url(/image/arrow-navlist.gif) no-repeat scroll bottom right;
		text-decoration: none;
	}

	#sidebar #bluebanner {
		height: 100px;
		padding: 10px 10px 0 10px;
		margin: 5px 0 0 0;
		background: url(/image/blue_banner_bg.gif) no-repeat top right;
	}
		#sidebar #bluebanner p {
			border: none;
			}
		#sidebar #bluebanner h2 {
			color: white;
			}
		#sidebar #bluebanner{
			color:#cccccc;

			}
		#sidebar #bannerContainer a {
			color: white;
			text-decoration:none;
			cursor:hand;
			background: none;
			}
	#sidebar .subnav {
		height: auto;
		margin: 0 0 15px 0;
	}
		#sidebar .subnav h1{
			margin: 0;
			background:#F02F10 url(/image/h2_bg_gray.gif) no-repeat scroll right top;
		}
		#subnav, #subnav li ul {
			list-style: none;
			margin: 0 0 25px 0;
			line-height:1;
		}

			#subnav li {
				padding: 1px 0;
				border-bottom: 1px solid #e1e1e1;
			}
				#subnav li a:link, #subnav li a:visited {
					display: block;
					padding: 2px 0;
					text-decoration: none;
					width: auto;
				}
				#subnav li a:hover, #subnav li a:active {
					color: #333333;
				}
				#subnav li a:hover, #subnav li a:active {
					color: #333333;
				}

				#subnav li.active a, #subnav li.open a {
					background: #ededed;
					color: #333333;
				}

				#subnav li ul {
					display: none;
				}

				/*sub sub*/
				#subnav li.active ul, #subnav li.open ul {
					display: block;
					margin: 0;
				}
					#subnav li ul li {
						border-bottom: none;
						padding-bottom: 0px;
					}

						#subnav li ul li a:link, #subnav li ul li a:visited {
							color: #666666;
							padding-left: 10px;
						}
						#subnav li ul li.active a:link, #subnav li ul li.active a:visited {
							color: #333333;
						}


/** NIEUWS **/
#nieuws{
	min-height:200px;
	}
#nieuws img {
	float: left;
	border: red;
	margin: 0 25px 10px 0;
}
#newsBlock{
	clear:both;
	min-height:200px;
	padding-bottom:10px;
	border-bottom: 1px solid #CCCCCC;
	margin-bottom:10px;
	}
#archiveToggle,
#archiveTogglePadded {
	display:block;
	}
#archiveTogglePadded{
	margin: 10px 0px 15px 0px;
	}
#newsFlash{
	margin-top:20px;
	}
	#newsFlash h2{
		padding-left:5px;
		color:white;
		height:45px;
		background: url(/image/h2_bg_gray_large.gif) no-repeat scroll right top;
		border-bottom:1px solid #AAAAAA;
		margin:0;
		}
	#newsFlash #subnav li {
		padding: 1px 0;
		border-bottom: 1px solid #CCCCCC;
		background:#F0F0F0;
		padding-left:3px;
		}
		#newsFlash #subnav li.active,
		#newsFlash #subnav li.active a,
		#newsFlash #subnav li.open a{
			background:#EDEDED;
			}

/** REFERENTIES **/

ul.overview,
ul.overview ul,
ul.overview li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	}
/* 680px */
/* ul.overview */
ul.overview {
	margin-right: -30px;
	}
ul.overview .nr1,
ul.overview .nr2,
ul.overview .nr3 {
	border-top: 1px solid #cccccc
	}
ul.overview li {
	float: left;
	width: 226px;
	margin-right: 10px;
	padding: 5px 0px;
	border-bottom: 1px solid #cccccc
	}
ul.overview li a {
	height: 52px;
	display: block;
	overflow: hidden;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	}
ul.overview li a:hover {
	color: #333333;
	}
ul.overview li a:hover .logo {
	border-color: #333333;
	}

.logo {
	float: left;
	margin-right: 10px;
	}
.detail .logo {
	margin: 0px 10px 10px 0px;
	}
.logo img {
	display: block;
	}

p.back {
	clear: both;
	float: none;
	display: block;
	margin-top: 3.2em;
	font-weight: bold;
	}


/** =FOOTER **/

#footer {
	width: 952px;
	margin: 0 auto;
	padding: 25px 14px 25px 0;
	clear: both;
	}
#footer p {
	}
	#footer p img {
		vertical-align: top;
	}
#footer a {
	}

#contacta-form input.contacta {
	width: 20px;
	clear: left;
}
#contacta-form input {
	margin-top: 5px;
	width: 300px;
	border: 1px solid #AAAAAA
}
#contacta-form input.radio {
	width: auto;
}
#contacta-form label {
	margin-top: 3px;
	width: auto;
}
#contacta-form input.zipcode {
	width: 100px;
	margin-right: 4px;
}
#contacta-form input.city {
	width: 194px;
}
#contacta-form input.button {
	width: 100px;
}
#contacta-form table td {
	padding-right: 10px;
	vertical-align: bottom;
}