/* Normalize */

* {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6, p, ul, li, pre, code {
	font-size: 1em;
	font-weight: normal;
}

li {
	list-style: none;
}

a {
	text-decoration: none;
}

a:active {
  outline: none;
}

img {
	border: none;
}

/* Style */

body {
	min-width: 800px;
	text-align: center;
	font: 11px/1.8 "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	color: #333;
	background-color: #fff;
}

h1 {
	position: relative;
	width: 782px;
	height: 100px;
	color: #fff;
}

h1 span {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../graphics/banner_bellevue_init.png) no-repeat;
}

h2 {
	padding: 20px 0 10px 0;
	font-size: 12px;
	font-weight: bold;
	color: #004178;
	letter-spacing: 1px;
}

h3 {
	padding: 5px 0 0;
	font-weight: bold;
	color: #000;
}

/* Start */

#wrapperStart {
	width: 780px;
	margin: 0 auto;
	text-align: left;
}

#linksStart {
	margin: 0 0 0 550px;
}

#linksStart a {
	color: #666;
	letter-spacing: 1px;
}

#linksStart a:hover {
	color: #004178;
	border-bottom: 3px solid #004178;
}


/* Wrapper */

#wrapper {
	width: 782px;
	margin: 0 auto;
	text-align: left;
}

/* Banner */

#banner {
	width: 782px;
	padding: 0;
	background-image: url(../graphics/bgr_wrapper_wt.gif);
}

/* Navigation */

#navigation {
	width: 782px;
	height: 24px;
	background-image: url(../graphics/bgr_wrapper_wt.gif);
}

#navMain {
	float: left;
	width: 540px;
	height: 24px;
}

#navAdd {
	float: right;
	width: 230px;
}

#navAngebotespecials {
	float: left;
	width: 130px;
	height: 24px;
}

#navPicinfo {
	float: right;
	width: 90px;
	height: 24px;
	text-align: right;
}

#navPicinfo p {
	color: #999;
}

/* Main */

#wrapperMain {
	clear: both;
	width: 782px;
	height: 360px;
	border: 1px solid #ccc;
	background-image: url(../graphics/bgr_wrappermain.gif);
}

#content {
	float: left;
	width: 540px;
	height: 360px;
	background-color: #fff;
}

#contentPic {
	float: left;
	width: 270px;
	height: 360px;
}

#contentTxt {
	float: right;
	padding: 0 20px 0 0;
	width: 240px;
	height: 360px;
}

#contentPortrait {
	float: left;
	width: 240px;
	height: 360px;
}

#contentPortraittxt {
	float: right;
	padding: 0 20px 0 0;
	width: 270px;
	height: 360px;
}

#contentTxtonly {
	float: right;
	margin: 0 20px;
	width: 500px;
	height: 360px;
}


#navSub {
	float: right;
	width: 230px;
	height: 360px;
}

#navTxt {
	float: left;
	margin: 20px 0 0;
	width: 130px;
	height:  190px;
	line-height: 2em;
}

#text {
	clear: both;
	width: 130px;
}

#text a {
	text-transform: uppercase;
}

#logos {
	clear: both;
	width: 130px;
	padding: 25px 0 0;
}

#logos a {
	text-align: right;
}

#logos img {
	padding: 0 15px 5px 0;
}

#navPic {
	float: right;
	width: 90px;
}

/* Sub */

#wrapperSub {
	clear: both;
	width: 782px;
	height: 160px;
}

#address {
	float: left;
	width: 540px;
}

#addressLines {
	float: left;
	width: 340px;
}

#navAdr {
	float: right;
	width: 180px;
}

#navMore {
	float: right;
	width: 240px;
}

#links {
	float: left;
	width: 150px;
	padding: 10px 0 15px 0;
	text-align: center;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

#links img {
	padding: 0 0 5px;
}


#navBackhome {
	float: right;
	width: 80px;
	text-align: right;
}

/* Navigation */

#navMain ul {
	float: left;
}

#navMain li {
	float: left;
	margin: 0 20px 0 0;
}

#navMain ul a {
	float: left;
	display: block;
}

#navMain a {
	color: #666;
	letter-spacing: 1px;
}

#navMain a:hover {
	color: #004178;
	border-bottom: 3px solid #004178;
}

#hotel #navMain .hotel a,
#zimmer #navMain .zimmer a,
#gastronomie #navMain .gastronomie a,
#wellness #navMain .wellness a,
#aktivitaeten #navMain .aktivitaeten a,
#preise #navMain .preise a,
#booking #navMain .booking a {
	color: #004178;
	border-bottom: 3px solid #004178;
}

#navAngebotespecials ul {
	float: left;
}

#navAngebotespecials li {
	float: left;
	margin: 0;
}

#navAngebotespecials ul a {
	float: left;
	display: block;
}

#navAngebotespecials a {
	color: #456077;
	letter-spacing: 1px;
}

#navAngebotespecials a:hover {
	color: #004178;
	border-bottom: 3px solid #004178;
}

#angebotespecials #navAngebotespecials .angebotespecials a {
	color: #004178;
	font-weight: bold;
	border-bottom: 3px solid #004178;
}

#navTxt li {
	display: inline;
}

#navTxt a {
	display: block;
	width: 100%;
	color: #bfd6eb;
	text-decoration: none;
	letter-spacing: 1px;
}

#navTxt a:hover {
	color: #fff;
}

.hotelbellevue #navTxt .hotelbellevue a,
.hotelgastgeber #navTxt .hotelgastgeber a,
.hotelphilosophie #navTxt .hotelphilosophie a,
.hotelhotelinfos #navTxt .hotelhotelinfos a,
.hotelumgebung #navTxt .hotelumgebung a,
.hotelgeschichte #navTxt .hotelgeschichte a,
.zimmerelegance #navTxt .zimmerelegance a,
.zimmerelegancespezial #navTxt .zimmerelegancespezial a,
.zimmerclassic #navTxt .zimmerclassic a,
.zimmeradventure #navTxt .zimmeradventure a,
.zimmerfamily #navTxt .zimmerfamily a,
.gastronomierestaurants #navTxt .gastronomierestaurants a,
.gastronomierestaurantsfloeschstube #navTxt .gastronomierestaurantsfloeschstube a,
.gastronomierestaurantswintergarten #navTxt .gastronomierestaurantswintergarten a,
.gastronomiehalbpension #navTxt .gastronomiehalbpension a,
.gastronomiewbar #navTxt .gastronomiewbar a,
.gastronomieweinkarte #navTxt .gastronomieweinkarte a,
.gastronomiefeiernseminare #navTxt .gastronomiefeiernseminare a,
.gastronomierezepte #navTxt .gastronomierezepte a,
.aktivitaetenwinter #navTxt .aktivitaetenwinter a,
.aktivitaetensommer #navTxt .aktivitaetensommer a,
.aktivitaetentoplinks #navTxt .aktivitaetentoplinks a,
.aktivitaetenlstourismus #navTxt .aktivitaetenlstourismus a,
.aktivitaetenbergbahnen #navTxt .aktivitaetenbergbahnen a,
.preisezimmer #navTxt .preisezimmer a,
.preisezimmerelegance #navTxt .preisezimmerelegance a,
.preisezimmerelegancespezial #navTxt .preisezimmerelegancespezial a,
.preisezimmerclassic #navTxt .preisezimmerclassic a,
.preisezimmeradventure #navTxt .preisezimmeradventure a,
.preisezimmerfamily #navTxt .preisezimmerfamily a,
.preiseagb #navTxt .preiseagb a,
.preisebuchunganfrage #navTxt .preisebuchunganfrage a,
.angebotespecialsangebote #navTxt .angebotespecialsangebote a,
.angebotespecialsangebotewinter #navTxt .angebotespecialsangebotewinter a,
.angebotespecialsangebotesommer #navTxt .angebotespecialsangebotesommer a,
.angebotespecialsnewsletter #navTxt .angebotespecialsnewsletter a,
.angebotespecialsspecials #navTxt .angebotespecialsspecials a,
.angebotespecialsausstellungen #navTxt .angebotespecialsausstellungen a,
.angebotespecialsgutscheine #navTxt .angebotespecialsgutscheine a,
.bnewsaktuell #navTxt .bnewsaktuell a,
.bnewsnewsletter #navTxt .bnewsnewsletter a,
.bnewskontakt #navTxt .bnewskontakt a,
.bnewsanfahrt #navTxt .bnewsanfahrt a {
	color: #fff;
}

.hotelumgebungwinter #navTxt .hotelumgebungwinter a,
.hotelumgebungsommer #navTxt .hotelumgebungsommer a {
	color: #fff;
}

#text p {
	color: #fff;
}

#navPic li {
	display: inline;
}

#navPic a {
	display: block;
	width: 100%;
	text-align: right;
	height: 60px;
	text-decoration: none;
}

div.transOFF {
	width: 90px;
	background-color: silver;
}

div.transON {
	width: 90px;
	background-color: silver;
	opacity: .75;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
}

#navAdr ul {
	float: left;
}

#navAdr li {
	float: left;
	margin: 0 50px 0 0;
}

#navAdr ul a {
	float: left;
	display: block;
}

#navAdr a {
	margin: 0;
	color: #666;
	letter-spacing: 1px;
}

#navAdr a:hover {
	color: #004178;
	border-bottom: 3px solid #004178;
}

#kontakt #navAdr .kontakt a,
#anfahrt #navAdr .anfahrt a,
#jobs #navAdr .jobs a {
	color: #004178;
	font-weight: bold;
	border-bottom: 3px solid #004178;
}


#navBackhome li {
	float: right;
	margin: 0;
}

#navBackhome ul a {
	float: right;
	display: block;
}

#navBackhome a {
	margin: 0;
	color: #666;
	letter-spacing: 1px;
}

#navBackhome a:hover {
	color: #004178;
	border-bottom: 3px solid #004178;
}

#backhome #navBackhome .backhome a {
	color: #004178;
	font-weight: bold;
	border-bottom: 3px solid #004178;
}

/* Format */

#content p {
	padding: 0 0 5px 0;
}

#content a {
	color: #004178;
	border-bottom: 1px dotted #004178;
}

#content a:hover {
	color: #004178;
	border-bottom: 1px solid #004178;
}

#address p {
	line-height: 1.4;
	margin: 5px 0 0;
}

#address a {
	color: #004178;
}

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

#navAdr a {
	color: #666;
}

#navAdr a:hover {
	text-decoration: none;
}

#links p {
	color: #004178;
	margin: 0;
	padding: 0 0 10px;
}

#links a {
	color: #004178;
}

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