
/*IDs für die Aktuelle Farbe*/

/****************************************************************************
Allgemeine Styles
****************************************************************************/
a img {
	border:none;
}
form {
	margin:0px;
	display:inline;
}
body, h1, h2, h3, h4, h5, h6, td {
	font-size: 12px;
	font-family:		"Trebuchet MS", Tahoma, Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	margin:0px;
}
p { margin: 0px;}
a:link, a:active, a:hover {
	font-size: 12px;
	font-family:		"Trebuchet MS", Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #0099FF;
	text-decoration:underline;
} 
a:visited {
	font-size: 12px;
	font-family:		"Trebuchet MS", Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #663366;
	text-decoration:underline;
}
body {
	background-color: #C7E7FF;
	background-attachment: fixed;
	background-image: url(../images/hintergruende/bg_verlauf_cuba.jpg);  
	background-repeat: repeat-x;
	background-position: top;
}
.Ueberschrift {
	font-family:		"Trebuchet MS", Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #336699;
}
.Inhalte {
	padding: 0 0 5px 0;
}
#clearLeftFloat{
	clear:left;
}

/****************************************************************************
Styles für Layout der Seite
****************************************************************************/
#mainBox {
}
#headlineCornerLeft {
 display:none;
}
#headlineCornerRight {
 display:none;
}
#headLine {
 display:none;
}
#headLine td {
 display:none;
}
#headPic {
	display:none;
}
#Angebotsanfrage {
 display:none;
}

#mainContent{
}
#contentArea{
}
* html #contentArea {
}
#contentArea3col{
}
* html #contentArea3col{
}
#contentCol3Right {
}
#content{
}
.contentBoxLeft{
display:none;
}
.contentBoxRight{
display:none;
}
.GalContent{
}
.contentBox{
}
#footerContent {
display:none;
}
#footer {
display:none;
}
.headPicLogo{
display:none;
}
/****************************************************************************
Styles für Navigation
****************************************************************************/
#level2Navigation{
 display:none;
}

/****************************************************************************
Styles für die verschiedenen Boxen
****************************************************************************/
.newsBox {
display:none;}
.newsBoxHeadline{
display:none;} 
#basketBox {
display:none;
}
#newsletterSign {
display:none;}
	
/****************************************************************************
Box für Last Minute, Hotelsuche etc.
****************************************************************************/
#specialContent {
	margin-top: 10px;
	color: #000000;
	height: 16px;
}
#specialContentHeadLeft {
	width: 15px;
	height: 16px;
	float: left;
	background-image:url(../images/hintergruende/bg_nav2_cuba.gif);
	background-position: left top;
	background-repeat: repeat x;
}
#specialContentHead {
	height: 16px;
	float: left;
	font-weight:bold;
	font-size: 10px;
	background-image:url(../images/hintergruende/bg_nav2_cuba.gif);
	background-position: left top;
	background-repeat: repeat x;
}
#specialContentHeadRight {
	width: 11px;
	height: 16px;
	float: left;
	background-image:url(../images/hintergruende/bg_nav2_cuba.gif);
	background-position: left top;
	background-repeat: repeat x;
}
#specialContentBox {
	border: 1px solid #0099FF;
	margin-top: 0px;
	padding: 4px;
	font-size: 10px;
	background-color: #FFFFFF;
	width: 570px;
}
#specialContentBox350 {
	border: 1px solid #0099FF;
	margin-top: 0px;
	padding: 4px;
	font-size: 10px;
	background-color: #FFFFFF;
	width: 400px;
}
* html #specialContentBox {
	width: 580px;
}
* html #specialContentBox350 {
	width: 410px;
}
#specialContentBox a:link, #specialContentBox a:hover, #specialContentBox a:active {
	font-size: 10px;
	color: #0099FF;
	text-decoration: underline;
}
#specialContentBox a:visited {
	font-size: 10px;
	color: #663366;
	text-decoration: underline;
}
.reisefuehrer {
	border: 1px solid #0099FF;
	padding: 4px;
	margin-right: 10px;
	height: 100px;
	overflow: hidden;
	font-size: 10px;
	width: 192px;
	background-color: #FFFFFF;
}
* html .reisefuehrer {
	width: 202px;
}
.reisefuehrer img {
	border: 0px solid #0099FF;
	margin: 4px;
}
.buchtipps {
	-moz-box-sizing:border-box;
	border: 1px solid #0099FF;
	padding: 4px;
	margin-right: 10px;
	height: 160px;
	overflow: hidden;
	font-size: 10px;
	width: 188px;	
	background-color: #FFFFFF;
}
.buchtipps img {
	border: 1px solid #0099FF;
}
.rfBoxHead {
	height: 16px;
	background-image:url(../images/hintergruende/bg_nav2_cuba.gif);
	background-repeat:repeat-x;
	background-position: left top;
	float: left;
	font-weight:bold;
	font-size: 10px; 
	padding-left: 4px;
}
.rfBoxhead a:link, .rfBoxhead a:active{ 
	font-size: 10px; 
	font-weight:bold;
	color: #FFFFCC;
	text-decoration: none;
}
.rfBoxhead a:hover{ 
	font-size: 10px; 
	font-weight:bold;
	color: #FF0066;
	text-decoration: none;
}
.rfBoxhead a:visited{ 
	font-size: 10px; 
	font-weight:bold;
	color: #663366;
	text-decoration: none;
}
/****************************************************************************
kleine Box Werbung
****************************************************************************/
#adBox {
	-moz-box-sizing:border-box;
	width: 150px;
	color: #000000;
	height: 16px;
}
#adBoxContent {
	border: 1px solid #0099FF;
	margin-top: 0px;
	padding: 4px;
	font-size: 10px;
	width: 150px;
	background-color: #FFFFFF;
}
#adBoxHead {
	height: 16px;
	background-image:url(../images/hintergruende/bg_nav2_cuba.gif);
	background-repeat:repeat-x;
	background-position: left top;
	float: left;
	font-weight:bold;
	font-size: 10px; 
	padding-left: 4px;
}
.adCatalogue {
	border: 1px solid #0099FF; 
	width:158px;	height:225px; 
	overflow:hidden
}
/****************************************************************************
Überschrift mit Rotem Pfeil
****************************************************************************/
.redArrowHead {
	padding-left: 10px;
	color: #0099FF;
	font-size: 13px;
	font-weight:bold;
}
.RTBredArrowHead{
	padding-left: 10px;
	color: #0099FF;
	font-size: 12px;
	font-weight:bold;
}
/****************************************************************************
Styles Startseite
****************************************************************************/
#mainContentStart{
	background-color: #FFFFFF;
	border-left: 1px solid #0099FF;
	border-right: 1px solid #0099FF;
	border-bottom: 1px solid #0099FF;
}
#contentAreaStart{
}
#contentStart{
	background-color: #F5F5F5;
}
#contentStartLeft {
	float:left;
	border-right: 1px dotted #336699;
}
* html #contentStartLeft {
	width: 550px;
}
#contentStartRight {
	margin-left: 8px;
	width: 200px;
	float:left;
}
* html #contentStartRight {
	width: 200px;
}
#picBoxStart {
	-moz-box-sizing:border-box;
	width: 99%px;
	overflow:hidden;
	padding-top: 4px;
	padding-bottom: 4px;
}
.picGalerieStart {
	width: 33%;
	font-size: 9px;
}
#dotLineTop, #dotLineBottom {
	background-image:url(../images/dot_blue_x.gif);
	background-repeat:repeat-x;
	background-position: left 10px;
	height: 19px;
}
#dotLineTop { margin-top: 5px; margin-bottom: 5px; }
#dotLineBottom { margin-bottom: 15px; }
#hotline {
	-moz-box-sizing:border-box;
	width: 160px;
	background-color: #C7E7FF;
	background-image: url(../images/telefon.gif);
	background-position: top left;
	background-repeat: no-repeat;
	border: 1px solid #0099FF;
	text-align: right;
	margin: 5px 0px 0px 0px;
	padding: 0px 2px 0px 0px;
	font-size: 10px;
}
* html #hotline {
	width: 160px;
	margin: 5px 2px 2px 0px;
	padding: 0px 2px 0px 0px;
}

/****************************************************************************
Hotel Tabelle
****************************************************************************/
#hotelDotLine {
	background-image:url(../images/dot_blue_x.gif);
	background-repeat:repeat-x;
	background-position: left 3px;
	height: 8px;
	line-height: 8px;
	font-size: 8px;
}
.hotelInfo {
	margin: 2px 5px 2px 5px;
}
.hotelInfoBG td {
	background-color: 	#FFFFFF;
}
.hotelTitleInfo1 {
	background-color:	#FFFFFF;
	width: 100%;
	padding-left: 5px;
	margin-bottom: 5px;	
}
.hotelTitleInfo table, .hotelTitleInfo tr, .hotelTitleInfo td {
	border: 1px solid #0099FF;
}
.hotelTable { -moz-box-sizing:border-box; }
.hotelTable table, .hotelTable tr, .hotelTable th, .hotelTable td {
	border: 1px solid #0099FF;
}
.hotelTable table {
	margin: 0 0 0 0px;
}
.hotelTable th {
	background-color: 	#FFFFFF;
	font-family:		"Trebuchet MS", Tahoma, Geneva, Arial, Helvetica, sans-serif;
 	font-size:			12px;
	font-weight:normal;
	padding: 2px;
	vertical-align: top;
	text-align:left;
	border: 1px solid 	#0099FF;
}
.hotelTable td {
 	font-family:		"Trebuchet MS", Tahoma, Geneva, Arial, Helvetica, sans-serif;
 	font-size: 			10px;
	font-weight:normal;
	padding: 2px;
	vertical-align: top;
	text-align:left;
	border: 1px solid 	#0099FF;
}
.hotelGalerie img {
	overflow:hidden;
	margin: 0px 10px 10px 0px;
	border:1px solid #0099FF;
	float:left;
	width:128px;height:83px;}
.hotelGalerie2 img {
	overflow:hidden;
	margin:0 0 5px 10px;
	border:1px solid #0099FF;
	width:118px;height:83px;}
.hotelGalerie3 img {
	overflow:hidden;
	margin:0 0 0px 0px;
	border:1px solid #0099FF;
	width:98px;height:78px;}
/****************************************************************************
Angebotsformulare, Katalogbestellung
****************************************************************************/
.inputTextLong {
      width: 200px;
      height: 22px;
      border: 1px solid #CCCCCC;
      background-color: #FFFFFF;
      color: #000000;
 }
 .inputTextShort {
      width: 60px;
      height: 22px;
      border: 1px solid #CCCCCC;
      background-color: #FFFFFF;
      color: #000000;
 }
  .inputTextextraShort {
      width: 24px;
      height: 18px;
      border: 1px solid #CCCCCC;
      background-color: #FFFFFF;
      color: #000000;
 }
 .inputTextMiddle {
      width: 100px;
      height: 22px;
      border: 1px solid #CCCCCC;
      background-color: #FFFFFF;
      color: #000000;
 }
  .inputTextDatum {
      width: 70px;
      height: 22px;
      border: 1px solid #CCCCCC;
      background-color: #FFFFFF;
      color: #000000;
 }
  .inputTextExtraLong {
      width: 220px;
      height: 22px;
      border: 1px solid #CCCCCC;
      background-color: #FFFFFF;
      color: #000000;
 }
 .inputTextArea {
      width:200px;
      height:100px;
      border: 1px solid #CCCCCC;
      background-color: #FFFFFF;
      color: #000000;
 }