body			{ background-color: #E6D746; font-size: 1.0em; }
#Container		{ margin: 0 auto; padding:0; width: 960px; background-color: #ffffff; }

#Top			{ height: 124px; text-align: left; }
#Top img			{ float: left; }
#Top h3			{ color: #56514E; display: block; text-align: right; padding:60px 84px 0 0; }

#Title			{ height: 249px; }
#TitleImg			{ height: 249px; width: 749px; float: left; display: inline; background: transparent url(../pic/design/titel.jpg); }

#Search			{ height: 249px; width: 211px; text-align: left;  float: left; display: inline; background: transparent url(../pic/design/bg_titel_r.gif) no-repeat; }
#Content			{ width: 748px; float: left; display: inline; text-align: left; margin: 0 0 0 0; padding: 0 0 20px 2px; background: #fff url(../pic/design/bg_container.gif);}
#ContentMenu    		{clear: both; width: 260px; float: left; margin: 20px 0 0 0; padding: 0; }
#ContentBody 		{ width: 465px; float: left; display: inline; margin: 4px 0 30px 0;}
#Right			{ width: 200px; float: left; margin: 0; padding:0; }
#Footer			{ color: #777; height: 21px; margin: 0 0 0 0; padding: 5px 0 5px 10px; text-align: left; clear:both; display: block; border-top: 1px solid #bbb; }

#FormSearch 		{ color:#5D686A; width: 145px; text-align: left; margin: 30px 0 0 30px; padding: 0;}
#FormSearch table 		{ margin: 0; padding: 0; color:#5D686A; }
#FormSearch table td 	{ height: 25px;}
.day			{ margin: 0 2px 0 1px; padding: 0; border: 1px #C4CD00 solid; }
.month			{ margin: 0 2px 0 1px; padding: 0; border: 1px #C4CD00 solid; width: 55px; }
.year			{ margin: 0 2px 0 1px; padding: 0; border: 1px #C4CD00 solid; }
.art			{ margin: 0 2px 0 1px; padding: 0; border: 1px #C4CD00 solid; width: 145px; }
.person			{ margin: 0 2px 0 1px; padding: 0; border: 1px #C4CD00 solid; width: 20px; height: 18px; }
.buttsearch		{ background-color: #ffffff; color: #718B28; height: 20px; border: 1px #C4CD00 solid; font-size: 90%;}


/*____FOOTER______*/

#Footer img 	{ margin: 4px 0 0 10px; float: left; }
#Footer p		{ width: 550px; margin: 20px 0 0 0; float: left; text-align: right; color: #777; font-size: 80%; }
#Footer a		{ color: #777; }
#Footer a:hover	{ color: #000; }


/*_____INHALTSELEMENTE______*/

.Anker 			{ position: absolute; top: -500px;  }

.Lang			{ color: #565553; padding: 10px 30px 0px 0px; width: 930px; height: 60px; text-align: right; line-height: 26px; display: block; }
.tx-srlanguagemenu-pi1  { float: right;}

.NaviBox 			{ width: 260px; margin: 0; }
.NaviBox ul		{ margin: 0 0 0 12px; padding: 0px; list-style: none; font-weight: bold; }
.NaviBox ul li 		{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; line-height: 26px; text-align: left; background: transparent url(../pic/design/bg_butt_li.gif) no-repeat left top; }
.NaviBox a		{ color: #788F00; padding: 0px 0px 0px 15px; text-decoration: none; }
.NaviBox ul li ul		{ margin: 0 0 0 0; padding: 0; list-style: none; }
.NaviBox ul li ul li 	{ margin: 0; padding:0; line-height: 26px; text-align: left; background: transparent url(../pic/design/bg_bott_li.gif) no-repeat left top;  }
.NaviBox ul li ul li a	{ font-weight: normal; background: none; padding: 0 0 0 24px; text-decoration: none; }

.Sponsor			{ width: 180px; text-align: center; margin: 30px 0 0 0; }

/*_____CONTENT BODY______*/

h1.title 			{ position: absolute; left: 500px; margin: 0px; padding: 0px; }
h1.title span 		{ height: 0; width: 0; overflow: hidden; position: absolute; /* for the benefit of IE5 Mac */ }

h2			{ margin: 20px 0 8px 10px; color: #52514F; font-size: 100%; }
h3			{ margin: 0 0 8px 10px; color: #52514F; }
h4			{ margin: 20px 0 8px 10px; color: #52514F; font-size: 100%; }
p			{ padding: 0 10px; line-height: 20px; text-align: justify; }

.SLine			{ margin: 20px 0px; width: 465px; height: 9px; background: transparent url(../pic/design/c_line.gif) no-repeat;}

a.home			{ font-size: 100%; color: #7B8C4A; font-weight: bold; padding: 0 0 0 10px; background: transparent url(../pic/design/pfeil.gif) no-repeat left center; }

ul.SubMenuHotel         	{ width: 465px; list-style: none; margin: 21px 0px 0px 0px; padding: 0; background-color: #C5CE00; height: 18px;  }
ul.SubMenuHotel li      	{ border-right: 1px solid #fff; font-weight: bold; float: left; display: block;  padding: 0 6px;  }
ul.SubMenuHotel li a	{ text-decoration: none; color: #525B00;font-size: 100%;}

.news-list-container 	{  }
.news-list-item		{  }
.news-list-item ul		{ margin: 15px 0 0 160px; padding: 0; list-style: none; } 
.news-list-item ul	 li      { padding: 0 0 0 24px; background: transparent url(../pic/design/bg_bott_li.gif) no-repeat left center; }
.news-list-item h2		{  }
.news-list-item img	{ width: 140px; margin: 0 10px; float: left; }
.news-list-morelink 	{ width: 425px; text-align: right; clear:both;}
.news-list-morelink a	{ font-size: 100%; color: #7B8C4A; font-weight: bold; padding: 0 0 0 10px; background: transparent url(../pic/design/pfeil.gif) no-repeat left center; }
.news-single-item img	{ margin: 20px 0 0 10px; }
.news-single-backlink 	{ margin: 20px 0 0 0; }
.news-single-backlink a	{ margin: 0 0 0 10px; }

.tx-ttnews-browsebox        { margin: 20px 0; }
.news-list-browse           { text-align: center; }

form.newsletter { margin: 0; padding: 0;}
form.newsletter span.warning { color: red; font-size: 80%;}
div.box_newsletter { padding: 0 0 0 20px; }

/*_____BILDEINSTELLUNGEN______*/

.csc-textpic csc-textpic-center csc-textpic-below 		{ width: 465px; }
.csc-textpic csc-textpic-center csc-textpic-below img 		{ float: left;}

DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap { float: right; margin: 0 10px 0 0;}

DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image {  }
	

/*_____FORMULAR HOTEL______*/

form.anfrage           		 { margin: 0 30px 20px 3px;  padding: 0 0 0 30px;}
form.anfrage label          	 { float: left;  margin: 0; width: 130px; font-weight: bold; }
form.anfrage .mailform-field 	 { display: block; margin: 4px 0;}
form.anfrage .label-betreff 	 { line-height: 35px; margin: 0; display: block; }
form.anfrage input			 { width: 180px;}
form.anfrage input.radio		 { width: 30px; float: left;}
form.anfrage div.radiobox             { border: 1px solid #000; }
form.anfrage label.radiolabel 	 { font-weight: normal; }


/*_____RIGHT BOX______*/

#Right h3 		{ margin: 25px 0 20px 12px; padding: 0; text-align: left}
.hotels			{ margin: 16px 0 0px 0px; padding: 0 0 3px 4px; width: 183px; height: 160px;text-align: left; float: left;} /*border-bottom: 1px solid #798B03; */
.hotels h4		{ margin: 0 0 0 0; padding: 0; color: #798B03; line-height: 14px; }
.hotels h5		{ margin: 0; padding: 0; color: #798B03; font-weight: normal;}
.hotels a 		{ color: #798B03; text-decoration: none; }

.wetter			{ margin: 17px 0 16px 8px; padding: 0 0 3px 0; width: 185px; text-align: left; }
.wetter h4		{ margin: 0 0 16px 6px; padding: 0 ;color: #798B03; line-height: 14px; }
.wetter a 		{ color: #56514E; text-decoration: none; }

table.tab_wetter	         { border: 0; padding:0; margin:0; width:180px; }
table.tab_wetter td        { padding:0; margin:0; width:60px; text-align:center; }

#meteoprovbz_container img {width: 60px;}
.meteoprovbz_min {font-size: 90%;}
.meteoprovbz_max {font-size: 90%;}
#meteoprovbz_container tfoot td {font-size: 80% !important; line-height: 20px !important;}

form.newsletter h1, h1.newsletter {margin-left: 10px;}
form.newsletter fieldset {border: none; margin-top: 20px;}
form.newsletter div {margin-top: 5px;}
form.newsletter label {display: block; width: 130px; float: left; margin-left: 50px;}
form.newsletter span.warning {white-space: nowrap;}

.tx-flickrset-pi1 hr {clear: both; color: #fff; border: none;}
.tx-flickrset-pi1 h3 {margin: 30px 0px 10px 0px; font-size: 125%;}
.tx-flickrset-pi1-list-image {float: left; margin-right: 2px;}

#overlay {
    background-image:url(transparent.png);
    color:#efefef;
    height:480px;
    width: 700px;
    display: none;
}

/* container for external content. uses vertical scrollbar, if needed */
div.contentWrap {
    height:auto;
    width: 600px;
    margin: auto;
    padding: 50px 0px 50px 0px;
    text-align:center;
}

/*

	GalleryView Stylesheet
	
	Use the CSS rules below to modify the look of your gallery.
	 
	To create additional rules, use the markup below as a guide to GalleryView's architecture.
*/

/* GALLERY LIST */
/* IMPORTANT - Change '#myGallery' to the ID of your gallery list to prevent a flash of unstyled content */
#flickrgallery { display: none; }

.gv_galleryWrap { position: relative; background: #222; font-size: 100%; }

/* GALLERY DIV */
.gv_gallery { overflow: hidden; position: relative;}


/*************************************************/
/**   PANEL STYLES								**/
/*************************************************/

.gv_panelWrap { filter: inherit; position: absolute; overflow: hidden; }

.gv_panel-loading { background: url(img-loader.gif) 50% 50% no-repeat #aaa; }
.gv_frame-loading { background: url(img-loader.gif) 50% 50% no-repeat #aaa; }

/* GALLERY PANELS */
.gv_panel { filter: inherit; position: absolute; top: 0; left: 0; overflow: hidden; z-index: 100; }
.gv_panel img { position: absolute; }

.gv_overlay { position: absolute; background: #222; color: white; z-index: 200; }
.gv_showOverlay { 
	position: absolute; 
	width: 20px; 
	height: 20px; 
	background: url(themes/light2/info.png) #222; 
	cursor: pointer;
	z-index: 200;
}
.gv_overlay h4 { color: white; margin: 1em; font-weight: bold; }
.gv_overlay p { color: white; margin: 1em; }

.gv_infobar {
	background: #222;
	padding: 0 0.5em;
	line-height: 1.5em;
	height: 1.5em;
	font-size: 100%;
	font-weight: bold;
	color: white;
	
	position: absolute;
	bottom: 0;
	right: 0;
	display: none;
	vertical-align: middle;
	z-index: 2000;
	
}


/*************************************************/
/**   FILMSTRIP STYLES							**/
/*************************************************/

.gv_filmstripWrap { overflow: hidden; position: absolute; }


/* FILMSTRIP */
.gv_filmstrip { margin: 0; padding: 0; position: absolute; top: 0; left: 0; }

/* FILMSTRIP FRAMES (contains both images and captions) */
.gv_frame { 
	cursor: pointer;
	float: left;
	position: relative;
	margin: 0;
	padding: 0;
}

/* WRAPPER FOR FILMSTRIP IMAGES */
.gv_frame .gv_thumbnail { position: relative;overflow: hidden !important; }

/* WRAPPER FOR CURRENT FILMSTRIP IMAGE */
.gv_frame.current .gv_thumbnail {}

/* FRAME IMAGES */
.gv_frame img { border: none; position: absolute; }

/* FRAME CAPTION */
.gv_frame .gv_caption { height: 14px; line-height: 14px; font-size: 80%; text-align: center; color:white; }

/* CURRENT FRAME CAPTION */
.gv_frame.current .gv_caption { }

/* POINTER FOR CURRENT FRAME */
.gv_pointer {
	border-color: black;
}

/* NAVIGATION BUTTONS */
.gv_navWrap {
	text-align: center;
	position: absolute;
}
.gv_navPlay,
.gv_navPause,
.gv_navNext,
.gv_navPrev {
	
	opacity: 0.3;
	-moz-opacity: 0.3;
	-khtml-opacity: 0.3;
	filter:alpha(opacity=30);
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	vertical-align: middle;
}
.gv_navPlay:hover,
.gv_navPause:hover,
.gv_navNext:hover,
.gv_navPrev:hover {
	opacity: 0.8;
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	filter:alpha(opacity=80);
}

.gv_panelNavPrev,
.gv_panelNavNext {
	position: absolute;
	display: none;
	opacity: 0.50;
	-moz-opacity: 0.50;
	-khtml-opacity: 0.50;
	filter:alpha(opacity=50);
	z-index: 200;
}

.gv_panelNavPrev:hover,
.gv_panelNavNext:hover {
	opacity: 0.9;
	-moz-opacity: 0.9;
	-khtml-opacity: 0.9;
	filter:alpha(opacity=90);
}

.gv_navPlay {
	height: 30px;
	width: 30px;
	cursor: pointer;
	background: url(themes/light2/play-big.png) top left no-repeat;
}
.gv_navPause {
	height: 30px;
	width: 30px;
	cursor: pointer;
	background: url(themes/light2/pause-big.png) top left no-repeat;
}
.gv_navNext {
	height: 20px;
	width: 20px;
	cursor: pointer;
	background: url(themes/light2/next.png) top left no-repeat;
}
.gv_navPrev {
	height: 20px;
	width: 20px;
	cursor: pointer;
	background: url(themes/light2/prev.png) top right no-repeat;
}
.gv_panelNavNext {
	height: 20px;
	width: 20px;
	cursor: pointer;
	background: url(themes/light2/panel-next.png) top left no-repeat;
}
.gv_panelNavPrev {
	height: 20px;
	width: 20px;
	cursor: pointer;
	background: url(themes/light2/panel-prev.png) top right no-repeat;
}

/* TRANSPARENT BORDER FIX FOR IE6 */
/* NOTE - DO NOT CHANGE THIS RULE */
*html .gv_pointer {
	filter: chroma(color=pink);
}

