@charset "utf-8";
/* CSS Document */

/****************************/
/* raster horizontal anfang */


/* das raster besteht aus 10 spalten zu jeh 87 pixel breite
 * mit jeweils 12 pixeln whitespace dazwischen. links und rechts
 * der äußeren spalten gibt es keinen 12px-whitespace.
 * elemente können zwischen 1 und 10 spalten breit sein, und dafür
 * den zugehörigen whitespace mitbenutzen.
 * bsp: 5 spalten breites element = 5*87px + 4*12px = 483px
 * zugewiesen werden muss entsprechend anzahl der spalten, die
 * das element benutzen soll eine der klassen "one10th" bis "ten10th".
 * 
 * das letzte element einer "zeile" erhält ausserdem die klasse "last",
 * sodass es keinen whitespace auf der rechten seite mehr erhält.
 *
 */

.w0spalten {
	width: 26px;
}

.w1spalten {
	width: 87px;
}

.w2spalten {
	width: 186px;
}

.w3spalten {
	width: 285px;
}

.w4spalten {
	width: 384px;
}

.w5spalten {
	width: 483px;
}

.w6spalten {
	width: 582px;
}

.w7spalten {
	width: 681px;
}

.w8spalten {
	width: 780px;
}

.w9spalten {
	width: 879px;
}

.w10spalten {
	width: 978px;
}

.w1spalten, .w2spalten, .w3spalten, .w4spalten, .w5spalten, .w6spalten, .w7spalten, .w8spalten, .w9spalten, .w10spalten {
	margin-right: 12px;
	overflow: hidden;
	
	padding: 0;
	
	/* debug 
	background-color: grey;
	/* */
}

.wlast {
	margin-right: 0 !important;
}

/* raster horizontal ende */
/**************************/


/**************************/
/* raster vertikal anfang */


/* das raster besteht aus beliebigen zeilen zu jeh 69 pixel höhe
 * mit jeweils 12 pixeln whitespace dazwischen. 
 * elemente können beliebig viele zeilen hoch sein, und dafür
 * den zugehörigen whitespace mitbenutzen.
 * bsp: 5 zeilen hohes element = 5*69px + 4*12px = 393px
 * zugewiesen werden muss entsprechend anzahl der zeilen, die
 * das element benutzen soll eine der klassen "one10th" bis "ten10th".
 * 
 * elemente der untersten "zeile" erhält ausserdem die klasse "last",
 * wenn sie bündig mit dem footer abschliessen sollen.
 *
 */

.h0rows {
	height: 26px;
}

.h1rows {
	height: 69px;
}

.h1xrows {
	height: 100px;
}

.h2rows {
	height: 150px;
}


.h3rows {
	height: 231px;
}

.h4rows {
	height: 312px;
}

.h5rows {
	height: 393px;
}

.h6rows {
	height: 474px;
}

.h7rows {
	height: 555px;
}

.h8rows {
	height: 636px;
}

.h9rows {
	height: 717px;
}

.h10rows {
	height: 798px;
}

.h1rows, .h2rows, .h3rows, .h4rows, .h5rows, .h6rows, .h7rows, .h8rows, .h9rows, .h10rows {
	margin-bottom: 12px;
	overflow: hidden;
	
	padding: 0;
	
	/* debug 
	background-color: grey;
	 */
	
}

.hlast {
	margin-bottom: 0 !important;
}

/* raster vertikal ende */
/************************/


/**********************************/
/* trennlinien u. speciale anfang */

.separator6pxnegmarg {
	margin-top: -6px;
	height: 6px;
	margin-bottom: 12px;
}

.separator {
	height: 12px;
	margin-bottom: 12px;
}

.hgfarbehellgrau {
	background-color: #ebebeb;
}

.hgfarbeschwarz {
	background-color: #000;
}

.hgfarbeblau {
	background-color: #009edd;
}

.hgfarbegelb {
	background-color: #f9b82c;
}

.hgfarbegruen {
	background-color: #8bbb13;
}

.hgfarbebraun {
	background-color: #8a5b29;
}

.hgfarbelila {
	background-color: #85006c;
}

.hgfarbedreckis {
	background-color: #006774;
}

.hgfarbepink {
	background-color: #e10579;
}

.hgfarbesiogelb {
	background-color: #fdc400;
}

.hgfarbemagenta {
	background-color: #e2007a;
}


.preisevorort {
	width: 100%;
}

.schonab {
	display: block;
	
	padding: 24px 0 0 29px;
	width: 145px;
	height: 84px;
	background: transparent url(../img/universell/schon-ab.png) no-repeat top left;
	
	font: bold 72px Helvetica, Arial, sans-serif;
	letter-spacing: -0.1em;
	color: black;
	
	line-height:100%;
}

/* trennlinien u. speciale ende */
/********************************/




/**********************/
/* navgenerell anfang */


/**************************
 * ebene 1
 **************************/

.navgenerell {
	padding: 0px 0px 0px 0px;
	height: 24px;
	background: black;
	position: relative;
	z-index: 10;
	text-decoration:none;
}

.navgenerell.ebene1 {
	list-style: none;
	text-decoration:none;
}

.navgenerell.ebene1 li {
	cursor: pointer;
	float: left;
	background: white url(../img/nav/hg-schwarz.gif) no-repeat top right;
	
	margin: 0 0 0 0;
	padding: 5px 10px 1px 10px;
	height: 19px;
	
	position: relative;
	text-decoration:none;
}

.navgenerell.ebene1 li:hover {
	background-image: url(../img/nav/hg-orange.gif);
}

.navgenerell.ebene1 li.home{
	padding: 0;
	margin: 0;
	width: 30px;
	height: 24px;
	background: url(../img/nav/home-deaktiviert-schwarz.gif) no-repeat left top;
	text-decoration:none;
}

.navgenerell.ebene1 li.home:hover, .navgenerell.ebene1 li.home.aktiv {
	background: url(../img/nav/home-aktiv-orange.gif) no-repeat left top;
}


.navgenerell.ebene1 li.reiseziele {
	width: 148px;
}

.navgenerell.ebene1 li.hotels {
	width: 80px;
}

.navgenerell.ebene1 li.reiseziele div.dropdown {
	background: transparent url(../img/nav/dropdown-schwarz.gif) no-repeat top left;
	width: 13px;
	height: 12px;
	position:absolute;
	left: 145px;
	top: 7px;
}

.navgenerell.ebene1 li.reiseziele:hover div.dropdown {
	background-image: url(../img/nav/dropdown-orange.gif);
}

.navgenerell.ebene1 li.hotels div.dropdown {
	background: transparent url(../img/nav/dropdown-schwarz.gif) no-repeat top left;
	width: 13px;
	height: 12px;
	position:absolute;
	left: 80px;
	top: 7px;
}

.navgenerell.ebene1 li.hotels:hover div.dropdown {
	background-image: url(../img/nav/dropdown-orange.gif);
}

.navgenerell.ebene1 li a {
	text-transform: uppercase;
	color: white;
	font: bold 14px Arial, Helvetica, sans-serif;
	text-decoration:none;
}

.navgenerell.ebene1 li:hover a {
	text-transform: uppercase;
	color: black;
	font: bold 14px Arial, Helvetica, sans-serif;
	text-decoration:none;
}


/**************************
 * ebene 2 - position wird in base.js nochmals in abhängigkeit vom browser korrigiert! 
 **************************/
.navgenerell.ebene1 .ebene2 {
	position: relative;
	display: none;
	list-style: none;

	padding: 13px 0 0 6px;
	margin-top: 3px;
	margin-left: -10px;
	width: 162px;
	
	background: #ef9900;
}

.navgenerell.ebene1 .ebene2 li {
	padding: 0px 0px 2px 10px;
	margin: 0 0 0 -6px;
	width: 158px;
	display: block;
	background: white;
	border: 0;
}

.navgenerell.ebene1 .ebene2 li a {
	color: black;
	text-transform: none;
	font: normal 12px Arial, Helvetica, sans-serif;
}

.navgenerell.ebene1 .ebene2 li:hover a {
	font-weight: bold;
}



/**************************
 * ebene 3
 **************************/
.navgenerell.ebene1 .ebene2 .ebene3{
	position: relative;
	display: none;
	list-style: none;

	padding: 0px 0 0 6px;
	margin-top: -16px;
	margin-left: 157px;
	width: 161px;
	
	background: #ec8807;
}

.navgenerell.ebene1 .ebene2 .ebene3 li {
	display: block;
	background: white;
	width: 157px;
	padding: 2px 0px 2px 10px;
	margin-left: -6px;
	border: 0;
}

.navgenerell.ebene1 .ebene2 .ebene3 li a {
	color: black;
	text-transform: none;
	font: 12px Arial, Helvetica, sans-serif;
}

.navgenerell.ebene1 .ebene2 .ebene3 li:hover a {
	font-weight: bold;
}


/* navgenerell ende */
/********************/


/***************************/
/* html korrekturen anfang */

body {
	/*background: green;*/
	
	background: white url(../img/hg.gif) scroll repeat-x left top;
	font-size: 12px;
	color: black;
	
	margin: 0;
	padding: 0;
}

img {
	margin: 0;
	padding: 0;
	border: 0;
}

ul {
	margin: 0;
	padding: 0;
}

p {
	padding: 0;
	margin: 0;
}

a {
	border: 0;
	margin: 0;
	padding: 0;

}

* {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 135%;
}

table tr td {
	vertical-align: top;
}

/* html korrekturen ende */
/*************************/


/************************/
/* hauptbereiche anfang */

.containeroutside {
}

.containerinside {
	width: 978px;
	margin: auto;
	text-align: center;
}

.overallhead, .overallcontent, .overallfoot {
	clear: both;
	text-align: left;
}

/**************************
 * head
 **************************/
 
.overallhead {
	position: relative;
}

.quicklink {
	position: absolute;
	top: 7px;
	right: 0;
}

.auszeichnungen {
	position: absolute;
	bottom: 25px;
	right: 0;
}

.auszeichnungen img {
	margin-left: 8px;
}

.overallcontent {
	padding-top: 12px;
}

.overallfoot {
}

/* hauptbereiche ende */
/**********************/




/****************/
/* fonts anfang */


.fontfarbeweiss, .fontfarbeweiss a {
	color: #ffffff;
}

.fontfarbedunkelweiss, .fontfarbedunkelweiss a {
	color: #c7cac9;
}

.fontfarbehellgrau, .fontfarbehellgrau a {
	color: #6e6e6e;
}

.fontfarbedunkelgrau, .fontfarbedunkelgrau a {
	color: #2c2c2c;
}

.fontfarbehellblau, .fontfarbehellblau a {
	color: #496992;
}

.fontfarbetuerkis, .fontfarbetuerkis a {
	color: #2e7dc0;
}

.fontfarbedunkelgruen, .fontfarbedunkelgruen a {
	color: #72b500;
}

.fontfarbedunkelblau, .fontfarbedunkelblau a {
	color: #0055a3;
}

.fontfarbetiefblau, .fontfarbetiefblau a {
	color: #005393;
}

.fontfarbedunkelblau, .fontfarbedunkelblau a {
	color: #009edd;
}

.fontfarbeorange, .fontfarbeorange a {
	color: #e97d09;
}

.fontfarbepink, .fontfarbepink a {
	color: #e0006b;
}

.fontfarbelila, .fontfarbelila a {
	color: #85006c;
}

.fontfarberot, .fontfarberot a {
	color: #e1121e;
}

.fontfarbeibizagruen, .fontfarbeibizagruen a {
	color: #485a08;
}

.fontfarbehellgruen, .fontfarbehellgruen a {
	color: #d2d600;
}

.fontfarbeflugblau, .fontfarbeflugblau a {
	color: #009ede;
}

.fontfarbefloert, .fontfarbefloert a {
	color: #9904b5;
}


.fonthellgruenelinks a {
	color: #d2d600 !important;
	
}


.fontrotelinks a {
	color: #e1121e !important;
	
}

.fonttiefblauelinks a {
	color: #005393 !important;

}

.fontorangelinks a {
	color: #e97d09 !important;

}

.fontblauelinks a {
	color: #2e7dc0 !important;

}

.fontgruenelinks a {
	color: #72b500 !important;

}

.fontpinkelinks a {
	color: #e0006b !important;

}

.fontlilalinks a {
	color: #85006c !important;
	
}

.fontibizagruenlinks a {
	color: #485a08 !important;
	
}

.font50px, .font50px a {
	font-size: 50px;
}

.font48px, .font48px a {
	font-size: 48px;
}

.font46px, .font46px a {
	font-size: 46px;
}

.font36px, .font36px a {
	font-size: 36px;
}

.font34px, .font34px a {
	font-size: 34px;
}

.font30px, .font30px a {
	font-size: 30px;
}

.font28px, .font28px a {
	font-size: 28px;
}

.font24px, .font24px a {
	font-size: 24px;
}

.font20px, .font20px a {
	font-size: 20px;
}

.font18px, .font18px a {
	font-size: 18px;
}

.font14px, .font14px a {
	font-size: 14px;
}

.font15px, .font15px a {
	font-size: 15px;
}

.font10px, .font10px a {
	font-size: 10px;
}

.font11px, .font11px a {
	font-size: 11px;
}

.font12px, .font12px a {
	font-size: 12px;
}

.lineheight100p, .lineheight100p a {
	line-height: 100%;
}

.lineheight110p, .lineheight110p a {
	line-height: 110%;
}

.lineheight120p, .lineheight120p a {
	line-height: 120%;
}

.letterspacingmin0-1em, .letterspacingmin0-1em a {
	letter-spacing: -0.1em;
}

.fontbold {
	font-weight: bold;
}

/* fonts ende */
/**************/

/***********************/
/* hilfsklassen anfang */
.fllt { float: left; }
.flrt { float: right; }

.cllt { clear: left; }
.clrt { clear: right; }
.clbt { clear: both; }

.poab { position: absolute; }
.pore { position: relative; }
.post { position: static; }

.alt { text-align: left; }
.art { text-align: right; }
.act { text-align: center; }

.vatp img { vertical-align: top; }
.vamd img { vertical-align: middle; }
.vabt img { vertical-align: bottom; }
.vabl img { vertical-align: baseline; }

.nomargin { margin: 0; }
.nopadding { padding: 0; }
.normargin { margin-right: 0; }
.nobmargin { margin-bottom: 0;}


/* hilfsklassen ende*/
/********************/


/***********************/
/* nico vorübergehend */

.schrift_inhalt {
    font-size: 11px;
	color:#666666;
	padding:10px;
	vertical-align:top;
}	

/* nico vorübergehend ende*/
/********************/