/* Start of CMSMS style sheet 'reps' */
@charset "UTF-8";

/************************************/
/*************      reset     *************/
/************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/************************************/
/************* reps layout *************/
/************************************/

/* divs */
#container {
	width:918px;
	margin:0 auto;
}
	#header {
		width:918px;
		height:146px;
	}
		#logo {
			width:367px;
			height:127px;
			float:left;
			display:inline;
		}
			.exp {margin:27px 0 0;}
			#logo h1 {
				text-indent:-999px;
				background:url(/gfx/reps.jpg) no-repeat 0 72% ;
				width:367px;
				height:33px;
			}
			#logo h1 a {
				width:367px;
				height:33px;
				display:block;
			}
			#logo h1.promotie {
				text-indent:-999px;
				background:url("/gfx/promotie.jpg") no-repeat scroll 0 72% transparent;
				width:406px;
				height:34px;
			}
			#logo h1.evenementenbeveiliging {
				text-indent:-999px;
				background:url("/gfx/evenementenbeveiliging.jpg") no-repeat scroll 0 72% transparent;
				width:406px;
				height:34px;
			}
			#logo h1.verkeersregeling {
				text-indent:-999px;
				background:url("/gfx/verkeersregeling.jpg") no-repeat scroll 0 72% transparent;
				width:406px;
				height:34px;
			}
		#topnav {
			width:550px;
			height:10px;
			float:right;
			display:inline;
			font-size:10px;
			text-transform:uppercase;
			color:#00aeef;
			margin:0 -4px 0 0;
		}
	#nav {
		width:918px;
		height:223px;
		padding:1px 0 0 0;
		margin:0;
	}
	#nav_s {
		width:918px;
		height:318px;
		padding:1px 0 0 0;
		margin:0;
	}
	#nav a, #nav_s a {display:block }
	#content {
		width:918px;
	}
		#left { 
			padding:37px 23px;
			width:504px;
		}
		#right { 
			width:368px;
			min-height:376px;
			height:auto !important;
			height:376px;
		}
			.newscontainer {height:auto;}
	#footer {
		width:883px;
		height:35px;
		padding:0 12px 0 23px;
		clear:both;
		border-top:1px solid #00aeef;
		letter-spacing:0.2px;
		margin:1px 0 0 0;
	}
		#footer a { color:#808183; }
		#footer a:hover { color: #fcb040; }
		#footerleft {
			float:left;
			display:inline;
			text-transform:uppercase;
			line-height:35px;
			margin:0;
		}
		#footerright {
			float:right;
			display:inline;
			text-transform:uppercase;
			line-height:35px;
			margin:0;
		}
/************************************/
/*************    top nav   *************/
/************************************/
#topnav ul {
  float:right; 
  margin:116px 0 0;
}
#topnav ul li {
  float:left;
  display:inline;
  margin:0 4px;
}
#topnav a {
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:0.2px;
}

/* elements */
html {
  font-family:Arial, Verdana, sans-serif;
  font-size:11px;
  color:#808183;
  line-height:16px;
}
h1 {
  font-size:14px;
  color:#fcb040;
  margin:0 0 24px 0;
  font-weight: bold;
}
h2 {
  font-size:11px;
  color:#fcb040;
}
a {
  font-size:10px;
  text-transform:uppercase;
  color:#00aeef;
  text-decoration:none;
}
a:hover {color: #fcb040;}
p {
  font-size:12px;
  color:#808183;
  margin:0 0 22px 0;
  line-height:16px;
}

/************************************/
/*************   classes     *************/
/************************************/
.border {border-bottom:1px solid #00aeef;}
.col {float:left; display:inline; margin:2px 0;}
.orange {color: #fcb040;}
.blue {color:#00aeef;}
.lblue {color:#7fd6f7;}
.current {color: #fcb040;}
.exptable {font-size:9px;}

/************************************/
/*************       nav      *************/
/************************************/

.item {
  width:182px;
  float:left;
  display:inline;
  margin:1px 1px 0 1px;
}
.first {margin:1px 1px 0 0;}
.last {margin:1px 0 0 1px;}
.banner {margin:0px; clear:both;}

/************************************/
/*************     forms     *************/
/************************************/
.form_sollicite33ren label {display:none;}
#cntnt01moduleform_1 {
  font-size:11px;
  color:#808183;
  line-height:16px;
}
#cntnt01moduleform_1 input, #cntnt01moduleform_1 textarea, #cntnt01moduleform_1 select{
  margin:0 0 5px;
}
.text input {
  width:350px;
  height:16px;
  border:1px solid #646567;
}
#cntnt01moduleform_1 textarea {
  width:350px;
  height:200px;
  border:1px solid #646567;
  font-family:Arial, Verdana, sans-serif;
  font-size:11px;
  color:#808183;
}
.required {padding:0 20px 0 0;}
#cntnt01fbrp_submit {
  width:100px;
}
.labels label {
  display:none;
}
label {margin:0 25px 0 0;}
td, th {vertical-align:top;}
.area {padding:25px 0 0 0;}

/************************************/
/*************     forms     *************/
/************************************/
.newsheader {
  color:#ffffff;
  font-size:14px;
  margin:0 0 14px 0;
  font-weight:normal;
}
.newscontent {
  color:#ffffff;
}
.newsdescr {
  padding:10px 0 0 10px;
  width:356px;
  margin:-3px 0 0 0;
}
.newspic {
  float:right;
  width:366px;
}
.newsdescr {
  float:right;
  min-height:100px;
  height:auto !important;
  height:100px;
  background:#00aeef;
}

/* End of 'reps' */