﻿body
{
	background: #3e3c3c url(img/pagebg.gif) repeat-y center;
}

html, body, form
{
	margin: 0;
	padding: 0;
	height: 100%;
}

#mainmenu a, #submenu a, #smenu a, .crumbs a
{
	font-weight: bold;
}

#wrapper
{
	width: 1024px;
	position: relative;
	margin: 0 auto;
	min-height: 100%;
	background: #ececec url(img/contentbg.gif) no-repeat bottom right;
}

#wrapper {height: auto; min-height: 100%;}

.rss
{
}

.box
{
	background: #fff none repeat-y top left;
}
.box .top, .box .bt
{
	background: #fff none no-repeat top left;
	left: 0px;
	right: 0px;
}
.box .top
{
	height: 17px;
	top: 0px;
}

.box .bt
{
	background-position: bottom;
	height: 18px;
}

.pbox
{
	margin-top: 3px;
}

.box4
{
	background-image: url(img/boxes/4bg.gif);
	width: 474px;
	margin-left: 2px;
	float: left;
}
.box4 .top
{
	background-image: url(img/boxes/4top.gif);
}
.box4 .bt
{
	background-image: url(img/boxes/4bottom.gif);
}

.box2
{
	background-image: url(img/boxes/2bg.gif);
	width: 264px;
	margin-left: 2px;
	float: left;
}
.box2 .top
{
	background-image: url(img/boxes/2top.gif);
}
.box2 .bt
{
	background-image: url(img/boxes/2bottom.gif);
}

.srcbox
{
	background-image: url(img/boxes/srcbg.gif);
	width: 217px;
	margin-left: 2px;
	float: left;
}

.srcbox .bt
{
	background-image: url(img/boxes/srcbottom.gif);
}

.fltcont
{
	padding: 23px 5px 35px 30px;
}

.top.head h2 span
{
	background-color: transparent;
}

.lrgbox
{
	background-image: url(img/boxes/lrgbg.gif);
	width: 692px;
	float: left;
}
.topbox
{
	width: 692px;
	height: 236px;
	float: left;
}
.topbox .lft
{
	background: #fff url(img/startleft.jpg) no-repeat left top;
	float: left;
	width: 308px;
	height: 236px;
}
.topbox .rgt
{
	float: left;
	width: 384px;
	height: 236px;
}

.lrgbox .top
{
	background-image: url(img/boxes/lrgtop.gif);
}
.lrgbox .div
{
	background-image: url(img/boxes/lrgdiv.gif);
	height: 1px;
	line-height: 0px;
}
.lrgbox .gray
{
	background-image: url(img/boxes/lrgdiv.gif);
}
.lrgbox .bt
{
	background-image: url(img/boxes/lrgbottom.gif);
}

.bookbox
{
	background-image: url(img/bookbg.gif);
	width: 692px;
	float: left;
}

.box .head
{
	background: #cecece url(img/head-left.gif) no-repeat -3px top;
	padding: 0px 0px 0px 10px;
	height: auto;
	background-color: #21211f;
}
.box .head h2
{
	color: #fff;
	font-size: 15px;
	margin: 0;
	padding: 9px 0 3px 9px;
	background: transparent url(img/head-right.gif) no-repeat right top;
}

.lrgpage
{
	width: 692px;
	float: left;
}

#loaddata
{
	background-image: url(img/loader.png);
	height: 170px;
	left: 200px;
	padding-left: 153px;
	padding-top: 66px;
	position: absolute;
	top: 200px;
	width: 211px;
	z-index: 19;
}

.box #loaddata
{
	left:304px;
	top:459px;
}

.inner
{
	padding:2px 30px 4px 24px;
}

#smenu
{
	font-size: 0.91em;
	padding:0 41px 0 0px;
	background: transparent url(img/topmenubg.gif) no-repeat left bottom;
	position: absolute;
	right: 0px;
	top: 0px;
}

#mainmenu
{
	font-weight: bold;
	background: #3e3f3e url(img/menubg.gif) repeat-x left bottom;
	padding: 0;
	padding-left: 42px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
}

#mainmenu, #submenu, #smenu, #submenu ul
{
	list-style: none;
	margin: 0;
}


#mainmenu li, #submenu li, #smenu li, #submenu ul li
{
	padding: 4px 6px;
	text-transform: uppercase;
	cursor: pointer;
	margin: 0;
}
#smenu li
{
	padding-top: 4px;
}
#mainmenu li, #smenu li
{
	float: left;
}

#mainmenu li a, #submenu li a, #smenu li a
{
	color: #fff;
}

#mainmenu li.search
{
	float: right;
	padding: 1px 6px 1px 6px;
	margin-right: 35px;
}
#mainmenu li.search a
{
	display: block;
	margin-left: 6px;
	float: left;
	padding-top: 4px;
}

.bigsearch
{
	width: 102px;
	background: #fff url(img/bigsearch.gif) no-repeat center;
	margin-top: 4px;
	padding-left: 29px;
	padding-top: 3px;
	padding-right: 24px;
	height: 16px;
	font-size: 11px;
	border: 0;
}

#mainmenu li.search input
{
	border: 0;
	float: left;
	background-image: url(img/search.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 92px;
	height: 16px;
	padding: 4px 30px 0 32px;
	width: 73px;
	font-size: 11px;
}

#submenu li a
{
	background-repeat: no-repeat;
	padding-left: 17px;
}

#subcont
{
	background: transparent url(img/leftmenubg.gif) no-repeat left 3px;
	width: 214px;
	margin-left: 2px;
	float: left;
}

#submenu
{
	background: transparent url(img/leftmenubgbt.gif) no-repeat left bottom;
	width: 203px;
	margin-top: 5px;
	padding: 5px;
	clear: both;
}

.selected .dnarrow
{
	background-image:url(img/dnarrowlight.gif);
}

#submenu li
{
	background: #262525 url(img/leftmenuitem.gif) no-repeat left top;
	border-bottom: solid 1px #fff;
}

#submenu li.first
{
	background-image: url(img/leftmenutop.gif);
}

#submenu li.first.selected
{
	background-image: url(img/menu-top-sel.gif);
	background-color:transparent;
}

#submenu li.last
{
	background-image: url(img/leftmenubt.gif);
	background-position: bottom;
	border-bottom: 0;
}

#submenu li.last.selected
{
	background-image: url(img/leftmenuselend.gif);
}

#submenu li.selected
{
	background-color: #ececec;
	background-image: url(img/leftmenusel.gif);
}

#submenu ul
{
	margin: 0;
	padding: 0;
}

#submenu li.sub
{
	background: #fff url(img/menusubbg.gif);
	border-bottom: 0;
}

#submenu li.subend
{
	background: transparent url(img/leftmenusubend.gif) no-repeat left bottom;
	border-bottom: 0;
}

#submenu li.sub a, #submenu li.selected a
{
	color: #000;
}

#submenu li.selected.sub a, #content .inner a, .bggray a
{
	color: #b71234;
}

#head
{
	height: 125px;
	position: relative;
	background: #272826 url(img/head-sommar.jpg) no-repeat left -2px;
}

#foot
{
	/*position: absolute;
	bottom: 0px;
	left: 0px;
	width: 1024px;*/
	position: relative;
	background: #272826 url(img/foot.gif) no-repeat left bottom;
	margin: -37px auto 0 auto;
	height: 37px;
	clear: both;
	width: 1024px;
}

.clearfix:after 
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


#right
{
	float: left;
	width: 264px;
}

#content
{
	padding: 0px 30px 97px 35px;
	/*
	margin-bottom: 140px;
*/
	
}

.crumbs
{
	display: block;
	margin-left: 220px;
	text-transform: uppercase;
	clear: both;
	padding: 9px 9px 2px 4px;
}
.crumbs.full
{
	margin-left: 0px;
}

.crumbs span
{
	color: #b71234;
	font-weight: bold;
}

.crumbs a
{
	color: #727272;
	font-size: 0.9em;
}

.selected
{
	background: #ececec none;
}

#mainmenu li.selected a, #smenu li.selected a
{
	color: #000;
}

.box4 .topimg
{
	margin-left: -1px;
	width: 474px;
	height: 237px;
}
.trip .dep
{
	padding-left: 16px;
	cursor: pointer;
}

.arrow
{
	background-image: url(img/arrow.gif);
	background-position: 4px;
	background-repeat: no-repeat;
}
.dnarrow
{
	background-image: url(img/dnarrow.gif);
	background-position: 3px;
	background-repeat: no-repeat;
}

a#home
{
	position: absolute;
	display: block;
	top: 10px;
	left: 20px;
	height: 80px;
	width: 140px;
}

.news
{
	list-style: none;
	margin: 0;
	padding: 0;
}

.news li
{
	margin-bottom: 7px;
	padding-bottom: 7px;
	border-bottom: solid 1px #ececec;
}

.news li:last-child
{
	border-bottom: none;
	margin-bottom: 0px;
	padding-bottom: 5px;
}

.news a
{
	font-weight: normal;
}

.news p
{
	margin-top: 0;
}

#timetables, #timetables ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

#timetables .arrow, .trip .arrow
{
	background-image: url(img/lightarrow.gif);
}
#timetables .dnarrow, .trip.si .dep
{
	background-image: url(img/lightdnarrow.gif);
}

#timetables ul
{
	padding-left: 16px;
}

#timetables li.closed ul
{
	display: none;
}

#timetables li.open ul
{
	display: block;
}

#timetables li span
{
	display: block;
	padding-left: 17px;
	float: left;
}
#timetables li a.pdf
{
	display: block;
	width: 18px;
	height: 16px;
	padding-left: 0;
	float: right;
}
#timetables li
{
	cursor: pointer;
	clear: both;
	padding: 5px;
	margin: 0;
}
#timetables li.odd, .trip.odd
{
	background-color: #ececec;
}
.fckEdit input[type=button], .fckEdit input[type=submit], .fckEdit input[type=reset]
{
	margin-right:4px;
}
input.button, .fckEdit input[type=button], .fckEdit input[type=submit], .fckEdit input[type=reset]
{
	font-family: Arial;
	border: 0;
	background: #fff url(img/button.gif);
	text-transform: uppercase;
	color: #fff;
	cursor: pointer;
	font-weight: bold;
	font-size: 10px;
	width: 80px;
	height: 22px;
	padding: 0px 0px 3px 0px;
}


#content .inner .buttoncontainer
{
	width:252px;
	margin: 0 auto;	
}

#content .inner a.bigbutton
{
	font-family: Arial;
	border: 0;
	background: #fff url(img/bigbutton.gif);
	text-transform: uppercase;
	color: #fff;
	cursor: pointer;
	font-weight: bold;
	font-size: 10px;
	width: 110px;
	height: 19px;
	padding: 0px 0px 3px 0px;
	display:block;
	float: left;
	text-align: center;
	margin-right: 10px;
}

.trip.header div
{
	font-weight: bold;
}

.trip div
{
	float: left;
	padding: 2px;
}
.trip
{
	overflow: auto;
	/*
	border-bottom: solid 1px #fff;
*/
}
.trip div.dep
{
	width: 67px;
}
.trip .sek input
{
	padding: 0;
	margin: 0;
	margin-right: 4px;
}
.trip div.arr
{
	width: 67px;
}
.trip div.ttt
{
	width: 74px;
	background: transparent url(img/hour.gif) no-repeat 0 3px;
	padding-left: 20px;
}
.header div.ttt
{
	width: 94px;
	background-image: none;
	padding-left: 0px;
}
.trip div.sek
{
	width: 95px;
	height: 18px;
}

.trip div.seklrg
{
	width: 140px;
}

.trip div.txt
{
	width: 309px;
	font-weight:bold;
}

.trip div.chg
{
	width: 130px;
}
.trip div.info
{
	clear: both;
	overflow: auto;
	width: 387px;
}
.trip div.info .night
{
	float: right;
	width: 165px;
	margin-top:26px;
}

.si div
{
}
.trip.si div.info
{
	display: block;
}
.trip .subtrip
{
	margin: 6px;
	margin-top: 1px;
	margin-top: 1px;
	padding-top: 11px;
	border-top: solid 1px #ececec; /* 	background-color: #292827; 	color: #fff; 	background-color: #fff; */
	overflow: auto;
	float: none;
}

.odd .subtrip
{
	border-top: solid 1px #fff;
}

.trip .subtrip:first-child
{
	border-top: none;
}

#mc
{
	float: left;
	width: 474px;
}
#mc2
{
	float: left;
	width: 692px;
}

.book .half
{
	width: 150px;
	float: left;
}

.book .calendar
{
	width: 140px;
}

.book .half input, .book .full select, .fixinp
{
	width: 135px;
}
.book .full
{
	clear: both;
}

.smlinp input
{
	width: 40px;
}

.right
{
	float: right;
	overflow: auto;
}
.bookingdiv
{
	width: 322px;
	float: left;
	padding-left: 20px;
	overflow: auto;
}

.bookingdiv bggray
{
	height: 250px;
}

.bookingdiv.rgt
{
	float: right;
	padding-left: 0;
}
#ctl00_cph1_exBook_ddTime
{
	margin-left: 0px;
}

.lrgbox .rgt
{
	padding-right: 25px;
}

div.calendar
{
	font-size: smaller;
	color: #000;
}

div.calendar.popup
{
}

div.calendar table
{
	background-color: #fff;
	border: 0;
	border-collapse: collapse;
}

div.calendar thead
{
	background-color: white;
}

div.calendar td, div.calendar th
{
	padding: 1px;
	font-size: 11px;
	text-align: center;
}

div.calendar td.title
{
	font-weight: bold;
}

div.calendar th
{
	background: #ececec;
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 3px;
	color: #000;
}

div.calendar tr.days td
{
	width: 2em;
	color: #000;
	text-align: center;
	cursor: pointer;
	border-right: solid 1px #ececec;
	border-bottom: solid 1px #ececec;
}

div.calendar tr.days td:hover, div.calendar td.button:hover
{
	background-color: #ececec;
	cursor: pointer;
}

div.calendar td.button
{
	color: #B71234;
}

div.calendar tr.days td:active div.calendar td.button:active
{
	background-color: #cde;
}

#content div.calendar td.selected
{
	background-color: #292827;
	color: #fff;
}

.rss
{
	width:17px;
	height:17px;
}

div.calendar tr.days td.old
{
	color: #adadad;
}

div.calendar tr.days td.today
{
	font-weight: bold;
	color: #000;
}

div.calendar tr.days td.otherDay
{
	color: #adadad;
}

.rep.new
{
	color: #777;
}

.payment .rep.new
{
	color: #ccc;
}

.form p label
{
	display: block;
	font-weight: bold;
}

.startb
{
	height: 306px;
}
.startn
{
	height: 170px;
}

.bopt
{
	margin-top: 6px;
}

#submenu
{
	font-size: 0.9em;
}

#sitemap li, #sitemap ul
{
	margin: 0px;
	padding: 2px;
}

#sitemap ul
{
	list-style: none;
	margin-left: 13px;
	margin-bottom: 4px;
}

#sitemap li
{
	padding-left: 13px;
	text-transform: uppercase;
	margin-bottom: 4px;
}
#sitemap li ul li
{
	text-transform: none;
	margin-bottom: 0px;
}
#sitemap li ul li ul li a
{
	font-weight: normal;
}

#sitemap
{
	list-style: none;
	margin: 0px;
	padding-left: 10px;
}

#sitemap li.cont
{
	background: transparent url(img/whitearrow.gif) no-repeat 0px 6px;
}

.bggray .subtrip
{
	/* 	border-color:#fff; */
}

.subtrip p
{
	margin-bottom: 2px;
}

.booktop img.rgt
{
	padding-top: 5px;
	padding-right: 6px;
	vertical-align: top;
	float: right;
}

.startm
{
	margin-top: -6px;
	clear: both;
}

.rbutton
{
	float: right;
}

.print
{
	float: right;
	clear:both;
	cursor: pointer;
	margin: 10px;
	margin-right:5px;
}

.related .ingress
{
	text-transform: uppercase;
	font-size: 1em;
	margin-bottom: 3px;
	margin-top: 3px;
}

.related p
{
	margin-top: 1px;
	margin-bottom: 1px;
}

.book .half .cb, .cb
{
	width: auto;
	margin-left: 0px;
}

.trip div.loading
{
	padding-left: 20px;
	width: 77px;
	background: transparent url(img/loadprice.gif) no-repeat left;
}

#content strong.loading
{
	padding-left:19px;
	background:transparent url(img/loadprice.gif) no-repeat left 9px;
	display:block;
}

.show
{
	text-align: center;
}

.trainsym
{
	background-image: url(img/trainsymbol.gif);
	background-repeat: no-repeat;
	background-position: right 12px;
}

.seltrip
{
	border: solid 1px #3f3e3d;
	background-image: url(img/tripbg.gif);
	background-repeat: repeat-x;
	background-position: top left;
}

#triplist .seltrip .dnarrow, #triplist .seltrip .arrow
{
	background-image: url(img/darkarrow.gif);
}

.seltrip .sek, .seltrip .chg, .seltrip .dep, .seltrip .arr, .seltrip .ttt
{
	color: #fff;
	font-weight: bold;
}

.psmall
{
	margin: 4px 12px 4px 4px;
}

.trip
{
	overflow: hidden;
}

#tab1 .bookingdiv .bggray
{
	height: 245px;
}

.datenavc
{
	margin:7px 0px;
	width:616px;
}
.datenav a
{
	font-weight:bold;
	padding-left:4px;
	padding-right:4px;
	cursor:pointer;
}

.trip
{
	cursor:pointer;
}

.bggray .trip:hover
{
	
}

#help li,#help ul,.infobox li,.infobox ul
{
	margin-left:8px;
	padding-left:0px;
}

#right .inner
{
	margin-top:9px;
	margin-bottom:0px;
}

.atoo li,.atoo 
{
	list-style:none;
	margin-left:0;
	padding-left:0;
}
.atoo ul li
{
	border-bottom:1px solid #ECECEC;
	margin-bottom:7px;
	padding-bottom:7px;
}

.inner p.date
{
	font-size:1.1em;
	color:#ff7900;
	margin-bottom:6px;
	margin-top:5px;
}

.daywarn
{
	color: #ff7900;
}

.printalt
{
	margin:4px 12px 4px 4px;
	cursor:pointer;
	float:right;
}

#mainError
{
	overflow: auto;
	margin: 0;
	height: auto;
}

.fieldAsterix { color: rgb(255, 0, 0); }

.extern
{
	 background: transparent url(img/extern.gif);
	 background-position: 0px 0px;
	 background-repeat: no-repeat;
	 padding-left: 22px !important;
	 display: block;
}

.puff a { color: #B71234; }

.loginform label
{
	font-weight:bold;
}

.smlrss img
{
	margin-top:9px;
}

.box2 table tbody input[type="text"]
{
	width:90px;
}

.report 
{
    width:400px;
    background-color:#eee;
    border-collapse:collapse;
    padding:10px;
    border:solid 1px #ddd;
}

.report tr:hover
{
   cursor:pointer;
   background-color:#B71234;
   color:#fff;
}
.report td
{
    padding:4px;
    border-bottom:solid 1px #fff;
}

/* Vykortstävling */

.smallcardcontainer img
{
	cursor: pointer;
}

.card label
{
	font-size: 10px;
	height:13px;
	display: block;	
}

.card .fields input
{
	height:25px;
	width:261px;
	border: 0;
	background-color: Transparent;
	background: url(/Images/CardCom/field.jpg) no-repeat 0 0;
	font-size: 12px;
	padding: 7px 6px 0 6px;
}

.card .fields textarea
{
	height:77px;
	width:261px;
	border: 0;
	background-color: Transparent;
	background: url(/Images/CardCom/textarea.jpg) no-repeat 0 0;
	font-size: 12px;
	padding: 3px 6px 3px 6px;
}

.card_bg
{
	background-color:#000000;
	bottom:0;
	left:0;
	opacity:0.7;
	position:fixed;
	right:0;
	top:0;
	z-index:350;
}

#card_1 .card, #card_2 .card, #card_3 .card
{
	position:absolute;
	left:50%;
	z-index:351;
	top:45px;
}

#card_1 .card
{
	width: 773px;
	height: 645px;
	margin-left: -386px;
	background: url(/Images/CardCom/1.png) no-repeat 0 0;
}

#card_2 .card
{
	width: 872px;
	height: 704px;
	margin-left: -436px;
	background: url(/Images/CardCom/2.png) no-repeat 0 0;
}

#card_3 .card
{
	width: 1048px;
	height: 762px;
	margin-left: -524px;
	background: url(/Images/CardCom/3.png) no-repeat 0 0;
}

#card_1 .close, #card_2 .close, #card_3 .close
{
	cursor: pointer;
}

#card_1 .close
{
	position:absolute;
	top:84px;
	left: 53px;
}

#card_2 .close
{
	position:absolute;
	top:474px;
	left: 108px;
}

#card_3 .close
{
	position:absolute;
	top:117px;
	left: 769px;
}

#card_1 .fields
{
	position:absolute;
	top:200px;
	left: 231px;
}

#card_2 .fields
{
	position:absolute;
	top:231px;
	left: 301px;
}

#card_3 .fields
{
	position:absolute;
	top:231px;
	left: 387px;
}

#card_1 .card .sendbtn
{
	position: absolute;
	top: 401px;
	left: 475px;
}

#card_2 .card .sendbtn
{
	position: absolute;
	top: 433px;
	left: 550px;
}

#card_3 .card .sendbtn
{
	position: absolute;
	top: 433px;
	left: 634px;
}

.inner.cardsCont
{
	padding: 2px 22px 4px 16px;
}

.card .fields .message
{
	margin: 10px;
	width:260px;
}

.card .fields .message p
{
	margin-top: 0;
	font-size: 12px;
}

.card .fields .from
{
	margin: 10px 10px 0 10px;
	width:260px;
}

.card .fields .from a
{
	font-size: 12px;
}

#cardcmparrow
{
	margin: 17px 0 10px 0;
}

#cardcmparrow img
{
	float:left;
	margin-left: 40px;
}

#cardcmparrow .chkbox
{
	float:left;
	margin: 2px 0 0 8px;
}

.tbspec th
{
    border-bottom: solid 1px #ccc;
}

.tbspec th, .tbspec td
{
    padding:3px;
}

.tbspec tbody tr:hover
{
    background-color:#efefef;
}

.tbspec .price, .tbspec .tax
{
    font-weight:bold;
}

.tbspec tfoot .price, .tbspec tfoot .tax
{
    border-top: solid 1px #ccc;
}

.mrep .title
{
    font-weight:bold;
}
.mrep td
{
    padding-top:10px;
}

.lrgbox .head .tabimg 
{
	display:inline;
}

.lrgbox .head
{
	clear:both;
}



.tktrainsym
{
	background-image: url(img/tkicons.png);
	background-repeat: no-repeat;
	background-position: right 12px;
}

.tkbusssym
{
	background-image: url(img/tkbuss.png);
	background-repeat: no-repeat;
	background-position: right 12px;
}
.cinfo
{
    left: 460px;
    margin:0px;
    padding-top: 11px;
    position: absolute;
    top: 3px;
    width: 200px;
}
.cinfo a
{
    color:#ffffff;
    font-size:9px;
}

