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, b, u, i, center, 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-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

body {
	margin: 15px 0 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

img {
	margin: 0;
	padding: 0;
}

#content {
	width: 773px;
	margin: 0 auto;
	background: #fff;
}

div {
	align: left;
	text-align: left;
	font-size: 11px;	
}

div.seperator {
	background: #dfe3e4;
	margin-top: 14px 0;
	height: 2px;
}

table.route {
	width: 100%;
	border-style: none;
	border-collapse: collapse;
	empty-cells: show;
	table-layout: auto;
}

table.route tbody tr {
	height: 2.5em;
}
table.route tbody tr:hover {
	background-color: #f1f1f1;
}
table.route tr td a:hover {
	text-decoration: underline;
}
table.route tbody td {
	padding: 5px 0px 5px 8px;
	border-top: 1px solid #d7d7d7;
	vertical-align: middle;
}
table.route thead td {
	padding-bottom: 2px; 
}

.imagecontainer {
	border: 1px solid #7f90bf;
	margin: 0;
	padding: 0;
	position: relative;
}

.imagecontainer,#mapcontainer {
 	width: 100%;
 	height: 500px;
}

.text_header {
	background-color: #808080;
	padding: 4px 10px;
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	align: left;
	text-align : left;
	clear: both;
	margin: 15px 0 10px 0;
}

.tekst_header {
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	padding: 2px;
	align: left;
}
.tekst_bold {
	font-size: 11px;
	font-weight: bold;
	color: #000;
}
.bg_headers {
	background-color: #808080;
	padding: 3px;
}

.melding {
	color: #bc0009;
	font-size: 10px;
	margin-top: 2px;
}

.tekst {
	font-size: 11px;
	color: #000;
}
.tekst_error {
	color: #f00;
	font-size: 12px;
	font-weight: bold;
}
.tekst_bold_gray {
	font-size: 11px;
	font-weight: bold;
	color: #808080;
}
.tekst_gray {
	font-size: 11px;
	color: #808080;
}
.text_big {
	font-size: 16px;
	font-weight: bolder;
	color: #fff;
}
.tekst_bold_red {
	font-size: 11px;
	font-weight: bold;
	color: #FF151F;
}
.bg_sub {
	font-size: 11px;
	font-weight: bold;
	color: #000;
	background-color: #dfe3e4;
	padding: 3px 0 3px 10px;
}

.dim {
	color: #787878;
}

h4.in,h4.out,h4.out-dim,h4.in-dim,h4.noicon {
	margin: 0;
	font-size: 11px;
	background-repeat: no-repeat;
	background-position: 0 6px;
	padding: 5px 8px 5px 16px;
}

h4.in,h4.out {
	font-weight: bold;
	color: #000;
	display: block;
}

h4.in {
	background-image: url('../img/i_plus.gif');
}
	
h4.out {
	background-image: url('../img/i_min.gif');
}
	
h4.out-dim,h4.in-dim { font-weight: normal; color: #777; }
h4.out-dim { background-image: url('../img/i_min-dim.gif'); }
h4.in-dim { background-image: url('../img/i_plus-dim.gif'); }

h4.noicon {
	display: block;
}

a:link,a:active,a:visited,a.heading:link,a.heading:active,a.heading:visited,a.txtin:link,a.txtin:active,a.txtin:visited,a.txtout:link,a.txtout:active,a.txtout:visited { 
	text-decoration: none;
	font-size: 11px;
	cursor: hand;
}
a:link,a:active,a:visited { 
	font-weight: bold;
	color: #808080;  
}
a.heading:link,a.heading:active,a.heading:visited { 
	font-weight: bold;
	color: #000000;  
}
a.txtin:link,a.txtin:active,a.txtin:visited,a.txtout:link,a.txtout:active,a.txtout:visited { 
	font-weight: normal;
	color: #000000;  
}

div.page { text-align: center; }
div.content { margin: 0 auto; text-align: left; width: 773px; }
div.separator { clear: both; padding: 10px 0; }
div#errormelding { margin: 0 0 2px 15px; }
div.addresses { margin: 10px 0; }
div.addresses td { vertical-align: top; }
div.address_header { color: #f00; font-weight: bold; }
div.address { margin-left: 14px; float: left; width: 223px; line-height: 120% }
div.bg_headers { margin-bottom: 5px; }
div.settings { padding: 0 10px 0 10px; margin-bottom: 20px; }
div.settings table td { height: 25px; }
div.copyright { text-align: right; color: #ccc; margin-bottom: 20px; }
div.copyright a { font-weight: normal; color: #ccc; }
div.copyright a:hover { text-decoration: underline; }
div.optionlinks { margin: 10px 0; text-align: right; }
#onMap div.optionlinks { margin-bottom: 0; }
ul.options li { display: inline; background-image: url(../img/list-dot1.gif); background-repeat: no-repeat; background-position: 0px 2px; padding-left: 10px; }
ul.options li a:hover { text-decoration: underline; }
#trafficinfo .info_header {  margin: 15px 0; }
.liability { text-align: center; margin: 2em 10px 0 10px; }
td.highlight .txtin { font-weight: bold; color: red; }
td.highlight .remark { font-weight: bold; display: block; }
.roadwork-name { margin-bottom: 10px; }
div.attributes-in,div.attributes-out { cursor: pointer; }
div.attributes-in a,div.attributes-out a { font-weight: normal; }
table.route tr td { line-height: 1.2em; }
table.route tr td .direction,table.route tr td.distance,table.route tr td.time { color: #777; }
table.route tr.attribute td { border-color: #efefef; }
table.route tr.attribute td ul.options { margin: 3px 0 1px 0; }
table.route tr.attribute-set-header h4 a { font-weight: normal; color: #000; }
#trafficinfo table.route td { border-top: 0 none; border-bottom: 1px solid #d7d7d7; }
div.trafficinfo-block { margin: 15px 0; }
table.trafficinfo { width: 100%; empty-cells: show; }
table.trafficinfo tbody.header tr td { background-color: #dfe3e4; }
table.trafficinfo tbody.info tr { height: 2.5em; }
table.trafficinfo tbody.info tr:hover { background-color: #f1f1f1; }
table.trafficinfo td { vertical-align: middle; }
table.trafficinfo tbody.header td { padding: 3px 0 3px 8px; }
table.trafficinfo tbody.info td { padding: 5px 0 5px 8px; border-top: 1px solid #d7d7d7; }
.toggle-img { margin-left: -16px; }
.printopties { padding: 5px; border: 1px solid #000; }
.noplan-attr { background: transparent url(../img/description/warn.gif) no-repeat scroll 2px 0.5em;	padding: 2px 2px 4px 22px; }
h4 .remark { color: #f00; }
table.route tr.attribute-set-header h4 ul.options { display: inline; }
table.route tr.attribute-set-header h4 ul.options a { color:#808080; font-weight:bold; }