/******************************************************/
/*
/*	Stylesheet Document
/* 	Copyright (c) 2007 GFB & Partner Marketing Services
/*	www.gfb.at
/*
/*	Unauthorized copying is not allowed and will be
/*	punished by an appropriate agent. In this case
/*	by an honorable fellow... me
/*
/******************************************************/

@import"nav_main.css";


/* Normalizing and /basic stuff
------------------------------------------------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	margin: 0px;
	padding: 0px;
	}
	
	
	
ol, ul {
	list-style: none;
	}

table {
	border-spacing: 0px;
	}
	
	
* {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:100%;
	color:#333333;
}	


*,a { 
        outline:none;
	}

img {
	border: 0px;
}


hr{
	height:1px;
	background-color: #ffffff;
	color: #f2efe2;

	border-right: 0px solid #ffffff;
	border-left: 0px solid #ffffff;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #e2001a;
	margin: 8px 0px 8px 0px;
	_display:block;
	_margin: -5px 0px -6px 0px;

}


#drucken_unten, #drucken_oben{
        display: none;
}	


/* Headlines
------------------------------------------------------*/

h1{
    position:absolute;
	bottom:23px;
	_bottom:21px;
	font-size: 14px;
	color: #e2001a;
   	letter-spacing: 0.03em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

h2{
	font-size: 11px;
	color: #333333;
}




div#wassertemperatur .headlineH3{
	font-size: 11px;
    font-weight:bold;
	padding-top: 18px;
	color: #e2001a;
}

div#infoboxText .headlineH4{
	font-size: 11px;
    font-weight:bold;
	color: #e2001a;
	padding-bottom:2px;
}


div#karte .headlineH4{
	font-size: 11px;
        font-weight:bold;
	color: #e2001a;
	padding-bottom:2px;
}


	
/* Site
------------------------------------------------------*/

html {	
	height: 100%;
	background: #fce1be url(/basic/images/html_hg.jpg);	
}


body {	
	height: 100%;
	background:url(/basic/images/body_hg.jpg);
	background-repeat:repeat-x;
	color: #333;
}


.float_clear{
	clear:both;
}




/* Content - Main
--------------------------------------------------*/

div#mainContainer {
	margin: 0px auto;
	width: 1000px;
	background:url(/basic/images/mainContainer_hg.jpg);
}


div#mainContainerAbstand{
	position:relative;
	background:transparent;
	height: 55px;
	background:url(/basic/images/verlauf_oben.jpg) bottom left;
	background-repeat: no-repeat;
}

div#rechts{
	width: 780px;
	float:left;
}


div#links{
	width: 220px;
	float:left;	
}


div#linksBox{
	width: 200px;
	float:left;	
}


div#verlaufLinks{
	width: 20px;
	height:650px;
	float:left;
	background:url(/basic/images/verlauf_links.jpg) top right;
	background-repeat: no-repeat;
}


div#verlaufRechts{
	width: 20px;
	height:650px;
	float:right;
	background:url(/basic/images/verlauf_rechts.jpg) top left;
	background-repeat: no-repeat;
}


div#header{
	width: 760px;
}


div#content{
	width: 760px;
	float:left;
}


div#headerbild{
	position:absolute;
	top:114px;
	width:760px;
	z-index:12;	
}
		
div#headerbild img{
	display:block;
}		

div#rundungBig{
		position:absolute;
		width:760px;
		height:350px;
		top:105px;	
		z-index:13;	
}

div#rundungSmal{
		position:absolute;
		width:760px;
		height:209px;
		top:105px;	
		z-index:13;	
}

.rahmen_intro_png {
		 background:url(/basic/images/rahmen_gross.png);
		 _background:transparent;
		 /* Mozilla ignores crazy MS image filters, so it will skip the following */
		 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/basic/images/rahmen_gross.png');
}

.rahmen_content_png {
		 background:url(/basic/images/rahmen_klein.png);
		 _background:transparent;
		 /* Mozilla ignores crazy MS image filters, so it will skip the following */
		 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/basic/images/rahmen_klein.png');
}


div#infobox { 
		width: 170px;
		display:inline-block;
		font-weight: normal;
		font-size: 0.68em;
		letter-spacing: 0.005em;
		line-height: 1.3em;	
		margin: 0px 15px 0px 15px;
}

div#karte { 
		position:relative;
		margin-top: 10px;
		width: 170px;
		display:block;
		height: 75px; 	
}

div#infoboxText { 
		position:relative;
		width: 170px;
		display:block; 	
}

.karte_png {
		 background:url(/basic/images/karte.png);
		 _background:transparent;
		 /* Mozilla ignores crazy MS image filters, so it will skip the following */
		 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/basic/images/karte.png');
}

.infobox_png {
		 background:url(/basic/images/infobox_hg.png);
		 _background:transparent;
		 /* Mozilla ignores crazy MS image filters, so it will skip the following */
		 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/basic/images/infobox_hg.png');
		 height: 200px;
}


div#text{
		*padding-top:10px;
		_padding-top:0px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		line-height: 1.4em;
		color:#000000;
}

div#text li {
		line-height: 1.2em;
		padding: 0px 0px 0px 18px;
		background: url(/basic/images/teaserpfeil_rot.gif) no-repeat center left;
}



div#textLinks{
		float:left;
		width:250px;
		padding:45px 0px 15px 0px;
}

div#textRechts{
		float:left;
		width:250px;	
		padding:45px 0px 15px 20px;
}

iframe#myiframe{
		display:inline;
		margin:0px 0px 20px 0px;
		background: #ffffff;
}

/* Hauptnavigation (oben)
------------------------------------------------------*/
div#nav {
		position:absolute;
		top:55px;
		width: 760px;
		height: 80px; 
		z-index:14;	
}		
	

/* Schnellanfrage
--------------------------------------------------*/

div#schnellanfrageContainer{
		 width:200px;
		 height: 199px;
		 background: #8c765e url(/basic/images/schnellanfrage_hg.gif) bottom right; 
		 background-repeat: repeat-x;
		 font-size: 0.68em;
		 color:#FFFFFF;
		 line-height: 1.4em;

}

div#schnellanfrageContainer p.headline{
		 padding: 15px 15px 21px 15px;
		 font-weight: bold;
		 color:#FFFFFF; 
}


div#auswahl{
		position:absolute;
		top: 293px;
		width: 170px;
		background: #ffffff;
		cursor: default;
} 


#dropdown, #dropdown ul { 
		list-style-type:none;
		margin:0px;
		padding:0px;
 }
 
 #dropdown li { 
		padding:0px 0px 0px 8px;
		width:162px;
		float:left;
		cursor:pointer;
}

 
#dropdown li.arrowdown{
		background:  url(/basic/images/dropdownpfeil.gif) top right; 
		background-repeat: no-repeat;
		line-height:21px;
}

#dropdown li ul {
		display:none;
		margin-top:2px;
}

#dropdown li:hover ul { 
		display:block;
}

#dropdown li ul li { 
		padding:2px 0px 3px 0px;
		color:#9f8970;
}

#dropdown li ul li:hover{ 
		color:#e2001a;
}

.dropdown{
		background:  url(/basic/images/dropdownlinie.gif) bottom left; 
		background-repeat: no-repeat;	
}

form#schnellanfrage{
		padding: 15px;
}

#schnellanfrage input.day, #schnellanfrage input.month, #schnellanfrage input.year, #schnellanfrage input.persons, #schnellanfrage input.uebern{
		height: 14px;
		padding: 1px 8px 0px 0px;
		font-size: 0.85em;
		float: left;
		margin-right: 6px;
		border: none;
		background: #ffffff;
		text-align:right;
}

#schnellanfrage input.day, #schnellanfrage input.month, #schnellanfrage input.persons, #schnellanfrage input.uebern{
		width: 21px;
}

#schnellanfrage input.year{
		width: 41px;
		_width: 37px;
}

label {
		width: 200px;
		_margin-left: -3px;
		color:#FFFFFF;
}

#anreisedatum {
		margin:8px 0px 3px 0px;
}


form#schnellanfrage .abstand{
		margin-top: 6px; 
		display: block;
}

form#schnellanfrage .abstand2{
		margin-top: 9px;
		margin-left: 35px; 
		display: block;
}

form#schnellanfrage .abstand3{
		margin-top: 2px;
		display: block;
}

#anfrageWeiter a{
		text-decoration: none;
		color: #ffffff;
		width: 154px;
		_width: 148px;
		display: block;
}
	
			
			
/* Button Schnellanfrage
--------------------------------------------------*/	

a.button{
		background: transparent url('/basic/images/bg_button_a.gif') no-repeat top right;
		display: block;
		float: right;
		margin-right: 16px;
		_margin-right: 9px;
		margin-top: 10px;
		line-height: 16px;
		height: 20px; /* Height of button background height */
		padding-right: 18px; /* Width of left menu image */
		text-decoration: none!IMPORTANT;
		outline: none; /* hide dotted outline in Firefox */
		color: #FFFFFF!IMPORTANT;
}

a.button span{
		background: transparent url('/basic/images/bg_button_span.gif') no-repeat top left;
		display: block;
		padding: 2px 3px 2px 18px;
		_padding: 1px 3px 3px 18px;
		text-decoration: none!IMPORTANT;
		color: #FFFFFF!IMPORTANT;
}

a.button:hover{ 
		background-position: bottom right;
		text-decoration: none!IMPORTANT;
		color: #FFFFFF!IMPORTANT;
}

a.button:hover span{
		background-position: bottom left;
		color: #FFFFFF!IMPORTANT;
}

.buttonclear{ 		
		width: 170px;
}			


/* Teaser
--------------------------------------------------*/

div#TeaserContainer{
		width: 760px;
		height: 250px;
		padding-top:400px;
		background:#ffffff;	
		display:inline-block;		
}

div#TeaserContainer .teaser{
		float:left;
		padding-top:10px;
		*padding-top:20px;
		width: 165px;
		height: 230px;
}

div#TeaserContainer .imgBox{
		width: 165px;
		height: 80px;
		margin-top: 10px;
		margin-bottom: 8px;
		position: relative;
		background-position: top left;
}


div#TeaserContainer .teaser.abstand{
		padding-left: 20px;
}

div#TeaserContainer p{
		font-weight: normal;
		font-size: 0.7em;
		margin:3px 0px 0px 0px;
		line-height: 1.3em;
		_line-height: 1.25em;
		overflow:hidden;
		height:74px;
}
		
div#TeaserContainer .headlineH2{
		margin:9px 0px 9px 0px;
		padding-bottom:6px;
		font-size: 11px;
        font-weight:bold;
		color: #e2001a;
       	background: transparent url('/basic/images/teaser-linie.gif') no-repeat bottom right;		
}
		
div#TeaserContainer .h2abstand{
		margin-top: 11px!IMPORTANT;
}

div#TeaserContainer ul {
		height:25px;
}
		
		div#TeaserContainer li {
			float: left;
			position: relative;
			cursor: pointer;
			font-weight: bold;
			font-size: 0.70em;
			letter-spacing: 0.01em;
			line-height: 1.2em;
			padding: 0px 15px 0px 18px;
			margin-top:13px;
			background: url(/basic/images/teaserpfeil_rot.gif) no-repeat center left;
		}
			div#TeaserContainer li a { 
				color: #000000;
				text-decoration: underline
			}
			
			div#TeaserContainer li a:hover { 	
				color: #000000;
				text-decoration: underline;
			}


/* Content Inhalt
--------------------------------------------------*/	
div#contentInhalt{	
		width: 520px;
		float:left;
		padding: 0px 20px 0px 20px ;
}	

div#contentInhaltAbstand{	
		width: 740px;
		height:259px;
}	

			
div#TeaserBox{
		width: 200px;
		font-weight: normal;
		font-size: 0.70em;
		padding-top: 12px;
		padding-bottom: 15px;
		color:#333333;
		line-height: 1.4em;
		background:url(/basic/images/teaserbox_hg.png) top left; 
		background-repeat: no-repeat;
		float:left;
}			


div#TeaserBox .teaser{
		clear:both;
		width: 200px;
		visibility:hidden;
		}
		
div#TeaserBox .headlineH2{
		position:relative;
		font-size: 11px;
		font-weight:bold;
		color: #e2001a;
		height: 22px;
		padding: 30px 15px 0px 15px;
}		


div#TeaserBox .teaser .abstand{
		padding: 0px 15px 8px 15px;
}


div#TeaserBox .teaser img{
		width: 200px;
		margin-bottom: 8px;
		border:none;
}	

div#TeaserBox  ul {
		margin-left:15px;
}

div#TeaserBox  li {
		float: left;
		position: relative;
		cursor: pointer;
		padding: 0px 15px 0px 18px;
		background: url(/basic/images/teaserpfeil.gif) no-repeat center left;
}

div#TeaserBox  li a { 
		color: #000000;
		text-decoration: underline
}

div#TeaserBox  li a:hover { 	
		color: #000000;
		text-decoration: underline;
}

div#TeaserBox li a { 
		color:#000000;
		text-decoration: underline;
}

div#TeaserBox li a:hover { 	
		color:#000000;
		text-decoration: underline;
}

		


/* Pauschalen (Startseite)
--------------------------------------------------*/

div#pauschalen{
		margin-top:42px;
		*margin-top:52px;
		_margin-top:42px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		line-height: 1.4em;
		color:#000000;
}

div#pauschalen .pauText a{
		background: url(/basic/images/teaserpfeil_rot.gif) no-repeat center left;
		text-decoration: none;
		float:right;
		padding: 0px 0px 0px 18px;
		display:inline;
}

div#pauschalen .pauText a strong{
		font-weight:normal;
		text-decoration: underline;;
}

.pauschalenTeaser{
         
		 padding: 0px 0px 11px 0px;
		 margin: 0px 0px 10px 0px;
		 background: url(/basic/images/pauschalenteaser_bg.gif) bottom left; 
	         background-repeat: no-repeat;
		}		
		  
.pauBild{
		width:100px;
		height:123px;
		float:left;
		background:#e2001a;
}

.pauBild img{
		width:100px;
		border-bottom: 1px solid #FFFFFF;
}

.pauBild p{
		font-size: 12px;
		line-height: 22px;
		font-weight:bold;
		text-align:center;
		color:#FFFFFF;
}

.pauText{
		width:400px;
		padding-top: 2px;
		float:right;
}

.pauText ul{
		 margin: 7px 0px 7px 0px;
}
	
.pauText li {
		line-height: 1.2em;
		padding: 0px 0px 0px 18px;
		background: url(/basic/images/teaserpfeil_pau.gif) no-repeat center left;
}



/* Breadcrumb Navigation + Headline
--------------------------------------------------*/
 #breadcrumb  {
		 height:25px;
}
		
 #headline {
		 position:absolute;
		 width: 560px;
		 height:45px;
		 *height:55px;
		 _height:45px;
		 background: url(/basic/images/headline_bg.gif) bottom left; 
		 background-repeat: no-repeat;
}		
		    
 #breadcrumb ul {
		margin: 10px 0px 0px 0px;
		}

		#breadcrumb li {
		float: left;
		position: relative;
		cursor: pointer;
		font-weight: normal;
		font-size: 0.70em;
		letter-spacing: 0.01em;
		line-height: 13px;
		padding: 0px 12px 0px 10px;
		}
		
		#breadcrumb li.breadcrumbaktiv a { 
			text-decoration: none;
			font-weight:bold;
		}
			
		#breadcrumb li a { 
			color:#000000!IMPORTANT;
			text-decoration: underline;
		}
			
		#breadcrumb_footer li a:hover { 	
			color:#000000!IMPORTANT;
			text-decoration: underline;
		}
		
		.breadcrumbTrenner {
			background: url(/basic/images/breadcrumb_punkt.gif) no-repeat center right!IMPORTANT;	
		}


		
/* Sprachauswahl
------------------------*/

#sprachauswahl{
		position:absolute;
		bottom: 6px;
		right:21px;
}

#sprachauswahl ul {
		margin:0px;
		padding:0px;
}

	#sprachauswahl li {
		float: left;
		position: relative;
		font-size: 11px;
		font-weight: bold;
		letter-spacing: 0.01em;
		padding: 0px 0px 0px 16px;
		}
		
		#sprachauswahl li a { 
                        display:block;
                        float:left;
			color:#666666;
			text-decoration: none;
			line-height: 0.92em;
		}
			
		#sprachauswahl li a:hover { 	
			color:#e2001a;
			text-decoration: none;
			line-height: 0.92em;
		}
			
		#sprachauswahl li img { 
                        margin-right: 6px
		}
		


/* Footer
------------------------------------------------------*/

div#bottomLeiste{
		background:transparent;
		height: 55px;
		width: 1000px;
		float:left;
		background: #fce1be url(/basic/images/verlauf_unten.jpg) top left;
		background-repeat: no-repeat;
}


div#footer{
		background:transparent;
		height: 20px;
		width: 1000px;
		position:relative;
		display:inline;	
}


div#verlaufLinksAbschluss{
		position:absolute;
		top:-20px;
		width:20px;
		z-index:10;	
}


div#verlaufRechtsAbschluss{
		position:absolute;
		top:-20px;
		left: 980px;
		width:20px;
		z-index:11;	
}


div#footerLinks {
		position:absolute;
		/*top:6px;*/
		top:0px;		
		/*left:35px;*/
		left:20px;
		width:300px;
		z-index:12;
}
	
		
div#footerRechts {
		position:absolute;
		top:6px;
		left:365px;
		width:600px;
		z-index:13;
}
	
		 #footerRechts ul {
		 	float:right;
		 }

		 #footerLinks ul {
		 	float:links;
		 }
		 
			#footerRechts li, #footerLinks li {
				float: left;
				position: relative;
				cursor: pointer;
				font-weight: normal;
				font-size: 0.70em;
				letter-spacing: 0.01em;
				line-height: 1.4em;
				padding: 0px 0px 0px 12px;
			}
				
				#footerRechts li a, #footerLinks li a { 
					color:#666666;
					text-decoration: none;
				}
					
				#footerRechts li a:hover, #footerLinks li a:hover { 	
					color:#e2001a;
					text-decoration: none;
				}
					
				#footerRechts li.Trenner, #footerLinks li.Trenner {
					background: url(/basic/images/footer_punkt.gif) no-repeat;
				}
			



/* Container Sitemap
------------------------------------------------------*/

div#sitemap ul{ 
		 float:left;
		 width:155px;
		 margin:0px 15px 5px 0px;
		 *margin:0px 10px 10px 0px;
		 _margin:0px 7px 15px 0px;
}
	
div#sitemap .mynavigation {
		 background:transparent!IMPORTANT;
		 text-decoration: none;
		 font-weight:bold;
		 color:#e2001a;
		 text-indent:0px !IMPORTANT;
		 *text-indent:-18px !IMPORTANT;
}

div#sitemap ul li{
		 background:transparent;
		 line-height: 2em;
}

div#sitemap ul li ul li {
		 line-height: 1.5em;
		 padding: 0px 0px 0px 18px;
		 background: url(/basic/images/teaserpfeil_rot.gif) no-repeat center left;
}
		
div#sitemap hr{ 
		 float:left;
		 width: 520px;
}



	

/* Container Überblendung
------------------------------------------------------*/

#branding {
		overflow: hidden;
		}
	
		#branding img {
			position: absolute;
			left: 0px;
			top: 0px;
			display:none;
	}
		
		#branding noscript img {
			display: block;
		}