/*
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:200; 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:				620px;
	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 {
	padding:				4px;
	border:				2px ridge #ffcccc;
	width:				500px;
	margin:				10px;
	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:				180px;
	float:				left;
	text-align: 		right;
	padding-left:		16px;
}
div.options {
	padding:				4px 180px 20px 0;
	text-align:			right;
	margin-top:			8px;
}
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;
}
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;
}
#pnlOneWay fieldset, #pnlReturn fieldset {
	width: 500px;
	padding: 15px 0 15px 0;
	border: 1px solid #fff;
}
#pnlStep1, #pnlStep2, #pnlStep3, #pnlStep4 {
	padding-top: 2px;
}
#pnlFirst, #pnlStep1, #pnlStep2, #pnlStep3, #pnlStep4, #pnlOneWay, #pnlReturn {
	border: none;
}
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;
}