/*

	Metro
	Master screen styles
	
	Author: Creuna Danmark A/S / www.creuna.dk
	Copyright: 2008, Creuna Danmark A/S. All rights resevered

-----------------------------------------------------------------------*/

html
{
	font-size: 100%;
	overflow-y: scroll;
}

html.blank
{
	overflow: auto;
}
html.blank body
{
	background: none;
}
html.blank #container
{
	border: none;
	width: auto;
	margin: 0;
	padding: 0;
}
html.blank div.content
{
	float: none;
	width: auto;
}
html.blank #content
{
	float: right;
	display: inline;
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 1em;
	background: none;
	border: none;
}
html.blank h1 
{
	font-size: 3em;
}
html.blank ul
{
	font-size: 1.4em;
}
body
{
	margin: 0;
	font-family: Calibri, Arial, Verdana;
	font-size: 62.5%;
	line-height: 1.8em;
	color: #5c5c5c;
}

form, fieldset, input, textarea, select, th, td
{
	margin: 0;
	padding: 0;
	font-family: Calibri, Arial, Verdana;
	font-size: 100%;
}
/* Layered popup */
.contentpopup
{
	text-align: left;
}
.contentpopup p
{
	font-size: 1.2em;
}
.contentpopup h1
{
	font-size: 2em;
}

/* @group Clearing floats */

.clearfix:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix
{
	display: inline-block;
}
.clearfix
{
	display: block;
}
* html .clearfix
{
	height: 1px;
}

/* @end */

/* @group Accessibility & SEO */

.accessibility
{
	position: absolute;
	top: -999em;
	left: -999em;
}

/* @end */

/* @group Elements */

hr
{
	height: 1px;
	margin: 0 0 10px 0;
	padding: 0;
	color: #C5C6C7;
	background-color: #C5C6C7;
	border: 0;
}
* html body hr
{
	margin: 1px 0;
}
/* Remove the progressive spacing in IE */

ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#article ul.links
{
	margin: 0 0 15px 0;
	padding: 0;
	list-style-type: none;
}
ul.links li
{
	padding-left: 10px;
	background: url('../gfx/bullet/bullet-list.png') no-repeat 0 4px;
}
ul.links li h4
{
	font-size: 1em;
}
#article ul, .content-main ul
{
	font-size: 1.4em;
	list-style-type: disc;
	margin: 0 0 10px 15px;
}
#article .box ul
{
	list-style-type: none;
	margin: 0;
}
#article ul.meta
{
	list-style-type: none;
	margin: 0;
}
dl
{
	margin: 0;
}
dl dt
{
	font-weight: bold;
}
dl dd
{
	margin: 0 0 0 15px;
}

li li, li p, td p, blockquote p
{
	font-size: 1em;
}
.box ol
{
	font-size: 1.2em;
	margin: 0 0 5px 25px;
	padding: 0;
}
#article ol
{
	font-size: 1.4em;
}


#article table
{
	font-size: 1.4em;
}
#article dl
{
	font-size: 1.2em;
}
#article table p
{
	font-size: 1em;
}

/* @end */

/* @group Typography */

/* Headings */
h1
{
	font-family: Calibri, Arial, Verdana;
	margin: 0 0 10px 0;
	font-size: 3.8em;
	line-height: 1.1em;
	font-weight: normal;
	text-transform: uppercase;
}
h2
{
	font-family: Calibri, Arial, Verdana;
	margin: 0 0 15px 0;
	font-size: 1.7em;
	font-weight: normal;
	line-height: 1.2em;
}
h3
{
	margin: 0 0 5px 0;
	font-size: 1.7em;
	font-weight: normal;
	line-height: 1.2em;
}
h3 a.rss
{
	float: right;
	padding: 3px 0 0 0;
}
h3.section
{
	margin: 0 0 10px 0;
	font-size: 1.1em;
	color: #333;
}
h4
{
	margin: 5px 0 2px 0;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1.2em;
}

p
{
	margin: 0 0 15px 0;
	font-size: 1.4em;
	line-height: 1.2em;
}

/* Links */
a
{
	color: #3e8eba;
	text-decoration: none;
}
a:hover
{
	text-decoration: underline;
}
a:focus, a:active
{
	text-decoration: underline;
}

/* Image + image link border */
img
{
	display: block;
}
a img
{
	border: none;
}
:focus
{
	outline: 0;
}

/* @end */

/* @group Tables */

table
{
	width: 100%;
	margin: 0 0 15px 0;
	border-collapse: collapse;
	border-spacing: 0;
}
table th
{
	padding: 0 2px 1px 2px;
	text-align: left;
	border-bottom: 1px solid #ccc;
}
table td
{
	padding: 3px 8px 3px 2px;
	vertical-align: top;
	border-bottom: 1px solid #eee;
}
table tr.inactive
{
	background-color: #EFEFEF;
}

/* @end */

/* @group Forms */

form, fieldset, input, textarea, select, th, td
{
	margin: 0;
	padding: 0;
	font-family: Calibri, Arial, Verdana;
	font-size: 100%;
}
fieldset
{
	margin: 0;
	padding: 0;
	display: block;
	border: none;
}
legend
{
	display: none;
}

input.formfield, textarea.formarea
{
	color: #5c5c5c;
	padding: 4px 5px;
	width: 235px;
	border: 1px solid #ccc;
	background: none;
}
input.formfield.phone
{
	width: 70px;
}
input.formfield.postalcode
{
	width: 40px;
}
textarea.formarea
{
	width: 237px;
	height: 84px;
}
dd.full textarea.formarea
{
	width: 310px;
	height: 100px;
}
dd.full textarea.formarea.large
{
	width: 384px;
	height: 100px;
}
input.formcheckbox
{
	margin: 2px 3px 5px 0;
	vertical-align: middle;
}
span.formcheckbox input
{
	margin: 2px 3px 5px 0;
	vertical-align: middle;
}
input.formradio
{
	margin: 2px 5px 5px 0;
	vertical-align: middle;
}
span.formradio input
{
	margin: 2px 5px 5px 0;
	vertical-align: middle;
}
select.formselect
{
	width: 243px;
	font-size: 1.2em;
}

/* @end */

/* @group Main layout */

/* container */
#maincontainer
{
	width: 100%;
}

/* setup layout */
#top, #feature, #main, #extra, #footer
{
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
#top .full, #feature .full, #main .full, #extra .full, #footer .full
{
	width: 978px;
	margin: 0 auto;
	text-align: left;
}
#feature .full
{
	position: relative;
	overflow: hidden;
}

/* @end */

/* top */
#top
{
	height: 110px;
	background: url('../gfx/dev/top-bg.gif') 0 0 repeat-x;
}
#logo
{
	padding-left: 11px;
	padding-top: 34px;
	float: left;
}
#service
{
	float: right;
	margin-top: 21px;
	margin-right: 12px;
	font-size: 1.2em;
	text-align: right;
}
#search
{
	float: left;
}
#search input.formfield
{
	width: 160px;
	margin: 0;
	border-right: none;
	padding: 3px 5px 2px;
	font-size: 1em;
	background: none;
	height: 17px;
	color: #5C5C5C;
	float: left;
	display: block;
}
#search input.formbutton
{
	display: block;
	float: left;
	width: 35px;
	text-indent: -999em;
	background: url('../gfx/background/bg-search-button.png') no-repeat 100% 0;
	border: none;
	padding: 0;
	height: 25px;
	vertical-align: bottom;
}
#main
{
	padding: 22px 0;
}
#content
{
	float: right;
	width: 745px;
	min-height: 400px;
	font-size: 1em;
	border: 1px solid #7c7c7c;
	border-top: 0;
	padding: 10px;
	padding-top: 0;
	margin-right: 1px;
}
#left
{
	float: left;
	width: 210px;
}
#footer
{
	margin-top: 20px;
	font-size: 12px;
}

/* service navigation */
#servicenav
{
	float: left;
	margin-right: 30px;
}
#servicenav ul li
{
	float: left;
	background: url('../gfx/bullet/bullet-sep.png') no-repeat 100% 50%;
}
#servicenav ul li.last
{
	float: left;
	background: none;
}
#servicenav ul li a
{
	display: block;
	color: #5c5c5c;
	padding: 3px 7px;
}

/* main navigation */
#mainnav
{
	clear: left;
	float: right;
	margin-top: 4px;
	margin-right: 12px;
	background: #fff;
	font-size: 1.8em;
	font-family: Calibri, Arial, Verdana;
}
#mainnav ul li
{
	float: left;
	border: 1px solid #5c5c5c;
	border-right: 1px solid #B8B8B8;
	background: #5c5c5c;
	margin-top: 6px;
}
#mainnav ul li.selected
{
	border: 1px solid #5c5c5c;
	border-bottom: 1px solid #fff;
	background: #fff;
	margin: 0;
	margin-left: -1px;
}
#mainnav ul li a
{
	line-height: 31px;
	padding: 2px 30px 0px 10px;
	display: block;
	color: #fff;
}
#mainnav ul li a.selected
{
	color: #484848;
	padding-top: 8px;
	padding-bottom: 0;
}

/* sub navigation*/
#subnav
{
	font-size: 1.5em;
}
#subnav ul li.selected
{
	border-top: 1px solid #7c7c7c;
	border-bottom: 1px solid #7c7c7c;
	border-left: 1px solid #7c7c7c;
	background: #fff;
	margin-right: -1px;
	margin-top: -1px;
	width: 210px;
}
#subnav ul li a:hover
{
	background: url('../gfx/dev/menu-arr-rb.jpg') right 11px no-repeat;
}

#subnav ul li a
{
	display: block; /*line-height: 29px;*/
	margin-left: 6px;
	margin-right: 11px;
	padding: 7px 10px 7px 7px;
	border-bottom: 1px solid #ebebeb;
	background: url('../gfx/dev/subnav-arrow.gif') right 11px no-repeat;
	color: #5d5d5d;
	overflow: hidden;
}
#subnav ul li.selected a
{
	border-bottom: 0;
	background: #fff url('../gfx/dev/menu-arr-rbl.jpg') right 11px no-repeat;
	margin-right: 11px;
}
#subnav ul li.selected a.selected
{
	font-weight: bold;
	color: #000;
}

#subnav ul ul li.selected
{
	border: none;
	margin-top: 0;
	width: auto;
}
#subnav ul li.selected ul li a
{
	background: #fff;
}
#subnav ul ul li.selected a.selected
{
	font-weight: bold;
	background: #F2F2F2;
	color: #000000;
}
#subnav ul ul ul
{
	background: none repeat scroll 0 0 transparent;
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	line-height: 1.3em;
	margin-right: 11px;
	padding-left: 11px;
	margin-left: 6px;
}
#subnav ul ul ul.last
{
	border-bottom: 0;
}

#subnav ul ul ul li.selected
{
	border: none;
}
#subnav ul ul ul li.selected a.selected
{
	background: none;
	color: #368fcd;
}
#subnav ul li.open a
{
	background: url(../gfx/dev/menu-arr-bbl.jpg) right 14px no-repeat;
}
#subnav ul a:hover, #subnav ul ul li.selected a.selected:hover
{
	color: #368fcd;
}

/* feature */
#feature
{
	border-bottom: 1px solid #7C7C7C;
	padding: 22px 0;
}
#feature #metrodisclaimer
{
	font-size: 1.1em;
	left: 75px;
	position: absolute;
	top: 341px;
	width: 300px;
	
}
#feature #metrodisclaimer a
{
	color: #7777CC;
	font-family: Arial,sans-serif;
}
#feature #linkarea
{
	background: url(../gfx/background/bg-white-transp.png) repeat scroll 0 0 transparent;
	border: 1px solid #666666;
	color: #000000;
	font-size: 1.1em;
	padding: 12px 0;
	text-align: center;
	position: absolute;
	right: 254px;
	top: 280px;
	width: 127px;
}
#feature #linkarea p
{
	margin: 0;
}
#feature #linkarea a
{
	color: #5C5C5C;
	padding: 12px 0;
}
#feature-related, #feature .box
{
	font-size: 1.1em;
	line-height: 1.5em;
	padding: 12px 0 0;
	position: absolute;
	right: 10px;
	top: 10px;
	width: 220px;
}
#feature-related
{
	padding: 0;
}

#feature div.box.searchbox
{
	background: #fff;
	height: 340px;
	padding: 10px;
	width: 197px;
	top: 0;
	margin-right: 2px;
	border: 1px solid #7C7C7C;
	font-size: 1em;
}
#feature div.searchbox
{
	width: 203px;
}
#feature .box h3
{
	font-size: 1.4em;
	font-weight: bold;
	margin: 0 0 5px;
}
dl.formgrid dt
{
	clear: both;
	float: left;
	font-weight: normal;
	margin: 3px 5px 0 0;
	padding: 0 0 3px;
	width: 65px;
	font-size: 1.2em;
}
#feature div.box.searchbox input.formfield
{
	width: 185px;
}
#feature div.box.searchbox input.formbutton 
{
	font-size: 1.3em;
}
input.formfield, textarea.formarea
{
	font-size: 1.2em;
}
input.formbutton
{
	background: none repeat scroll 0 0 #5C5C5C;
	border: medium none;
	color: #fff;
	cursor: pointer;
	overflow: visible;
	padding: 2px 10px;
	width: auto;
}
#related input.formbutton
{
	font-size: 1.3em;
}
#feature div.box.searchbox dd
{
	width: auto;
}
#feature div.box.searchbox dl.view
{
	font-size: 1.2em;
}

#feature #feature-image
{
	float: left;
	margin-right: 20px;
}
#feature #feature-content
{
	float: left;
	font-size: 1.2em;
	line-height: 1.5em;
	padding: 10px 0 0;
	width: 350px;
}
#feature-content h1
{
	font-size: 1.5em;
	line-height: 1.2em;
	font-weight: bold;
}
#feature-content p
{
	font-size: 1.2em;
}
#feature-content ul
{
	list-style-type: square;
	margin: 0 0 15px;
	padding: 0 0 0 15px;
}
#feature-content .message
{
	font-size: 1.2em;
}
#feature-content .formselect
{
	font-size: 1.2em;
}
#feature-content .formfield, #feature-content .formarea
{
	background: none;
}
#feature-content .submit
{
	margin-right: 0;
	width: 322px;
}
#feature #feature-newsletter
{
	float: right;
	margin-right: 12px;
	margin-top: 5px;
	width: 219px;
}
#feature-newsletter div.newsletter-header h3
{
	text-transform: uppercase;
	font-size: 1.5em;
}
#feature-newsletter div.newsletter
{
	margin-bottom: 22px;
}
#feature-newsletter dl.formgrid dd label
{
	font-size: 1.2em;
}
#feature #metro-campaign
{
	float: right;
}

#feature-related h2
{
	font-size: 1.6em;
	font-weight: bold;
	margin-bottom: 10px;
}

#feature-related p
{
	font-size: 1.3em;
	margin-bottom: 10px;
}
#feature-related .emphasize
{
	margin-bottom: 10px;
	text-align: center;
}
#feature-related ul
{
	list-style-type: disc;
	margin: 0 0 15px;
	padding: 0 0 0 15px;
	font-size: 1.3em;
}

/* related */
#content #article
{
	width: 510px;
	float: left;
	min-height: 450px;
}

#content #related
{
	width: 219px;
	float: right;
}
div.tab div.content
{
	float: left;
	width: 458px;
}
div.tab div.content .view
{
	font-size: 1.2em;
}

/* teasers */
div.tab div.teasers
{
	float: right;
	width: 270px;
}
div.tab div.teasers p
{
	font-size: 1em;
}

/* extra */
#extra
{
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	background: #e6e6e6;
	padding: 21px 0;
}
#extra div.box
{
	width: 220px;
	float: left;
	padding: 0 0 0 20px;
	border-top: none;
}
#extra .box h3
{
	font-size: 2em;
}
#extra .box a
{
	color: #5c5c5c;
}
#extra .box ul li a
{
	font-size: 1.1em;
}
#extra .box p
{
	font-size: 1.1em;
}
#extra div.box dl.image
{
	margin: 0 0 6px 0;
}

/* footer */
#footer dl.info
{
	color: #7b736c;
	float: right;
}
#footer dl.info dt, #footer dl.info dd
{
	float: left;
	margin: 0 8px 0 0;
	padding: 0 8px 0 0;
	font-weight: normal;
	background: url('../gfx/bullet/bullet-sep.png') no-repeat 100% 50%;
}
#footer dl.info dd.last
{
	background: none;
	margin-right: 0;
}

#footer .rss
{
	padding-left: 18px;
	background: url(../gfx/icon/icn-rss.png) 0 0 no-repeat;
}

/* The Map (Frontpage) */
#metro-introduction 
{
	display: block;
	position: absolute;
	top: 167px;
	width: 273px;
	z-index: 50;
	height: 173px;
	overflow: auto;
	border: 1px solid #cacaca;
	padding: 6px;
	color: #333;
}

#metro-rejseplanen
{
	display: block;
	position: absolute;
	top: 168px;
	right: 12px;
	width: 250px;
	z-index: 50;
}
#metro-rejseplanen div.rejseplan
{
	margin: 0;
}

div.rejseplan
{
	margin: 0 0 15px 0;
	color: #333;
	border: 1px solid #d1d1d1;
	background: #fff;
}

div.rejseplan-header
{
	padding: 4px 70px 4px 5px;
	background: #F3F3F3 url('../gfx/logo/logo-rejseplanen.png') no-repeat 97% 50%;
	overflow: hidden;
}
div.rejseplan-header h3
{
	margin: 0;
	font-size: 1.7em;
}

dl.rejseplan-form
{
	padding: 5px 0 0 5px;
	border-top: 1px solid #d1d1d1;
}
dl.rejseplan-form.formgrid
{
	margin: 0;
	overflow: hidden;
	width: 243px;
	height: 120px;
}
dl.rejseplan-form.formgrid dt
{
	width: 30px;
	margin-top: 3px;
	padding: 0 0 4px 0;
}
dl.rejseplan-form.formgrid dd
{
	width: 170px;
	padding: 0 0 4px 0;
}
dl.rejseplan-form.formgrid dd label
{
	font-size: 1.1em;
}
dl.rejseplan-form.formgrid input.formfield
{
	width: 192px;
	background: #fff;
	border-color: #ABADB3;
	vertical-align: middle;
}
dl.rejseplan-form.formgrid dd select
{
	font-size: 1.4em;
	font-family: Calibri, Arial, Verdana;
	color: #5c5c5c;
	padding: 2px;
}
dl.rejseplan-form.formgrid input.formfield.time
{
	width: 33px;
}
dl.rejseplan-form.formgrid input.formradio
{
	margin-left: 3px;
	margin-right: 3px;
}

div.rejseplan-footer
{
	padding: 4px 5px;
	text-align: right;
	background: #F3F3F3;
	border-top: 1px solid #d1d1d1;
}
div.rejseplan-footer input.formbutton
{
	font-weight: bold;
	font-size: 1.3em;
}


/* next departure */
#next-departure{}

#next-departure h3
{
	font-weight: bold;
	font-size: 2em;
	color: #383838;
	padding: 10px 0 10px 10px;
}
#next-departure .column
{
	float: left;
	margin-right: 20px;
	color: #000;
	width: 224px;
}

#next-departure .column.tworow 
{
	width: 469px;
	margin-right: 0;
}
/* metro table */ 
#next-departure th
{
	font-size: 1.1em;
	color: #383838;
	vertical-align: bottom;
	border-top: 1px solid #888;
	border-bottom: 1px solid #333;
	background: url('/Metro/gfx/background/bg-next-departure.png') repeat-x scroll 20px 0 #E9E9E9;
	padding: 3px 0 3px 3px;
	margin-bottom: 15px;
}
#next-departure th h4
{
	font-size: 1.5em;
	color: #000;
	margin: 0;
	padding-left: 5px;
	float: left;
}
#next-departure th span 
{
	float: right;
	padding: 2px 5px 0 0;
}
#next-departure .metro th h4 
{
	font-size: 1.7em;
}
#next-departure .metro th span 
{
	padding-top: 3px;
}
#next-departure td
{
	font-size: 1.3em;
	line-height: 15px;
	font-weight: bold;
	padding: 3px 0 3px 3px;
}
#next-departure tr.first td
{
	padding-top: 15px;
	vertical-align: bottom;
	background-position: 100% 85%;
}
#next-departure .minutes 
{
	width: 52px;
}
#next-departure .metro .minutes 
{
	width: auto;
	background: url('/Metro/gfx/icon/icn_departure_updating.gif') no-repeat 98% 50%;
	text-align: right;
	padding-right: 37px;
}
#next-departure .metro tr.first .minutes 
{
	background-position: 98% 70%;
}
#next-departure .station 
{
	width: 100px;
}
#next-departure .metro .station 
{
	width: 180px;
	padding-left: 8px;
}
#next-departure .minutes span 
{
	padding-right: 6px;
	width: 14px;
	display: inline-block;
	text-align: right;
}
#next-departure .minutes span.last
{
	padding-right: 0;
}
#next-departure .metro td 
{
	font-size: 1.5em;
	padding: 5px 3px;
}
#next-departure .metro .minutes span 
{
	padding-right: 20px;
	width: auto;
}
#next-departure .spacer
{
	width: 10px;
	border: none;
}
/* LINE INFORMATION */ 


/* Metro line */
#next-departure .m1 span,
#next-departure .m2 span,
#next-departure .m1m2 span {
	position: absolute;
	left: -999em;
	top: -999em;
}
#next-departure .m1 {
	background: #fff url('/Metro/gfx/icon/icn_departure_m1.png') 100% 60% no-repeat;
	width: 40px;
}
#next-departure .m2 {
	background: #fff url('/Metro/gfx/icon/icn_departure_m2.png') 100% 60% no-repeat;
	width: 40px;
}
#next-departure .m1m2 {
	background: #fff url('/Metro/gfx/icon/icn_departure_m1_m2.png') 100% 60% no-repeat;
	width: 40px;
}

#next-departure .name
{
	text-align: right;
	width: 30px;
}
#next-departure .metro .name 
{
	width: 50px;
}
#next-departure .name span
{
 	color: #fff;
	padding: 1px 2px;	
}
#next-departure .bus span
{
	color: #000;
	background: #FFD621;
}
#next-departure .bus-a span
{
	background: #ed1b2f;
}
#next-departure .bus-e span
{
	background: #009f5a;
}
#next-departure .bus-n span
{
	background: #9b9da0;
}
#next-departure .bus-s span
{
	background: #0082C4;
}
/* S-train */ 
#next-departure .s-tog .name
{
	text-align: center;
}
#next-departure .s-tog .name span
{
 	width: 14px;
 	display: inline-block;
}
#next-departure .a span 
{
	background: #00A7E3;
}
#next-departure .b span 
{
	background: #55AB26;
}
#next-departure .bx span 
{
	background: #AED753;
}
#next-departure .c span 
{
	background: #F29400;
}
#next-departure .e span 
{
	background: #7A6FAC;
}
#next-departure .f span 
{
	background: #FDC400;
}
#next-departure .h span 
{
	background: #E64315;
}
/* Train */
#next-departure .train span 
{
	color: #8F8D8E;
	font-size: 1.2em;
}
#next-departure .departure-disclaimer
{
	font-size: 0.9em;
	width: 469px;
}

/* drift */

#metro-info
{
	height: 106px;
	width: 238px;
}

div.metrostation-info h3
{
	margin: 0 0 2px 0;
}
div.metroline-info p, 
div.metrostation-info p
{
	margin: 0 0 2px 0;
	font-size: 1.3em;
	padding: 0 5px 0 0;
}
div.metroline-info dl dt
{
	font-weight: bold;
	padding: 1px 0 1px 22px;
	background-repeat: no-repeat;
	font-size: 1.3em;
	line-height: 1.2em;
}
div.metroline-info dl dd
{
	font-weight: normal;
	padding: 0 5px 5px 7px;
	font-size: 1.3em;
}
div.metroline-info dl dt.m1
{
	background: url('../gfx/icon/icn-metro-logo-m1.gif') no-repeat 0px 3px;
}
div.metroline-info dl dt.m2
{
	background: url('../gfx/icon/icn-metro-logo-m2.gif') no-repeat 0px 3px;
}
div.metroline-info dl dt.both
{
	background: url('../gfx/icon/icn-metro-logo-m1-m2.gif') no-repeat 0px 3px;
	text-indent: -999em;
}
/* Text hidden */

div.metrostation-info
{
	margin: 0 0 5px 0;
	line-height: 1.2em;
	font-size: 1.3em;
}
div.metroline-info p
{
	font-size: 1.2em;
	font-weight: normal;
}
div.metrostation-info dl
{
	margin: 0 6px 0 0;
}
div.metrostation-info dl dt
{
	padding: 5px 0 1px 22px;
	background-position: 0 50%;
	background-repeat: no-repeat;
}
div.metrostation-info dl dd
{
	margin: 0 0 0px 0;
	font-weight: normal;
	padding: 1px 0 1px 22px;
	background-position: 0 5%;
	background-repeat: no-repeat;
}
div.metrostation-info ul.messages li
{
	font-weight: normal;
}
div.metrostation-info dl dd.elevator
{
	background-image: url('../gfx/icon/icn-metro-elevator.png');
}
div.metrostation-info dl dd.escalator
{
	background-image: url('../gfx/icon/icn-metro-escalator.png');
}

/* køreplan */
#metro-travel-time
{
	width: 275px;
	padding: 8px 5px 5px 10px;
	color: #000;
	border: 1px solid #cacaca;
	border-top: 0;
	background: #fff;
	height: 72px;
	overflow: auto;
	font-size: 1.3em;
}
#metro-travel-time a
{
	padding-right: 10px;
	background: url('../gfx/bullet/bullet-list.png') no-repeat 100% 50%;
}
#metro-travel-time a:focus, #metro-travel-time a:active
{
	color: #fff;
	background: #000 url('../gfx/bullet/bullet-list-active.png') no-repeat 100% 50%;
}

/* Station info */
#metro-station
{
}
#metro-name
{
	position: absolute;
	margin-top: -202px;
	margin-left: 10px;
}
#metro-name h3
{
	font-size: 2.4em;
	font-weight: bold;
}
#metro-name h3 a
{
	color: #383838;
}

/* Ajax content */
#metro-compound
{
}
#metro-compound.error
{
	padding: 80px 0 0;
	font-size: 1.2em;
	text-align: center;
	float: none;
}

#feature-container
{
	margin-top: -200px;
}
#feature #metro-linestatus 
{
	padding: 6px;
	width: 217px;
	height: 130px;
	color: #333;
	border: 1px solid #cacaca;
	background: #fff;
	line-height: 1.2em;
	position: absolute;
	top: 3px;
	left: 716px;
	width: 236px;
	overflow: hidden;
}
#feature #metro-linestatus .message
{
	xcolor: #ff561b;
}
#feature #metro-info
{
	position: absolute;
	overflow: auto;
}
#feature #metro-alt
{
	position: absolute;
	top: 146px;
	left: 716px;
	width: 248px;
	border: 1px solid #cacaca;
}
#feature div.metro-alt-info
{
	padding: 6px;
}
#feature div.metro-alt-info ul.links
{
	font-size: 1.2em;
}

#feature div.metro-alt-transportation
{
	height: 126px;
	width: 206px;
	border-top: 1px solid #cacaca;
	padding: 8px 5px 5px 10px;
	overflow: hidden;
	float: right;
}

div.metro-alt-info h3, 
div.metro-alt-transportation h3
div.metro-alt-transportation h3
{
	margin: 0 0 3px 0;
}
div.metro-alt-info p, div.metro-alt-transportation p
{
	margin: 0;
	font-size: 1.2em;
}
div.metro-alt-info em, div.metro-alt-transportation em
{
	font-style: normal;
	color: #528cb0;
}
div.metro-alt-info ul, div.metro-alt-transportation ul
{
	margin: 0;
	font-size: 1.2em;
}

ul.bus
{
	margin: 0 0 2px 0;
	padding: 0;
	list-style-type: none;
}
ul.bus li
{
	float: left;
	display: inline;
	margin: 0 3px 3px 0;
	padding: 1px 2px;
	font-size: 1.1em;
	line-height: 1em;
	font-weight: bold;
	color: #fff;
}
ul.bus li.R
{
	background: #ffd621;
	color: #000;
}
/* R for regular */
ul.bus li.R a
{
	color: #000;
}
ul.bus li.A
{
	background: #ed1b2f;
}
ul.bus li.E
{
	background: #009f5a;
}
ul.bus li.N
{
	background: #9b9da0;
}
ul.bus li.S
{
	background: #007ec4;
}
ul.bus li.Harbour
{
	background: #fff;
	color: #000;
	padding: 0 1px;
	border: 1px solid #000;
}
ul.bus li.Harbour a
{
	color: #000;
}
ul.bus li.Service
{
	background: #5db041;
}

ul.bus li a
{
	color: #fff;
}
ul.bus li a:hover
{
	text-decoration: none;
}
ul.bus li a:focus, ul.bus li a:active
{
	background: none;
	text-decoration: underline;
}

ul.train
{
	margin: 0 0 5px 0;
	padding: 0;
	list-style-type: none;
}
ul.train li
{
	display: inline;
	margin: 0 10px 0 0;
}

/* Ajax content */
#metrogooglemap
{
	width: 217px;
	height: 217px;
	border: 1px solid #b8b8b8;
	position: relative;
}
#feature #metrogooglemap
{
	display: none;
}
div.google_map
{
	width: 220px;
	height: 180px;
}
div.google_map span
{
	display: block;
	line-height: 10px;
}
.big_google_map div.google_map span, #cityRingMap.google_map span
{
	left: auto;
	position: static;
}

/* Related Metro information in related area (Repeat) */
#related div.metroline-info
{
	margin: 0 0 10px 0;
	padding: 10px 0 0 0;
	border-top: 1px solid #7c7c7c;
}
#related div.metrostation-info
{
	margin: 5px 0 5px 0;
	padding: 0 0 5px 0;
	font-weight: normal;
}
#related div.metro-alt-info, #related div.metro-alt-transportation
{
	padding: 10px 0;
	width: 219px;
	border-top: 1px solid #7c7c7c;
}

#related #metrogooglemap
{
	margin-bottom: 10px;
}








/* @group Content elements */

/* Widget box */
div.widget
{
	margin: 0 0 15px 0;
	padding: 10px 0 20px 0;
	border-top: 1px solid #dddcd6;
	border-bottom: 1px solid #dddcd6;
}
div.widget div.metro-widget
{
	margin: 5px 0 0 0;
}

/* Images */
dl.image
{
	margin: 0 0 15px 0;
}
dl.image.left
{
	float: left;
	margin: 0 15px 15px 0;
}
dl.image.right
{
	float: right;
	margin: 0 0 15px 15px;
}
dl.image dt img
{
	margin-left: auto;
	margin-right: auto;
}
dl.image dd
{
	margin: 5px 0 0 0;
	font-size: .95em;
	line-height: 1.2em;
}
#related dl.image
{
	background-color: transparent;
}

/* Boxes general */
div.box
{
	width: 220px;
	margin: 0 0 10px 0;
	line-height: 1.45em;
	padding-top: 10px;
	border-top: 1px solid #d1d1d1;
}
#content .box
{
	width: auto;
	margin: 0 0 10px 0;
}
div.box dl.image
{
	margin: 0 0 10px 0;
}

div.box h3
{
	margin: 0 0 5px 0;
	font-size: 1.7em;
	font-weight: normal;
}

div.box p
{
	margin: 0 0 10px 0;
	font-size: 1.3em;
}
div.box ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
div.box ul li
{
	margin: .4em 0;
	line-height: 1.2em;
}
div.box ul li a
{
	padding-right: 10px;
	background: url('../gfx/bullet/bullet-list.png') no-repeat 100% 50%;
}
div.box ul li a:focus, div.box ul li a:active
{
	background: #333 url('../gfx/bullet/bullet-list-active.png') no-repeat 100% 50%;
}

/* Teasers */
div.teasers div.box
{
	min-height: 130px;
	padding: 20px 25px;
	background: #d7ebf5 url('../gfx/background/bg-teaser.jpg') no-repeat;
}
div.teasers div.box h3
{
	color: #666;
}
/*div.teasers div.box h3 a { color: #666; }*/
div.teasers div.box h3 a:focus, div.teasers div.box h3 a:active
{
	color: #fff;
}

div.teasers div.box a
{
	color: #528cb0;
}
div.teasers div.box a:focus, div.teasers div.box a:active
{
	color: #fff;
}

/* Teaser in narrow column */
div.teasers.narrow div.box
{
	width: 190px;
	min-height: 75px;
	padding: 10px 15px 15px;
	background: #d7ebf5 url('../gfx/background/bg-teaser-narrow.jpg') no-repeat;
}
div.teasers.narrow div.box img.contact
{
	float: left;
	margin-right: 10px;
}

/* Highlighted box */
div.highlight div.box
{
	min-height: 75px;
	margin: 0 -25px 20px;
	padding: 20px 25px;
	background: #d7ebf5 url('../gfx/background/bg-teaser-highlighted.jpg') no-repeat;
}

/* Lists */
dl.view
{
	margin: 0 0 15px 0;
}
dl.view dt
{
	clear: both;
	margin: 0 0 5px 0;
	font-size: 1.1em;
	color: #333;
}
dl.view dt a
{
	padding: 0 9px 0 0;
	color: #333;
	background: url('../gfx/bullet/bullet.png') no-repeat 100% 55%;
}
dl.view dt a:focus, dl.view dt a:active
{
	color: #fff;
	background: #333 url('../gfx/bullet/bullet-list-active.png') no-repeat 100% 50%;
}
dl.view dd
{
	margin: 0 0 20px 0;
}
dl.view dd img
{
	float: left;
	margin: 0 18px 20px 0;
}

dl.list
{
	margin: 0 0 10px 0;
	border-bottom: 1px dotted #ccc;
}
dl.list dt
{
	clear: both;
	float: left;
	width: 400px;
	margin: 0 0 5px 0;
	padding: 10px 0 5px 0;
	font-size: 1.2em;
	border-top: 1px dotted #ccc;
}
dl.list dt a
{
	color: #5c5c5c;
}
dl.list dt a:focus, dl.list dt a:active
{
	text-decoration: underline;
}
dl.list dd.date
{
	float: right;
	width: 110px;
	margin: 0 0 5px 0;
	padding: 10px 0 5px 0;
	color: #999;
	border-top: 1px dotted #ccc;
	text-align: right;
}
#main.section dl.list dd.date
{
	width: 90px;
}
dl.list dd.manchet
{
	clear: both;
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	font-weight: bold;
	font-size: 1.2em;
}
dl.list dd.desc
{
	clear: both;
	height: 0;
	margin: 0;
	padding: 0;
	text-indent: -999em;
	overflow: hidden;
}
dl.list dd.desc.first, dl.list dd.desc.second
{
	height: auto;
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	text-indent: 0;
	overflow: auto;
	font-size: 10px;
}
dl.list dd.desc.second
{
	font-size: 14px;
}
/* If not for IE6, 'desc' for all items on 'emphasize' add:
	dl.emphasize.list dd.desc
	*/

dl.list dt.first, dl.list dd.date.first
{
	padding-top: 4px;
	border: 0;
}

dl.emphasize.list dt.first
{
	font-size: 1.4em;
	line-height: 1.2em;
}
dl.emphasize.list dt.second
{
	font-size: 1.2em;
	line-height: 1.2em;
}

/* If not for IE6, a little extra to highlight top 5
	dl.emphasize.list dd.first.desc { margin-bottom: 15px; }
	dl.emphasize.list dt.second, 
	dl.emphasize.list dd.second.date { padding-top: 20px; }
	dl.emphasize.list dd.second.desc { margin-bottom: 15px; }
	*/

div.search dl.list dt
{
	float: none;
	width: auto;
	font-size: 1.2em;
	line-height: 1.2em;
}
div.search dl.list dd.image
{
	float: left;
	margin: 0 10px 10px 0;
}
div.search dl.list dd.excerpt
{
	margin: 0 0 5px 0;
}
div.search dl.list dd.url
{
	clear: both;
	margin: 0 10px 10px 0;
}
div.search dl.list em
{
	background: #fed224 url('../gfx/background/bg-hilite.png') repeat-x scroll;
	border: 1px solid #f9e900;
	border-bottom-color: #ffea00;
	color: #333;
	font-weight: bold;
	font-style: normal;
	padding: 1px 3px;
	-webkit-border-radius: 4px;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

/* Article listing */
dl.list.articles
{
	padding-bottom: 5px;
}
dl.list.articles dt
{
	clear: both;
	float: none;
	width: 390px;
	margin: 5px 0 0;
	padding: 10px 0 5px;
	border-top: 1px dotted #ccc;
}
dl.list.articles dd
{
	margin: 0;
	padding: 0 0 5px;
}
dl.list.articles dd img
{
	float: right;
	margin: -20px 0 0 10px;
}

/* Tag results list */
div.search div.selectedArticles p
{
	font-size: .9em;
	color: #999;
}
div.search div.selectedArticles
{
	padding: 5px 5px 0 5px;
	background-color: #ffc;
	background-color: #f3f3f3;
}
div.search dl.list
{
	border: none;
}

dl.activities
{
}
dl.activities dt
{
	clear: left;
	float: left;
	width: 150px;
	margin: 0 0 10px;
	color: #333;
}
dl.activities dd
{
	margin: 0 0 10px;
	color: #333;
}

/* Boxed list items for related column */
div.box.relatedItems dl
{
	margin: 0 0 5px 0;
	font-size: 1.3em;
}
#article div.box.relatedItems
{
	border-top: none;
	font-size: 1.2em;
}
div.box.relatedItems dl dt
{
	margin-top: 3px;
	padding-top: 3px;
	font-weight: normal;
	color: #C5C6C7;
}
div.box.relatedItems dl dd
{
	margin: 0 0 15px 0;
}
div.box.relatedItems p
{
	font-size: 1.2em;
}

/* Tag notice in lists */
dl dd span.tags
{
	color: #999;
}
dl dd span.tags a
{
	padding: 0 1px;
	color: #999;
}
dl dd.footnote
{
	margin-bottom: 15px;
	border-top: none;
}


/* Paging */
ul.paging
{
	margin: 0 0 15px 0;
	xpadding: 0 20px 0 0;
	list-style-type: none;
	text-align: right;
}
ul.paging li
{
	display: inline;
	margin: 0 0 0 5px;
}
ul.paging li a
{
}
ul.paging li.previous
{
	margin-right: 5px;
}
ul.paging li.previous a
{
	padding: 0 0 0 8px;
	background-image: url('../gfx/bullet/bullet-paging-previous.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}
ul.paging li.next
{
	margin-left: 10px;
}
ul.paging li.next a
{
	padding: 0 8px 0 0;
	background-image: url('../gfx/bullet/bullet-paging-next.png');
	background-repeat: no-repeat;
	background-position: 100% 50%;
}
ul.paging li span
{
	display: none;
}

/* List paging */
div.list-header
{
	padding: 5px 0;
	border-top: 1px solid #D1D1D1;
	border-bottom: 1px solid #D1D1D1;
}

div.list-header ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
div.list-header ul li
{
	display: inline;
	line-height: 1.8em;
}

ul.list-info
{
	float: left;
	width: 45%;
}
ul.list-info li
{
	margin: 0 5px;
}
ul.list-paging
{
	float: right;
}
ul.list-paging li
{
	margin: 0 5px 0 0;
}
ul.list-paging li a
{
	padding: 0 4px;
	background: #d1d1d1;
	color: #fff;
}
ul.list-paging li a:hover, ul.list-paging li.current a
{
	color: #fff;
	background-color: #3E8EBA;
	text-decoration: none;
}
ul.list-paging li.previous a, ul.list-paging li.next a
{
	padding: 0;
	color: #5c5c5c;
	text-decoration: none;
}
ul.list-paging li.previous a, ul.list-paging li.previous.disabled
{
	padding: 0 0 0 8px;
	background: url('../gfx/bullet/bullet-paging-previous.png') no-repeat 0 50%;
}
ul.list-paging li.next a, ul.list-paging li.next.disabled
{
	padding: 0 8px 0 0;
	background: url('../gfx/bullet/bullet-paging-next.png') no-repeat 100% 50%;
}
ul.list-paging li.previous a:hover, ul.list-paging li.next a:hover
{
	color: #000;
}
ul.list-paging li.disabled
{
	color: #ccc;
}

ul.list-paging li span
{
	display: none;
}


ul.subscribe
{
	margin: 0 0 30px 0;
	list-style-type: none;
}
ul.subscribe li
{
	float: right;
	margin-bottom: 5px;
}
#article ul.subscribe 
{
	list-style-type: none;
	margin: 0;
} 
#article ul.subscribe li 
{
	float: none;
}
.content-related ul.subscribe
{
	border-top: 1px solid #D1D1D1;
	padding: 10px 0 0 0;
}
.content-related ul.subscribe li
{
	float: none;
}
ul.subscribe li a
{
	color: #5c5c5c;
}
ul.subscribe li.rss a
{
	padding-right: 20px;
	background: url('../gfx/icon/icn-rss.png') no-repeat 100% 50%;
}


/* Form grids */
dl.formgrid
{
	margin: 0 0 15px 0;
}
dl.formgrid dt
{
	clear: left;
	float: left;
	width: 70px;
	margin: 3px 5px 0 0;
	padding: 0 0 3px 0;
	font-weight: normal;
}
dl.formgrid dt.info
{
	margin: 0 5px 0 0;
}
dl.formgrid .full
{
	clear: left;
	float: none;
	width: auto;
	margin: 0;
}
dl.formgrid dt.submit
{
	float: none;
	width: 317px;
	padding-top: 7px;
	text-align: right;
	font-weight: normal;
}
dl.formgrid dd
{
	float: left;
	width: 265px;
	margin: 0;
	padding: 0 0 5px 0;
}
dl.formgrid dd input.formfield
{
	width: 235px;
}

div.searchbox dl.formgrid
{
	margin: 0;
}
div.searchbox dl.formgrid dd
{
	width: 219px;
}
div.searchbox input.formfield
{
	width: 207px;
}

dl.formgrid dd.full
{
	float: none;
	width: auto;
	padding: 0 0 10px 0;
}

dl.formgrid p
{
	margin: 0 0 3px 0;
}
dl.formgrid em
{
	font-style: normal;
}
dl.formgrid span.help
{
	float: right;
	font-size: .95em;
}
/* Error indication */
dl.formgrid .error
{
	color: #ed611c;
	font-size: 1.2em;
}
p.error 
{
	color: #ed611c;
}
/* Field as input */
dl.formgrid div.inputfield
{
	margin: 3px 0;
}

/* Newsletter */
div.newsletter
{
	margin: 0 0 10px 0;
	border-top: 5px solid #7C7C7C;
	padding-top: 5px;
}
div.newsletter-header
{
	overflow: hidden;
}
div.newsletter-form
{
}
div.newsletter-form p
{
	margin: 0;
}
div.newsletter-form .error
{
	font-size: 1.2em;
	color: #ed611c;
}
div.newsletter-form .confirm
{
	font-size: 1.2em;
	color: #00B385;
}

div.newsletter-form dl.formgrid
{
	margin: 0;
}
div.newsletter-form dl.formgrid dt
{
	width: 35px;
	padding: 0;
}
div.newsletter-form dl.formgrid dt.submit
{
	width: auto;
}
div.newsletter-form dl.formgrid dd
{
	width: 150px;
	padding: 0 0 5px 0;
}
div.newsletter-form dl.formgrid input.formfield
{
	width: 160px;
	background: #fff;
	vertical-align: middle;
}
div.newsletter-form dl.formgrid dd label
{
	font-size: 1.2em;
}

div.newsletter-footer
{
	padding: 4px;
	text-align: right;
	border-top: 1px solid #d1d1d1;
	border-bottom: 1px solid #d1d1d1;
	background: #F3F3F3;
}
div.newsletter-footer input.formbutton
{
	font-weight: bold;
}
div.newsletter-footer input.formbutton.dimmed
{
	font-weight: normal;
}
div.newsletter input.formbutton 
{
	font-size: 1.3em;
}
/* City Ring */
div.cityring-bubble
{
	width: 270px;
	text-align: left;
	min-height: 60px;
}
div.cityring-bubble h4
{
	margin: 0 0 5px 0;
	color: #000;
}
div.cityring-bubble div
{
	margin-bottom: 5px;
	padding: 0;
}
div.cityring-bubble img
{
	float: right;
	margin-left: 5px;
	height: 60px;
	border: 1px solid #666;
}
div.cityring-bubble p
{
	margin: 0 0 5px 0;
}

div.cityring-bubble div.subItems
{
	overflow: auto;
	max-height: 100px;
	font-size: 1.2em;
}
div.cityring-bubble div.subItems h4
{
	margin: 0;
	font-size: 1.3em;
	font-weight: normal;
	color: #747474;
}
div.cityring-bubble div.subItems dl
{
	margin: 0 0 5px 0;
	padding-bottom: 3px;
	border-bottom: 1px dotted #ccc;
}
div.cityring-bubble div.subItems dl dt
{
	margin-top: 3px;
	padding-top: 3px;
	font-weight: normal;
	color: #999;
	border-top: 1px dotted #ccc;
}
div.cityring-bubble div.subItems dl dd
{
	margin: 0;
	color: #333;
}
div.cityring-bubble ul.readMore
{
	margin: 6px 0 0;
	padding: 0;
	list-style-type: none;
}
div.cityring-bubble ul.readMore li
{
	margin: .4em 0;
	line-height: 1.2em;
	font-size: 1.2em;
}
div.cityring-bubble ul.readMore li a
{
	padding-right: 10px;
	background: url('../gfx/bullet/bullet-list.png') no-repeat 100% 50%;
}
div.box ul li a:focus, div.box ul li a:active
{
	background: #333 url('../gfx/bullet/bullet-list-active.png') no-repeat 100% 50%;
}

/* City Ring Tag Cloud 	*/

div.teasers div.box.tag-list
{
	background: none;
	font-size: .9em;
}

div.box.tag-list span, div.box.tag-list a, div.teasers div.box.tag-list a
{
	background: #ebebeb url('../gfx/background/bg-tagcloud.png') no-repeat 0% 0%;
	margin: 0 5px 5px 0;
	float: left;
	display: block;
	font-size: 12px;
}
div.box.tag-list a, div.teasers div.box.tag-list a
{
	display: block;
	color: #555;
	text-decoration: none;
}
div.box.tag-list span
{
	background-position: 0% 100%;
	background-color: transparent;
	margin: 0;
}
div.box.tag-list span span
{
	background-position: 100% 0%;
}
div.box.tag-list span span span
{
	background-position: 100% 100%;
	padding: 3px 5px;
	cursor: pointer;
	cursor: hand;
}

div.teasers div.box.tag-list a.size4
{
	color: #000;
	font-size: 1.4em;
}
div.teasers div.box.tag-list a.size3
{
	color: #292929;
	font-size: 1.3em;
}
div.teasers div.box.tag-list a.size2
{
	color: #3d3d3d;
	font-size: 1.2em;
}
div.teasers div.box.tag-list a.size1
{
	color: #525252;
	font-size: 1.1em;
}
div.teasers div.box.tag-list a.size0
{
	color: #666;
	font-size: 1em;
}
div.box.related-tags a
{
	font-size: 1.4em;
	padding-right: 5px;
}
div.box.related-tags p
{
	font-size: 1.2em;
}
#cityRingMap.google_map
{
	width: 731px;
	height: 360px;
	float: left;
	border: 1px solid #7c7c7c;
}
#feature #metro-map 
{
	margin-left: -20px;
}
#feature #metro-map img
{
	border: none;
}
#feature.big_google_map #cityRingMap.google_map
{
	width: 976px;
	height: 625px;
}

#feature #metrodisclaimer.largeMap
{
	left: 90px;
	top: 608px;
	font-size: 1.2em;
}

#feature.big_google_map div.box.searchbox
{
	background: url(../gfx/background/bg-white-transp.png) no-repeat 0 0;
	border: 1px solid #666;
	color: #000;
	height: auto;
	padding: 12px 15px 2px;
	position: absolute;
	right: 10px;
	top: 394px;
	width: 180px;
	margin-right: 0;
}
#feature.big_google_map div.box.searchbox input.formfield
{
	width: 172px;
	font-size: 1em;
	background: #fff;
	z-index: 10;
}
#feature.big_google_map div.box.searchbox label
{
	font-size: 1.1em;
}
#feature.big_google_map div.box.searchbox .formgrid
{
	margin-bottom: 8px;
}
#feature.big_google_map div.box.searchbox ol
{
	margin: 5px 0;
	padding-left: 25px;
}

#feature-filters
{
	background: url(../gfx/background/bg-white-transp.png) no-repeat 0 0;
	border: 1px solid #666;
	color: #000;
	font-size: 1.1em;
	padding: 12px 15px 2px;
	position: absolute;
	right: 10px;
	top: 45px;
	width: 180px;
}
#feature-filters h3
{
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: 10px;
}
#feature-filters p
{
	font-size: 1.2em;
}
#feature-filters label
{
	background-position: 0 0;
	background-repeat: no-repeat;
	display: block;
	height: 20px;
	margin-bottom: 5px;
	padding: 7px 0 7px 25px;
	font-size: 1.3em;
}
#feature-filters label input
{
	margin: 0 5px 0 0;
	vertical-align: middle;
}
#feature-filters label.constructionsite
{
	background-image: url(../gfx/icon/cityring/constructionsite_small.png);
}
#feature-filters label.roadwork
{
	background-image: url(../gfx/icon/cityring/roadwork_small.png);
}
#feature-filters label.excavation
{
	background-image: url(../gfx/icon/cityring/excavation_small.png);
}
#feature-filters label.notification
{
	background-image: url(../gfx/icon/cityring/alert_small.png);
}
#feature-filters label.newsletter
{
	background-image: url(../gfx/icon/cityring/newsletter_small.png);
	padding-top: 2px;
}
#feature-filters label.article
{
	background-image: url(../gfx/icon/cityring/article_small.png);
	padding-top: 2px;
}

#related #cityRingMap.google_map
{
	width: 217px;
	height: 360px;
	margin: 5px 0;
	float: none;
}
#related #cityRingMapRadius
{
	position: relative;
	z-index: 20;
}
#related #cityRingMapRadius p
{
	margin: 0;
}
#related #cityRingMapRadius h3
{
	font-size: 1.7em;
	font-weight: normal;
}
#related #cityRingMapRadius select.formselect
{
	position: relative;
	top: 12px;
	float: right;
	margin-right: 5px;
	z-index: 20;
	width: auto;
	font-size: 1.4em;
}
#related ul
{
	font-size: 1.3em;
}
#related h3
{
	text-transform: uppercase;
	font-size: 1.5em;
	font-weight: bold;
}

.google_marker
{
	display: none;
}

p.date
{
	margin-top: -15px;
	color: #999;
}

/* date-picker */
.fd-placeholder
{
	margin: 0 0 20px;
}
.fd-placeholder input
{
	width: 5.4em;
}
.fd-placeholder input.formbutton
{
	width: auto;
}
.fd-placeholder label, .fd-placeholder a.date-picker-control
{
	margin-right: 8px !important;
}

/* Cityring Timeline description */
#article ul.timeline
{
	margin: 10px 0;
	padding: 10px 0;
	list-style-type: none;
}
ul.timeline li
{
	margin: 0;
	padding-left: 32px;
	font-size: .95em;
}
ul.timeline li.phase1
{
	background: url('../gfx/bullet/bullet-timeline-phase1.png') no-repeat 0 3px;
}
ul.timeline li.phase2
{
	background: url('../gfx/bullet/bullet-timeline-phase2.png') no-repeat 0 3px;
}
ul.timeline li.phase3
{
	background: url('../gfx/bullet/bullet-timeline-phase3.png') no-repeat 0 3px;
}
ul.timeline li.phase4
{
	background: url('../gfx/bullet/bullet-timeline-phase4.png') no-repeat 0 3px;
}
ul.timeline li.phase5
{
	background: url('../gfx/bullet/bullet-timeline-phase5.png') no-repeat 0 3px;
}
ul.timeline li.phase6
{
	background: url('../gfx/bullet/bullet-timeline-phase6.png') no-repeat 0 3px;
}

/* Accordion */
.accordion
{
	margin: 20px 0px;
}
.accordion h4.toggler
{
	font-size: 1.4em;
	cursor: pointer;
	color: #666;
	margin: 3px 0 0 0;
	background: #e9e9e9 url('../gfx/background/bg-accordion.png') repeat-x 0% 0%;
	border: 1px solid #d6d6d6;
	text-transform: uppercase;
}
.accordion h4.toggler span
{
	display: block;
	padding: 5px 5px 5px 25px;
	background: url('../gfx/bullet/bullet-accordion.png') no-repeat 10px 50%;
}
.accordion h4.toggler img
{
	float: right;
	padding: 3px;
}
.accordion h4.toggler.selected, .accordion h4.toggler.hover
{
	background: #f6f6f6 url('../gfx/background/bg-accordion-selected.png') repeat-x 0% 0%;
}
.accordion h4.toggler.selected span
{
	background: url('../gfx/bullet/bullet-accordion-selected.png') no-repeat 10px 50%;
}
.accordion div.element .elementContent
{
	padding: 10px;
	xbackground: #fff url('../gfx/background/bg-accordion-background.png') repeat-x 0% 100%;
}

.activityBox
{
	background: #fff url('../gfx/background/bg-accordion-background.png') repeat-x 0% 100%;
	border: 1px solid #eaeaea;
	padding: 10px;
}

/* Christmas card */
#christmas
{
	margin: 18px;
	background: #bf0526 url('../gfx/background/bg-christmas-card.jpg') no-repeat 0% 0%;
	position: relative;
	color: #fff;
	font-size: 1.1em;
}
#christmas .wrapper
{
	background: url('../gfx/background/bg-christmas-card-form.png') no-repeat 0% 0%;
	height: 865px;
}
#christmas.view-card .wrapper
{
	background: url('../gfx/background/bg-christmas-card-view-top.png') no-repeat 50% 170px;
}
#christmas input.formfield, #christmas textarea.formarea
{
	border: 0;
	width: 190px;
	font-size: 1.1em;
}
#christmas .intro
{
	position: absolute;
	left: 93px;
	top: 183px;
	width: 275px;
	color: #000;
	line-height: 1.2em;
}
#christmas .intro h3
{
	color: #ff0000;
	margin: 0;
}
#christmas .input label
{
	float: left;
	clear: both;
	width: 50px;
	margin: 0 0 5px;
	font-size: 1.3em;
	font-weight: bold;
}
#christmas .input input.formfield
{
	float: right;
	margin: 0 0 5px;
}
#christmas .to
{
	position: absolute;
	left: 556px;
	top: 200px;
	width: 250px;
}
#christmas .text
{
	position: absolute;
	left: 570px;
	top: 336px;
	width: 205px;
}
#christmas .text label
{
	float: none;
	color: #262626;
}
#christmas .text textarea.formarea, #christmas .text input.formfield
{
	width: 200px;
	float: none;
	margin: 0 0 10px;
}
#christmas .text textarea.formarea
{
	height: 155px;
}
#christmas .from
{
	position: absolute;
	left: 556px;
	top: 642px;
	width: 250px;
}
#christmas .error
{
	color: #bf0526;
	font-size: 1.1em;
	font-weight: bold;
}
#christmas input.formimagebutton
{
	float: right;
	margin: 20px 0 0 0;
}

#christmas .card
{
	padding: 606px 0 0;
}
#christmas .card .cardBottom
{
	position: relative;
	bottom: -20px;
	margin: 0 auto;
	padding: 0 0 25px;
	width: 652px;
	min-height: 200px;
	background: url('../gfx/background/bg-christmas-card-view-bottom.png') no-repeat 50% 100%;
}

#christmas .card .message
{
	width: 381px;
	padding: 0 20px 0 34px;
	border-right: 1px solid #b6b6b6;
	color: #000;
	font-size: 1.2em;
}
#christmas.view-card .wrapper
{
	height: auto;
	min-height: 790px;
	margin-bottom: 40px;
}
#christmas .card .message h1
{
	color: #9c001c;
	font-size: 2.273em;
	font-weight: normal;
}
#christmas .card p.to, #christmas .card p.from
{
	color: #000;
	left: 454px;
	top: 75px;
	font-size: 1.1em;
	line-height: 1.2em;
	width: 163px;
	overflow-x: hidden;
}
#christmas .card p.from
{
	left: 454px;
	top: 166px;
}

#christmasMessage
{
	margin: 18px;
	font-size: 1.2em;
}

/* Email subscription form */
dl.subscription.formgrid dd label
{
	font-weight: bold;
}

dl.subscription.formgrid span.radio-hint
{
	font-size: 1.2em;
	margin: 0 0 8px 17px;
	display: block;
}
dl.subscription.formgrid span
{
	font-size: 1.4em;
}

/* Row lists */
.row
{
	border-top: 1px solid #D1D1D1;
	padding: 20px 0 12px 0;
}
.row.first
{
	padding-top: 0;
	border-top: none;
}
.row.border
{
	margin-top: 3px;
	border-top: 6px solid #A8A8A8;
}
.row .text
{
	width: 240px;
	float: left;
	padding-bottom: 10px;
	margin-top: -5px;
}
#main .row.full
{
	border-top: none;
	padding-top: 10px;
	min-height: 0;
	width: 510px;
}
.row.full .text
{
	width: 100%;
	padding-bottom: 0;
}
.row h2
{
	font-size: 2.2em;
	line-height: 1em;
	margin-bottom: 6px;
}
.row h3
{
	margin: 0;
}
.row p.resume
{
	margin: 0;
}
.row p.date
{
	text-align: left;
	margin: 0 0 2px 0;
	width: 200px;
}
.row p.readmore
{
	margin-top: 8px;
}
.row .image
{
	float: left;
	margin-right: 29px;
	width: 241px;
}
.row .image.right
{
	float: right;
	margin-right: 0;
}
.row a
{
	color: #5c5c5c;
}
.row .cols
{
	padding-top: 10px;
}
.row .col 
{
	float: left;
	width: 240px;
	margin-right: 30px;
}
.row .col.last
{
	float: left;
	width: 241px;
	margin-right: -1px;
}
.row .col a
{
	color: #3e8eba;
}
.rodw .col ul li 
{
	background: url('../gfx/bullet/bullet.png') no-repeat 0 4px;
	padding-left: 10px;
	t
}

.linkgroup.hover a
{
	text-decoration: underline;
}
.linkgroup.hover .theme a
{
	text-decoration: none;
}

/* News section */
#newscontainer
{
	border-left: 1px solid #7C7C7C;
	border-right: 1px solid #7C7C7C;
	padding: 0 10px;
	float: left;
}

#newsheader
{
	background: url('/Metro/gfx/logo/logo-metronyt.jpg') no-repeat 0 0;
	width: 254px;
	height: 37px;
	margin: 46px 0 8px 11px;
}
#news
{
	font-family: Calibri, Arial, Verdana;
	border-top: 7px solid #000000;
	padding-top: 7px;
	float: left;
}

/* 956 inner width */
/* General */
#news .related a
{
	color: #5c5c5c;
}
#news ul
{
	font-size: 1.2em;
}
/* Grid */
#news .col-left
{
	width: 721px;
	float: left;
}
/* 529 width */
#news .col-left .content-main
{
	float: left;
	width: 513px;
	min-height: 450px;
	padding: 0 15px 0 0;
	margin-top: 20px;
	border-right: 1px solid #D1D1D1;
}
/* 192 width */
#news .col-left .content-related
{
	float: right;
	width: 171px;
	min-height: 450px;
	padding: 0 10px;
	margin-top: 20px;
	border-right: 1px solid #D1D1D1;
}
#news .col-right
{
	width: 219px;
	padding-left: 15px;
	float: right;
}
/* intro */
#news .intro
{
	float: left;
	position: relative;
	height: 300px;
	width: 100%;
}
#news .colorbar
{
	margin: 0;
	position: absolute;
	width: 720px;
	height: 7px;
	background-color: #5c5c5c;
}
#news .colorbar.small
{
	width: 170px;
	height: 5px;
}
#news .intro img
{
	position: absolute;
}
#news .intro .layer
{
	background-color: #000;
	position: absolute;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	top: 190px;
	height: 110px;
	width: 720px;
	vertical-align: bottom;
	z-index: 101;
}
#news .intro .headline
{
	background-color: transparent;
	z-index: 102;
	position: absolute;
	top: 190px;
	height: 110px;
	width: 720px;
	overflow: hidden;
}
#news .intro h1
{
	font-size: 3.2em;
	font-weight: normal;
	line-height: 1em;
	padding: 24px 15px 0 15px;
	color: #fff;
	text-transform: uppercase;
}

#news .intro h1 a
{
	color: #fff;
}
#news .intro.top .layer, #news .intro.top .headline
{
	top: 0px;
}
#article .intro
{
	position: relative;
	height: 213px;
	width: 510px;
}
#article .intro .headline
{
	position: absolute;
	z-index: 102;
	bottom: 0;
	width: 510px;
	overflow: hidden;
}
#article .intro h1
{
	font-weight: normal;
	line-height: 1em;
	padding: 0px 15px 0 15px;
	color: #fff;
	text-transform: none;
}
#article .intro h1 a
{
	color: #fff;
}
/* Article */
p.meta
{
	font-size: 1.1em;
	text-transform: uppercase;
	margin: 0 0 5px 0;
	padding-bottom: 3px;
}
#news p.author
{
	font-size: 1.1em;
	padding: 4px 0;
	border-top: 1px solid #D1D1D1;
	border-bottom: 1px solid #D1D1D1;
	text-transform: uppercase;
	margin: 15px 0;
}



#news .image img
{
	margin-bottom: 8px;
}
#news .image.center img
{
	margin-left: auto;
	margin-right: auto;
}
.theme
{
	margin-right: 6px;
	text-transform: uppercase;
}
.theme a
{
	color: #fff;
	padding: 1px 6px;
}
#news .related
{
	margin-bottom: 10px;
	border-top: 1px solid #D1D1D1;
	padding: 10px 0 0 0;
	clear: both;
}
#news .related.noline
{
	border-top: none;
	padding-top: 0;
}
#news .content-related .related.first
{
	border-top: 5px solid #000;
}
#news .related p
{
	font-size: 1.2em;
	margin: 0 0 5px 0;
}
#news .related ul li
{
	background: url('../gfx/bullet/bullet.png') no-repeat 0 4px;
	padding-left: 10px;
	text-transform: uppercase;
}
#news .related ul.inline li
{
	text-transform: uppercase;
	display: inline-block;
	background: none;
	padding: 0 5px 0 0;
}
#news .related ul.inline li a
{
	xtext-decoration: underline;
}
#news .related ul.tolower li
{
	text-transform: none;
}
#news .related h2
{
	text-transform: uppercase;
	margin-bottom: 0;
	font-size: 1.8em;
}
#news .related h3
{
	text-transform: uppercase;
	margin-bottom: 5px;
	font-size: 1.4em;
	font-weight: bold;
}

#news dl
{
	font-size: 1.2em;
}
#news dt
{
	text-transform: uppercase;
}
#news dd
{
	margin: 0;
	font-size: 1.1em;
	padding-bottom: 4px;
}
.banner
{
	margin-bottom: 10px;
	background-color: #a8a8a8;
	text-transform: uppercase;
	font-size: 1.4em;
	padding-top: 30px;
}
.banner h3, #related .banner h3
{
	color: #fff;
	padding: 0 12px;
	margin: 0;
	font-size: 1.3em;
	font-weight: normal;
}
.banner h3 a
{
	color: #fff;
}
.banner h2
{
	color: #000;
	padding: 0 12px 12px 12px;
	line-height: 1em;
	margin: 0;
	font-size: 1.3em;
}
.banner h2 a
{
	color: #000;
}
.banner img
{
	filter: alpha(opacity=40);
	-moz-opacity: 0.4;
	-khtml-opacity: 0.4;
	opacity: 0.4;
}


/* Graphical statistics output */
#graph
{
	margin: 0 0 30px 0;
}
/* @end */