/* *** by kliwebdesign *** */
html,body {
	margin-top: 2px;
	padding: 0;
	text-align: center;
	BACKGROUND-IMAGE: url(vgrad.jpg);
	FONT: 12px Verdana, Arial, Helvetica, sans-serif;
	height: 100%;
}

ul {
	padding: 1px;
	margin-left: 14px;
	margin-top: 2px;
	margin-bottom: 2px;
}

li {
	padding: 1px;
}

#pagewidth, #pagewidth2 {
	width: 788px;
	text-align: left;
	min-width: 480px;
	margin-left: auto;
	margin-right: auto;
	border-top: 1px solid gray;
	border-left: 1px solid gray;
	border-right: 1px solid gray;
	border-bottom: 1px solid gray;
}

#top {
	height: 2px;
	width: 100%;
	font-size: 2px;
	background-color: transparent;
}

#agb, #agb2 {
	position: absolute;
	height: 15px;
	top: 4px;
	width: 100%;
	background-color: transparent;
	margin-left: 460px;
	FONT: 10px Verdana, Arial, Helvetica, sans-serif;
	z-index: 250;
}

#logo {
	position: absolute;
	margin-left: 20px;
	top: 12px;
	background-color: transparent;
	z-index: 121;
}

div.schriftzug, div.schriftzug2 {
	position: absolute;
	padding-left: -3px;
	top: 3px;
	width: 788px;
	height: 76px;
	BACKGROUND-IMAGE: url(../images/header.jpg);
	z-index: 21;
}

#header {
	height: 76px;
	width: 100%;
	background-color: transparent;
}

#leftcol {
	width: 140px;
	float: left;
	position: relative;
	margin-left: -140px;
	margin-right: 1px;
}

#outer {
	border: solid transparent 0px;
	/*/*/
	border-left-width: 140px;
	/* left column width. NN4 hack to hide borders */
	border-left-color: #FEC200; /* left column colour */ /*/*/
	border-right-width: 140px;
	/* right column width. NN4 hack to hide borders */
	border-right-color: #FEC200; /* right column colour */
	background-color: transparent; /* center column colour */
	width: auto;
}

#rightcol { /*/*/
	width: 140px; /* hack keeps NN4 right column right? */
	float: right;
	position: relative;
	margin-right: -140px;
	margin-left: 0px;
	background-color: transparent;
	BACKGROUND-IMAGE: url(rleft.jpg);
}

#footer {
	height: 12px;
	margin: 0px;
	width: 100%;
	background-color: transparent;
	FONT: 10px Verdana, Arial, Helvetica, sans-serif;
}

#inner {
	margin: 0;
	width: 100%;
}

#maincol {
	float: left;
	width: 100%;
	position: relative;
	margin: 0 -8px 0 -2px;
	z-index: 10;
}

/* container for address  */
#myAddress {
	position: absolute;
	left: 12px;
	top: 464px;
	FONT-SIZE: 10px;
	FONT-WEIGHT: normal;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	background-color: transparent;
	padding: 4px 1px 1px 2px;
	z-index: 1080;
	color: #000000
}

A:hover {
	TEXT-DECORATION: none;
	CURSOR: pointer;
}

A.sm:link,A.sm:visited,A.sm:active,A.sm:hover {
	padding: 2px 0px 2px 2px;
	margin-top: 4px;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: underline;
	FONT-WEIGHT: normal;
	FONT-SIZE: 10px;
}

A.sm:hover {
	COLOR: #ffffff;
	BACKGROUND-COLOR: #0062B4;
}

A.ind:link,A.ind:visited,A.ind:active,A.ind:hover {
	padding: 0px 0px 0px 0px;
	margin: 1px;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	FONT-WEIGHT: normal;
	FONT-SIZE: 8px;
}

div.backlink {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 8pt;
	float: left;
	background-color: transparent;
}

#whereami, #whereami2 {
	width: 488px;
	float: left;
	margin: 2px;
	padding: 1px;
	border-bottom: 1px solid gray;
	border-top: 1px solid gray;
	background-color: #FF9900;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 8pt;
	padding: 0px 1px 2px 1px;
}

div.pLink a.productLink {
	float: left;
	width: 130px;
	background-color: transparent;
	color: #000000;
	font-weight: normal;
	cursor: pointer;
	margin: 0px;
	padding: 1px 2px 2px 2px;
	position: relative;
	text-decoration: underline;
}

div.pLink a.productLink:hover {
	float: left;
	color: #ffffff;
	background-color: #0062B4;
}

div.pLink a.productLinkActive,div.pLink a.productLinkActive:hover {
	float: left;
	width: 130px;
	background-color: #0062B4;
	color: #ffffff;
}

div.pLink a.productLinkActive {
	float: left;
	padding: 1px 4px 4px 2px;
	color: #ffffff;
	cursor: pointer;
	margin: 0px;
	position: relative;
	text-decoration: underline;
}

#teaser,#teaser_bot,#teaser2,#teaser2a,#teaser2b,#teaser2c,#teaser3,#teaserWide,#teaserTour,#bigTeaser,#teaser3_2,#teaser2a_2
	{
	min-height: 228px;
	height: auto !important;
	height: 228px;
	margin: 2px;
	padding: 1px;
	border: 1px solid gray;
}

#teaser_r {
	min-height: 464px;
	height: auto !important;
	height: 464px;
	margin-right: 8px;
	margin-top: 2px;
	padding: 1px;
	border: 1px solid gray;
	width: 252px;
	float: right;
}

#teaser {
	width: 158px;
	float: left;
	min-height: 332px;
	height: auto !important;
	height: 332px;
}

#teaserWide {
	width: 486px;
	float: left;
}

#teaserWide,#teaserTour {
	width: 486px;
	float: left;
}

#teaserWide,#teaserTour {
	min-height: 80px;
	height: auto !important;
	height: 80px;
}

#teaser_bot {
	width: 158px;
	float: left;
	min-height: 296px;
	height: auto !important;
	height: 296px;
}

#teaser2 {
	width: 323px;
	float: left;
	min-height: 290px;
	height: auto !important;
	height: 290px;
}

#teaser2orig {
	width: 323px;
	float: left;
}

#teaser2a, #teaser2a_2 {
	width: 259px;
	float: left;
}

#teaser2b {
	width: 323px;
	float: left;
}

#teaser2c {
	width: 240px;
	float: left;
	min-height: 222px;
	height: auto !important;
	height: 222px;
}

#teaser3, #teaser3_2 {
	width: 221px;
	float: left;
}

div.innerTeaser {
	float: left;
	width: 45%;
	padding: 2px 0px 6px 4px;
	min-height: 230px;
	height: auto !important;
	height: 230px;
}

div.col2 {
	float: left;
	width: 47%;
	padding: 4px 6px 6px 4px;
	margin: 0px;
	min-height: 222px;
	height: auto !important;
	height: 222px;
}

div.col3 {
	float: left;
	width: 31%;
	padding: 4px 6px 6px 4px;
	margin: 0px;
	min-height: 222px;
	height: auto !important;
	height: 222px;
}

.xtra {
	float: left;
	width: 100%;
	FONT-SIZE: 10px;
	text-align: center;
	padding: 0px 0px 0px 0px;
	background-color: white;
}

div.innerTeaserText {
	padding: 4px;
}

div.innerTeaserText2 {
	float: left;
	width: 45%;
	padding: 2px 0px 6px 26px;
}

div.bigTeaser {
	float: left;
	width: 48%;
	height: 445px;
	padding: 2px 4px 6px 24px;
	padding-bottom: 10px;
}

div.TeaserPicLeft {
	padding-left: 0px;
	padding-right: 4px;
	float: left;
}

div.TeaserPicRight {
	padding-left: 4px;
	padding-right: 0px;
	float: right;
}

#teaserPDFvertical {
	width: 116px;
	float: left;
	margin: 1px;
	padding: 1px;
	border: 0px solid gray;
}

#teaserPDF {
	min-height: 192px;
	height: auto !important;
	height: 192px;
	width: 112px;
	float: left;
	margin: 1px;
	padding: 1px;
	border: 1px solid gray;
}

div.innerTourL {
	float: left;
	width: 235px;
	padding: 3px;
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	COLOR: #000000;
}

div.innerTourR {
	float: left;
	width: 235px;
	background-color: white;
	padding: 3px;
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	COLOR: #000000;
}

div.tdln1 {
	float: left;
	width: 237px;
}

div.tdln1a {
	float: left;
	padding-left: 2px;
	width: 114px;
	BORDER-BOTTOM: gray 1px solid;
	background-color: #CCCCFF;
	color: black;
}

div.innerTour100 {
	width: 470px;
	background-color: transparent;
	padding: 3px;
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	COLOR: #000000;
}

div.bigPic {
	min-height: 480px;
	height: auto !important;
	height: 480px;
	width: 460px;
	float: left;
	margin-top: 15px;
	margin-bottom: 5px;
	margin-left: 10px;
}

div.picControl {
	width: 460px;
	BACKGROUND-COLOR: #F7D708;
	FONT-WEIGHT: normal;
	FONT-SIZE: 10px;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}

#galleryBar {
	height: 510px;
	BORDER-RIGHT: #667788 0px solid;
	BORDER-TOP: #667788 0px solid;
	SCROLLBAR-FACE-COLOR: #FFC300;
	FONT-SIZE: 10px;
	SCROLLBAR-HIGHLIGHT-COLOR: #F7D708;
	OVERFLOW: auto;
	BORDER-LEFT: #667788 0px solid;
	SCROLLBAR-SHADOW-COLOR: #667788;
	COLOR: #bbccdd;
	SCROLLBAR-ARROW-COLOR: #0061B5;
	SCROLLBAR-TRACK-COLOR: #F7D708;
	BORDER-BOTTOM: #667788 0px solid;
	FONT-FAMILY: verdana;
	SCROLLBAR-DARKSHADOW-COLOR: #203b54;
	BACKGROUND-COLOR: transparent;
	scrollbar-3d-light-color: #667788
}

div.gallerySM {
	min-height: 80px;
	text-align: center;
	width: 110px;
	float: left;
	margin: 2px;
	padding: 1px;
	border: 1px solid gray;
}

/* *** note by kliwebdesign *** */
	/* *** height construct makes auto size working in IE and Firefox *** */
#bookinghint,#bookingframe,#fullbookingframe,#bookinghint2,#bookingframe2 {
	float: left;
	margin: 2px;
	padding: 1px;
	border: 1px solid gray;
	background-color: #FDAB00;
}

#bookinghint, #bookinghint2 {
	width: 170px;
	min-height: 250px;
	height: auto !important;
	height: 250px;
}

#bookingframe, #bookingframe2 {
	width: 310px;
	min-height: 250px;
	height: auto !important;
	height: 250px;
}

#fullbookingframe {
	width: 490px;
	border: 0px solid gray;
	min-height: 450px;
	height: auto !important;
	height: 450px;
	background-color: transparent;
}

div.head,div.head2,div.head3,div.head4,div.head2a {
	height: 14px;
	margin-top: 0px;
	float: left;
	font-family: verdana;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	background-color: #FF9900;
	BORDER-BOTTOM: gray 1px solid;
}

div.head {
	width: 100%;
}

div.head2a {
	width: 100%;
	height: 26px
}

div.head2 {
	BORDER-TOP: gray 1px solid;
	width: 100%;
}

div.head3 {
	BORDER-TOP: gray 1px solid;
	margin-top: 2px;
	padding: 1px 0px 1px 1px;
	background-color: #0062B4;
	width: 135px;
	BORDER-LEFT: gray 1px solid;
	BORDER-RIGHT: gray 1px solid;
}

div.head4 {
	BORDER-TOP: gray 1px solid;
	margin-top: 2px;
	padding: 1px 0px 1px 1px;
	background-color: #FC0303;
	width: 135px;
	BORDER-LEFT: gray 1px solid;
	BORDER-RIGHT: gray 1px solid;
}

div.headleft,div.headright,div.headcomplete {
	height: 14px;
	font-family: verdana;
	font-size: 10px;
	font-weight: bold;
	color: #0f001f;
	BORDER-BOTTOM: gray 1px solid;
}

div.headleft {
	float: left;
	width: 243px;
	text-align: left;
}

div.headright {
	float: left;
	width: 243px;
	text-align: right;
}

div.headcomplete {
	float: left;
	width: 486px;
	text-align: left;
}

div.headback {
	float: left;
	width: 100%;
	text-align: right;
}

div.mtblevel,div.mtblevel2 {
	height: 14px;
	padding: 2px 0px 2px 3px;
	font-family: verdana;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
}

div.mtblevel2 {
	height: 14px;
	float: left;
	width: 50%;
}

div.goback {
	text-align: right;
	font-family: verdana;
	font-size: 10px;
}

.tpic {
	float: left;
	margin: 0px;
	BORDER-BOTTOM: #1f1f1f 1px solid;
}

.ttext {
	float: left;
	margin-top: 2px;
	padding: 2px 0px 2px 3px;
	font-size: 10px;
	margin: 0px;
	width: 95%;
}

.ttext2 {
	padding: 2px 0px 4px 2px;
	font-size: 10px;
	margin: 0px;
	float: left;
	width: 95%;
	background-color: transparent;
	BORDER-LEFT: gray 1px solid;
	BORDER-BOTTOM: gray 1px solid;
	BORDER-RIGHT: gray 1px solid;
}

.ttext3 {
	padding: 2px 0px 2px 3px;
	font-size: 10px;
	margin: 0px;
	float: left;
	width: 95%;
	background-color: #C0780B;
}

.tbar {
	width: 157px;
	background-color: #0062B4;
	padding: 0px;
}

#outer>#inner {
	border-bottom: 1px solid transparent;
}

.clr {
	clear: both;
}

.content {
	padding: 0px;
}  /*padding for content */
#header .content {
	padding-bottom: 0;
}  /*padding bottom 0 to remove space in IE5 Mac*/
div.menuBar,div.menuBar a.menuButton {
	font-family: Arial, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #ffffff;
	z-index: 222;
}

div.menuBar {
	background-color: #FF9900;
	BORDER-TOP: #000000 1px solid;
	BORDER-BOTTOM: #000000 1px solid;
	padding: 1px 0px 1px 0px;
	text-align: left;
	width: 100%;
}

div.menuBar a.menuButton,div.menuBar a.menuButton2 {
	background-color: #FF9900;
	color: #000000;
	font-weight: bold;
	cursor: pointer;
	left: 142px;
	margin: 0px;
	padding: 0px 16px 0px 16px;
	position: relative;
	text-decoration: none;
	BORDER-TOP: #efefef 1px solid;
	BORDER-LEFT: #efefef 1px solid;
	BORDER-BOTTOM: gray 1px solid;
	BORDER-RIGHT: gray 1px solid;
}

div.menuBar a.menuButton:hover,div.menuBar a.menuButton2:hover {
	color: #ffffff;
	background-color: #0062B4;
}

div.menuBar a.menuButtonActive,div.menuBar a.menuButtonActive:hover {
	background-color: #0062B4;
	color: #ffffff;
}

div.menuBar a.menuButtonActive {
	padding: 0px 16px 0px 16px;
	color: #ffffff;
	cursor: pointer;
	left: 10px;
	margin: 0px;
	position: relative;
	text-decoration: none;
}

div.slideBar,div.slideBar a.slideButton {
	font-family: Arial, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #ffffff;
	z-index: 222;
}

div.slideBar {
	background-color: #FF9900;
	BORDER-TOP: #000000 1px solid;
	BORDER-BOTTOM: #000000 1px solid;
	padding: 1px 0px 1px 0px;
	text-align: left;
	width: 100%;
}

div.slideBar a.slideButton {
	background-color: #FF9900;
	color: #000000;
	font-weight: bold;
	cursor: pointer;
	left: 2px;
	margin: 0px;
	padding: 0px 16px 0px 16px;
	position: relative;
	text-decoration: none;
	BORDER-TOP: #efefef 1px solid;
	BORDER-LEFT: #efefef 1px solid;
	BORDER-BOTTOM: gray 1px solid;
	BORDER-RIGHT: gray 1px solid;
}

div.slideBar a.slideButton:hover {
	color: #ffffff;
	background-color: #0062B4;
}

div.slideBar a.slideButtonActive,div.slideBar a.slideButtonActive:hover
	{
	background-color: #0062B4;
	color: #ffffff;
	font-weight: bold;
	padding: 0px 16px 0px 16px;
	BORDER-TOP: #efefef 1px solid;
	BORDER-LEFT: #efefef 1px solid;
	BORDER-BOTTOM: gray 1px solid;
	BORDER-RIGHT: gray 1px solid;
}

div.slideBar a.slideButtonActive {
	color: #ffffff;
	cursor: pointer;
	left: 2px;
	margin: 0px;
	padding: 0px 16px 0px 16px;
	position: relative;
	text-decoration: none;
}

/* sub navigation style definitions */
#leftContent {
	padding: 0px;
	z-index: 10;
	width: 140px;
}

#leftpic {
	BACKGROUND-IMAGE: url(left.jpg);
	/*background-attachment:fixed;*/
	background-repeat: no-repeat;
	padding: 0px;
	/*height:400px;*/
	width: 140px;
}

div.subNavTitle,div.subNavTitleP,div.subNavTitle2,div.subNavTitle3 {
	float: left;
	margin-top: 2px;
	margin-left: 2px;
	padding-left: 2px;
	width: 130px;
	height: 16px;
	BORDER: gray 1px solid;
	text-align: left;
	FONT: 10px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #ffffff;
	background-color: #FF9900;
}

div.subNavTitleP {
	display: none;
}

div.subNavTitle2 {
	height: 26px;
}

div.subNavTitle3 {
	height: 36px;
	overflow: visible;
}

div.subNav {
	float: left;
	left: 0px;
	padding-left: 2px;
	margin: 2px;
	font-weight: normal;
}

/* span.menuItemDisabled am 18.9.2007 ergänzt; dient für Navbar links, wenn
	in einem Monat keine Touren mehr gebucht werden können */
div.subNav a.menuItem,div.subNav span.menuItemDisabled {
	color: #4a2500;
	background-color: transparent;
	font-family: "MS Sans Serif", Arial, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	text-align: left;
	margin-top: 2px;
	cursor: pointer;
	display: block;
	width: 108px;
	padding: 1px 1em;
	text-decoration: none;
	BORDER-TOP: #efefef 1px solid;
	BORDER-LEFT: #efefef 1px solid;
	BORDER-BOTTOM: gray 1px solid;
	BORDER-RIGHT: gray 1px solid;
}

div.subNav span.menuItemDisabled {
	color: #666;
	cursor: default;
}

div.subNav a.menuItem:hover,div.subNav a.menuItemHighlight {
	background-color: #0062B4;
	color: #ffffff;
	text-align: left;
	cursor: pointer;
	width: 108px;
}

div.menuItemSep {
	FONT-SIZE: 8pt;
	FONT-WEIGHT: bold;
	border-bottom: 1px solid #0f0f0f;
	margin: 4px 4px;
}

/* *** definitions for booking container *** */
.kobsSortHead {
	margin-top: 6px;
	padding: 1px 4px 2px 4px;
	BORDER: gray 1px solid;
	background-color: #FF9900;
	color: #ffffff;
	FONT-WEIGHT: bold;
	font-size: 10px;
	width: 482px;
	text-align: left;
}

.kobsSortbar {
	margin-top: 6px;
	padding: 0px 4px 0px 4px;
	background-color: transparent;
	font-size: 10px;
	width: 96%;
	text-align: right;
}

td.kobsHead {
	BORDER-BOTTOM: #1f1f1f 1px solid;
	FONT-WEIGHT: bold;
	padding: 0px 0px 0px 0px;
}

.kobstext {
	margin-top: 6px;
	padding: 2px 4px 6px 4px;
	background-color: transparent;
	BORDER: gray 1px solid;
	font-size: 10px;
	width: 482px;
}

th.kobsHead {
	BORDER-BOTTOM: #1f1f1f 1px solid;
	FONT-WEIGHT: bold;
}

td.kobsMonth {
	width: 470px;
	padding: 1px;
	BORDER-BOTTOM: #1f1f1f 1px solid;
	FONT-WEIGHT: bold;
	background-color: #FF9900;
	color: #ffffff;
}

td.kobsDR1, td.kobsDR1b {
	BORDER-bottom: #B26A29 1px solid;
	padding: 0px 0px 0px 0px;
}

td.kobsDR1b { color: #00f; }

td.kobsDR1_noborder {
	padding: 0px 0px 0px 0px;
}

td.kobsDR2 {
	BORDER-bottom: #B26A29 1px solid;
	padding: 1px 0px 0px 3px;
}

td.pretty {
	BORDER: #B26A29 1px solid;
}

INPUT,TEXTAREA,SELECT {
	background-color: #eeeeee;
	color: #0055cc;
	border: 1px solid #ff0000;
	PADDING: 0px;
	MARGIN: 0px;
	PADDING-LEFT: 2px;
	height: 18px;
	margin: 1px;
	FONT-SIZE: 8pt;
	font-family: "MS Sans Serif", Arial, sans-serif;
}

div.gocrazyAddr {
	clear: both;
	background-color: #FF9900;
	margin-top: 2px;
	margin-bottom: 2px;
	text-align: center;
	border-top: 1px solid gray;
	PADDING: 1px;
	MARGIN: 0px;
	FONT-SIZE: 8pt;
	font-family: "MS Sans Serif", Arial, sans-serif;
}

div.kwd {
	clear: both;
	margin-top: 4px;
	margin-bottom: 4px;
	FONT-SIZE: 8pt;
	font-family: "MS Sans Serif", Arial, sans-serif;
}

/****/
a.loginButton {
	display: block;
	position: absolute;
	font-family: Arial, sans-serif;
	font-style: normal;
	background-color: #f00;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	margin: 0px;
	padding: 0px 16px 0px 16px;
	text-decoration: none;
	BORDER-TOP: #efefef 1px solid;
	BORDER-LEFT: #efefef 1px solid;
	BORDER-BOTTOM: gray 1px solid;
	BORDER-RIGHT: gray 1px solid;
	z-index: 222;
}

a.loginButton:hover {
	color: #ffffff;
	background-color: #0062B4;
}

div.loginName {
	color: #00f;
	font-size: 11px;
	width: auto;
	position: absolute;
	padding: 2px;
	background-color: #fff;
	filter: alpha(opacity = 60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	margin-top: 18px;
}

a.loginLink:link {
	color: #00f;
	text-decoration: none;
}

a.loginLink:visited {
	color: #00f;
	text-decoration: none;
}

a.loginLink:hover {
	color: #00f;
	text-decoration: underline;
}

a.loginLink:active {
	color: #00f;
	text-decoration: none;
}

a.loginLink:focus {
	color: #00f;
	text-decoration: none;
}