@charset "utf-8";
/* ---------------------------------------------------
Title: TIERGARTENALM - Main Style Sheet
Author: Pierpaolo Federici - Ideenwerkstatt Tintifax
------------------------------------------------------

Colors: 	blau	-	rgb(0, 106, 177)
			rot		-	rgb(161, 15, 29)

------------------------------------------------------ */
@import "reset.css";
@import "type.css";
@import "navigation.css";
@import "bilder.css";

body {background:url(../_bilder/hg-berg-himmel.jpg) no-repeat top center;}

/* ############################################ WRAPPER */
#wrapper {
	position:absolute;
	width:1050px; height:500px;
	left:50%;
	margin-left:-525px;
}
#wrap{
	padding:0 45px;
}

.rot {color:rgb(161, 15, 29);}

/* ############################################ HEAD */
#head-winter{
	background:url(../_bilder/dach-winter.jpg) no-repeat top center;
	height:210px;
}
#head-sommer{
	background:url(../_bilder/dach-sommer.jpg) no-repeat top center;
	height:210px;
}
#head-schirm{
	background:url(../_bilder/schirm-dach.jpg) no-repeat top center;
	height:230px;
}
h1#logo, h1#logo-scherm {	/* logo */
	position:absolute;
	text-decoration:none;
	border:0;
	width : 264px;
	height : 133px;
	background : url(../_bilder/logo.png) no-repeat 0 0;
	left:387px;
	top:96px;
}
h1#logo-scherm{
	background : url(../_bilder/logo-scherm.png) no-repeat 0 0;
	height:146px;
	left:400px;
	top:106px;
}
 
h1 a { /* logo-text */
	display : block;
	height : 130px;
	text-indent : -9999em; 
}
/* ############################################ NAVIGATION */
#navigation{
	width:250px; height:610px;
	float:left;
}

#border{
	width:10px; height:625px;
	float:left;
	background:url(../_bilder/elements.png) no-repeat -6px 0;
}
	
/* ############################################ CONTENT */
#content{
	width:655px;
	float:left;
	padding-left:45px;
	overflow:hidden;
}

	/* wetter-info */
	#wetter-info a{
		width:112px; height:76px;
		right:25px;
		margin-top:-50px;
		position:absolute;
		background:url(../_bilder/elements.png) no-repeat -510px -424px;;
	}

	/* box-highlights */
	#box-highlights {
		width: 640px;
		min-height:245px;
		margin-bottom: 12px;
	}
	#box-highlights div{
		
	}
	
	
	/* box-news */
	#box-news {
		width:640px;
	}
	#box-news .inhalt {
		background:url(../_bilder/bg-box-highlights.png) repeat-y;
		min-height:200px;
		padding:10px 300px 10px 20px;
	}
	#box-news .top, #box-news .top-scherm, #box-partner .top{
		display:block;
		top:0;
		height:15px;
		background:url(../_bilder/elements.png) no-repeat -25px -6px;
	}
	#box-news .top-scherm{background:url(../_bilder/elements.png) no-repeat -25px -330px;}
	
		#box-news .bottom, #box-news .bottom-scherm, #box-partner .bottom{
		display:block;
		bottom:0;
		height:35px;
		background:url(../_bilder/elements.png) no-repeat -25px -32px;
	}
	#box-news .bottom-scherm{background:url(../_bilder/elements.png) no-repeat -25px -360px;}
	
		#box-news .inhalt,  #box-news .inhalt-scherm, #box-partner .inhalt, #box-news .inhalt-impressum{ /* ---------------------------------------------- inhalt-news */
			background:url(../_bilder/bg-box-blau.png) repeat-y;
			min-height:200px;
			padding:10px 300px 10px 20px; */
		}
		#box-news .inhalt-scherm{background:url(../_bilder/bg-box-rot.png) repeat-y;}
		#box-news .inhalt-impressum{padding-right:70px;}
		#box-partner .inhalt{padding:0; height:510px; position:relative}
		#box-partner img {margin:18px 10px;}
		#box-partner div.column {
			float:left;
			width:200px;
			text-align:center;
		}
		
		#box-news .foto{
			display:block;
			position:absolute;
			right:80px;
			width:270px; height:200px;
			border:2px solid #FFFFFF;
		}
		#box-news .foto-winter{background:url(../_bilder/_fotos/scherm/01_th.jpg) no-repeat center center;}
		#box-news .foto-sommer{background:url(../_bilder/_fotos/foto-sommer.jpg) no-repeat center center;}
		#box-news .foto-gastro{background:url(../_bilder/_fotos/test-gastro.jpg) no-repeat center center;}
		#box-news .foto-events{background:url(../_bilder/_fotos/events.jpg) no-repeat center center;}
		

	/* öffnungszeiten */
	#open {text-align: center; height: 70px; background:url(../_bilder/bg-box-open.png) no-repeat 0 0; margin: -10px 0 7px 0;}
	#open p {padding-top: 18px; width: 95%; font-weight: normal; font-size: 1.2em; color: #fff;}

	/* box-text */
	#box-text {
		width:640px;
	}
	#box-text .top{
		display:block;
		margin-top:-15px;
		height:35px;
		background:url(../_bilder/elements.png) no-repeat -22px -72px;
	}
	#box-text .bottom{
		display:block;
		height:10px;
		background:url(../_bilder/elements.png) no-repeat -22px -125px;
	}
	#box-text .inhalt{
		background:url(../_bilder/bg-box-grau.png) repeat-y;
		min-height:130px;
		padding:20px 20px 10px 20px;
	}
	#box-text .partner {min-height:100px}
	
	h3.highlights {
	background: url(../_bilder/bg-highlights.gif) no-repeat left center;
	background-color:rgb(56, 144, 201);
	color:#fff; line-height:1.6em;
	text-align:right; padding-right:10px;
	}
	
	/* box small */
	#box-small a{
		width:200px; height:170px;
		margin-top:15px;
		float:left;
		text-indent:-9999px;
	}
	.fotobox a{background:url(../_bilder/box-elements.png) 0 0; margin-right:10px;}
	.fotobox a:hover{background-position: 0px -178px;}
	.snow-fun a{background:url(../_bilder/box-elements.png) -200px 0; margin-right:20px;}
	.snow-fun a:hover{background-position: -200px -178px;}
	.wandern-fun a{background:url(../_bilder/box-elements.png) -200px -359px; margin-right:20px;}
	.wandern-fun a:hover{background-position: -200px -530px;}
	.facebook a{background:url(../_bilder/box-elements.png) -412px 0;}
	.facebook a:hover{background-position: -412px -178px;}
	
	.speisekarte a{background:url(../_bilder/box-gastro.png) -11px 0; margin-right:12px;}
	.speisekarte a:hover{background-position: -11px -175px;}
	.weine a{background:url(../_bilder/box-gastro.png) -222px 0; margin-right:19px;}
	.weine a:hover{background-position: -222px -175px;}

	
	/* titel */
	#box-news .titel, #box-text .titel{
		display:block;
		width:300px; height:30px;
		background:url(../_bilder/elements.png) no-repeat -228px -146px;
		margin-bottom:8px;
		text-indent:-9999px;
	}
	#box-text .titel{
		background:url(../_bilder/elements.png) no-repeat -228px -183px;
		margin-top:-30px;
		position:relative;
	}
	#box-news .titel-scherm{background-position:-31px -385px}
	#box-news .titel-gastro{background-position:-228px -283px}
	#box-text .titel-gastro{background-position:-31px -580px}
	#box-news .titel-events{background-position:-31px -425px}
	#box-text .titel-events-winter{background-position:-31px -470px}
	#box-text .titel-events-sommer{background-position:-430px -520px}
	#box-news .titel-impressum{background-position:-31px -650px}
	
	/* fotobezeichnungen */
	#box-news .fotobezeichnung-galerie {
		width:208px; height:30px;
		position:absolute;
		margin-top:-10px;
		right:0;
		background:url(../_bilder/elements.png) -30px -548px;
	}
	#box-news .fotobezeichnung-schirmbar {
		width:168px; height:30px;
		position:absolute;
		right:0;
		background:url(../_bilder/elements.png) -30px -517px;
		bottom:10px;
	}
	#box-partner .bezeichnung-partner {
		width:170px; height:30px;
		position:absolute;
		right:0;
		background:url(../_bilder/elements.png) -30px -615px;
		bottom:-20px;
	}
	
	/* EXTRAS */
	.scherm-party{
		position:absolute;
		margin-top:-330px;
		margin-left:350px;
	}
	.saisonfinale-party{
		position:absolute;
		margin-top:-315px;
		margin-left:405px;
	}
	
	.stempel_30{
		position:absolute;
		right:33px;
		margin-top:-280px;
	}
	#index .stempel_30{margin-top:-160px;}
	#schirmbar .stempel_30{margin-top: -255px;}
	
	/* admin login */
	.admin-log{
	position:absolute;
	margin: -16px 22px 0px;
	font-size:11px;
	color:#999999;
	text-decoration:none;
	}

/* ############################################ FOOTER */
#footer{
	height:150px;
}
	.baum-tafel-winter, .dancing{
		position:absolute;
		display:block;
		width:155px; height:350px;
		margin-top:-272px;
		left:50px;
		z-index:-1;
	}
	.baum-tafel-sommer {
		position:absolute;
		display:block;
		width:200px; height:350px;
		margin-top:-272px;
		left:6px;
		z-index:-1;
	}
	
	.baum-tafel-sommer{	background:url(../_bilder/baum-tafel-sommer.png) no-repeat top left; }
	.baum-tafel-winter{	background:url(../_bilder/baum-tafel-winter.png) no-repeat top left; }
	.dancing{
		background:url(../_bilder/dancing.png) no-repeat top left;
		width:326px; height:350px;
		margin-top:-339px;
		left:-24px;
	}
	.dancing-sommer{margin-top:-320px;}
	#bg-foot-sommer{
		width:100%; height:150px;
		background:url(../_bilder/zaun-sommer.jpg) no-repeat bottom center;
	}
	#bg-foot-winter{
		width:100%; height:150px;
		background:url(../_bilder/zaun-winter.jpg) no-repeat bottom center;
	}
	#bg-foot-scherm-winter{
		background:url(../_bilder/zaun-scherm.jpg) no-repeat bottom center;
		width:100%; height:150px;
	}
	#bg-foot-scherm-sommer{
		background:url(../_bilder/zaun-scherm-sommer.jpg) no-repeat bottom center;
		width:100%; height:150px;
	}
	
	/*
		a.jobs-sommer{
			display:block;
			width:90px; height:56px;
			position:absolute;
			background:url(../_bilder/jobs-sommer.png) no-repeat 0 0;
			margin:-7px 495px 0;
		}
		a.jobs-sommer:hover{background-position:0 -55px;}
		
		a.jobs-winter{
			display:block;
			width:90px; height:56px;
			position:absolute;
			background:url(../_bilder/jobs.png) no-repeat 0 0;
			margin:-7px 249px 0;
		}
		a.jobs-winter:hover{background-position:0 -55px;}
	*/
		a.mail{
			display:block;
			width:240px; height:34px;
			position:absolute;
			background:url(../_bilder/buttons.png) no-repeat 0 0;
			right:185px;
		}
		a.mail:hover{background-position: 0px -35px;}
		
		a.mail-sommer{ margin-top:70px; }
		a.mail-winter{ margin-top:95px; }
		a.mail-scherm{ margin-top:70px;}
		
		.ski-nostalgie{
			display:block;
			position:absolute;
			width:150px; height:76px;
			background:url(../_bilder/ski-nostalgie.png) no-repeat top left;
			left:867px;
			margin-top:-44px;
			z-index:-1;
		}