@charset "utf-8";
/* CSS Document */

* {
   padding:0;
   margin:0;
   border:0;
}

.clear {
   float: none;
   clear: both;
}

p {
	margin: 0 0 1.5em 0;
}

.noText {
	text-indent:-9999px;
	font-size:1px;
	overflow:hidden;
	display:block;
}

html {
	background:#010101;
}

body {
	background:url(../images/bg-header-background.jpg) top center no-repeat;
	color:#fff;
	font:0.85em "Trebuchet MS", Arial, Helvetica, sans-serif;
	behavior: url("files/csshover2.htc");
}

div#container {
	width:960px;
	margin: 0 auto;
	font-size:1.2em;
	position:relative;
}

.rahmen {
	border:1px solid #EDE592;
	padding:5px;
}
	
a {
	color:#000;
	text-decoration:none;
}

a:hover {
	text-decoration:none;
}

#branding {
	left:71px;
	position:absolute;
	top:185px;
} 




/* ==================================================
    => header
================================================== */

div#header {
	background:url(../images/bg-header.jpg) 0 0 no-repeat;
	width:960px;
	height:1080px;
	position:relative;
}


/*------------------ =branding  ------------------*/

h1#branding a {
	display:block;
	height:314px;
	left:208px;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
	position:absolute;
	text-indent:-9999px;
	top:-55px;
	width:482px;
}


h2 {
	font-weight:100;
	font-size:22px;
	color:#BC4B4B;
	background-color:#010101;
	margin: 0 0 18px 0;
	padding: 0 0 0 3px;

}

h3 {
	font-weight:100;
	font-size:22px;
	color:#BC4B4B;
	background-color:#010101;
	margin: 0 0 18px 0;
	padding: 0 0 0 3px;

}


h4 {
	color:#440E0C!important;
	font-size:22px;
	margin: 0 0 10px 0;
	}

/* ==================================================
    => navi
================================================== */

.show {
	display:block;
}

.hide {
	display:none;
}

ul#navi {
	list-style:none;
}

ul#navi li {
	list-style:none;
	width:248px;
	height:40px;
	}

ul#navi li a {
	display:block;
	position:absolute;
	overflow:hidden;
}

ul#navi li ul li {
	background:url(../images/bg-navi-li.png) no-repeat 0 0;
	padding-left: 30px;
}

ul#navi li a#liezen:link,
ul#navi li a#liezen:visited {
	left:43px;
	top:707px;
	width:200px;
	height:50px;
	display:block;
}

ul#navi li a#liezen:hover,
ul#navi li a#liezen:active {
	background:url(../images/bg-navi-left.jpg) no-repeat -43px -669px;
	left:43px;
	top:707px;
	width:200px;
	height:50px;
	display:block;
}

ul#navi li a#leoben:link,
ul#navi li a#leoben:visited {
	left:18px;
	top:798px;
	width:225px;
	height:50px;
	display:block;
}

ul#navi li a#leoben:hover,
ul#navi li a#leoben:active {
	background:url(../images/bg-navi-left.jpg) no-repeat -18px -186px;
	left:18px;
	top:798px;
	width:225px;
	height:50px;
	display:block;
}


ul#navi li a#knittelfeld:link,
ul#navi li a#knittelfeld:visited {
	left:43px;
	top:753px;
	width:200px;
	height:50px;
	display:block;
}

ul#navi li a#knittelfeld:hover,
ul#navi li a#knittelfeld:active {
	background:url(../images/bg-navi-left.jpg) no-repeat -43px -428px;
	left:43px;
	top:753px;
	width:200px;
	height:50px;
	display:block;
}

ul#navi ul {
	position:absolute;
	}

ul.sub-liezen {
	background:transparent url(../images/bg-subnavi.png) scroll 0 0;
	_background: #333;
	width:248px;
	left:244px;
	top:660px;
	padding:20px 0 0 0;
	display: none;
}

ul.sub-liezen li a:link,
ul.sub-liezen li a:visited {
	color:#BABABA;
	font-size:25px;
	text-decoration:none;
}

ul.sub-liezen li a:hover,
ul.sub-liezen li a:active {
	color:#C35254;
	font-size:25px;
}

ul.sub-leoben {
	background:transparent url(../images/bg-subnavi.png) scroll 0 0;
	_background: #333;
	left:244px;
	top:615px;
	width:248px;
	padding:20px 0 0 0;
	display:none;
}

ul.sub-leoben li a:link,
ul.sub-leoben li a:visited {
	color:#BABABA;
	font-size:25px;
	text-decoration:none;
}

ul.sub-leoben li a:hover,
ul.sub-leoben li a:active {
	color:#C35254;
	font-size:25px;
}

ul.sub-knittelfeld {
	background:transparent url(../images/bg-subnavi.png) scroll 0 0;
	_background: #333;
	width:248px;
	left:244px;
	top:615px;
	padding:20px 0 0 0;
	display:none;
}

ul.sub-knittelfeld li a:link,
ul.sub-knittelfeld li a:visited {
	color:#BABABA;
	font-size:25px;
	text-decoration:none;
}

ul.sub-knittelfeld li a:hover,
ul.sub-knittelfeld li a:active {
	color:#C35254;
	font-size:25px;
}

li:hover ul, li.hover ul{
	display: block;
}

ul#navi ul li a {
	display: block;
	position:relative;
}

li ul {
	/*display: none;*/
	position: absolute;
	width:100px;
	top: 0;
	left: 0;
	margin-left:-1px;
}

/* ==================================================
    => navi2
================================================== */

div#header ul#navi2 {
	list-style:none;
}
div#header ul#navi2 li a {
	display:block;
	position:absolute;
	overflow:hidden;
}
div#header ul#navi2 li a:hover, 
div#header ul#navi2 li.active a {
	background:url(../images/bg-navi-right.jpg) 0 0 no-repeat;
}
div#header ul#navi2 li a#news {
	background-position:0 -2px;
	height:50px;
	top:706px;
	left:713px;
	width:200px;

}
div#header ul#navi2 li a#tipps {
	background-position:0 -47px;
	height:50px;
	left:713px;
	top:751px;
	width:200px;
}
div#header ul#navi2 li a#termine {
	background-position:0 -94px;
	height:50px;
	left:713px;
	top:798px;
	width:200px;
}




/* ==================================================
    => navi-add
================================================== */


div#header ul#navi-add {
	list-style:none;
}

div#header ul#navi-add li a {
	display:block;
	position:absolute;
	overflow:hidden;
	background:url(../images/bg-navi-add-hover.jpg) no-repeat;
}

div#header ul#navi-add li a:hover, 
div#header ul#navi-add li.active a {
	background:none;
}

div#header ul#navi-add li a#index {
	background-position:0 -6px;
	height:37px;
	left:829px;
	top:21px;
	width:116px;
}

div#header ul#navi-add li a#kontakt {
	background-position:0 -46px;
	height:25px;
	left:829px;
	top:61px;
	width:141px;
}
div#header ul#navi-add li a#anfahrt {
	background-position:0 -70px;
	height:38px;
	left:829px;
	top:85px;
	width:161px;
}

/* ==================================================
    => content
================================================== */

div#contentMain {
	width:960px;
	margin:0 auto;	
	background:#625D57;
}

div#content-container {
	background:url(../images/bg-content-top.jpg) 0 0 no-repeat;
	position:relative;
	width:960px;
	z-index:3;
	height: 300px;
	height:auto!important;
	min-height:300px;
}

.contentColumn01 {
	position:relative;
	width:310px;
	float:left;
	padding:15px 0 0 45px;
	z-index:3;
}

.contentColumn02 {
	position:relative;
	width:310px;
	float:left;
	padding:15px 0 0 22px;
	z-index:3;
}

.contentColumn03 {
	position:relative;
	width:240px;
	float:left;
	padding:15px 0 0 22px;
	z-index:3;
	}
	
.karte {
	padding: 20px 0 0 55px;
}

.bild {
	border:1px solid #010101;
	padding:3px;
	margin: 0 0 15px 0;
}



/* ==================================================
    => footer
================================================== */

div#footer {
	position:relative;
	margin:-150px auto 0 auto;
	width:960px;
	height:538px;
	padding: 0 0 40px 0;
	background:url(../images/bg-footer.jpg) 0 0 no-repeat;
	z-index:2;
}

#panorama_formatierung {
	position:absolute;
	top:341px;
	left:22px;
	width:624px;
	height:137px;
	z-index:1;
}

div#footer ul#navi3 {
	list-style:none;
}

div#footer ul#navi3 li a {
	display:block;
	position:absolute;
	overflow:hidden;
}



div#footer ul#navi3 li a:hover, 
div#footer ul#navi3 li.active a {
	background:url(../images/bg-navi-footer.jpg) 0 0 no-repeat;
}

div#footer ul#navi3 li a#index {
	background-position:0 -2px;
	height:36px;
	left:803px;
	top:333px;
	width:70px;
}

div#footer ul#navi3 li a#kontakt {
	background-position:0 -35px;
	height:40px;
	left:803px;
	top:366px;
	width:89px;

}

div#footer ul#navi3 li a#anfahrt {
	background-position:0 -72px;
	height:38px;
	left:803px;
	top:403px;
	width:85px;

}

div#footer ul#navi3 li a#impressum {
	background-position:0 -110px;
	height:33px;
	left:803px;
	top:441px;
	width:99px;
}

div#footer ul#navi3 li a#links {
	background-position:0 -143px;
	height:33px;
	left:803px;
	top:474px;
	width:70px;
}


div#content-container:after {
	clear:both;
	content:'.';
	display:block;
	height:0;
	visibility:hidden;
}

.noIE6{
	_display: none;
}

#mask {
	position:absolute;
	background-image:url(../images/pixa-overlay.png);
	height: 40px;
	width:625px;
	display:block;
	top:438px;
	left:21px;
	z-index:200;
}