/*
Theme: Arkeo 2008 ver. 2.5
Description: Stylesheet for Arlbergexpress Website.
Author: Dipl.-Ing. Dimitri Papadopoulos
Author URI: http://www.arlbergexpress.com/  
*/
body {
	padding:0; /*remove padding */
	margin:0; /* remove margins */
	border:0; /* remove borders */
	font: 83%/1.5 "trebuchet ms", tahoma, verdana, arial, sans-serif;
	background: #EEEEEE url("images/header01.jpg") 0px 0px repeat-x;
}
/*** Layout styles ***/
#header {
	margin: 0 0 5px 0;
	padding: 88px 0 0 0;
	background: transparent url("images/header02.jpg") top right no-repeat;
}
#main {
	position:relative;
	width:100%;
	background: transparent url("images/fauxcol.gif") 3px 0px repeat-y;
}
#main2 {
	position:relative;
	width:100%;
}
#leftcol {
	position:absolute;
	top:0;
	left:0;
	width:185px;
	padding: 0 0 40px 0;
}
#colwrap {
	padding-top: 11px;
	background: transparent url("images/columntop.gif") top left repeat-x;
}
#content {
	margin: 0 5% 0 200px;
	min-width: 640px;
	width: 640px;
}
#content2 {
	margin: 0 5% 0 20px;
	min-width: 790px;
	width: 790px;
}
#gohome {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0 0 0 0;
	padding: 14px 10px 0 13px;
}
/*** Infobox start ***/
#rightcol {
	position:absolute;
	top:10px;
	left:870px;
	width:200px;
	padding-top: 1px;
	padding-bottom: 40px;
}
#infobox01, #infobox02, #infobox03 {
	padding-top: 20px;
	background: transparent url("images/navbox01.gif") repeat-x 0 0;
}
.ftebox, #infobox01 .ftebox, #infobox02 .ftebox, #infobox03 .ftebox {
	color: #333333;
	padding: 0px 10px 5px;
	margin: 0 0 1.5em;
	background: #f6f6f6 url("images/navbox02.gif") no-repeat 100% 100%;
}
.ftebox p, .ftebox h1, .ftebox h2, .ftebox h3, .ftebox h4, .ftebox h5, .ftebox h6 {
	margin: 0 0 .3em;
	border-bottom: 1px solid #000;
	color:#000;
}
.ftebox p {
	border:none;
	margin: 0 0 1em;
	color:#444444;
}
.ftebox a,.ftebox a:link,.ftebox a:hover {
	font-weight: bold;
	text-decoration:underline;
} 
.ftebox a:link {
	color:#6495ED;
} 
.ftebox a:visited {
	color:#6495ED;
} 
.ftebox a:hover,.ftebox a:active {
	color:#6495ED;
}
/*** Infobox ende ***/
#footer {
	clear: both;
	border-top: 1px solid #B7B7B7;
	padding: 10px 0 30px;
	font-size: 86%;
	color: #9C9B9B;
}
#footer p {
	margin: 0;
}
#front #footer p {
	margin-left: 8px;
}
#footer a,#footer a:link,#footer a:hover {
	text-decoration:underline;
} 
#footer a:link {
	color:#9C9B9B;
} 
#footer a:visited {
	color:#9C9B9B;
} 
#footer a:hover,#footer a:active {
	color: #203E83;
}
/*** Content styles ***/
a,a:link,a:link,a:link,a:hover {
	text-decoration:underline;
} 
a:link {
	color:#00579D;
} 
a:visited {
	color:#7BA8CC;
} 
a:hover,a:active {
	color:#6E9BC0;
}
h1, h2, h3, h4, h5, h6 {
	letter-spacing: -1px;
	font-family: arial,verdana,sans-serif;
	margin: .6em 0 .2em;
	color:#000000;
	padding-bottom: .1em;
}
h1 {
	font-size: 176%;
}
h2 {
	font-size: 156%;
}
h3 {
	font-size: 136%;
}
h4 {
	font-size: 116%;
}
h5 {
	font-size: 96%;
}
h6 {
	font-size: 96%;
}
p, ul, ol {
	margin: 0 0 1.5em;
}
ul, ol, dl {
	position: relative;
}
#content ul {
	margin: 1.5em 0 1.5em 2em;
}
#content li {
	margin: 0.5em 0 0.5em 0.5em;
	list-style: none;
	padding:0 0 0 24px;
	background: transparent url("images/elements.gif") no-repeat 0 2px;
}
/*** Navigation styles ***/
.preload1 {background: url("images/balken0.gif");}
.preload2 {background: url("images/balken1.gif");}

#nav-first {padding:0; margin:0 0 0 40px; width: 950px; list-style:none; height:36px; background-color: transparent; position:relative; z-index:90; font-family:arial, verdana, sans-serif;}
#nav-first li.top {display:block; float:left;}
#nav-first li a.top_link {display:block; float:left; height:33px; line-height:33px; color: #F9F9F9; text-decoration:none; font-size:14px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;background: url("images/balken0.gif");}
#nav-first li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:33px; background: url("images/balken0.gif") right top no-repeat;}
#nav-first li a.top_active {display:block; float:left; height:33px; line-height:33px; color:#F9F9F9; text-decoration:none; font-size:14px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;background: url("images/balken1.gif");}
#nav-first li a.top_active span {float:left; display:block; padding:0 24px 0 12px; height:33px; background: url("images/balken1.gif") right top no-repeat;}
#nav-first li:hover a.top_link,
#nav-first a.top_link:hover
{color:#fff; background: transparent url("images/balken1.gif") no-repeat;}
#nav-first li:hover a.top_link span, 
#nav-first a.top_link:hover span
{background:url("images/balken1.gif") no-repeat right top;}
#nav-first li a em {display:block; float:left; width:5px; height:33px; background:url("images/dot.gif") no-repeat center center;}

/* SECONDARY NAVIGATION - vertical navigation */
#nav-sec, #nav-sec ul {position:static}
#nav-sec, #nav-sec li {list-style: none;margin:0;padding:0;background: #fff}
#nav-sec, #nav-sec li.sub {background: #fff url("images/leftbga.gif") no-repeat -130px -4px}
#nav-sec {padding-top:0;border-top: 2px solid #ccc;margin-top: 1px}
#nav-sec a {line-height:1.8;padding: 5px 0 5px 15px;font: bold 93% arial;display:block}
#nav-sec a, #nav-sec a:link, #nav-sec a:visited, #nav-sec a:hover, #nav-sec a:active {text-decoration:none;cursor:pointer} 
#nav-sec a:link {color: #77747C} 
#nav-sec a:visited {color:#77747C} 
#nav-sec a:hover {color:#000000;background-color: #E0E0E0;} 
#nav-sec li.active a:link, #nav-sec li.active a:visited, #nav-sec li.active a:hover, #nav-sec li.active a:active {color:#77747C} 
#nav-sec li {border-top: 1px solid #fff;border-bottom: 1px solid #ccc}
#nav-sec li.active a {
line-height:1.8;
padding: 5px 0 5px 5px;
background: #fff url("images/leftbga.gif") no-repeat -130px -4px;
font: bold 86% arial;
display:block;
}
#nav-sec li.active a:hover {color:#000000 ;background-color: #E0E0E0;} 
#nav-sec li.sub a:hover {background: #E0E0E0 url("images/leftbg.gif") no-repeat -130px -4px}

/* SECONDARY NAVIGATION - 2nd TIER */
#nav-sec ul {margin: 0 0 1em 18px;padding:0}
#nav-sec li.active li a, #nav-sec li.active li a:link, #nav-sec li.active li a:visited {line-height:1.5;background: #fff url("images/elements.gif") no-repeat 0 -798px;padding:0 0 0 12px;font-weight:normal;width:auto;color:#77747C;width:130px;display:block}
#nav-sec li.active li a:hover, #nav-sec li.active li a:active {color: #000000}
#nav-sec li.active li {border: none;margin:0}
	
#nav-sec li.active li.active a:link, 
#nav-sec li.active li.active a:visited, 
#nav-sec li.active li.active a:hover, 
#nav-sec li.active li.active a:active {font-weight:bold}

/* SECONDARY NAVIGATION - 3rd TIER */
#nav-sec ul ul, #nav-sec ul ol {margin: 0 0 1em 13px;padding:0}
#nav-sec li.active li.active li a, #nav-sec li.active li.active li a:link, #nav-sec li.active li.active li a:visited {width:117px}
#nav-sec li.active li.active li a:link, 
#nav-sec li.active li.active li a:visited, 
#nav-sec li.active li.active li a:hover, 
#nav-sec li.active li.active li a:active {font-weight:normal}
#nav-sec li.active li.active li.active a:link, 
#nav-sec li.active li.active li.active a:visited, 
#nav-sec li.active li.active li.active a:hover, 
#nav-sec li.active li.active li.active a:active {font-weight:bold}

/* SECONDARY NAVIGATION - 4th TIER */
#nav-sec ul ul ul {margin: 0 0 1em 13px;padding:0}
#nav-sec li.active li.active li.active li a, #nav-sec li.active li.active li.active li a:link, #nav-sec li.active li.active li.active li a:visited {width:104px}
#nav-sec li.active li.active li.active li a:link, 
#nav-sec li.active li.active li.active li a:visited, 
#nav-sec li.active li.active li.active li a:hover, 
#nav-sec li.active li.active li.active li a:active {font-weight:normal}
#nav-sec li.active li.active li.active li.active a:link, 
#nav-sec li.active li.active li.active li.active a:visited, 
#nav-sec li.active li.active li.active li.active a:hover, 
#nav-sec li.active li.active li.active li.active a:active {font-weight:bold}

#jsKeepOpen {
	line-height:1.5;
	background: #fff url("images/elements.gif") no-repeat 0 -798px;
	padding:0 0 0 12px;
	width:auto;
	color:#000000;
	width:130px;
	display:block;
	font: bold 86% arial;
}
#activeLink {
	color:#000000;
	line-height:1.8;
	padding: 5px 0 5px 15px;
	font: bold 93% arial;
	display:block;
}
.imgTop {
	margin: 0 0 8px 0;
}
.imgTop p {
	margin: 3px 3px 3px 3px;
	font-size: 0.8em;
	text-align: right;
}
#pnlStart,#pnlDetails {
	border: none;
}
/** Arkeo Forms CSS Start **/
#flashcontent {
	width: 639px;
	height: 193px;
	margin: 0 0 0 0px;
	background: transparent url("images/fotos/maybach01_1.jpg") top left no-repeat;
}
fieldset {
	padding: 15px 0 15px 15px;
	background-color: transparent;
	width:				619px;
	margin-top:			10px;
	margin-left:		2px;
	border:				none;
	display:				block;
	/*font-family: 		Verdana, Arial, Helvetica, sans-serif;
	font-size: 			9pt;*/
	color:				black;
	border: 1px solid #fff;
}

fieldset legend {
/*	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	font-size: 			9pt;*/
	font-weight:		bold;
	color:				black;
}
#btnSubmit {
	margin: 5px 0 0 250px;
}
#valSummary, #valSummaryVIP, #valSummaryGroup, #valSummary4, #valSummary5, #valSummaryAgb {
	padding:			4px;
	border:				2px ridge #ffcccc;
	width:				500px;
	margin:				10px;
	background-color:	#ffcccc;
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	font-size: 			8pt;
}
#valSummary3, #valSummary3b {
	margin-top: 18px;
	margin-left: 18px;
	padding: 4px;
	border: 2px ridge #ffcccc;
	width: 500px;
	background-color: #ffcccc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}
div.input, div.input2 {
	padding:	2px;
	clear: both;
}
div.input label, #lbl_txtAnkunft {
	display:			block;
	width:				180px;
	float:				left;
	padding-left:		16px;
}
div.input2 label {
	display:			block;
	width:				215px;
	float:				left;
	text-align: 		right;
	padding-left:		16px;
}
div.options {
	padding:			4px 180px 20px 0;
	text-align:			right;
	margin-top:			8px;
}
div.hintagb {
	clear: both;
}
div.product {
	padding:	2px;
	clear: both;
}
div.product label {
	display:			block;
	width:				320px;
	float:				left;
	padding-left:		16px;
}
div.options input {
	font-weight:		bold;
	border: 1px outset #F5F5F5;
	background-color: #94BFE5;
	color: #000000;
}
ul {
	margin-top:			2px;
}
div.input input, div.input select, div.input textarea {
	border:				1px solid #7B9CBD;
}
input.error, div.input input.error, div.input textarea.error, div.input select.error {
	border:				2px solid red;
	background-color:	#ffcccc;
}
div.input label.error {
	color:				#ff0000;
	font-weight:		bold;
}
/*table {
	border: 1px solid #fff;
	padding: 3px 3px 3px 3px;
}*/
.sumhr {
	border-top: 1px solid #fff;
}
.imgSpace {
	margin: 40px 20px 20px 20px;
}
/** Arkeo Forms CSS End **/
/** Arkeo Bildergalerie Start **/
/* Thumbnail border colors */
div.xxfilmstrip {
	width:10px; 
	margin-left:2px; 
	white-space:nowrap; 
	overflow:hidden;
}
iframe.filmstrip {
	border:1px solid #333;
	white-space:nowrap;
	overflow:hidden;
}
.imgBrdr {
}
.imgInsideBorder {
}
.totals{
	color:#666666;
}
body.thumbNail{
	margin:4px;
	background-color:#ccc;
	background: transparent url("images/headerbg.gif") top left repeat-x;
}
/* Thumbnail border colors */
.imgOn{
	border:3px solid #C00C00;
	margin:4px;
}
.imgOff{
	border:3px solid #6E9BC0;
	margin:4px;
}
.imgBrdr {
}
.imgInsideBorder {
}
.totals{
	color:#666666;
}
/* the width:1000000 is a FireFox hack because it was not displaying images that were out of view*/
.filmstripContainer{
	width: 1000000px;
	white-space:nowrap;
	overflow:hidden;
	position:relative;
	left:10px;
}
#filmStripIframe{
	width:450px;
	height:65px;
	border:1px solid #EEEEEE;
}
.buttons{
	margin-top:38px;
}
.largeImageContainer{
	height:400px;
	margin-top: 10px ;
	margin-bottom: 10px;
}
#txt {
	height: 40px;
	display: block;
	border-top: 1px solid #EEEEEE;
}
/** Arkeo Bildergalerie End **/
/** Arkeo Content Styles Start **/
.text {
	font-size: 1em;
	color: #000000;
}
.textk {
	font-size: 0.9em;
	color: #000000;
}
.textg {
	font-size: 1.3em;
	margin: 12px 0 2px 0;
	color: #000000;
}
/** Arkeo Content Styles End **/
#pano {
	margin: 20px 0 30px 30px;
}
#ShuttleGrid1,#ShuttleGrid2 {
	font-size: 0.9em;
}
#timetable {
	border: 2px solid #999999;
}
/** Arkeo Booking Module **/
#pnlFirst, #pnlStep1, #pnlStep1b, #pnlStep2, #pnlInterim, #pnlRequestVIP, #pnlRequestGroup, #pnlStep3, #pnlStep3b, #pnlStep4, #pnlStep5 {
	padding: 6px 0 0 0;
	border: 1px solid #4060ad;
}
#pnlStep6, #pnlStep6EN {
	padding: 0;
	border: 1px solid #4060ad;
}
#pnlFirstEN, #pnlStep1EN, #pnlStep1bEN, #pnlStep2EN, #pnlStep3EN, #pnlStep3bEN, #pnlStep4EN, #pnlStep5EN {
	padding: 6px 0 0 0;
	border: 1px solid #4060ad;
}
#pnlFirst {
	background: transparent url("images/bk_header1.gif") top left no-repeat;
}
#pnlFirstEN {
	background: transparent url("images/bk_header1en.gif") top left no-repeat;
}
#pnlStep1, #pnlStep1b {
	background: transparent url("images/bk_header2.gif") top left no-repeat;
}
#pnlStep1EN, #pnlStep1bEN {
	background: transparent url("images/bk_header2en.gif") top left no-repeat;
}
#pnlStep2 {
	background: transparent url("images/bk_header3.gif") top left no-repeat;
}
#pnlStep2EN {
	background: transparent url("images/bk_header3en.gif") top left no-repeat;
}
#pnlInterim, #pnlRequestVIP, #pnlRequestGroup {
	background: transparent url("images/bk_header.gif") top left no-repeat;
}
#pnlStep3, #pnlStep3b {
	background: transparent url("images/bk_header4.gif") top left no-repeat;
}
#pnlStep3EN, #pnlStep3bEN {
	background: transparent url("images/bk_header4en.gif") top left no-repeat;
}
#pnlStep4 {
	background: transparent url("images/bk_header5.gif") top left no-repeat;
}
#pnlStep4EN {
	background: transparent url("images/bk_header5en.gif") top left no-repeat;
}
#pnlStep5 {
	background: transparent url("images/bk_header6.gif") top left no-repeat;
}
#pnlStep5EN {
	background: transparent url("images/bk_header6en.gif") top left no-repeat;
}
#pnlOneWay, #pnlOneWayR {
	margin: 4px 8px 3px 4px;
	float: left;
	width: 307px;
	display: inline;
}
#pnlReturn, #pnlReturnR {
	margin: 4px 4px 3px 4px;
	width: 307px;
	display: inline-block;
}
#pnlOneWay fieldset, #pnlReturn fieldset, #pnlOneWayR fieldset, #pnlReturnR fieldset {
	width: 295px;
	margin: 3px 4px 0 8px;
	padding: 15px 0 15px 0;
	border: 1px solid #fff;
}
#CalendarDep3, #CalendarDep3R, #CalendarDep3b, #CalendarDep3bR {
	margin: 8px 0 8px 54px;
}
#pnlOneWay div.input, #pnlReturn div.input, #pnlOneWayR div.input, #pnlReturnR div.input {
	padding:	2px;
	clear: both;
}
#pnlOneWay div.input label, #pnlReturn div.input label, #pnlOneWayR div.input label, #pnlReturnR div.input label {
	display: block;
	width: 170px;
	float: left;
	text-align: right;
	padding-left: 16px;
}
#pnlFirst td img, #pnlStep1 td img, #pnlStep1b td img, #tblMapView td img {display: block;}
#pnlFirstEN td img, #pnlStep1EN td img, #pnlStep1bEN td img {display: block;}
#tblMapView {
	margin: 0 0 16px 0;
	border: 1px solid #557fc2;
}
.mapstartHeader {
	margin: 3px 3px 8px 3px;
	font-size: 1.3em;
	font-weight: bold;
	color: white;
}
div.bkHeadline {
	letter-spacing: 1px;
	font-family: arial,verdana,sans-serif;
	margin: 6px 0 37px 12px;
	color:#ffffff;
	padding-bottom: .1em;
	font-size: 14pt;
}
#bkHeadline3, #bkHeadline3b {
	letter-spacing: 1px;
	font-family: arial,verdana,sans-serif;
	margin: 6px 0 37px 12px;
	color:#ffffff;
	padding-bottom: .1em;
	font-size: 14pt;
}
div.hintText {
	margin: 4px 12px 4px 4px;
}
div.bkInfo {
	margin: 6px 0 6px 12px;
}
table.tblBkNav {
	border-top: 1px solid #ccc;
}
div.bkprint {
	float: right;
	padding-right: 60px;
}
#printHeader {
	width: 0;
	height: 0;
	display: none;
}
.posDp {
	margin: 0px 0px 0px 60px;
}
#ltlTotalPrice {
	margin: 0 0 0 105px;
	font-weight: bold;
}
#showDep {
	margin: 0 0 0 45px;
	font-weight: bold;
}
#hint {
font-size: 12px;
color: #333333;
}
.stdHeader {
font-size: 14px;
font-weight: bold;
}
.stdText {
font-size: 12px;
}
.stdText2 {
font-size: 10px;
}