@charset "UTF-8";

/* 
gruen 7da032
blau 294b6f
orange d39c16 

*/



body {
	font-family:  'MetaNormal', MetaNormal,  Arial, Helvetica, Tahoma;
	background-color: #ecf1f5;
	margin:0px; padding:0px;
}

img{border:0px none;}

a:link, a:visited{text-decoration:none; color:#294b6f;}
a:hover {text-decoration: underline;}
a:hover {text-decoration: underline;}

.breakefloat{clear:both;}


#overlay_bottom{ position:fixed; bottom:0px; width:100%; z-index:3;}
#overlay_bottom img {width:100%; height:150px;}


#bgImg {height:100%; position:fixed; width:100%; z-index:1;}
	#bgImg img {width:120%;}

#container {position: absolute; width:100%; height:100%; z-index:2; left: 0px; top: 0px;   }

#topbar{background-color: #d39c16; height:5px; position:fixed; z-index:4; top:0px; width:100%;}

h1 { color:#294b6f; font-size:21px; line-height:28px; margin:10px 0px; font-weight:normal;}
	h1.schobuell { color: #7da032; }
	
h2 { color:#7da032; font-size:21px; line-height:28px;  margin:10px 0px;  font-weight:normal;}


hr {clear: both;}

#page{width:815px; margin:auto; text-align:left; padding-bottom:300px;}


#logo{margin:40px 0px 40px -20px; float:left;}


#subnavi{float:right; padding:24px 8px 0px 0px; font-size:13px;}
#subnavi a:link, #subnavi a:visited{color:#294b6f; }
#subnavi a:hover, #subnavi a:active{text-decoration:underline;}


#site_navi {float:right; font-size:14px; margin-top:40px; line-height:18px;}

#site_navi a:link span, #site_navi a:visited span{display:block; padding:10px; width:80px;   color:#fff;  text-shadow: 1px 1px 1px #666;  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; position:relative;}
#site_navi a:link, #site_navi a:visited{display:block; padding:3px; float:right; margin-left:10px;background-color:#fff; background-color:rgba(255,255,255,0.5);  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; text-decoration:none; }


.box {padding:8px; 
background-color:#fff; 
background-color:rgba(255,255,255,0.5); 
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";


margin-bottom:20px; 
		-moz-box-shadow: 0 0 7px 7px rgba(0,0,0,0.07);
		-webkit-box-shadow: 0 0 7px 7px  rgba(0,0,0,0.07);
		box-shadow: 0 0 7px 7px  rgba(0,0,0,0.07);
		
		clear:both;
		}


.start_teaser {width:244px;   clear:none; float:left; margin-right:11px; font-size:14px; line-height:18px; }
.start_teaser:hover {text-decoration: none;}
.start_teaser:last-child { margin-right:0px; }
.start_teaser .inlay.umgebung, .start_teaser .inlay.ausflugsziele, .start_teaser .inlay.gastgeber{ color:#fff; font-size:14px;  line-height:18px; text-shadow:none; height:230px;  }
.start_teaser .inlay.umgebung{ 
		background: #7da032; /* Old browsers */
		background: -moz-linear-gradient(top,  #7da032 0%, #5d821e 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7da032), color-stop(100%,#5d821e)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #7da032 0%,#5d821e 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #7da032 0%,#5d821e 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #7da032 0%,#5d821e 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #7da032 0%,#5d821e 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7da032', endColorstr='#5d821e',GradientType=0 ); /* IE6-9 */
}

.start_teaser .inlay.umgebung:hover{ 
		text-decoration: none;
		background: #5d821e; /* Old browsers */
		background: -moz-linear-gradient(top,  #5d821e 0%, #7da032 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5d821e), color-stop(100%,#7da032)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #5d821e 0%,#7da032 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #5d821e 0%,#7da032 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #5d821e 0%,#7da032 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #5d821e 0%,#7da032 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5d821e', endColorstr='#7da032',GradientType=0 ); /* IE6-9 */
 }
 
.start_teaser .inlay.ausflugsziele{ 
		background: #294b6f; /* Old browsers */
		background: -moz-linear-gradient(top,  #5f7893 0%, #294b6f 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5f7893), color-stop(100%,#294b6f)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #5f7893 0%,#294b6f 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #5f7893 0%,#294b6f 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #5f7893 0%,#294b6f 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #5f7893 0%,#294b6f 100%); /* W3C */	
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5f7893', endColorstr='#294b6f',GradientType=0 ); /* IE6-9 */
}

.start_teaser .inlay.ausflugsziele:hover{
		text-decoration: none;
		background: #5f7893; /* Old browsers */
		background: -moz-linear-gradient(top,  #294b6f 0%, #5f7893 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#294b6f), color-stop(100%,#5f7893)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #294b6f 0%,#5f7893 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #294b6f 0%,#5f7893 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #294b6f 0%,#5f7893 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #294b6f 0%,#5f7893 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#294b6f', endColorstr='#5f7893',GradientType=0 ); /* IE6-9 */
}

.start_teaser .inlay.gastgeber{ 
		background: #d39c16; /* Old browsers */
		background: -moz-linear-gradient(top,  #d39c16 0%, #c17d0c 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d39c16), color-stop(100%,#c17d0c)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #d39c16 0%,#c17d0c 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #d39c16 0%,#c17d0c 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #d39c16 0%,#c17d0c 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #d39c16 0%,#c17d0c 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d39c16', endColorstr='#c17d0c',GradientType=0 ); /* IE6-9 */
 }
 
.start_teaser .inlay.gastgeber:hover{ 
		text-decoration: none;
		background: #c17d0c; /* Old browsers */´
		background: -moz-linear-gradient(top,  #c17d0c 0%, #d39c16 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c17d0c), color-stop(100%,#d39c16)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #c17d0c 0%,#d39c16 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #c17d0c 0%,#d39c16 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #c17d0c 0%,#d39c16 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #c17d0c 0%,#d39c16 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c17d0c', endColorstr='#d39c16',GradientType=0 ); /* IE6-9 */
 }

.start_teaser h1 {color:#fff; font-size:17px; text-shadow: 1px 1px 2px #333; font-family:  'MetaNormal', MetaNormalItalic,  Georgia, Arial, Helvetica, Tahoma; line-height:19px;}
.start_teaser img {margin:-7px 0px 0px -22px; }

.inlay{padding: 7px 22px;  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 filter:alpha(opacity=100); position:relative;}
.inlay_blank{background-color:#f8fbf7; color:#5b5951; font-size:14px; line-height:18px;  }

.umgebung{background-color:#7da032;}
.ausflugsziele{background-color:#294b6f; }
.gastgeber{background-color:#d39c16;}

.inlay.umgebung, .inlay.ausflugsziele, .inlay.gastgeber{ color:#fff; font-size:24px; text-shadow: 1px 1px 2px #333;}


div.piktogramme {clear: both; margin-top: 20px;}
	div.piktogramme img {margin-right: 5px;}

.teaserimage{width:310px; background-image:url(../images/photoborder.png); display:inline-block;}
.teaserimage img{margin:13px 20px;} 

.image_left{ float:left; margin-left:-20px; margin-right:10px;}
.image_right{float:right;  margin-left:10px; margin-right:-20px;}


#teaser_gastgeber{position:absolute; margin:-60px 0px 0px 280px; z-index: 1000;}

.image_unterkunft{ float:left; margin: 10px 25px 10px -5px; width: 250px; height: 200px;}
	.image_unterkunft img {border: 5px solid #FFF;}
	
.image_unterkunft_detail { float:right; margin: 10px 15px 10px 25px; width: 250px; height: 200px;}
	.image_unterkunft_detail img {border: 5px solid #FFF;}

.gastgeber_subinfo{float:right; width:165px; margin-left:40px; margin-top: 5px; }


a.detailbutton{ 
				padding:5px 10px ;background-color:#294b6f; color:#fff; margin-top:50px; display:inline-block; 
				background: #294b6f; /* Old browsers */
				background: -moz-linear-gradient(top,  #5f7893 0%, #294b6f 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5f7893), color-stop(100%,#294b6f)); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(top,  #5f7893 0%,#294b6f 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(top,  #5f7893 0%,#294b6f 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(top,  #5f7893 0%,#294b6f 100%); /* IE10+ */
				background: linear-gradient(to bottom,  #5f7893 0%,#294b6f 100%); /* W3C */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5f7893', endColorstr='#294b6f',GradientType=0 ); /* IE6-9 */
}

a.detailbutton:hover{
				background: #5f7893; /* Old browsers */
				background: -moz-linear-gradient(top,  #294b6f 0%, #5f7893 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#294b6f), color-stop(100%,#5f7893)); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(top,  #294b6f 0%,#5f7893 100%); /* Chrome10+,Safari5.1+ */		
				background: -o-linear-gradient(top,  #294b6f 0%,#5f7893 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(top,  #294b6f 0%,#5f7893 100%); /* IE10+ */
				background: linear-gradient(to bottom,  #294b6f 0%,#5f7893 100%); /* W3C */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#294b6f', endColorstr='#5f7893',GradientType=0 ); /* IE6-9 */
}

a.button{ 
				padding:5px 10px ;background-color:#294b6f; color:#fff; display:inline-block; 
				background: #294b6f; /* Old browsers */
				background: -moz-linear-gradient(top,  #5f7893 0%, #294b6f 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5f7893), color-stop(100%,#294b6f)); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(top,  #5f7893 0%,#294b6f 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(top,  #5f7893 0%,#294b6f 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(top,  #5f7893 0%,#294b6f 100%); /* IE10+ */
				background: linear-gradient(to bottom,  #5f7893 0%,#294b6f 100%); /* W3C */
}
				
/*Tabellen*/
td {vertical-align: top;}

/*Unterkunft Detailansicht*/
div.unterkunft_detail div.piktogramme {width: 300px; float:right; margin-top: 0px;}
	div.unterkunft_detail div.piktogramme img {margin-bottom: 4px;}
table.kontakt {clear: both;}
	table.kontakt tr td {padding-right: 50px; }
	
table.infoTable tr td {border-top: 1px solid #CCCCCC;}

div.containerThumb {float: left; width: 220px; height: 145px; margin-right: 20px; margin-bottom:20px; border: 1px solid #CCC; text-align:center; vertical-align:center; overflow:hidden; background-color:#FFF; }
img.imageThumb {border: 4px solid #FFFFFF; margin-right: 10px; margin-bottom: 10px; }	

/*Verzeichnis der Firmen*/
table.verzeichnis tr td {padding: 6px 30px 6px 6px ;border-top: 1px solid #CCCCCC;}