/*
Project: Hotel Moarhof
File: css/style.css
Last edited: April 6, 2010, 12:45 am
*/

/*  Main  */
body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background: url(../images/hotel/bg.jpg) no-repeat center top;
 color: #303030;
}

#wrapper {
 margin:0 auto;
 width:932px; /*  Change to desired width :)  */
}

#mainnav {
	background:url(../images/hotel/topnav-bg.png) repeat-x;
	height: 62px;
	position: absolute;
	z-index: 500;
	width: 933px;
}

#lang {
	position: absolute;
	width: 200px;
	margin-left: 775px;
	margin-top: 480px;
	z-index: 999;
}

#lang li { float: left; margin-right: 10px; }

/*#mainnav a, #mainnav .active { color: #ffffff; text-transform: uppercase;  font-size: 14px; }
#mainnav a:hover, #mainnav .active {  text-decoration: none; }
#mainnav ul { margin: 20px 0 0 30px; }
#mainnav li { float: left;  margin-right: 15px;  padding-bottom: 32px; }
#mainnav .active  { background: url(../images/hotel/nav-bg.png) 40% 100% no-repeat;   }
#mainnav li:hover { background: url(../images/hotel/top-nav-pfeil-bottom.png) 40% 100% no-repeat;   }
#mainnav .border { border-right: solid 1px #ffffff; }
#mainnav .last { border: 0;  margin-right: 0; padding-right: 0; }*/

#mainnav a, #mainnav .active { color: #ffffff; text-transform: uppercase; font-size: 14px; }
#mainnav a:hover, #mainnav .active {  text-decoration: none; }
#mainnav ul { margin: 0px 0 0 10px; }
#mainnav li { float: left;  padding-left: 15px;  padding-bottom: 24px; padding-top:19px; }
#mainnav li:hover  { background: url(../images/hotel/nav-bg.png) center top;   }
#mainnav .active { background: url(../images/hotel/nav-bg.png) center top; }
#mainnav .border { border-right: solid 1px #ffffff; }
#mainnav .last { border: 0;  margin-right: 0; padding-right: 0; }

#inhaltnav {
	position: absolute;
	margin-left: 750px;
	margin-top: 10px
}

#imagerotator {
	z-index: 400;
	width: 933px;
	position: absolute;
}

#left {
	margin-top: 66px;
	z-index: 700;
	position: absolute;
	width:327px;
}

#leftbg { 
position: absolute;
z-index: -10;
}

.leftpadding { padding: 0 60px; z-index: 900; }

#title {
	padding-top: 235px;
	z-index: auto;
	padding-left:75px;
	height: 35px;
}

#subnav {
	margin-top: 90px;
	padding-left: 48px;
	width: 220px;
}

#subnav a { font-size:14px; color: #888888; background: url(../images/hotel/subnav-left-bg.png) 26px 50% no-repeat; padding-left: 40px; }
#subnav a:hover { color: #ac0412; text-decoration: none; background: url(../images/hotel/subnav-left-bg-hover.jpg) 24px 50% no-repeat; }
#subnav li { margin-bottom: 2px; padding: 5px 0; }
#subnav li:hover { background: url(../images/hotel/subnav-left-bg-hover.jpg) 25px 50% no-repeat #ac0412; }
#subnav li:hover a { color: #ffffff; }
#subnav .active {  font-size:14px; color: #ffffff;  background: url(../images/hotel/subnav-left-bg-hover.jpg) 25px 50% no-repeat #ac0412; padding-left: 40px; }

#facebook { text-align: center; margin-top: 30px; }

#boxen {
}

#metanav {
}

#content {
	z-index: 600;
	/*border: solid 1px #ac0412;*/
	position: absolute;
	width: 933px;
	margin-top: 405px;
}

#contenttop { background:url(../images/hotel/left-bg.png) 19px 0 repeat-y; border: solid 1px #ac0412; padding-bottom: 30px; padding: 20px;  }

#footer { padding: 20px 0; font-size:11px; text-align: center; }

#inhalt {
	margin-left: 300px;
	text-align: justify;
	line-height: 20px;
	width: 355px;
	float:left;
}

#titleinhalt { margin-left: 300px; margin-bottom: 30px; margin-top: 20px }

#bilderrechts {

}

#bilderrechts img {
	border: solid 1px #ac0412;
	padding: 8px;
	margin:15px 0 10px 20px;
}

p { margin: 10px 0; }

h1 { color: #ac0412; }
h2 { color: #ac0412; }


a { color: #ac0412; text-decoration: none; }
a:hover { text-decoration: underline; }

#golfplatz { background: #548b35; }
#lastminute { background: #ac0412; }
.box { width: 268px; margin-top: 20px; height: 118px; color: #ffffff; font-size: 11px }
.bimage { float: left; margin-right: 10px;  }
.btext { padding: 8px; line-height: 13px; }
.box h2 { color: #ffffff; font-size: 15px; text-transform: uppercase; margin-bottom: 10px; padding-top: 4px }
.box a { color: #ffffff; text-decoration: none; }
.box a:hover { text-decoration: underline; }

#metanavi { margin-top: 20px; }
#metanavi li { margin: 9px 0; padding: 9px 0; margin-right: 60px }
#metanavi a { text-transform: uppercase; padding-left: 60px }

#metanavi .anreise {  background: url(../images/hotel/anreise.jpg) left no-repeat #EFEFEF; }
#metanavi .prospekt {  background: url(../images/hotel/prospekt-downloadne.jpg) left no-repeat #EFEFEF; }
#metanavi .newsletter {  background: url(../images/hotel/newsletter.jpg) left no-repeat #EFEFEF; }


/* Freizeit */

.freizeit .fbild, .freizeit .ftitle { line-height: 0px; }
.freizeit .finhalt {
	padding: 10px;
	background-color: #efefef;
	width: 380px
}

#hotel-sauna-wellness-walchsee-tirol .finhalt { width: 335px; }

.freizeit .image_container { background: #EFEFEF; position: absolute; margin-left: 400px; line-height: 0px; border-top: solid 22px #EFEFEF; } /*  padding: 8px; border: solid 1px #B9181F;  */
.mod_article .freizeit { margin-bottom: 40px; }

#freizeit { background-color: #efefef; padding: 10px; }

.image_container { line-height: 0px; }

/* Pauschalen */
.pauschalen .ptitle, .pauschalen .pbild { line-height: 0px; }
.pauschalen .pinhalt { padding: 15px; }
.pauschalen ul { list-style-type: disc; margin: 10px; margin-left: 25px; }
.pauschalen h4 { color: #ac0412; margin-bottom: 10px; }
.pauschalen { background: #efefef; margin-bottom: 40px }
.pauschalen table { background: #f7f7f7; }
.pauschalen table td { border-bottom: solid 1px #efefef; }
.pauschalen .info { font-size: 10px; }