/******************************************************/
/*
/* 	gletscher.tirol.at
/*	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 url(slogen.css);
@import url(topangebote.css);



#drucken_unten, #drucken_oben {
	display: none;
}
	


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

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	}

ol, ul {
	list-style: none;
	}

table {
	border-spacing: 0;
	}

fieldset, img {
	border: 0;
	}
	
caption, th {
	text-align: left;
	}	
	
a {
	outline: none;
	}
	
	
	
/* Basic stuff
------------------------------------------------------*/

html {
	height: 100%;
	}	
	
body {
	/*background: #fff url(/basic/images/panorama.jpg) no-repeat 0px 30px;*/
	font: 76%/1.5em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #405676;
	}

* {
        outline:none;
	}
	
#container {
	position: absolute;
	min-height: 100%;
	left: 0px;
}	

.ifnostyle {
	display: none;
	}

a {
	color: #001f49;
	}

.left {
	float: left;
	}
.right {
	float: right;
	}	

	
	
/* Nav Main
------------------------------------------------------*/	

div#nav_mainBox{
position: absolute;
z-index: 50;
}

#nav_main {
	margin-left: 30px;
	list-style: none;
	}
	#nav_main li {
		float: left;
		position: relative;
		color: #62676a;
		cursor: pointer;
		padding: 8px;
		font-weight: normal;
		font-size: 111%;
		z-index: 2;
		}
		#nav_main a {
			color: #62676a;
			text-decoration: underline; 
			letter-spacing:0.07em;
			}
			
			
		.allesGross{
			text-transform: normal;
		        }
		.dropdown {
			list-style: none;
			display: none;
			position: absolute;
			top: 30px;
			left: -1px;
			padding-bottom: 20px;
			background: #fff;
			padding-left: 0px;
			z-index: 2;
			border-left: 1px solid #76797b;
			border-bottom: 1px solid #76797b;
			border-right: 1px solid #76797b;
			}
			.dropdown li {
				float: none !IMPORTANT;
				position: relative;
				margin: 0px !IMPORTANT;
				padding: 0px !IMPORTANT;
				font-size: 85% !IMPORTANT;
				font-weight: normal !IMPORTANT;

		
				}
				.dropdown li a {
					display: block;
					text-decoration: none!IMPORTANT;
					width: 130px;
					height: 16px;
					padding: 3px 20px 3px 3px !IMPORTANT;
					border-bottom: 1px solid #dbdee1;
					margin : 0px 8px 0px 8px;
					}
				.dropdown li a:hover {
					background: url(/basic/images/hg_dropdown_li_a.jpg) no-repeat ;
					color: #001f49 !IMPORTANT;
					}
		
				li:hover ul, li.over ul {
					display: block;
					}	

                .highlight {
                         color: #001f49!IMPORTANT;
                         text-decoration: none!IMPORTANT;
			}
					
		.shadow {
			width: 180px;
			background: url(/basic/images/dropdown_shadow.png) no-repeat bottom;
			position: absolute;
			left: -27px;
			top: 30px;
			display: none;
			z-index: 1;
			}
	
	
/* Nav Gletscher
------------------------------------------------------*/	
	
#nav_gletscher {
	position: absolute;
	top: 45px; 
	left: 30px;
	text-transform: uppercase;
	z-index: 1;
	width: 400px;
	}
	#nav_gletscher li {
		float: left;
		}
	#nav_gletscher a {
		color: #acbac6;
		text-decoration: none;
		font-weight: bold;
		padding: 0px 8px;
		display: block;
		}
	#nav_gletscher a:hover {
		color: #fff;
		}
		
		
/* Nav Sprachen
------------------------------------------------------*/		
		
#nav_sprachen {
	position: absolute;
	top: 286px;
	left: 837px;
	width: 175px;
	z-index: 10; xbackground:red;
	}
	#nav_sprachen li {
		float: left;
		}
	#nav_sprachen li a {
		display: block; 
		padding: 1px 1px;
        margin: 0px 0.1em;
		border: 1px solid #fff;
		}

		
		
/* Branding
------------------------------------------------------*/		
		
#tirol_logo {
	position: absolute;
	top: 30px; 
	left: 904px;
	z-index: 10;
	}
	
#tiroler_gletscher_claim {
	position: absolute;
	top: 43px;
	left: 570px;
	z-index: 10;
	}

#hoeher_ist_besser {
	position: absolute;
	top: 152px;
	left: 182px;
	
	}


/* Nav tab
------------------------------------------------------*/	
#nav_tab {
	position: absolute;
	width: 290px;
	left: 530px;
	top: 156px;
	z-index: 10;
	}
	
#reiterliste{
	position: absolute;
	width: 290px;
	left: 0px;
	top: 0px;
	z-index: 12;
	}	
	
	
	
	div#listBackground{
		display:block;
		position: absolute;
		width: 70px;
		height: 27px;
		left: 220px; 
		top: 0px;
		z-index: 11;
	}
	
	
		div#listBackground.listBG_png {
		background:url(/basic/images/list_bg.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/list_bg.png');
		}


	
	
	#tabnavigation {
		}
		#tabnavigation li {
			float: left;
			}
			#tabnavigation li a {					
				padding: 5px 7px 4px 7px;
				color: #001f49;
				background: #6ec6dc;
				display: block;
				text-decoration: none;
				font-weight: bold;
				letter-spacing: 0.05em;
				_letter-spacing: 0em;
				border-left: 1px solid #fff;
				}
				#tabnavigation li a:hover {
					color: #001f49;
					background: transparent;
					border-left: 1px solid #fff;
					}
				#tabnavigation .selected a {
					color: #001f49;
					background: transparent;
					border-left: 1px solid #fff;
					}
					
	.tabcontent {
		display:none;
		padding: 8px;
		}
		.tabcontent table td {
			text-align: left;
			border-bottom: 1px solid #cfd3d7;
			padding: 3px 0px 3px 0px;
			}
		.tabcontent a {
			color: #001f49;
			text-decoration: none;
			}
		.tabcontent a:hover {
			color: #000;
			text-decoration: underline;
			}
			
		#tcontent3 td, #tcontent2 td {
			padding: 1px 0px 1px 0px !IMPORTANT;
			}

                .date {
                      float:left;
                      width:52px;
                      }


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

#content {
	position: relative;
	margin-top: 280px;
	left: 0px;
	width: 970px;
	padding: 0px 0px 40px 30px;
	/*background: url(/basic/images/klammer_content.jpg); 
	background-repeat:no-repeat;
	background-position: top left;*/
	}
	
	#content_main {
		float: left;
		width: 470px;
		padding-right: 30px;
		}
		
		#content_main a {
			color: #001f49;
			}
			#content_main a:hover {
				color: #000;
				}
				
			#landingpage {
                        width: 800px!IMPORTANT;
                        margin-bottom:12px;
                        float: left;
						margin-top: 15px;
                        }




		/* Welle im Header
		------------------------------------------------------*/
		div#welle{
			width: 1000px;
			height:250px;
			position: absolute;
			top:30px;
			left:0px;
		}

		.welle_png {
		         background-image:url(/basic/images/welle.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/welle.png');
		}




		
		/* Nav Breadcrumb
		------------------------------------------------------*/
		#nav_breadcrumb {
			width: 100%;
			margin-left: -6px;
                        margin-top: 4px;
			}
			#nav_breadcrumb li {
				float: left;
				padding: 0px 10px 0px 7px;
				background: url(/basic/images/breadcrumb_pfeil.gif) no-repeat center right;
                                font-family:Tahoma Verdana,Arial,Helvetica,sans-serif;
                                font-size: 0.90em;
                                letter-spacing: 0.15em;
				}
			#nav_breadcrumb li a {
				text-decoration: none;
				color: #76797b;
				}
			#nav_breadcrumb li a:hover {
				text-decoration: underline;
				}
			#nav_breadcrumb li.aktiv {
				background: none;
				}	
			#nav_breadcrumb li.aktiv a {
				text-decoration: underline;
				color: #001f49;
				}
				
				
		/* Headlines
		------------------------------------------------------*/
                #h1Box{
                        clear: both;
			margin: 52px 0px 0px 0px;
			}	
	
		h1 {
			font-size: 230%;
                        line-height: 1.4em!IMPORTANT;
                        color: #001f49;
                        letter-spacing:-0.01em;
			}	
			.abstandH1 {
			 clear: both;
			 height: 27px;
			  }				
		h2 {
			font-size: 170%;
			font-weight:normal;
			line-height: 1.3em;
			color: #001f49;
			padding: 0px 0px 20px 0px;
			}
			
			
		/* Main contenttext
		------------------------------------------------------*/
		#text {
			line-height: 1.5em;
			margin-bottom: 30px;
			}
			#text .left {
				float: left;
				width: 226px;
				}	

			#text .left table td {
			text-align: left;
			border-bottom: 1px solid #7287a4;
			padding: 3px 5px 3px 5px;
			}

			#text .left table thead {
                        font-weight:bold;
                        color: #FFFFFF;
                        background: #001f49;
			}

			#text .left table tbody {
                        background: #f1f3f3;
			}

			#text .right {
				float: right;
				width: 226px; 
				}
				
			#text ul {
				list-style-image: url(/basic/images/list_pfeil.gif);

				}
				#text ul li {
					margin-left: 17px;
					}
					
			#text img {
				border: 2px solid #fff;
				}
				
			#text hr {
				height:1px;
				border: none;
				border-bottom: 1px solid #527493;
				margin: 5px 0px 5px 0px;
				}
		

		/* Events ?bersicht
		------------------------------------------------------*/
		#content_main_events {
			position: relative;
			width: 100%;
			margin-bottom: 20px;
			padding: 10px 0px 0px 0px;
			}		
			#content_main_events ul.legende {
				margin-top: 20px;
				height: 16px;
				border: 1px dotted #001f49;
				padding: 10px 0px 10px 10px;
				}
				#content_main_events ul.legende li {
					float: left;
					padding-right: 9px;
					*letter-spacing:-0.05em;
                                        color:#001f49;
					}
					#content_main_events ul.legende li span {
						border: 1px solid #001f49;
                                                color:#001f49;
						font-family: Tahoma, Arial, Helvetica, sans-serif;
						font-size: 90%;
						width: 13px;
						display: block;
						float: left;
						padding: 0px 4px 0px 4px;
						line-height: 120%;
						text-align: center;
						margin-right: 5px;
						}
				
			#content_main_events h3 {
				font-weight: normal;
				text-transform: none;
				position: relative;
				}	
				#content_main_events h3 span {
					position: absolute;
					display: block;
					right: 0px;
					top: 0px;
					font-weight: bold;
					}
					
			#event_container {
				padding: 20px 0px 20px 0px;
				
				}
				#event_container li {
					position: relative;
					width: 470px;
					padding: 10px 0px 10px 10px;
					}
					#event_container li .bild {
						float: left;
						position: relative;
						}
						#event_container li .bild img {
							border: 1px solid #fff;
							}
						#event_container li .bild a {
							position: relative;
							margin-top: -3px;
							display: block;
							border: 2px solid #fff;
							}
						#event_container li .bild a:hover {
							border: 2px solid #001f49;
							}
							
							
						
					#event_container li .text {
						float: right;
						width: 350px;
						}

					#event_container li .text strong{
                                                color:#001f49;
						}


						#event_container li .text h4 {
							position: relative;
							padding-right: 30px;
							}
							#event_container li .text h4 a {
								text-decoration: none;
								}
							#event_container li .text h4 a:hover {
								text-decoration: underline;
								}
								
							
						#event_container li .text h4 span {
							display: block;
							color: #93a6ba;
							position: absolute;
							right: 10px; top: 0px;
							font-family: Tahoma, Arial, Helvetica, sans-serif;
							font-size: 90%;
							width: 13px;
							display: block;
							line-height: 120%;
							border: 1px solid #001f49;
							padding: 0px 4px 0px 4px;
							font-weight: normal; 
							color: #001f49;
							
							}

		
				
		/* Content main teaser
		------------------------------------------------------*/		
		#content_main_teaser {
			clear: both;
			
			}
			#content_main_teaser .teaser {
				min-height: 160px;
				margin-bottom: 30px;
				}
			#content_main_teaser .teaser .bild {
				float: left;
				width: 227px;
				position: relative;
				}	
				#content_main_teaser .teaser img {
					border-right: 1px solid #fff;
					}
				#content_main_teaser .teaser .pfeil {
					width: 20px;
					height: 20px;
					background: url(/basic/images/teaser_bild_pfeil.gif);
					position: absolute;
					bottom: 0px;
					right: 0px;
					}
				
			#content_main_teaser .teaser .text {
				float: right;
				width: 241px;
				}
				h3 {
					font-weight: bold;
					letter-spacing: 0.1em;
					color: #001f49;                      
					}
					h3 span {
						text-transform: none;
						letter-spacing: 0em;
						}
					h3 strong {
						font-size: 130%;
						}	
						
				#content_main_teaser .teaser .text p {
					margin: 0px 0px 10px 3px;
                                        position: relative;
					}
				
			
				label{
                                        display:block;
				}
				
	
		
	/* Content | Content Sub
	------------------------------------------------------*/
	#content_sub {
		float: left;
		width: 290px;
		padding-top: 60px;
		}
		

		#content_sub .teaser {
			background: #FFFFFF;
			color: #001f49;
			position: relative;
			_height: 100px;
			margin-bottom: 30px;
			}
		
	                .teaserHL{
                        padding: 5px 10px 4px 10px;
                        background: url(/basic/images/teaserhintergrund.jpg);
                        background-repeat: no-repeat;
                        background-position: left top; 
                }
				
                
	                .teaserInnenHintergrund1{
                        background: url(/basic/images/teaserhintergrundlinien.jpg) ;

                }
                
 	                .teaserInnenHintergrund2{
                        background: url(/basic/images/teaserhintergrundlinien2.jpg) ; 
 
                }     
                
                
 	                .teaserInnenHintergrund3{
                        background: url(/basic/images/diagonal_hintergrund.gif) ; 
                        background-repeat: repeat!IMPORTANT;
 
                }  
                
  	                .teaserInnenHintergrund4{
                        background: url(/basic/images/diagonal_hintergrund.gif) ; 
                        background-repeat: repeat!IMPORTANT;
                        _width: 219px!IMPORTANT;
                }   
				
 	                .teaserInnenHintergrund5{
						height:140px;
                        background-repeat:no-repeat!IMPORTANT;
						background-position:top;
                }     
                
				#gletschergutschein{
				position:relative;
				margin-bottom: 30px;
				}	
					
				#gutscheintext{
				position:absolute;
				left:155px;
				top:70px;
				width:130px;
				}					
								             
                                
                .verlaufbox{
                position: absolute;
                left:0px;
                bottom:1px;
                width: 290px;
            
                }
               

                .verlaufboxLinks{
                position: absolute;
                left:0px;
                _left:-1px;
                bottom:0px;
                width: 241px;
                _width: 240px;
            
                }

                .verlaufboxLinks img{
                width: 240px;           
                }
	                .teaserInnenAbstand{
                        padding: 6px 10px 25px 10px;
                        background-repeat: no-repeat;
                        background-position: left top; 
			border-left: 1px solid #ededee;
			border-bottom: 1px solid #ededee;
			border-right: 1px solid #ededee;
                }
                                
          
	
		#content_sub .teaser ul li {
			padding: 2px 0px 2px 0px;
			}
			#content_sub .teaser ul li img {
				position: relative;
				margin-bottom: -6px;
				}
			#content_sub .teaser input {
				width: 80px;
				background: #fff;
				border: 1px solid #001f49;
				padding: 2px;
				font-size: 0.8em;
				margin: 0px 2px 0px 0px;
				}
				
				
				#content_sub .teaser select {
					width: 87px;
                                        outline:none;
                                        border: 1px solid #001f49;
					}
					#content_sub .teaser option {
                                        padding-left:25px;
					}
							
				#content_sub .teaser input:focus {
					border: 1px solid #54a0d1;
					}		
				
		#content_sub .teaser .ecke {
			position: absolute;
			width: 28px;
			height: 28px;
			top: 0px;
			right: 0px;
			background: url(/basic/images/teaser_ecke.gif);
			clear: both; 
			}
			
		#content_sub .teaser .abschicken {
			position: absolute;
			bottom: 0px; 
			right: 0px;
			}
			#content_sub .teaser .abschicken a {
				background: #527493 url(/basic/images/abschicken_pfeil.gif) no-repeat center right;
				padding: 3px 30px 3px 10px;
				display: block;
				font-weight: bold;
				color: #fff !IMPORTANT;
				text-decoration: none;
				}
				#content_sub .teaser .abschicken a:hover {
					text-decoration: underline;
					}
					
				.top_angebote {
					width: 79px;
					height: 79px;
					position: absolute;
					top: -30px;
					right: 10px;
					}
					
		#events strong {
			display: block;
			position: relative;
			margin-bottom: -3px;
			}
		#events ul li {
			padding: 0px 0px 7px 0px !IMPORTANT;
			}
		#events a {
			text-decoration: none;
			color: #4a5968;
			}
			#events a:hover {
				text-decoration: underline;
				}
				
				
		#tirol_karte {
			margin-bottom: 0px !IMPORTANT;
			}
			#tirol_karte ul {
				position: absolute;
				right: 20px;
				top: 30px;
				width: 60px;
				padding-left: 14px;
				padding-top: 10px;
				font-size: 1.15em;
				
				}
				#tirol_karte ul li {
					padding: 0px !IMPORTANT; 
					font-weight: bold;
					}
					
					#tirolKarteBild{
					width: 183px;
					height: 101px;
					}
					
					.tirol_karte_klein {
						 background-image:url(/basic/images/tirol_karte_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/tirol_karte_klein.png');
						}
			
		
		#content_sub .teaser .bild {
			background: #4fa0d0;
			color: #fff;
			font-weight: bold;
			text-align: center;
			width: 80px;
			margin: 5px 10px 0px 0px;
			float: left;
			}
			#content_sub .teaser .bild img {
				border-bottom: 1px solid #fff;
				}
			#content_sub .teaser a {
				color: #001f49;
				}
			#content_sub .teaser a:hover {
				color: #000;
				}
				
				
				
			
				
		
				
		
		
				
			
		/* Content | Content Sub | Special H3 with symbols
		------------------------------------------------------*/	
		h3 img {
			position: relative;
			margin-bottom: -2px;
			margin-right: 7px;
			}




	/* Content | Content Ad
	------------------------------------------------------*/
	#content_ad {
		width: 160px!IMPORTANT;
		padding: 60px 0px 0px 0px;
		float: right;
		}
		#content_ad ul li {
						padding: 0px;
                        margin-bottom: 30px;
                        background: url(/basic/images/diagonal_hintergrund.gif) ; 
                        background-repeat: repeat!IMPORTANT;
			}
		#content_ad ul li img{
			 padding: 10px;
			}
                        #content_ad h3{
                               background: #6ec6dc;
                               line-height: 26px;
                               padding: 1px 0px 0px 10px;
                               }




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

#footer {
	position: absolute;
	bottom: 0px;
	left: 0px;
	background: url(/basic/images/footer_bg.gif);
	width: 1000px;
	border-bottom: 5px solid #6ec6dc;
	height: 34px;
	color: #fff;
	font-size: 90%;
	}
	#nav_footer {
		position: absolute;
		top: 10px;
		left: 22px;
		}
		#nav_footer li {
			float: left;
			padding: 0px 10px 0px 8px;
			background: url(/basic/images/footer_nav_trenner.gif) no-repeat center right;
			}
			#nav_footer li a { 
				color: #fff;
				text-decoration: none;
				}
			#nav_footer li a:hover { 	
				text-decoration: underline;
				}
				
	.madeby {
		position: absolute;
		right: 30px;
		top: 10px;
		} 
		.madeby a {
			color: #fff;
			text-decoration: none;
			}
		.madeby a:hover {
			text-decoration: underline;
			}








/*---------------------------------| Sitemap |--*/	
		

					
		.sitemap {
			background-image: url(/basic/images/linie_bg.gif);
			line-height: 21px;
			list-style-type: none;
			}
			.sitemap a {
				text-decoration: none;
				display: block;
				height: 21px; 
                                color: #001f49;
				}
				.sitemap a:hover {
					text-decoration: underline;
					background: url(/basic/images/list-pfeil3.gif) center right no-repeat;
					}
			
			.sitemap li {
				font-weight: bold;
				margin-bottom: 21px;
				}.sitemap ul {
						list-style-image: url(/basic/images/list-pfeil.gif);
						}
				.sitemap ul li{
					margin: 0px 0px 0px 30px;
					}
					.sitemap ul li ul {
						list-style-image: url(/basic/images/list-pfeil2.gif);
						}
						.sitemap ul li ul li {
							font-weight: normal;
							}
						    .sitemap ul li a{
							    color: #001f49!IMPORTANT;
							    }
						 	   .sitemap .extrasub {margin-left: 60px;}




							
		.sitemap p {
			margin: 0px;
			padding: 0px;
                        background: #001f49;
			color: #FFFFFF;
			padding: 0px 0px 0px 5px;
			}
			.sitemap p a {
				color: #FFFFFF !IMPORTANT;
				}



               .sitemapregionen {
               background: url(/basic/images/diagonal_hintergrund.gif) !IMPORTANT;
                }





/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Button ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


#content_sub .teaser #button {
	position: absolute;
	bottom: 0px; 
	right: 0px;
	}


a.button {
    background: transparent url('/basic/images/bg_button_a.gif') no-repeat scroll top right;
    color: #fff!IMPORTANT;
    font-weight:bold;
    font-family:Tahoma,"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
    font-size: 0.9em;
    letter-spacing: 0.1em;
    display: block;
    float: left;
    height: 20px;
    padding-right: 18px;
    text-decoration: none;
}

a.button span {
    background: transparent url('/basic/images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 10px;
    padding: 5px 0px 5px 10px;
}


a.button:active {
    background-position: bottom right;
}

a.button:active span {
    background-position: bottom left;
    padding: 5px 0px 5px 10px;