@charset "UTF-8";

/* Standard rules
---------------------------------------------------------------------------- */

html,body {margin: 0; padding: 0; width: auto; letter-spacing: 0;}
form {margin: 0; padding: 0;}
ol,ul,li {list-style: none; margin:0; padding:0;}
img {border: none; display:block;}
a {text-decoration: none; color: #424242;}
a:hover {text-decoration: none; color: #000;}
:focus {outline: 0;}
h1,h2,h3,h4,h5,h6 {font-weight: bold; color: #111; margin:0; padding:0;}
body {color: #505050; font: 9pt/1.5em Verdana,Arial,Helvetica,sans-serif;}
input,select,textarea {vertical-align: middle; font-size: 8pt;}
select {vertical-align: top;}
fieldset {border: 0; outline: 0; margin: 0; padding: 0;}

input, select {
	font-size: 8pt;
	border: 0 inset #000000;
	background: #fff;
}

input.formfield {
	background: url('../gfx/formfield.png') no-repeat;
	width: 134px;
	height: 18px;
	padding: 7px 8px 1px 8px;
	font-size: 9pt;
}

body {
	
}

h1 {font-size: 200%;}
h2 {font-size: 150%;}
h3 {font-size: 118%;}
h4 {font-size: 100%;}

/* Autocompleter Search
---------------------------------------------------------------------------- */

div#searchResultContainer {
	display: block;
	float: left;
	min-width: 500px;
	width: auto;
	height: auto;
	position: absolute;
	z-index: 100;
	left: 104px;
	top: 71px;
	overflow: visible;



}

div#searchResultContainer.hide {display:none;}
ul#autocompleter-searchresult.hide {display: none;}
ul#autocompleter-searchresult.show {display: block;}
ul#autocompleter-searchresult.autocompleter-choices {
	border: 1px solid #55a800;
}
ul#autocompleter-searchresult.autocompleter-choices li {
	font-size: 7pt;
	line-height: 1em;
	padding: 0.5em;
	overflow: visible;
}
ul#autocompleter-searchresult.autocompleter-choices li.autocompleter-selected {
	color: #222;
	background: #9ce222;
}

/* Main
---------------------------------------------------------------------------- */

div#main {
	margin: 0;
	width: 720px;
	text-align: left;
	display: block;
	float: left;
	overflow: visible;
	padding: 10px;
}

/* Left column
---------------------------------------------------------------------------- */

div#left {
	float: left;
	width: 243px;
	padding: 0;
	margin: 0;
	overflow: visible;
}

/* Right column
---------------------------------------------------------------------------- */

div#right {
	float: left;
	overflow: visible;
	/*margin-top: 12px;*/
	margin: 0;
	width: 720px;
}

/* Content
---------------------------------------------------------------------------- */

div#contentWrapper {
	float: left;
	clear: both;
	position: relative;
	overflow: visible;
	position: relative;
	/*padding: 0 18px 5px 18px;*/
	width: 720px;
	padding: 0;
}

div#content {
	float: left;
	clear: both;
	width: 720px;
}

/* Footer
---------------------------------------------------------------------------- */

div#footer {
	float: left;
	height: 20px;
	clear: both;
}

/* Frame
---------------------------------------------------------------------------- */
	
div.frameContent {
	float: left;
	clear: both;
	/*background: #fff url('../gfx/frameverticalspacer.gif') repeat-y;*/
	position: relative;
	width: 100%;
	overflow: hidden;
	position: relative;
	/*padding-left: 25px;*/
	padding: 0;
	
}
div.frameTop {float: left; clear: both; width: 100%; height: 18px; overflow: visible;}
div.frameTop div.left {float: left; width: 19px; height: 18px; background: url('../gfx/frametopleft.gif') no-repeat;}
div.frameTop div.right {float: left; width: 16px; height: 18px; overflow: hidden; background: url('../gfx/frametopright.gif') no-repeat;}
div.frameTop div.center {float: left; width: 721px; height: 18px; overflow: hidden; background: #fff url('../gfx/framehorizontalspacer.gif') repeat-x;}
div.frameBottom {float: left; width: 100%; height: 13px; overflow: hidden;}
div.frameBottom div.left {background: url('../gfx/framebottomleft.gif') no-repeat; width: 19px; height: 13px; float:left;}
div.frameBottom div.right {float: left; background: #fff; width: 737px; height: 13px; overflow: hidden;}

/* Tabs
---------------------------------------------------------------------------- */

div.tabs {
	float: left;
}

div.tabs ul li {
	background: url('../gfx/tab.png') no-repeat 100% 0;
	float: left;	
	width: auto;
	height: 29px;
	line-height: 28px;
	position: relative;
	z-index: 1;
	display: block;
	margin: 0 2px 0 0;
	overflow: hidden;
	float: left;
}

div.tabs ul li a {
	color: #fff;
	background: url('../gfx/tab.png') no-repeat 0 0;
	width: auto;
	height: 100%;
	position: relative;
	display: block;
	padding: 0 8px 0 8px;
	overflow: hidden;
	float: left;
}

div.tabs ul li a span {
	color: #fff;
	background: url('../gfx/tab.png') repeat-x 0 -29px;
	width: auto;
	height: 100%;
	position: relative;
	text-align: center;
	display: block;
	overflow: hidden;
	float: left;
	cursor: pointer;
}

div.tabs ul li.active {background: url('../gfx/tab.png') no-repeat 100% -58px; z-index:2;}
div.tabs ul li.active a {background: url('../gfx/tab.png') no-repeat 0 -58px;}
div.tabs ul li.active a span {background: url('../gfx/tab.png') repeat-x 0 -87px;}

/* Top Links
---------------------------------------------------------------------------- */

div#topLinks {
	float: right;
	height: 27px;
}

div#topLinks li {float: left; background:url('../gfx/toplinksspacer.gif') no-repeat;}
div#topLinks li a {color: #fff; padding: 0 12px 0 12px;}
div#topLinks li a:hover {color: #000;}

/* Tabbed Links
---------------------------------------------------------------------------- */

div#tabbedLinks {
	float: left;
	margin: 0 0 22px 1px;
	width: 100%;
	overflow: hidden;
}

div#tabbedLinks li {margin:0; padding:0; margin-right:1px;}
div#tabbedLinks li span {width: 91px; overflow: hidden; font-size: 12px; padding: 1px 0 0 0;}
div#tabbedLinks li a:hover span {color: #000;}

div#tabbedLinks div.tabs ul li {background: url('../gfx/tabbedlinks.png') no-repeat 100% 0;}
div#tabbedLinks div.tabs ul li a {background: url('../gfx/tabbedlinks.png') no-repeat 0 0;}
div#tabbedLinks div.tabs ul li a span {background: url('../gfx/tabbedlinks.png') repeat-x 0 -29px;}

/* Fynbus logo
---------------------------------------------------------------------------- */

div#fynbuslogo {padding:0;}

/* Fynbus search
---------------------------------------------------------------------------- */

div#fynbussearch {margin: 16px 0 25px 0; padding:0 0 0 10px; overflow: hidden;}
div#fynbussearch li {float: left;}
div#fynbussearch li.input {padding-right: 5px;}
div#fynbussearch input.formfield {width:169px;}

/* Rejseplanen
---------------------------------------------------------------------------- */

div#rejseplanen {float:left; width:auto; overflow: hidden; margin:0; padding:0 0 0 10px;}
div#rejseplanen div.logo {margin: 0 0 10px 0; padding:0;}
div#rejseplanen div.form {padding: 0 0 0 16px;}
div#rejseplanen ul {float: left; margin: 2px 0 2px 0; width: 100%;}
div#rejseplanen ul.searchButton {float:left; width:auto; margin:0; padding:8px 0 0 158px;}
div#rejseplanen li {color: #000; font-weight: bold; float: left;}
div#rejseplanen li label {font-size: 8pt; font-weight: bold;}
div#rejseplanen li.wide {width: 40px;}
div#rejseplanen li.paddingright {padding: 0 3px 0 0;}
div#rejseplanen li.inputfield {padding-top: 3px;}
div#rejseplanen li input.transparent {background:transparent;}
div#rejseplanen input.to {width:137px;}
div#rejseplanen input.from {width:137px;}
div#rejseplanen input.time {width:42px;}
div#rejseplanen select#rejseplanenDay {width:44px; padding: 2px 0 0 0;}
div#rejseplanen select#rejseplanenMonthYear {width:105px; padding: 2px 0 0 0;}

/* News
---------------------------------------------------------------------------- */

div#news {
	float: left;
	width: auto;
	margin: 8px 0 0 0;
	padding: 0 0 0 10px;
}

div#news ul {
	/*padding: 0 10px 0 0;*/
	margin: 0 0 10px 0;
}

div#news h3 {text-transform: uppercase;}
div#news p {margin: 0; padding: 0; font-size: 7pt; font-style: italic;}
div#news span {margin: 0; padding: 0; font-size: 8pt;}
div#news a {font-size: 8pt;}
div#news a.news {color: #5EBA02; font-weight: bold; font-size: 8pt; line-height: 1em;}
div#news a.news:hover {text-decoration: underline;}
div#news div.frameTop {margin-top: 6px;}
div#news div.frameContent {width:195px; margin: 0; padding: 0 10px 0 18px;}
div#news div.frameTop div.center {width: 188px;}
div#news div.frameBottom div.right {width: 204px;}
div#news div.more {float:right;}

#left {
	background: none;
}

#leftmenu {
	margin: 0 1.5em 1.5em;
	margin-top: 20px;
}

input.formfelterRP {
	font-size: 10px;
	padding-left: 5px;
	padding-right: 5px;
	width: 136px;
}

input#REQ0JourneyDate {
	width: 62px !important;
}

input#REQ0JourneyTime {
	width: 34px;
}