/* *** 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{ 
 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 { 
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 { 
 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 {
 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 {
 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 {
 width:259px; float:left;
}
#teaser2b {
 width:323px; float:left;
}
#teaser2c {
 width:240px; float:left;
 min-height:222px; height: auto !important; height: 222px;  
}
#teaser3 {
 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 {
 float:left;
 margin:2px; padding: 1px;
 border: 1px solid gray;
 background-color: #FDAB00;  
}
#bookinghint {
 width:170px;
 min-height:250px; height: auto !important; height: 250px;
}
#bookingframe {
 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 {
  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 {
  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 {
  BORDER-bottom: #B26A29 1px solid;
  padding: 0px 0px 0px 0px;
}
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;
}