/* RESET EVERYTHING */

* {
	margin:0;
	padding:0;
	}

html,body {
	width:100%;
	height:100%;
	text-align:center;
	}

img {border:0;}
hr {border-width:1px;}

a,a.jslink {text-decoration:underline;}

.nolinkstyle {text-decoration:none;}

/* standard margin below elements
 * add margin-bottoms for content elements here
 */

table, p, ul, ol, dl, hr, fieldset,
.columns {margin:0 0 1em 0;}

/* TYPO */

ul, ol {padding:0 0 0 2em;}

/* GLOBAL CLASSES */

/* use thinner, stronger and italic only
 * in case of visual style, if something
 * has to be strong, use <strong>, etc.
 */

.smaller {font-size:.8em;}
.bigger {font-size:1.2em;}
.thinner {font-weight:normal;}
.stronger {font-weight:bold;}
.italic {font-style:italic;}
.caps {font-style:small-caps;}
.underline {text-decoration:underline;}
.uppercase {text-transform:uppercase;}
.lowercase {text-transform:lowercase;}

.lineheight1em {line-height:1em!important;}

/* font familys */

.serif {font-family:serif;}
.sans-serif {font-family:sans-serif;}
.monospace {font-family:monospace;}

/* aligns and vertical aligns */

.align-left {text-align:left;}
.align-center {text-align:center;}
.align-right {text-align:right;}
.align-justify {text-align:justify;}

.valign-top {vertical-align:top;}
.valign-middle {vertical-align:middle;}
.valign-bottom {vertical-align:bottom;}

/* spacers and clearers */

.spacer {height:1em;}
.double-spacer {height:2em;}
.tripple-spacer {height:3em;}
.ultra-spacer-2000-pro {height:7.5em;}

.clear {clear:both;}
.clear-l {clear:left;}
.clear-r {clear:right;}
.clearer {height:0;}

/* hide elements */

.nv {display:none;}
.hidden {visibility:hidden;}

.l-9999 {
	position:absolute;
	left:-9999px;
	}

/* special cases */

.nobulletlist {list-style:none;}
.nopadding {padding:0;}
.nomargin {margin:0;}
.automargin {margin:auto;}
.jslink:hover {cursor:pointer;}

/*
 *
 * TYPO
 *
 */

body {
	font-family:sans-serif;
	font-size:.9em;
	line-height:1.4em;
	text-align:center;
	}

h1,h2,h3,h4,h5,h6,.navigation a {letter-spacing:.05em;}

h1,h2,h3,h4,h5,h6,caption,legend {
	font-size:1em;
	margin:0 0 .5em 0;
	}

.mainheader, h1 {
	font-family:serif;
	font-size:2em;
	line-height:1em;
	font-style:italic;
	letter-spacing:-.01em;
	}

h1 {font-weight:normal;}
.mainheader {font-weight:bold;}

.width100pc {width:100%;}

th,td,caption {padding:.3em;}

caption {
	font-weight:bold;
	margin-bottom:0;
	}

/*
 *
 * STRUCTURE
 *
 */

.passer {
	text-align:left;
	width:1005px;
	margin:0 auto;
	}

.head {
	padding:55px 45px 0 45px;
	height:166px;
	}

.main {padding:0 17px 0 18px;}
	
.footer {
	height:95px;
	padding:10px 17px 0 18px;
	text-align:left;
	}

.footer p,
.footer ul {text-align:center;}

/*
 * SPLASH SITE
 *
 */

.splash {
	width:680px;
	height:100%;
	margin:0 auto 0 auto;
	text-align:left;
	}

.splash-head {
	position:absolute;
	top:40px;
	z-index:3;
	width:680px;
	text-align:center;
	}

.splash-head h1 {
	background:#fff;
	padding:10px;
	font-style:normal;
	color:#780d18;
	text-transform:uppercase;
	margin:0 100px;
	font-size:2.3em;
	line-height:1em;
	}

.splash-content {
	position:absolute;
	z-index:2;
	width:680px;
	top:120px;
	text-align:center;
	}

.splash-navigation {
	position:absolute;
	z-index:1;
	top:0;
	height:66%;
	min-height:440px;
	width:680px;
	}

.splash-navigation ul {
	padding:0 0 0 20px;
	height:100%;
	width:680px;
	}

.splash-navigation li {
	margin:0 20px 0 0;
	width:200px;
	height:100%;
	float:left;
	}

.splash-navigation .hotel-bergkristall {background-color:#C7B299;}
.splash-navigation .seehotel-europa {background-color:#780d18;}
.splash-navigation .hotel-post {background-color:#192378;}

.splash-navigation a {
	display:block;
	width:100%;
	height:100%;
	background:transparent none no-repeat center bottom;
	text-indent:-9999px;
	}

.splash-navigation .hotel-bergkristall a {background-image:url('../images/hotel-bergkristall.png');}
.splash-navigation .seehotel-europa  a {background-image:url('../images/seehotel-europa.png');}
.splash-navigation .hotel-post a {background-image:url('../images/hotel-post.png');}