@charset "utf-8";
/* CSS Document www.hotel-bastei.de (C) 2009 Hotel Bastei Mühldorf / created by bitarbyter */

body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 100.01%;
	margin: 0;
	padding: 0;
	background: #8F4F2C url(images/bg.jpg) fixed;
}

div#main {
	margin: 0 auto;
	width: 963px;
}

/* HEADER */

div.header {
	width: 963px;
	height: 291px;
}

div#header_nav {
	width: 963px;
	height: 43px;
}

/* NAVIGATION */

#nav, #nav ul {
	position: relative;
	width: 963px;
	padding: 0;
	margin: auto;
	list-style: none;
	line-height: 1em;
	z-index: 99;
	}
	
#nav a {
	display: block;
	text-decoration: none;
	color: black;
	padding: 0 em 0.5em;
	}
	
#nav a:hover {
	color: #F60;
	text-decoration: underline;
}

#nav a.navheader {
	width: 100%;
	height: 100%;
}

#nav a.subheader {
	padding: 10px 0 4px 10px;
	font-weight: bold;
}

#nav a.subheader:hover {
	color: #600;
}

/* STARTSEITE */
	
#nav li.navStartseite {
	float: left;
	width: 149px;
	height: 43px;
	background: url(images/startseite.png) no-repeat;
	}
	
#nav li.navStartseiteDown {
	float: left;
	width: 149px;
	height: 43px;
	background: url(images/startseite_down.png) no-repeat;
	}
	
#nav li.navStartseite:hover {
	background: url(images/startseite_down.png) no-repeat;

}

/* AKTUELLES */

#nav li.navAktuelles {
	float: left;
	width: 140px;
	height: 43px;
	background: url(images/aktuelles.png) no-repeat;
	}
	
#nav li.navAktuellesDown {
	float: left;
	width: 140px;
	height: 43px;
	background: url(images/aktuelles_down.png) no-repeat;
	}
	
#nav li.navAktuelles:hover {
	background: url(images/aktuelles_down.png) no-repeat;

}

/* HOTEL */

#nav li.navHotel {
	float: left;
	width: 92px;
	height: 43px;
	background: url(images/hotel.png) no-repeat;
	}
	
#nav li.navHotelDown {
	float: left;
	width: 92px;
	height: 43px;
	background: url(images/hotel_down.png) no-repeat;
	}
	
#nav li.navHotel:hover {
	background: url(images/hotel_down.png) no-repeat;

}

#nav li.navHotelChild{
	float: left;
	width: 158px;
	background: url(images/menu_child_bg.png) repeat-y;
	}
	
#nav li.navHotelChildLast {
	float: left;
	width: 158px;
	height: 24px;
	background: url(images/menu_child_end.png) no-repeat;
}

#nav li.navHotelChild:hover {

}

#nav li.navHotel ul {
	position: absolute;
	width: 158px;;
	left: -999em;
	top: 38px;
}

#nav li.navHotel:hover ul {
	left: auto;
	}

/* TAGUNGEN */

#nav li.navTagungen {
	float: left;
	width: 139px;
	height: 43px;
	background: url(images/tagungen.png) no-repeat;
	}
	
#nav li.navTagungenDown {
	float: left;
	width: 139px;
	height: 43px;
	background: url(images/tagungen_down.png) no-repeat;
	}
	
#nav li.navTagungen:hover {
	background: url(images/tagungen_down.png) no-repeat;

}

/* RESTAURANT */

#nav li.navRestaurant {
	float: left;
	width: 156px;
	height: 43px;
	background: url(images/restaurant.png) no-repeat;
	}
	
#nav li.navRestaurantDown {
	float: left;
	width: 156px;
	height: 43px;
	background: url(images/restaurant_down.png) no-repeat;
	}
	
#nav li.navRestaurant:hover {
	background: url(images/restaurant_down.png) no-repeat;

}

#nav li.navRestaurantChild{
	float: left;
	width: 158px;
	background: url(images/menu_child_bg.png) repeat-y;
	}
	
#nav li.navRestaurantChildLast {
	float: left;
	width: 158px;
	height: 24px;
	background: url(images/menu_child_end.png) no-repeat;
}

#nav li.navRestaurantChild:hover {
	color: #333;
}

#nav li.navRestaurant ul {
	position: absolute;
	width: 158px;;
	left: -999em;
	top: 38px;
}

#nav li.navRestaurant:hover ul {
	left: auto;
	}
	
/* BIERGARTEN */

#nav li.navBiergarten {
	float: left;
	width: 157px;
	height: 43px;
	background: url(images/biergarten.png) no-repeat;
	}
	
#nav li.navBiergartenDown {
	float: left;
	width: 157px;
	height: 43px;
	background: url(images/biergarten_down.png) no-repeat;
	}
	
#nav li.navBiergarten:hover {
	background: url(images/biergarten_down.png) no-repeat;

}

#nav li.navBiergartenChild{
	float: left;
	width: 158px;
	background: url(images/menu_child_bg.png) repeat-y;
	}
	
#nav li.navBiergartenChildLast {
	float: left;
	width: 158px;
	height: 24px;
	background: url(images/menu_child_end.png) no-repeat;
}

#nav li.navBiergartenChild:hover {
	color: #333;
}

#nav li.navBiergarten ul {
	position: absolute;
	width: 158px;;
	left: -999em;
	top: 38px;
}

#nav li.navBiergarten:hover ul {
	left: auto;
	}

/* KONTAKT */

#nav li.navKontakt {
	float: left;
	width: 130px;
	height: 43px;
	background: url(images/kontakt.png) no-repeat;
	}
	
#nav li.navKontaktDown {
	float: left;
	width: 130px;
	height: 43px;
	background: url(images/kontakt_down.png) no-repeat;
	}
	
#nav li.navKontakt:hover {
	background: url(images/kontakt_down.png) no-repeat;

}

#nav li.navKontaktChild{
	float: left;
	width: 158px;
	background: url(images/menu_child_bg.png) repeat-y;
	}
	
#nav li.navKontaktChildLast {
	float: left;
	width: 158px;
	height: 24px;
	background: url(images/menu_child_end.png) no-repeat;
}

#nav li.navKontaktChild:hover {
	color: #333;
}

#nav li.navKontakt ul {
	position: absolute;
	width: 158px;;
	left: -999em;
	top: 38px;
	right: 7px;
}

#nav li.navKontakt:hover ul {
	left: auto;
	}
	
/* NEWSLETTER FIELD BELOW NAVIGATION */

div#newsletterReg {
	margin: auto;
	width: 913px;
	height: 36px;
	background: url(images/news_bg.png) left no-repeat;
	padding: 35px 0 0 50px;
}

/* INPUT FELD FÜR NEWSLETTER */

input.newsletterInput {
	float: left;
	font-size: 110%;
	font-family: Georgia, "Times New Roman", Times, serif;
	width: 168px;
	border: none;
	color: black;
}

input.newsletterImage {
	float: left;
	margin: -7px 0 0 6px;
}

/* STARTSEITE */

div#frontWillkommen {
	float: left;
	width: 455px;
	height: 318px;
	background: url(images/willkommen.gif) no-repeat;
}

div#frontWillkommen p {
	font-size: 75%;
	width: 365px;
	margin: 210px 0 0 50px;
}

div.frontAkt {
	width: 479px;
	float: right;
	height: 318px;
}

div.front50 {
	width: 475px;
	height: 344px;
	float: right;
}

div.frontAktHead {
	width: 479px;
	height: 53px;
	background: url(images/akt_header.png) no-repeat;
}

div.frontAktHead p {
	font-size: 150%;
	margin: 0;
	padding: 12px 0 0 45px;
}

div.frontAktMid {
	width: 479px;
	min-height: 249px;
	background: url(images/akt_bg.png) repeat-y;
}

div.frontAktEintrag {
	width: 90%;
	margin: auto;
	padding: 6px 0;
}

div.frontAktEintrag2 {
	width: 827px;
	margin: auto;
	height: 210px;
	padding: 10px 20px 0 20px;
	background: url(images/akt_fullheader.jpg) no-repeat;
}

div.frontAktEintrag2 h3 {
	color: #900;
	letter-spacing: 0.1em;
}

div.frontAktEintrag2 p.newsText {
	font-size: 110%;
}

div.frontAktDatum {
	width: 72px;
	height: 70px;
	float: left;
	background: url(images/akt_bg_calendar.jpg) no-repeat;
	padding-right: 10px;
	text-align: center;
}

p.bigDate {
	color: white;
	margin: 6px;
	font-size: 200%;
}

p.littleMonth {
	margin: -25px;
	padding: 4px 0 0 0;
	color: white;
	font-size: 70%;
}

div.frontAktLinie {
	width: 90%;
	margin: auto;
	height: 1px;
	border-bottom: 1px dashed black;

}

div.frontAktEnd {
	width: 479px;
	height: 16px;
	background: url(images/akt_end.png) no-repeat;

}

div.specialHeader {
	margin: 20px 0;
	height: 39px;
	background: url(images/header.png) left no-repeat;
	padding: 8px 0 0 45px;
	font-size: 150%;
}

div.special {
	width: 321px;
	height: 292px;
	float: left;
	padding: 0;
}

/* KONTAKTSEITE & FORMULAR */

div#kLinks {
	width: 450px;
	float: left;
}

div#kRechts {
	width: 450px;
	float: right;
}

div.formReihe {
	width: 400px;
	height: 40px;
	float: left;
}

div.exttitel {
	width: 920px;
	height: 25px;
	float: left;
	text-align: center;
	border: 1px dotted;
	background: #FFFFB0;
}

div.formReiheStatus {
	width: 40px;
	height: 40px;
	float: left;
}

div.TitelLang {
	width: 920px;
	height: 40px;
	float: left;
	
}

select {
	border: 1px dashed #900;
	padding: 2px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 110%;
}

textarea {
	border: 1px dashed #900;
	width: 206px;
	height: 200px;
	padding: 2px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 110%;
}

input {
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px dashed #900;
	padding: 0 2px 0 2px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 110%;
}

label {
	display: block;
	float: left;
	width: 120px;
	padding: 0 10px 0 0;
}

label.testklasse {
	display: block;
	float: left;
	width: 600px;
	padding: 0 10px 0 0;
}

label.kurzlabel {
	display: block;
	float: left;
	width: 40px;
	padding: 0 10px 0 0;
}

input.inputButton {
	border: none;
}


/* FOOTER */

div#footer {
	margin: auto;
	padding: 0;
	width: 963px;
	height: 243px;
	background: url(images/footer_bg.gif) no-repeat;
	color: white;
	font-size: 90%;
}

div#footerText1 {
	margin: 85px 0 0 350px;
	padding: 0;
	width: 140px;
	float: left;
}

div#footerText2 {
	margin: 85px 0 0 0;
	padding: 0;
	width: 200px;
	float: left;
}

div#footerText3 {
	margin: 85px 0 0 0;
	padding: 0;
	width: 170px;
	float: left;
}

div#footer strong {
	color: white;
}

/* CONTENT */

div#contentHead {
	margin: auto;
	width: 963px;
	height: 44px;
	background: url(images/normContent_top.png) no-repeat;
}

div.contentHeader {
	font-size: 150%;
	padding: 10px 0 0 50px;
}

div#contentMid {
	margin: auto;
	width: 963px;
	background: url(images/normContent_bg.png) repeat-y;
}

div.contentText {
	font-size: 100%;
	padding: 20px 20px 0 20px;
}

div#contentMid ul {
	list-style-type: none;
}

div#contentMid li {
	font-weight: bold;
	color: #900;
}

div#contentEnd {
	margin: auto;
	width: 963px;
	height: 20px;
	background: url(images/normContent_end.png) no-repeat;
}

/* GENERAL */

img.left {
	float: left;
	padding: 0 10px 10px 0;
}

img.right {
	float:right;
	padding: 0 0 10px 10px;
}

.clear {
	clear: both;
}

a {
	color: white;
	text-decoration: none;
}

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

a.normLink {
	padding: 0 0 0 25px;
	background: url(images/link.jpg) left no-repeat;
	color: black;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 2px solid #CCC;
}

a.normLink:hover {
	border-bottom: 2px solid #900;
}

a.textLink {
	padding: 0 0 0 0px;
	color: black;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 2px solid #CCC;
}

a.textLink:hover {
	border-bottom: 2px solid #900;
}

a.smallLink {
	padding: 0 0 0 0px;
	color: black;
	font-weight: normal;
	text-decoration: none;
	border-bottom: 1px solid #000000;
}

a.smallLink:hover {
	border-bottom: 2px solid #900;
}

div.clear {
	clear: both;
	height: 1px;
}