/*
CMS_paginabreedte:1000
CMS_Linkerkolom:250,15,5,10
CMS_Middenkolom:500,5,5,10
CMS_Rechterkolom:5,15,10
CMS_Bovengedeelte:15,15,10
CMS_Ondergedeelte:15,15,10
CMS einde instellingen
*/
.AjaxLoadingpanel
{
	border: solid 1px #D5DFE5;
}

.WitruimteAktief
{
	background: #E6E6FA url(images/hatch.gif);	
	border-left: solid 1px #B0C4DE;
	border-right: solid 1px #B0C4DE;
	border-bottom: solid 1px #B0C4DE;
}

.WitruimteInActief
{
	background: #D3D3D3 url(images/hatch.gif);
	border-left: solid 1px #C0C0C0;
	border-right: solid 1px #C0C0C0;
	border-bottom: solid 1px #C0C0C0;
}

.ModuleInfo
{
	margin-bottom: 7px;
	margin-right: 10px;
}

.GeenJavascript { }
.PreviewInhoud
{
	margin-left: auto;
	margin-right: auto;
}

/* De marge-instellingen zorgen ervoor dat de voorvertoning van artitkelen wordt gecentreerd, ook in IE8 */
.PreviewInhoud
{
	margin-left: auto;
	margin-right: auto;
}

.GeenInhoudNormaal
{
	background-color: #FFC0FF;
	border: solid 1px Purple;
}

.GeenInhoudTekstNormaal
{
	text-align: center;
	margin: 5px;
}

.GeenInhoudWaarschuwing
{
	background: #FFC9CD url(images/waarschuwing.gif) no-repeat;
	color: red;
	border: solid 1px #721515;
}

.GeenInhoudTekstWaarschuwing
{
	text-align: center;
	padding-left: 35px;
	margin: 5px;
}

.TredsStatus
{
	text-align: right;
	font-weight: bold;
	color: Green;
	position: absolute;
	width: 150px;
	left: 644px;
	top: 137px;
}

.GoogleMaps
{
	border: solid 1px #cccccc;
}

.GoogleMapsGPStekstkader
{
	border: solid 1px #ffcc66;
	background-color: #ffffcc;
	padding: 5px;
	margin-top: 3px;
}

.Wijzigveld
{
	float: right;
	margin-top: 85px;
	margin-right: 10px;
}

ul
{
	margin-top: 0px;
	margin-bottom: 0px;
}

ul li
{
	list-style-type: square;
}

html
{
	overflow: scroll;
}

a
{
	color: #aa2115;
}

div.Artikel
{
	overflow: hidden;
}

.LinkerKolom
{
	background-color: White;
}

.LinkerKolom img
{
	border: 1px solid #edeff1;
}

td.LinkerKolom div.Artikel h1 a
{
	text-decoration: none;
	color: White;
}

td.LinkerKolom div.Artikel h1 a:link
{
	text-decoration: none;
	color: White;
}

td.LinkerKolom div.Artikel h1 a:visited
{
	text-decoration: none;
	color: White;
}

td.LinkerKolom div.Artikel h1 a:hover
{
	text-decoration: none;
	color: Yellow;
}

.MiddenKolom
{
	background-color: White;
}

.MiddenKolom img
{
	border: 1px solid #edeff1;
}

td.MiddenKolom div.Artikel h1 a
{
	text-decoration: none;
	color: White;
}

td.MiddenKolom div.Artikel h1 a:link
{
	text-decoration: none;
	color: White;
}

td.MiddenKolom div.Artikel h1 a:visited
{
	text-decoration: none;
	color: White;
}

td.MiddenKolom div.Artikel h1 a:hover
{
	text-decoration: none;
	color: White;
}

.RechterKolom
{
	position: relative;
	background-color: White;
	height: 305px;
	min-height: 305px;
	margin: 0px;
	padding: 0px;
}

.RechterKolom img
{
	border: 1px solid #edeff1;
}

td.RechterKolom div.Artikel
{
	padding-bottom: 0px;
}

td.RechterKolom div.Artikel h1, h2
{
	background: none;
	border-top: 1px solid #5E665C;
	padding-top: 6px;
	padding-left: 0px;
	color: #000000;
}

td.RechterKolom div.Artikel h1 a
{
	text-decoration: none;
	color: Black;
}

td.RechterKolom div.Artikel h1 a:link
{
	text-decoration: none;
	color: Black;
}

td.RechterKolom Artikel h1 a:visited
{
	text-decoration: none;
	color: Black;
}

td.RechterKolom div.Artikel h1 a:hover
{
	text-decoration: none;
	color: Maroon;
}

body
{
	background: url(images/achtergrond.gif) repeat-x top;
	background-color: #ffffff;
	color: #3D3D3D;
	margin: 0;
	padding: 0;
	font-family: 'Segoe UI', Tahoma, Verdana, 'Lucida Grande', 'Lucida Sans Unicode', Sans-Serif;
	font-size: 11px;
	line-height: 14px;
}

.settingspanel
{
	margin-top: 4px;
	margin-right: 10px;
	margin-left: 10px;
}

.settingssubpanel
{
	margin-top: 5px;
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 0px;
}

.submenu
{
	border: solid 1px #cccccc;
	padding-left: 15px;
	padding-right: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	background: none;
	line-height: 22px;
}

.submenu a
{
	background: url('Images/arrow-no.png') no-repeat left;
	padding-left: 20px;
	color: #000000;
}

.submenu a:hover
{
	background: url('Images/arrow-act.png') no-repeat left;
	padding-left: 20px;
	color: #aa2115;
}

.submenu a:visited
{
	background: url('Images/arrow-no.png') no-repeat left;
	padding-left: 20px;
	color: #000000;
}

.submenu a:visited:hover
{
	background: url('Images/arrow-act.png') no-repeat left;
	padding-left: 20px;
	color: #aa2115;
}

.submenu a:link
{
	background: url('Images/arrow-no.png') no-repeat left;
	padding-left: 20px;
	color: #000000;
}

.ServisionCameraKeuze
{
	margin-bottom: 2px;
}

.ServisionCameraBesturing
{
}

.ServisionCamerabesturingsknop
{
	cursor: hand;
	margin-right: 1px;
}

.ServisionCamerapresetknop
{
	cursor: hand;
	margin-right: 1px;
}

.ServisionCamerabesturingMelding
{
	float: left;
	margin-left: 5px;
	margin-top: 3px;
}

.ServisionCommunicatie
{
	float: left;
	margin-left: 10px;
}

.ServisionMonitor
{
	float: left;
}

.ServisionMonitorTitel
{
}

.ServisionMonitorKaderrand
{
	border: 0px;
	border-style: solid;
	border-color: Gray;
}

.Artikel
{
	background-color: Transparent;
}

/* Het gedeelte tussen de header en de footer inclusief boven-, onder- en middengedeelte (alle kolommen)*/
.PaginaInhoud
{
	background-color: Transparent;
}

/* Het bodygedeelte boven de kolommen en onder de header */
.PaginaInhoudBoven
{
	background-color: Transparent;
}

/* Het bodygedeelte onder de kolommen en boven de footer */
.PaginaInhoudOnder
{
	background-color: Transparent;
}

.Artikel h1
{
	margin-bottom: 5px;
}

/* Hyperlinks in Artikelen */
.Artikel b a
{
	color: #aa2115;
}

.Artikel b a:visited
{
	color: #aa2115;
}

.Artikel a
{
	color: #aa2115;
}

.Artikel a:visited
{
	color: #aa2115;
}


/* De hyperlinks */
a:link
{
	text-decoration: none;
	color: Maroon;
}

a:visited
{
	text-decoration: none;
	color: Maroon;
}

h1
{
	background: #5E665C;
	color: #ffffff;
	font-size: 11px;
	padding: 3px 5px 3px 5px;
	margin: 0px;
}

/* Toegevoegd tbv de voorvertoning van artikelen, de H2 stijl wordt verder niet gebruikt */
h2
{
	color: Black;
	font-size: 11 px;
	padding: 3px 5px 3px 5px;
	margin: 0px;
}

/* MENU: Algemene settings gekoppeld aan het menu */
.menutabs
{
	position: absolute;
	left: 0px;
	top: 105px;
	margin-left: 15px;
	z-index: 9000;
}

.menuknop
{
	height: 31px;
	line-height: 31px;
	border-right: 1px solid #dadce2;
	font-size: 11px;
	font-weight: bold;
	padding-left: 6px;
	padding-right: 6px;
	vertical-align: middle;
}

.menuknop:hover
{
	height: 31px;
	background: url('Images/menu-act.jpg') repeat-x;
}

.menuknop a:hover
{
	height: 31px;
	background: none;
}

.menutabs td
{
	height: 31px;
	line-height: 31px;
}

.menutabs a
{
	display: block;
	width: 100%;
	height: 100%;
}

.menuknopaktief
{
	height: 31px;
	border-right: 1px solid #dadce2;
	font-size: 11px;
	font-weight: bold;
	padding-left: 6px;
	padding-right: 6px;
	background: url('Images/menu-act.jpg') repeat-x;
}

/* MENU: Tekststijl van niet-aktieve tabs */
.OtherTabs
{
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 9pt;
	text-decoration: none;
	font-weight: bold;
}

a:hover
{
}

/* Kleur van hyperlinks --- */
a:visited
{
	text-decoration: none;
	color: Maroon;
}

.divbuitenboven
{
	background: url('Images/bgweb.png') repeat-y top;
	width: 1030px;
	text-align: left;
	margin: 0 auto;
}

.divbuitenonder
{
	background: url('Images/footer.png');
	width: 1030px;
	height: 57px;
	text-align: center;
	margin: 0 auto;
}

/* header --- */
.header
{
	background: url('Images/banner.jpg') no-repeat;
	position: relative;
	width: 1000px;
	height: 135px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	border: none !important;
}

/* headerbuiten --- */
.headerbuiten
{
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
	height: auto; /* de lijn onder het menu over de volle breedte */
	border-bottom: solid 1px #dadce2;
}

/* alles tussen de header en de footer --- */
.content
{
	background-color: White;
}

/* alles tussen de header en de footer --- */
.contentbuiten
{
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

/* FOOTER --- */
.footer
{
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
	height: 30px;
	text-align: center;
	font-size: 10px;
	background: none;
	border: none;
	padding-top: 19px;
}

.footerbuiten
{
	margin-left: auto;
	margin-right: auto; /* maak deze waarde bijvoorbeeld 820 voor een marge van 10px links en rechts */
	width: 1000px;
	height: 30px;
}

.loginknop
{
	background-color: LightGreen;
	float: right;
	margin-top: 88px;
	margin-right: 1px;
	padding-left:1px;
	padding-right:2px;
}

.loginview
{
	color: White;
	text-align: right;
	font-size: 8pt;
	float: right;
	margin-right: 17px;
	margin-top: 88px;
}

.logedinview
{
	color: White;
	text-align: right;
	font-size: 8pt;
	float: right;
	margin-top: 88px;
}

.loginpanel
{
	background-color: #F0F8FF;
}

.registreerGebruiker
{
	background-color: #F0F8FF;
	border: solid 1px #D0D0BF;
}

.loginRegistreerknop
{
	margin-right: 5px;
	margin-bottom: 3px;
	font-size: 12px;
	font-weight:bold;
}

.loginRegistreerTabel
{
	width: 100%;
	padding-top:10px;
}

.loginRegistreerheader
{
	background-color: #BAF8FF;
	border-bottom-color: #D0D0BF;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	font-weight: bold;
	font-size: 13px;
	color: Black;
	text-align: center;
	vertical-align:bottom;
	height:21px;
	padding-top:6px;
	margin-bottom:15px;
}

.loginRegistreerGebruikerLabel
{
	font-size: 12px;
	color: Black;
	font-weight:bold;
	padding-right:5px;
}

.loginRegistreerGebruikerValidatie
{
	font-size: 12px;
	color: #F21325;
	font-weight:bold;
	padding-left:5px;
}

.loginRegistreerGebruikerVoltooid
{
	font-size: 12px;
	color: Black;
	font-weight:bold;
	padding-top:10px;
	padding-left:10px;
}

/* --------------------------------- RadDock ---------------------------------------------------- */
.RadDock .rdTable
{
	width: 100%;
	height: 100%;
	table-layout:fixed;
}

.RadDock .rdTable .rdTop .rdLeft, 
.RadDock .rdTable .rdTop .rdCenter,
.RadDock .rdTable .rdTop .rdRight,
.RadDock .rdTable .rdMiddle .rdLeft, 
.RadDock .rdTable .rdMiddle .rdRight,
.RadDock .rdTable .rdBottom .rdLeft, 
.RadDock .rdTable .rdBottom .rdCenter,
.RadDock .rdTable .rdBottom .rdRight
{
	font-size: 1px;
	line-height: 1px;
}

.RadDock .rdContent
{
	overflow: auto;
	font: normal 12px "Segoe UI", Arial, Verdana;
}

.RadDock.rdCollapsed .rdMiddle,
.RadDock.rdCollapsed .rdBottom
{
	display: none;
}

.RadDock .rdTable,
.RadDock .rdTable .rdLeft,
.RadDock .rdTable .rdCenter,
.RadDock .rdTable .rdRight
{
	border: 0;
	border-collapse: collapse;
	padding: 0;
	margin: 0;
	vertical-align: top;
}

.RadDock .rdTop .rdLeft,
.RadDock .rdTop .rdRight,
.RadDock .rdTop .rdCenter,
.RadDock .rdBottom .rdLeft,
.RadDock .rdBottom .rdRight,
.RadDock .rdBottom .rdCenter
{
	width: 7px;
	height: 0px !important;
	background-repeat: no-repeat;
}

* html div.RadDock .rdTop .rdLeft
{
	background-position: 0 -68px;
}

div.RadDock .rdTop .rdLeft
{
	background-position: 0 -68px;
}

* html .RadDock .rdTop .rdRoundedCorner.rdLeft
{
    background-position: 0 0;
}

div.RadDock .rdTop .rdRoundedCorner.rdLeft
{
    background-position: 0 0;
}

* html .RadDock .rdTop .rdRoundedCorner.rdRight
{
	background-position: -7px 0;
}

div.RadDock .rdTop .rdRoundedCorner.rdRight
{
	background-position: -7px 0;
}

div.RadDock .rdTop .rdRight
{
	background-position: -7px -68px;
}

.RadDock .rdTop .rdCenter
{
	background-position: 0 -27px;
	background-repeat: repeat-x;
	width: 100%;
}

.RadDock .rdMiddle .rdLeft,
.RadDock .rdMiddle .rdRight
{
	background-repeat: repeat-y;
}

.RadDock .rdMiddle .rdLeft
{
	background-position: 0 0;
}

.RadDock .rdMiddle .rdRight
{
	background-position: -7px 0;
}

.RadDock .rdMiddle .rdCenter,
.RadDock .rdBottom .rdCenter
{
	width: 100%;
}

.RadDock .rdMiddle .rdCenter
{
	vertical-align: top;
	height: 100%;
}

.RadDock .rdBottom .rdLeft,
.RadDock .rdBottom .rdCenter,
.RadDock .rdBottom .rdRight
{
	height: 0px;
}

* html div.RadDock .rdBottom .rdLeft
{
	background-position: 0 -95px;
}

.RadDock .rdBottom .rdLeft
{
	background-position: 0 -95px;
}

.RadDock .rdBottom .rdLeft.rdRoundedCorner
{
	background-position: 0 -54px;
}

/* IE6 / Quirks mode fix */
* html .RadDock .rdBottom .rdRoundedCorner.rdLeft
{
	background-position: 0 -54px;
}

* html div.RadDock .rdBottom .rdRight
{
	background-position: -7px -95px;
}

.RadDock .rdBottom .rdRight
{
	background-position: -7px -95px;
}

.RadDock .rdBottom .rdRight.rdRoundedCorner
{
	background-position: -7px -54px;
}

* html .RadDock .rdBottom .rdRoundedCorner.rdRight
{
	background-position: -7px -54px;
}

.RadDock .rdBottom .rdCenter
{
	background-position: 0 -61px;
	background-repeat: repeat-x;
	background-color: transparent;
}

.RadDock .rdCenter em
{
	font: normal normal 12px "Segoe UI", Arial, Sans-serif;
	float: left;
	padding: 0;
	margin: 0;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.RadDock .rdCenter .rdCommands
{
	padding: 0;
	margin: 0;
	list-style: none;
	float: right;
}

.RadDock .rdCenter .rdCommands li
{
	float: left;
}

* html .RadDock .rdCenter .rdCommands a span
{
	filter: chroma(color=c8d0d4);
}

.RadDock .rdCenter .rdCommands a
{
	padding: 0 1px;
}

.RadDock .rdCenter .rdCommands a,
.RadDock .rdCenter .rdCommands a span
{
	display: block;
	width: 19px;
	height: 19px;
	text-decoration: none;
	text-indent: -9999px;
	background-repeat: no-repeat;
	cursor: pointer;
	cursor: default;
}

.rdCollapse
{
	background-position: 0 0;
}

.rdCollapse:hover
{
	background-position: -19px 0;
}

.rdExpand
{
	background-position: 0 -19px;
}

.rdExpand:hover
{
	background-position: -19px -19px;
}

.rdClose
{
	background-position: 0 -76px;
}

.rdClose:hover
{
	background-position: -19px -76px;
}

.rdPin
{
	background-position: 0 -57px;
}

.rdPin:hover
{
	background-position: -19px -57px;
}

.rdUnpin
{
	background-position: 0 -38px;
}

.rdUnpin:hover
{
	background-position: -19px -38px;
}

.rdCustom
{
	background-position: 0 -95px;
}

.rdCustom:hover
{
	background-position: -19px -95px;
}

/* right-to-left support */
.rdRtl
{
	direction: ltr;
}

.rdRtl .rdContent
{
	direction: rtl;
}

.rdRtl .rdTop .rdCenter
{
	direction: rtl;
}

.rdRtl .rdTop .rdCenter ul.rdCommands
{	
	float: left;
	overflow: hidden; /* Fix scrollbar under Chrome, Safari */
}

.rdRtl .rdTop .rdCenter em
{
	float: right;
}

/* more common settings */
.rdTitleBar
{
	width:100%;
	height:100%;
}

/* When dock is dragged */
.rdDragHelper
{
	opacity: .5 !important;
	filter: alpha(opacity=50) !important;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50) !important";
  -moz-opacity: .5 !important;
}

.rdHorizontal .RadDock
{
	float: left;
}

.RadDockZone
{
	position: relative;
  border-style: solid;
  border-width: 0px;
  padding: 0px;
}

*>.RadDockZone.rdVertical /* hidden from IE6 */
{
	padding-right: 0px;
}

.rdRtl
{
	text-align: right; /* we need this in case the body has text-aligh:center applied */
}

.rdPlaceHolder
{
	border-style:dashed;
  border-width:1px;
}

.rdHorizontal .RadDock
{
	float: left;
}

.rdHorizontal .rdRtl
{
	float: right;
}

.rdNone .rdLeft,
.rdNone .rdCenter,
.rdNone .rdRight
{
	height: 0px !important;	
}

.rdGripTop .rdLeft,
.rdGripTop .rdCenter,
.rdGripTop .rdRight
{	
	height: 0px !important;	
}

/* float clearing */
.clear
{
	clear: both;
  height: 1px;
  margin-bottom: -1px;
  visibility: hidden;
}