#Html_Body, #kaart_body {
	font: 11px verdana, arial, helvetica, sans-serif;
	line-height: 15px;
}

#Html_Body
{
	height: 100%;
	width: 100%;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	background-image: url('http://www.viacontent.nl/traphic_images/images/groen_achtergrond.gif');
	background-position: top right;
	background-repeat: repeat-y;
}

#kaart_body
{
	overflow: hidden;
	height: 100%;
	width: 100%;
	color: #FFFFFF; 
	margin: 0px;
	padding: 0px;
	#background-image: url(http://www.viacontent.nl/traphic_images/images/blauw_small.gif);
	background-position: top right;
	background-repeat: repeat-y;
	background-color: #ffffff;	
}

#Form_Options
{
	margin: 0px;
}

.map-frame
{
	position: absolute;
	top: 0px;
	left: 0px;
	margin-right: 24px;
	overflow: hidden;
}

.left-body  
{
	text-align: center;
	color: #000000;
	top: 0px;
	margin-left: 0px;
	/* margin-right: 390px; */
	margin-right: 300px;
	font-size: 12px;
	font-family: verdana, arial;

}

.checkline
{
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-bottom-width: 1px;
	margin-right: 10px;
	margin-top: 4px;
	margin-bottom: 0px;
}

.checkitem
{
	display: inline;
	font-weight: bold;
	font-size: 12px;
	font-family: verdana, arial;
	color: #000000;
}

.bord
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 67px;
	height: 67px;
	background-image: url(http://www.viacontent.nl/traphic_images/images/file_symbool.gif);
}

.header
{
	min-height: 70px;
	margin-bottom: 15px;
}

.land-melding
{
	background-color: #ffff00;
	background-image: url(http://www.viacontent.nl/traphic_images/images/geel_wit_verloop.gif);
	background-position: top right;
	background-repeat: repeat-y;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 75px;
	padding-right: 30px;
	min-height: 14px;
}

.filter
{
	margin-top: 15px;
	text-align: left;
	padding-left: 75px;
	margin-right: 30px;
	font-size: 16px;
	color: #000000;
}

#aangekondigde_snelheidscontroles_header{
	background-color: #C4C4C4;
	background-image: url(http://www.viacontent.nl/traphic_images/images/donkergrijs_verloop.gif);
	background-position: top right;
	background-repeat: repeat-y;
	text-align: left;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 15px;
	padding-right: 30px;
	min-height: 14px;
	font-size: 14px;
	font-weight: bold;
	}
	
#aangekondigde_snelheidscontroles{
	background-color: #EAEAEA;
	background-image: url(http://www.viacontent.nl/traphic_images/images/lichtgrijs_verloop.gif);
	background-position: top right;
	background-repeat: repeat-y;
	text-align: left;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 0px;
	padding-right: 30px;
	min-height: 14px;
	}

.melding
{
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	min-height: 30px;
	clear: both;
	margin-right: 30px;
}

.line
{
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
	border-bottom-width: 1px;
	margin-right: 30px;
	margin-top: 7px;
	margin-bottom: 7px;
}

.melding .melding-text
{
	margin-top: -30px;
	margin-bottom: 0px;
	padding: 2px;
	margin-left: 75px;
}

.melding .melding-text .locatie
{
	margin: 0px;
}

.melding .melding-text .pijl
{
	float: left;
}

.melding .melding-text .body
{
	margin-left: 12px;
}

.list-road
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.list-traject
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.list-detail
{
	margin: 0px;
	padding-left: 15px;
}

.list-item-traject
{
	list-style-image: url(http://www.viacontent.nl/traphic_images/images/i_auto.gif);
	margin-top: 7px;
}

.list-item-punt
{
	list-style-image: url(http://www.viacontent.nl/traphic_images/images/i_bord.gif);
	margin-top: 7px;
}

.list-item-flits
{
	list-style-image: url(http://www.viacontent.nl/traphic_images/images/i_camera.gif);
	/* margin-top: 7px; */
	margin: 0px;
	padding: 0px;
}

.melding .vertraging
{
	color: #c70505;
	color: #990000;
	font-style: italic;
}

.melding .newest-melding-text
{
	padding: 2px;
	margin-left: 60px;
}

.info
{
	text-align: center;
	width: 75px;
	height: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.info .flits
{
	margin-left: auto;
	margin-right: auto;
	margin-top: 2px;
}

.info .wegnummer
{
	margin-top: 0px;
	padding: 2px;
	text-align: center;
	color: #ffffff;
	background-color: #c70505;
	font-weight: bold;
	width: 40px;
	margin-left: auto;
	margin-right: auto;
}

.tab
{
	position: relative;
	margin: 0px;
	padding: 0px;
	border: 0px;
	width: 30px;
	height: 119px;
	overflow: hidden;
}

.left-tabs
{
	position: absolute;
	top: 40px;
	/* right: 367px; */
	right: 270px;
	width: 30px;
	z-index: 4050;
	border: 0px red solid
}

.right-body
{
	position: absolute;
	right: 0px;
	top: 0px;
	height: 100%;
	/* width: 366px; */
	background-color: #99CC00; 
	background-image: url('images/groen_achtergrond.gif');
	background-repeat: repeat-y;
	width: 300px;
	margin-top: 0px; 
	padding-top: 0px;
	z-index: 4000;
}


.left-map-body
{
	position: absolute;
	top: 0px;
	left: 0px;
	margin-right: 200px;
	border-style: solid;
	border-width: 10px;
	border-color: #FFFFFF;
	overflow: hidden;
	z-index: 1000;
}

.mousefloat
{
	position: absolute;
	width: 250px;
	height: 250px;
	z-index: 5005;
	left: -2000px;
	top: -2000px;
	border-width: 2px;
	border-style: solid;
	border-color: #009900;
	overflow: hidden;
	clip: rect(0, 250, 250, 0);
}

.mousemapcontainer
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 250px;
	height: 230px;
	overflow: hidden;
}

.mousefooter
{
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 250px;
	height: 20px;
	overflow: hidden;
	color: #ffffff;
	background-color: #009900;
	padding-top: 5px;
	z-index: 7000;
}

.mousemap
{
	position: absolute;
	background-color: #ffffff;
}

.overlaymap
{
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: hidden;
}

.overlaywegen
{
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: hidden;
}

.overlayplaatsen
{
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: hidden;
}

.overlaynummers
{
	position: absolute;
	top: 213px;
	left: 198px;
	overflow: hidden;
}

.overlayfiles
{
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: hidden;
}

.overlaycamera
{
	position: absolute;
	overflow: hidden;
}

.shadow
{
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000, direction=120, strength=4);
}

.map-small
{
	position: absolute;
	top: 120px;
	right: 0px;
	width: 136px;
	height: 160px;
	z-index: 3005;
}

.map-small-lower
{
	position: absolute;
	top: 120px;
	right: 0px;
	width: 136px;
	height: 160px;
	z-index: 3006;
}

.toelichting
{
	text-align: left;
	visibility: hidden;
	left: -10px;
	top: -11px;
	z-index: 5001;
	position: absolute;
	padding: 5px;
	max-width: 500px;
	border-width: 2px;
	border-style: solid;
	border-color: #009900;
	background-color: #009900;
	font-size: 11px;
	font-family: verdana, arial, helvetica, sans-serif;
	color: white;
	line-height: 18px;
}

#magnifier
{
	position: absolute;
	border-style: solid;
	border-width: 1px;
	z-index: 5000;
	background-image: url(http://www.viacontent.nl/traphic_images/images/leeg.gif);
}

#overlayfilessmall
{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 4000;
}

#overlayfilesoptions
{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 5002;
}

.rwscamera
{
	text-align: center;
	max-width: 320px;
	border-width: 1px;
	border-style: solid;
	border-color: #009900;
	background-color: #009900;
	font-size: 11px;
	font-family: verdana, arial, helvetica, sans-serif;
	color: white;
}

.wijzigen-link
{
	cursor: pointer;
	font-style: italic;
}

.options 
{
	visibility: hidden;
	z-index: 5000;
	text-align: left;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 210px;
	padding: 0px;
	margin: 0px;
}

.options-map
{
	position: relative;
	width: 136px;
	left: 20px;
	margin-top: 10px;
	background-color: #FFFF00;
	color: #000000;
}

.regio-nederland
{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 159px;
	width: 135px;
	border-style: solid;
	border-width: 1px;
	z-index: 5003;
	visibility: hidden;
}

.regio-randstad
{
	position: absolute;
	top: 64px;
	left: 30px;
	height: 37px;
	width: 50px;
	border-style: solid;
	border-width: 1px;
	z-index: 5003;
	visibility: hidden;
}

.regio-utrecht
{
	position: absolute;
	top: 76px;
	left: 53px;
	height: 25px;
	width: 23px;
	border-style: solid;
	border-width: 1px;
	z-index: 5003;
	visibility: hidden;
}

.regio-rotterdam
{
	position: absolute;
	top: 82px;
	left: 30px;
	height: 23px;
	width: 22px;
	border-style: solid;
	border-width: 1px;
	z-index: 5003;
	visibility: hidden;
}

.regio-amsterdam
{
	position: absolute;
	top: 60px;
	left: 40px;
	height: 21px;
	width: 31px;
	border-style: solid;
	border-width: 1px;
	z-index: 5003;
	visibility: hidden;
}

.options-body
{
	background-color: #ffffff;
	z-index: 4000;
	font-size: 12px;
	font-family: verdana, arial;
	color: #000000;
	padding: 15px;
	margin: 0px;
}

.optionsbutton
{
	z-index: 5005;
	background-color: #009900;
	cursor: pointer;
	color: #ffffff;
	position: absolute;
	height: 20px;
	width: 300px;
	top: 0px;
	right: 0px;
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: center;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	font-family: arial;
}

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

.optionsbutton a:hover {
	color: #ffff00;
	text-decoration: underline;
}


.optionsbutton-body:hover
{
	color: #FFFF00;
}

#logo
{
	position: absolute;
	top: 0px;
	right: 0px;
	width:300px;
	height:123px;
	overflow: hidden;
	z-index: 3000;
}

#afbeelding_rechtsonder
{
	position: absolute;
	background-repeat: none;
	background-image: url('images/achtergrond_rechtsonder.jpg');
	position: absolute;
	bottom: 0px;
	right: 0px;
	width:300px;
	height:424px;
	overflow: hidden;
}

#status
{
	position: absolute;
	color: #009900;
	top: 560px;
	right: 0px;
	margin: 0px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 60px;
	padding-bottom: 10px;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	width: 200px;
	background-color: #ffff00;
	overflow: hidden;
	z-index: 3002;
}

#google
{
	color: #FFFFF;
	background-color: #99CC00;
	font-weight: bold;
	position: absolute;
	top: 290px;
	right: 0px;
	margin: 0px;
	padding-right: 5px;
	z-index: 3003;
	width: 254px;
}

.banner_list a, .banner_list a:visited{
	color: white;
	}

.banner_list {
	padding-left: 0px;
	margin-left: 10px;
	}
	
.banner_list li, .banner_list li a {
	list-style-image: url(http://www.viacontent.nl/traphic_images/images/i_pijl_wit.gif);
	padding-left: 0px;
	margin-left: 0px;
	}
	
#omschrijving {
	display: none;
	}

#OneStatTag {
	position: absolute;
	width: 50px;
	overflow: hidden;
	text-align: center;
	bottom: 0px;
	right: 5px;
	z-index: 7000;
	}

.vialis-banner
{
	position: relative;
	bottom: 10px;
	right: 10px;
	z-index: 5000;
}

#uitleg-tekst
{
	text-align: left;
	margin: 50px;
	margin-top: 30px;
	line-height: 17px;
}

#uitleg-tekst p
{
	margin-top: 0px;
}

#uitleg-tekst h1
{
	font-family: Verdana;
	margin-top: 15px;
	text-align: left;
	padding-left: 0px;
	margin-right: 30px;
	font-size: 16px;
	color: #222587;
	margin-bottom: 0px;
}

#uitleg-tekst h2
{
	font-family: Verdana;
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 0px;
}

#uitleg-tekst a
{
	color: #009900;
	font-weight: bold;
}

#uitleg-tekst a:hover
{
	color: #99CC00;
	text-decoration: underline;
}

.text
{
	text-align: left;
	padding-left: 35px;
	padding-right: 10px;
	color: #000000;
	font-weight: bold;
}



.banner
{
	color: #effaf4;
	font-family: arial black;
	font-size: 50px;
	background-color: #aaaaaa;
	height: 65px;
}

img
{
	border: 0px;
}

.filter a
{
	color: #030061;
	text-decoration: none;
}

.filter a:hover
{
	color: #FF0000;
	text-decoration: none;
}

p a
{
	color: #ffffFF;
	font-weight: bold;
	text-decoration: none;
}

p a:hover
{
	text-decoration: underline; 
}