/* ---------------------------------------------------
Title: HINTERSTEGBAUER
Author: Pierpaolo Federici - Ideenwerkstatt Tintifax - www.tintifax.at
Last Updated: 02 Juli 2009
------------------------------------------------------

------------------- Color Palette --------------------
   Orange Logo	- #EB690B
------------------------------------------------------

------------------- Global Reset ------------------ */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, cite, code, em, img, q, small, strike, strong, sub, dl, dt, dd, ol, ul, li, form {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
blockquote, q {
	quotes: none;
}
ol, ul {
	list-style: none;
}
:focus {
	outline: 0;
}

/* ---------------- General Styles --------------- */
body {
	font-size: 12px;
	font-family: Verdana, sans-serif; 
}
a:link {
	text-decoration: none;
	color: #EB690B;
}
a:visited {
	text-decoration: none;
	color: #EB690B;
}
a:hover, a:active, a:focus {
	text-decoration: none;
	color: #000000;
}
p { font-size: 1em; /* 12px */ line-height: 1.3333em; /* 16px */ margin: 0 0 1.3333em 0; }

h1, h2, h3, h4{
	margin: 5px 0 10px 0;
	font-family: 'Trebuchet MS', Arial, sans-serif;
}
h1 {
	font-size: 2.4em;
}
h2 {
	font-size: 1.6em;
}
h3 {
	font-size: 1.4em;
}
h4{
	font-size: 1.2em;
}
.skip, hr {
	position: absolute;
	left: -9999px;
}
.clear{
	clear: both;
}

.class-for-24px { font-size: 2em; /* 24px */ line-height: 1.3333em; /* 32px */ margin-top: 0.6667em; margin-bottom: 0em; }
.class-for-22px { font-size: 1.8333em; /* 22px */ line-height: 1.4545em; /* 32px */ margin-top: 0.7273em; margin-bottom: 0em; }
.class-for-20px { font-size: 1.6667em; /* 20px */ line-height: 1.6em; /* 32px */ margin-top: 0.8em; margin-bottom: 0em; }
.class-for-18px { font-size: 1.5em; /* 18px */ line-height: 1.7778em; /* 32px */ margin-top: 0.8889em; margin-bottom: 0em; }
.class-for-16px { font-size: 1.3333em; /* 16px */ line-height: 1em; /* 16px */ margin-top: 1em; margin-bottom: 0em; }
.class-for-14px { font-size: 1.1667em; /* 14px */ line-height: 1.1429em; /* 16px */ margin-top: 1.1429em; margin-bottom: 0em; }

/* ---------------- Layout --------------- */

body {
	background:url(../_bilder/hg.png) no-repeat center 15px;
	height:100%;
}

#page-wrap{
	position:relative;
	margin:0 auto;
	width:1080px;
	height:700px;
}
#header{
	position:absolute;
	width:100%;
	height:200px;
	z-index:10;
}
	#logo{
		position:absolute;
		right:198px;
		top:68px;
	}

#content{
	position:absolute;
	width:700px;
	height:432px;
	float:left;
	margin:200px 161px 0;
}

	#navigation{
		width: 198px;
		position:absolute;
		height:300px;
		margin:198px -40px 0;
	}
	#border_left, #border_right{
		width:12px;
		height:100%;
		background: url(../_bilder/border_left.png) no-repeat center center;
		float:left;
	}
	#border_right {
		background: url(../_bilder/border_right.png) no-repeat center center;
	}
	#text{
		float:left;
		height:407px;
		width:640px;
		background: url(../_bilder/hg_text.png);
		padding:25px 17px 0;
	}
		table#links td{
			line-height:20px;
		}
		table#links td a{
			text-decoration:none;
			color: #000000;
		}
		table#links td a:hover{
			color: #EB690B;
		}
		td.titel{
			font-weight:bold;
			color: #EB690B;
			padding-right:10px;
		}
		
		.box_preise{
			float:left;
			background: url(../_bilder/box_preise.png) no-repeat;
			width:267px;
			height:83px;
			text-align:center;
			margin:0 25px 0;
			padding-top:12px;
			position:relative;
		}
			.box_preise p{
				font: bold 22px Arial, Helvetica, sans-serif;
				line-height: 1.5;
				margin-bottom:6px;
				display:block;
			}
		
		
		/* sommer */
		#aktiv_wrap div{
			float:left;
			width:160px;
			height:100px;
			background:url(../_bilder/sprite_sommer.png);
			margin:20px 18px 0;
			padding-left:120px;
			padding-top:5px;
		}
			#aktiv_wrap div.stadt{
			background-position: -2px -551px;
			}
			#aktiv_wrap div.kinder{
			background-position: -2px -442px;
			}
			#aktiv_wrap div.baden{
			background-position: -2px -331px;
			}
			#aktiv_wrap div.klamm{
			background-position: -2px -4px;
			}
			#aktiv_wrap div.werfen{
			background-position: -2px -111px;
			}
			#aktiv_wrap div.eis{
			background-position: -2px -221px;
			}
			
			#aktiv_wrap div p.titel{
				font-weight:bold;
				color:#EB690B;
			}

			#aktiv_wrap div a{
				text-decoration:none;
				color:#999999;
				font-size:11px;
			}
			#aktiv_wrap div a:hover{
				color:#000000;
			}
			
		/*winter*/
		#aktiv_wrap_winter div{
			float:left;
			width:160px;
			height:100px;
			background:url(../_bilder/sprite_winter.png);
			margin:20px 18px 0;
			padding-left:120px;
			padding-top:5px;
		}
			#aktiv_wrap_winter div.stadt{
			background-position: -2px -112px;
			}
			#aktiv_wrap_winter div.kinder{
			background-position: -2px -4px;
			}
			#aktiv_wrap_winter div.baden{
			background-position: -2px -221px;
			}
			#aktiv_wrap_winter div.klamm{
			background-position: -2px -331px;
			}
			#aktiv_wrap_winter div.werfen{
			background-position: -2px -441px;
			}
			#aktiv_wrap_winter div.eis{
			background-position: -2px -551px;
			}
			
			#aktiv_wrap_winter div p.titel{
				font-weight:bold;
				color:#EB690B;
			}

			#aktiv_wrap_winter div a{
				text-decoration:none;
				color:#999999;
				font-size:11px;
			}
			#aktiv_wrap_winter div a:hover{
				color:#000000;
			}

		/* ---------------- Carousel --------------- */
		.img_box{
			position:absolute;
			width:650px;
			height:135px;
			bottom:20px;
		}
		.img_box div{
			padding:0 2px;
			float:left;
		}
			.jCarouselLite li a{
				float:left;
				margin:0 7px;
				width:135px;
				height:135px;
			}

			.prev a, .next a{
				display:block;
				width:18px;
				height:115px;
				background:url(../_bilder/pfeil_l.png) no-repeat top left;
				cursor:pointer;
				margin-top:12px;
			}
			.prev a:hover{
				background:url(../_bilder/pfeil_l2.png) no-repeat top left;
			}
			.next a{
				background:url(../_bilder/pfeil_r.png) no-repeat top left;
			}
			.next a:hover{
				background:url(../_bilder/pfeil_r2.png) no-repeat top left;
			}
			
#footer{
	position:relative;
	margin:0 auto;
	width:1080px;
}
	#tintifax{
		margin-left:150px;
		padding-top:50px;
	}
	#impressum a{
		color:#FFFFFF;
		position:absolute;
		font:bold 0.9em  Arial, Helvetica, sans-serif;
		right:248px;
		top:-60px;
		text-decoration:none;
	}
	#impressum a:hover{
		color:#666666;
	}
	#footer #kontakt{
		position:absolute;
		font:bold 0.9em  Arial, Helvetica, sans-serif;
		color: #EB690B;
		left:193px;
		top:-60px;
		text-decoration:none;
	}
	#footer #kontakt a:hover{
		color:#666666;
	}