/* ------------------------------------ */
/* COMMON STYLES 						*/
/* ------------------------------------ */
body{
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-arrow-color: #ffffff;
	scrollbar-darkshadow-color: #ffffff;
	scrollbar-face-color: #EC6C00;
	scrollbar-highlight-color: #A5DEEF;
	scrollbar-shadow-color: #ffffff;
	scrollbar-track-color: white;
}

form{
	padding: 0;
	margin: 0;
}

img {
	border: 0px;
}

a:link, a:active, a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #000000;
	text-decoration: underline;
}
a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration: underline;
	color: #D81E1E;
}
div.more {
	margin-top: 10px;
}
div.moreHotels {
	width: 100%;
	text-align: right;
	padding-right: 20px;
}
span.red {
	color: #EC6C00;
}
span.small {
	font-size: 9px;
	color: #484848;
	
}
/* ---------------------------------------------- */
/* ---  TRAIL NAVIGATION  ----------------------- */
/* ---------------------------------------------- */
div.trailnav {
	font-weight: bold;
	margin-bottom: 10px;
	
	}
div.trailnav img {
	padding-right: 5px;
	padding-left: 5px;
}
div.trailnav span{
	color: #EC6C00;
}

div.trailnav a:link, div.trailnav a:hover, div.trailnav a:active, div.trailnav a:visited {
	font-weight: bold;
	text-decoration: underline;
	color: #023F88;
}

div.trailnav a:hover{
	color: #F58345;
}
/* ---------------------------------------------- */
/* ---  DATA PAGER  ----------------------------- */
/* ---------------------------------------------- */

table.pager{
	margin: 5px 0px 5px 0px;
	width: 100%;
	font-size: 11px;
	border-top: 1px solid #B1B1B1;	
	border-bottom: 1px solid #B1B1B1;	
}

table.pager td.links{
	text-align: center;
	font-weight: bold;
	color: #023F88;
}

table.pager a, table.pager a:link, table.pager a:visited{
	font-weight: bold;
	color: #F58345;
}
table.pager a:hover {
	color: #023F88;
}
/* ------------------------------------ */
/* HEADER + TOP MENU							 */
/* ------------------------------------ */
table.logo {
	width: 100%;
	height: 130px;
	border-collapse: collapse;
	border-spacing: 0px;
	padding: 0px;
	margin: 0px;
	/*background-image: url(../images/logo_bg.jpg);*/
	background-repeat: no-repeat;
}
table.logo td{
	text-align: right;
	padding: 0px;
}

table.topLine {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 11px;
	width: 100%;
	height: 23px;
	border-collapse: collapse;
	border-spacing: 0px;
	padding: 0px;
	margin: 0px;
}
table.topLine td{
	padding: 0px;
	margin: 0px;
}
table.topLine td.home {
	width: 25px;
}
table.topLine td.topBg {
	width: 100%;
	background-image: url(../images/top_line_bg.gif);
	background-repeat: repeat-x;
	color: white;
	padding-left: 20px; 
}

table.topLine td.topBg a:link,table.topLine td.topBg a:active,table.topLine td.topBg a:visited {
	color: White;
	text-decoration: none;
	font-weight: bold;
	font-stretch: inherit;
	font-style: italic;
	font-size: 12px;
}
table.topLine td.topBg a:hover {
	color: #023F88;
}
/* ------------------------------------ */
/* CONTENT TABLE		 						*/
/* ------------------------------------ */
table.content {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 11px;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0px;
	padding: 0px;
	margin: 0px;
}
table.content td {
	padding: 0px;
	margin: 0px;
}
table.content td.left{
	width: 181px;
	border-right: 1px solid #F58345;
	vertical-align: top;
}
table.content td.main {
	padding: 5px;
	vertical-align: top;
}
div.leftTitle {
	padding: 5px;
	color: #023F88;
	font-size: 12px;
	font-weight: bold;	
}

span.leftTitle {
	padding: 5px;
	color: #023F88;
	font-size: 12px;
	font-weight: bold;	
}

/* ------------------------------------ */
/* LEFT CONTENT		 						*/
/* ------------------------------------ */
table.frame {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 11px;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0px;
	padding: 0px;
	margin: 0px;
	border-top: 1px solid #D1DCEA;
	border-bottom: 1px solid #D1DCEA;
}
table.frame td {
	padding: 1px;

}
table.frame td.img {
	padding: 5px;
	width: 90px;
}
table.frame td.title {
	vertical-align: top;
	padding-top: 5px;
}
table.frame td.info {
	padding: 0px 5px 5px 5px;
}
table.frame input.textBox{
	width: 120px;
	font-size: 10px;
}
/* ------------------------------------ */
/* MAIN CONTENT		 						*/
/* ------------------------------------ */
table.welcome {
	width: 100%;
}
table.welcome td {
	border: 1px solid black;
	background-color: #A5DEEF;
}

table.title {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 11px;
	color: white;
	font-weight: bolder;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0px;
	padding: 0px;
	margin: 0px;
}
table.title td{
	background-image: url(../images/title_bg.gif);
	white-space: nowrap;
}
table.title td.left {
	width: 15px;
}
table.title td.right {
	text-align: right;
}

table.title a:link,table.title a:active,table.title a:visited {
	color: #023F88;
}
table.title a:hover {
	color: White;
}

table.revue {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 11px;
	color: white;
	font-weight: bolder;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0px;
	padding: 0px;
	margin: 0px;
}
table.revue td{
	padding:3px;
	width: 50%;
}
table.revue td.orange {
	border-right: 1px solid #F58345;
}
table.resort {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 11px;
	color: white;
	font-weight: bolder;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0px;
	padding: 0px;
	margin: 0px;
}
table.resort td{
	padding:1px;
	border-bottom: 0px;
	color: Black;
	font-weight: normal;
}
table.resort td.down {
	border-bottom: 1px solid #B1B1B1;	
}

table.resort th {
	width: 140px;
}
table.resort td.info {
	width: 100%;
	vertical-align: top;
	padding: 5px 0px 0px 7px;
}
span.hotel {
	font-weight: bold;
	color: #F58345;
}
span.name {
	font-weight: bold;
}
/* ------------------------------------ */
/* HOTELS				 						 */
/* ------------------------------------ */
table.hotels {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 11px;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 4px;
	padding: 0px;
	margin: 0px;
}
table.hotels td {
	vertical-align: top;
	padding: 5px;
	border-bottom: 1px solid #D1DCEA;
}

table.info {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 11px;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 4px;
	padding: 0px;
	margin: 0px;
}
table.info td{
	padding: 4px;
}
table.image {
	width: 100%;
}
table.image td {
	border-top: 1px solid #D1DCEA;
	border-bottom: 1px solid #D1DCEA;
	padding: 10px;
	text-align: center;
}
span.title {
	width: 100%;
	font-weight: bold;
	padding-bottom: 3px;
	border-bottom: 1px solid #D1DCEA;
}
/* ------------------------------------ */
/* HOTEL	 									    */
/* ------------------------------------ */
table.hotel {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 11px;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 4px;
	padding: 0px;
	margin: 0px;
}
table.hotel td.info {
	padding-left: 10px;
	vertical-align: top;
}
table.hotel td.img {
	padding-right: 10px;
	border-right: 1px solid #F58345;
}
/* ------------------------------------ */
/* KATALOG	 								    */
/* ------------------------------------ */
div.position {
	padding-left: 2px;
}
table.form {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 11px;
	border-collapse: collapse;
	border-spacing: 4px;
	margin: 0px;
	width: 100%;
}
table.form td {
	width: 50%;
}
table.form td.left {
	padding-right: 10px;
	border-right: 1px solid #F58345;
}
table.form td.right {
	padding-left: 10px;
}
table.kat {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 11px;
	border-collapse: collapse;
	border-spacing: 4px;
}
table.kat td.r1{
	padding: 10px;
	border-left: 1px solid #F58345;
	vertical-align: top;
}
table.kat td.r2{
	padding: 10px;
	border-left: 1px solid #F58345;
	vertical-align: top;
}

table.katalog {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 11px;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 4px;
	width: 100%;
}
table.katalog th{
	font-weight: normal;
	text-align: right;
	width: 100px;
	padding: 3px 5px 3px 5px;
	white-space: nowrap;
	
}

table.katalog td {
	padding: 3px 0px 3px 0px;
	text-align: left;
}

table.katalog td.right {
	text-align: left;
}
table.katalog td.title {
	text-align: center;
}
div.decor {
	border-bottom: 1px solid #EC6C00;
	padding: 10px 0px 0px 2px;

}
.area250, .area300 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
}
.area250 {width: 250px;}
.area300{width: 250px; height: 50px;}
.btn{
	border: 1px solid black;
	background-color: #f2f2f2;
}
/* ------------------------------------ */
/* flugplan	 									 */
/* ------------------------------------ */
table.flugplan {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 12px;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 0px;
}

table.flugplan td {
	border: 1px solid #F58345;
	padding: 1px 4px 1px 4px;
}
table.flugplan td.box {
	padding: 0px;
}
table.data {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 11px;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 0px;
	width: 100%;
}
table.data td {
	border: 0px;
	border-right: 1px solid #F58345;
	width: 20%;
	white-space: nowrap;
}
table.data td.none {
	border: 0px;
}
/* ------------------------------------ */
/* POPUP FORMULAR								 */
/* ------------------------------------ */

div.formular {
	padding: 3px 10px 3px 10px;
}
/* ------------------------------------ */
/* BOTTOM	 									 */
/* ------------------------------------ */
table.bottom{
	width: 100%;	
	text-align: center;
	font-size: 11px;
	border-top: 1px solid #F58345;
}
table.bottom td{
	padding: 10px;
}
