/* 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;
	}

/* FORMS */

fieldset {
	padding:.5em;
	border-color:#ccc;
	background:#eee;
	}

input, select, textarea, button, label,
.csc-mailform-label {padding:.3em .5em;}

.csc-mailform-label {
	clear:both;
	font-weight:bold;
	padding-top:1em;
	display:block;
	}

.csc-mailform-field input,
.csc-mailform-field select,
.csc-mailform-field textarea {
	display:block;
	float:left;
	margin-left:.3em;
	width:165px;
	}

.csc-mailform-field select {width:180px;}

.csc-mailform label {
	display:block;
	float:left;
	width:150px;
	}

.csc-mailform-field {clear:both;}

.csc-mailform-submit {
	display:block;
	margin:.5em 0 0 175px!important;
	}

/*
 *
 * 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;}

/* HEADER */

.logoimage {
	width:200px;
	height:80px;
	position:absolute;
	z-index:2;
	margin:-20px 0 0 0;
	}
	
.languages {
	position:absolute;
	z-index:3;
	text-align:right;
	width:915px;
	}

.languages li,
.languages a {
	float:right;
	width:24px;
	height:13px;
	overflow:hidden;
	line-height:1em;
	}

.languages li {
	margin:0 0 0 1em;
	}

.languages a {
	display:block;
	}

.languages .de a {background:transparent url('../img/flag-de.png') no-repeat 0 0;}
.languages .eng a {background:transparent url('../img/flag-eng.png') no-repeat 0 0;}

.mainheader {
	top:175px;
	position:absolute;
	width:420px;
	z-index:4;
	}

.headerimage {
	font-size:.8em;
	line-height:1.4em;
	}

/* MAIN */

.imagebar {
	width:200px;
	float:left;
	}

.content {
	width:570px;
	float:left;
	padding:0 20px 20px 20px;
	overflow:hidden;
	}

.navigation {
	width:160px;
	float:right;
	text-align:left;
	padding:20px 0;
	margin:0 0 166px 0;
	}

.navigation ul a {
	display:block;
	padding:7px 20px;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
	}

.navigation .icon a {
	padding:5px 10px 5px 55px!important;
	height:15px;
	margin:0 0 1em 0;
	font-size:.8em!important;
	font-weight:normal;
	}

.navigation ul a:hover {background:transparent url('../img/navi-hover.png') repeat-y 0 0;}

.navigation ul a.active {
	background:transparent url('../img/navi-active.png') repeat-y 0 0;
	}

/* CONTENT */

.columns {
	width:600px;
	}

.column {
	float:left;
	margin-right:20px!important;
	padding:20px 0 0 0;
	}

.single-column {width:570px;}

.c-25pc {width:127px;}
.c-29pc {width:157px;}
.c-33pc {width:176px;}
.c-40pc {width:216px;}
.c-45pc {width:255px;}
.c-50pc {width:275px;}
.c-55pc {width:314px;}
.c-60pc {width:334px;}
.c-66pc {width:373px;}
.c-75pc {width:422px;}

.right-border-column {
	padding:40px 20px 0 0;
	margin:-20px 0 0 0;
	}

/* IMAGEBAR */

.imagebar {
	line-height:0;
	overflow:hidden;
	}

.imagebar div {
	width:200px;
	height:162px;
	}

/* TRENDWHORES */

div.wrannlogo {
	width:150px;
	height:166px;
	position:absolute;
	margin:-176px 0 0 815px;
	
	}

/*
 * 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:#009cc2;}
.splash-navigation .seehotel-europa {background-color:#780d18;}
.splash-navigation .hotel-post {background-color:#c7b299;}

.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('../img/hotel-bergkristall.png');}
.splash-navigation .seehotel-europa  a {background-image:url('../img/seehotel-europa.png');}
.splash-navigation .hotel-post a {background-image:url('../img/hotel-post.png');}