/*

Enthält alle allgemeinen Angaben:
	- Schriften
	- Rahmen
	- Hintergrundfarben
	- Formulare
	- Floats
	- Ausrichtungen

*/

/*************************************************************************
	INFO:
	
	FARBENCODES:
		+++
		
		GRUNDREGEL:
			Alle FarbenCodes bestehen aus zwei jeweils zweistelligen Zahlen,
			wovon das erste Zahlen-Paar für die Farbe und das Zweite für die Farbabstufung steht.
			Gibt es keine Farbabtufungen, so entfaellt das zweite Zahlen-Paar 
		
		+++
		
		FARBE 01: Weiss / #FFF
		FARBE 01 Abstufungen:	keine
		BEISPIEL: color01 == Weiss

		+++
		
		FARBE 02: Schwarz / #000
		FARBE 02 Abstufungen:	keine
		BEISPIEL: color02 == Schwarz

		+++
		
		FARBE 03: Orange
		FARBE 03 Abstufungen:	01: Hellorange / #FCE1B8
								02: Mittelorange / #FFCC7C
								03: Dunkelorange / #FF9900
		BEISPIEL: color0303 == Dunkelorange
		
		+++
		
		FARBE 04: Blau
		FARBE 04 Abstufungen:	01: Hellblau 1 / #CEDBF6
								02: Hellblau 2 / #9CB6EC
								03: Mittelblau / #4B73C8
								04: Dunkelblau / #003399
		BEISPIEL: color0403 == Mittelblau
		
		+++
		
		FARBE 05: Hellgelb / #F8EEB9
		FARBE 05 Abstufungen:	keine
		BEISPIEL: color05 == Hellgelb
		
		+++
		
		FARBE 06: Blassblau
		FARBE 06 Abstufungen:	01: Blassblau 1 / #C1E8F8
								02: Blassblau 2 / #83D1F1
								03: Blassblau 3 / #40AFDC
								04: Blassblau 4 / #F0FBFF
		BEISPIEL: color0603 == Blassblau 3
		
	
*************************************************************************/

/* START: Allgemeine Stile */
body {
	margin:0;
	padding:0;
	background-color:#FFF;
}
* {
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size:11px;
	text-decoration:none;
}
p {
	margin:0;
	padding:0 0 9px 0;
	line-height:1.4em;
}
div,h1,h2,h3,h4,h5,h6,ul,li {
	margin:0;
	padding:0;
	border:0;
}
form {
	display:inline;
}
option {
	padding-top:2px;
}
input {
	height:14px;
}
* html input { /* Hack fuer IE (Win) */
	height:18px;
}
td {
	letter-spacing:-1px;
}
a img {
	border:0;
}
table td {
    padding:0px;margin:0px;
}

.noWrap {
    white-space:nowrap;
}


/* ENDE: Allgemeine Stile */

/* START: Allgemein anwendbare Klassen */
.bold {
	font-weight:bold;
}

.uppercase {
	text-transform:uppercase;
}

.italic {
	font-style:italic;
}

.underline {
	text-decoration:underline;
}

.spacingMinus {
	letter-spacing:-1px
}
.spacingNormal {
	letter-spacing:normal;
}

.hideThis {
	display:none;
}

.displayBlock {
	display:block;
}
.displayInline {
	display:inline;
}

.alignLeft {
	text-align:left;
}
.alignCenter {
	text-align:center;
}
.alignRight {
	text-align:right;
}

.vAlignTop {
	vertical-align:top;
}
.vAlignBottom {
	vertical-align:bottom;
}

.floatLeft {
	float:left;
}
.floatRight {
	float:right;
}
.clearLeft {
	clear:left;
}
.clearRight {
	clear:right;
}
.clearBoth {
	clear:both;
}

	/* START: Formular-Felder */
	.inputText110px {
		width:110px;
		letter-spacing:-1px;
	}
	* html .inputText140px { /* Hack fuer IE (Win) */
		width:144px;
	}
	.inputText161px {
		width:161px;
		letter-spacing:-1px;
	}
	* html .inputText161px { /* Hack fuer IE (Win) */
		width:165px;
	}
	.inputText181px {
		width:181px;
		letter-spacing:-1px;
	}
	* html .inputText181px { /* Hack fuer IE (Win) */
		width:185px;
	}
	.inputCheckBox, .inputRadio {
		margin:3px 4px 0 0;
		padding:0;
		border:0;
	}
	* html .inputCheckBox, * html .inputRadio { /* Hack fuer IE (Win) */
		margin:1px 0 0 0;
	}
	/* ENDE: Formular-Felder */

	/* START: Text-Groesse */
	.text9px {
		font-size:9px;
	}
	.text10px {
		font-size:10px;
	}
	.text11px {
		font-size:11px;
	}
	.text12px {
		font-size:12px;
	}
	.text13px {
		font-size:13px;
	}
	.text14px {
		font-size:14px;
	}
	/* ENDE: Text-Groesse */

/* ENDE: Allgemein anwendbare Klassen */


/* START: Startseite */
#MainBox {
	width:1000px;
}
#MainHeader {
	width:1000px;
	height:100px;
}
#MainHeader div.headerDiv {
	height:100px;
	background-color:#FF9900;
	float:left;
	display:inline;
}
#MainHeader div.headerDiv div {
	height:33px;
	background-color:#FFCC7C;
}

#MainHeaderTUS {
	width:1000px;
	height:90px;
}
#MainHeaderTUS div.headerDiv {
	float:left;
	display:inline;
}

#MainHeaderTUS div img {
	display:block;
}


#MainHeader div img {
	display:block;
}
#MainNav {height:27px;}
#MainNav ul {
	padding:7px 0;
}
#MainNav ul li  {
	float:left;
	display:inline;
	color:#003399;
	font-size:11px;
	font-weight:bold;
}
#MainNav ul li a  {
	float:left;
	padding:0 12px 0 12px;
	color:#003399;
	font-size:11px;
	font-weight:normal;
}
#MainNav ul li a.active  {
	font-weight:bold;
}
#MainNav2 {
  height: 34px; 
  position: relative; 
  z-index: 999;
  background-color: #FF9900;  
}

#MainNavHotelDetails {
        background-color: #FF9900;  
	color:#003399;
	letter-spacing: -1px;
	margin: 0px;
	height: 30px;
	width: 700px;
	overflow: hidden;
	
}
#MainNavHotelDetails ul {
	padding:0;
	margin: 0;
}
#MainNavHotelDetails ul li  {
	float:left;
	display:inline;
	color:#5e5f63;
	font-size:11px;
	height: 30px;
	line-height: 30px;
	margin-right: 1px;
}

#MainNavHotelDetails .seperator {
  border-left: 1px solid #003399;
}

#MainNavHotelDetails ul li a  {
	float:left;
	padding:0 7px 0 7px;
	color:#003399;
	font-weight: bold;
	font-size: 12px;
}
#MainNavHotelDetails ul li a.active  {
	font-weight:bold;
	color: #fff;
}


#MainContent {
	width:1000px;
}
.floatingBox {
	display:inline;
	float:left;
	margin:0 10px 0 0;
    min-height:20px;
}
.mainMiniBox {
	padding:0 0 10px 0;
	margin:0 0 10px 0;
	width:160px;
}
.mainMiniBox img {
	display:block;
	margin:0 0 0 10px;
}
.mainMiniBox div {
	height:33px;
}
/* ENDE: Startseite */

/* START: Hinweis Layer */

div#confirmLayer {
	position:absolute;
    visibility:hidden;
}

div#confirmLayer div#confirmLayerHeader {
	border-bottom:1px #87A2DA solid;
	width:380px;
}

div#confirmLayerHeader img {
	 border-bottom:4px #FF9900 solid;
}

div#confirmLayer div#confirmLayerContent {
	width:360px;
	padding:10px;
	height:auto;
}

div#confirmLayer div#confirmLayerContentInside {
	width:360px;
	background-color:#ffffff;
}

#Frame {width:760px;}
 #Head {width:760px;}
 .col1 {width:30px}
 .col2 {width:130px}
 .col3 {width:120px}
 .col4 {width:120px}
 .col5 {width:235px}
 .col6 {width:105px}

 #Footer .col1 {width:95px}
 #Footer .col2 {width:150px}
 #Footer .col3 {width:425px}
 #Footer .col4 {width:70px}



/* ENDE: Hinweis Layer */

/* RDedit Klassen fuer Red Dot --------------------------------------------------- */
.RDedit {background-color: #ffcccc; font-family : sans-serif;font-size : 11px;color:#ebf5ff;}
.RD {margin:0px 0px 0px 0px;font-size:10px;font-weight:bold;font-family:verdana,sans-serif;color:#ff0000;}
.RDborder {border-right: #ff0000 1px dashed;border-top: #ff0000 1px dashed;border-left: #ff0000 1px dashed;border-bottom: #ff0000 1px dashed}
a.RDlink, a.RDlink:link, a.RDlink:visited, a.RDlink:hover, a.RDlink:active {color:#FF0000; text-decoration:underline;font-weight:bold;}

@media print {
body {margin:0px;}
  #Head {width:620px;}
  #Head .screen {display:none;}
  #Frame {width:620px;overflow:hidden;}
  .col1 {width:30px}
  .col2 {width:115px}
  .col3 {width:100px}
  .col4 {width:120px}
  .col5 {width:150px}
  .col6 {width:105px}
#Footer {}
#Footer .col1 {width:95px}
#Footer .col2 {width:115px}
#Footer .col3 {width:340px}
#Footer .col4 {width:70px}
}
#Banner {position:absolute;visibility:visible;top:16px;left:317px;width:468px;height:60px;min-height:60px;z-Index:10;}
