/* Grundkonstrukt
***************************************************************************************************/
html{
	position: relative;
	height: 100%;
	width: 100%;
}

body {
	position: relative;
	background-color: #A1B6C9;
	height: 100%;
	width: 100%;
  	overflow-y: scroll;
}

div#wrapper{
	position: relative;
    width: 960px;
    margin-right: 10px;
	background: url(pics/hg_wrapper.png);
}

div#schatten{
	position: relative;
    width: 970px;
    margin: 0 auto;
	background: url(pics/hg_schatten.png);
}
div#schatten_unten{
	height: 10px;
    width: 970px;
    margin: 0 auto;
	background: url(pics/hg_schatten_unten.png) no-repeat;
}


/* HEADER
***************************************************************************************************/
div#header{
	position: relative;
	width: 100%;
	height: 40px;
	padding-top: 180px;
	background: url(pics/hg_header.png) no-repeat;
	margin-bottom: 33px;
}
	div#logo, div#logo a{
		position: absolute;
		top:3px;
		left: 10px;
		width:264px;
		height: 281px;
		z-index: 499;
	}
	div#logo a{
		display: block;
		background: url(../bilder/logo.png) transparent no-repeat;
	}
	div#logo a:hover{
		background: url(../bilder/logo_hover.png) transparent no-repeat;
	}

	div#nav{
		position: relative;
		height: 40px;
		line-height: 40px;
		text-align: right;
		padding-right: 15px;
	}


/* Content
***************************************************************************************************/
div#content{
	position: relative;
	padding:15px 15px;
	background: url(pics/hg_content.png) no-repeat right bottom;
}
    div#aside_left, div#article, div#aside_right{
		float: left;
    	padding: 0 15px 15px 15px;
		margin-left: 10px;
    }
	div#aside_left{
		 border-right: 2px solid #1E415B;
		 width: 200px;
		 padding-top: 20px;
	 }
	 div#article{
		 width: 640px;
	 }
	 div#aside_left a{
		 margin-top: 20px;
	 }
	 hr{
		 background-color: #1E415B;
		 border: 0x;
		 height: 2px;
		 margin: 20px 0;
	 }
	   div.fahrt{
	  position: relative;
	  width: 675px;
	  margin: 0 auto;
  }
  div.fahrtentext{
	  width: 375px;
  }
  .fahrtentext span{
	  padding: 2px;
	  background-color: #A1B6C9;
  }

  div.fahrpreis, div.buchenbutton{
	  position: absolute;
	  bottom: 0px;
	  left: 375px;
	  width: 185px;
  }
  div.buchenbutton{
	  left: 550px;
	  width: 144px;
	  bottom: -14px;
  }
  div.buchenbutton a{
  	display: block;
	width: 144px;
	height: 50px;
	background: url(pics/buchen_hover.png) no-repeat;
  }
  div.buchenbutton a:hover img{
  	visibility: hidden;
  }
table.faehrenplan{
	font-weight: bold;
	text-align: center;
}
table.faehrenplan tr{
	line-height: 26px;
	height: 26px;
}
table.faehrenplan td:first-child{
	text-align: left;
}

tr.salzhof{	background: #8EAADB;}
tr.wiesenweg{	background: #B4C6E7;}
tr.buhnenhaus{	background: #D9E2F3;}
tr.malge{	background: #FFFFFF;}

table.faehrpreis{
	font-weight: bold;
	text-align: left;
	width: 350px;
}

/* FOOTER
***************************************************************************************************/
div#footer{
	height: 40px;
	line-height: 20px;
	background: url(pics/hg_footer.png) no-repeat right;
}