@charset "iso-8859-1";

body {
	background-color: #000066;
	color: #fff;
	font-family: arial, helvetica, sans-serif;
	font-size: 100.1%;
	margin: 0;
	padding: 1em;
}
#pageWrapper {

	width: 780px;
	margin-left: auto;
	margin-right: auto;
	min-width: 500px;
	background-image: url("mallorca_images/bg_pink.gif");
	background-repeat: repeat;
	background-position: 100% 0;
	border-style: solid;
	border-width: 0 1px;
	font-size: 80%;
}
#masthead {
	height: 54px;
	background-color: #ffffff;
	background-image: url("mallorca_images/top2bg.gif");
	background-repeat: repeat;
	background-position: 100% 0;
	border-style: solid;
	border-width: 1px 0;
	color: #fff;
	font-family: Georgia, Trebuchet, Arial;
	font-size: 18px;
	color: #666666;
}
#masthead img {
	float: left;
}
#masthead h1 {
	font-family: Georgia, Trebuchet, Arial;
	font-size: 18px;
	color: #666666;
	margin: 40px 0 0 400px;
	/*display: inline;*/
}
#outerColumnContainer {
	padding-left: 15em;
	margin-right: 10em;
	background-image: url("mallorca_images/bg.gif");
	background-repeat: repeat;
	background-position: 0 0;
	z-index: 1;
	border-color: #fff;
	border-style: solid;
	/*border-width: 0 13em;*/
	border-width: 0;
	border-left-color: #cccccc;
	border-right-color: #bb8;
}

#outerColumnContainer2 {
	padding-left: 15em;
	margin-right: 0em;
	background-image: url("mallorca_images/bg.gif");
	background-repeat: repeat;
	background-position: 0 0;
	z-index: 1;
	border-color: #fff;
	border-style: solid;
	/*border-width: 0 13em;*/
	border-width: 0;
	border-left-color: #cccccc;
	border-right-color: #bb8;
}
* html #outercolumncontainer {
	/* IE5.0/Win fix for 1px whitespace between masthead and body. */
	margin-top: -1px;
	border-top: solid 1px #000;
}
#innerColumnContainer {
	z-index: 2;
	width: 100%;
	background-color: #ffffff;
	border-style: solid;
	border-width: 0 1px 0 0;
	margin: 0 -1px;	
}
* html #innerColumnContainer {
	position: relative;	/* fix a render bug in IE under certain
				   conditions */
}
#contentColumn {
	margin: 0 -1px;
	width: 100%;
}
#outerColumnContainer, #contentcolumn	/* selector case hack to reset version 4
					   stylesheet setting */
{
	background-color: #fff;	
	color: #000;
}
#leftColumn, #centerColumn, #rightColumn, #masthead {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
#leftColumn, #rightColumn, #contentColumn {
	float: left;
	position: relative;	/* IE has a display/render bug with non-floated 
				   block elements inside floated block elements. 
				   setting position:relative on the floating
				   element seems to resolve this. */
	z-index: 10;
	overflow: visible;	/* fix for IE italics bug */
	color: #000;
}
#rightColumn {
	float: right;
	width: 10em;
	margin: 0 -10em 0 1px;
	background-color: transparent;
}
#leftColumn {
	width: 15em;
	margin: 0 1px 0 -15em;
	background-color: transparent;
}
#footer {
	position: relative;
	background-image: url("mallorca_images/bg_pink.gif");
	background-repeat: repeat;
	background-position: 100% 0;
	border-style: solid;
	border-width: 1px 0;
	background-color: #885;
	color: #336;
	text-align: center;
	padding: 1em;
}
.clear {
	clear: both;
	padding-bottom: 1px;	/* for Gecko-based browsers */
	margin-bottom: -1px;	/* for Gecko-based browsers */
}
.hide, #oldBrowserNotice, .ieSixCharDupBug {
	/* hide elements that CSS-targeted browsers shouldn't show */
	display: none !important;
}
#contentColumn {
	border-width: 0;	/* reset value from that in the version 4 
				   stylesheet. this isn't in borders.css because
				   were you to create a print.css and not 
				   include borders.css, then the v4 border would
				   still remain when you print. */
}

* html body
{
	text-align: center;	/* hack to center this under IE5 */
}
* html #pageWrapper
{
	text-align: left;	/* keep the content left-aligned */
}
/* :root is an invalid pseudo class but mozilla knows it */
:root code
{
	font-size: 120%;	/* monospace fonts are typically smaller that 
				   'normal' fonts under Mozilla. */
}

h1 { font-size: 180%;}
h2 { 
background: #000066;
font-size: 130%; 
font-family: Arial, Verdana; 
color: #fff;
text-align: center;
padding: 2px;
}
h3 { 
font-size: 130%;
font-family: Arial, Verdana; 
color: #FF9900;
}
h4 { font-size: 120%;}
h5 { font-size: 110%;}
h6 { font-size: 100%;}
p, h1, h2, h3, h4, h5, h6 { margin: 1em 0;}
.inside {
	padding: 0 0.8em;
}
.inside-left {
	padding: 0 1em;
}
html>body #footer {
	padding-bottom: 1.01em;
}
.hnav {
	border-bottom: solid 1px #fff;
	text-align: center;
	border-style: solid;
	border-width: 0 0 1px 0;
}
.hnav, .hnav ul li a {
	padding-top: 3px;
	padding-bottom: 4px;
	color: #336;
}
.hnav ul, .hnav ul li {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.hnav ul li a {
	margin: 0 -1px 0 0;
	padding-left: 10px;
	padding-right: 10px;
	border-left: solid 1px #98674C;
	border-right: solid 1px #98674C;
	white-space: nowrap;
}
.hnav ul li a:link, .hnav ul li a:visited, .hnav ul li a:active, .hnav ul li a:hover {
	text-decoration: none;
}
.hnav ul li span.divider {
	display: none;
}
.hnav ul li a:hover, .hnav ul li a:active {
	background-color: #98674C;
	color: #fff;
}
#pageWrapper, #innerColumnContainer, #masthead, #footer, .hnav {
	border-color: #98674C;
}
* html .hnav ul li, * html .hnav ul li a {
	width: 1%; /* IE/Mac needs this */
	display: inline-block;	/* IE/Mac needs this */
	/* \*/
	width: auto;
	display: inline; 
	position: relative;
	/* reset above hack */
}
* html .hnav, * html .hnav ul a {
	/* \*/ height: 0.01%; /* hasLayout hack to fix render bugs in IE/Win. 
				 IE/Mac will ignore this rule. */
}
* html .HNAV {
	padding: 0;	/* IE5/Win will resize #hnav to fit the heights of its
			   inline children that have vertical padding. So this
			   incorrect case selector hack will be applied only by
			   IE 5.x/Win */
}
.vnav {
	margin: 1em 0;
}
.vnav ul, .vnav ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: block;
}
.vnav ul {
	border: solid 1px #98674C;
	border-bottom-width: 0;	
	margin: 1em 0;
}
.vnav ul li {
	border-bottom: solid 1px #98674C;
}
.vnav ul li a {
	display: block;
	text-decoration: none;
	padding: 2px 5px;
	color: #336;
	background-color: transparent;
}
* html .vnav ul li a/* hide from IE5.0/Win & IE5/Mac */ {
	height: 1%;
}
* html .vnav ul {
	position: relative;	/* IE needs this to fix a rendering problem */
}

.vnav ul li h3 {
	margin: 0;
	padding: 2px 5px;
	font-size: 12px;
	border: 0;
	background-color: #000066;
	color: #ffffff;
}
.vnav li#active a, .hnav li#active a {
	background-color: #98674C;
	color: #fff;
}
#rightColumn .vnav ul li a:hover, .vnav ul li a:hover, .vnav ul li a:active {
	background-color: #98674C;
	color: #fff;
}
#rightColumn .vnav ul li a {
	color: #336;
	background-color: #ddb;
}


* html #pageWrapper
{
	word-wrap: break-word;
}
.content-box {
	width: 420px;
	background-color: #eee;
	border: 1px solid gray;
	padding: 8px;
	margin: 10px 0;
	vertical-align: bottom;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
.box-right {
	width: 120px;
	background-color: #ccc;
	border: 0px solid gray;
	padding: 4px 0;
	margin: 4px 4px 12px 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}
.box-right h1 {
font-family: Arial, Verdana, sans-serif; 
font-size:12px;
color:#000066; 
text-align:center;
margin: 5px 0;
padding: 0 4px;
}
.box-right p {
font-family: Arial, Verdana, sans-serif; 
font-size:11px; 
text-align:center;
margin: 0 0 3px 0;
padding: 0 4px;
}
.box-right a {
font-family: Arial, Verdana, sans-serif; 
font-size:12px; 
color:#000066;
text-align:center;
text-decoration:none;
margin: 0;
padding: 0;
}
.box-right img {
border: 0px solid gray;
text-align:center;
margin: 0 4px;
padding: 0;
}
#flags {
padding:0 3px;
margin: 0;
}
#flags img {
margin: 0 7px;
}

.floatleft {
	float: left;
	margin: 0px 12px 0px 0px;
	border: 1px solid #98674C;
	padding: 1px;
	clear:all;
}

.floatright {
	float: right;
	margin: 0px 0px 0px 12px;
	border: 1px solid #98674C;
	padding: 1px;
	clear:all;
}

table.kurs
{text-align: center;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
font-weight: normal;
font-size: 11px;
color: #fff;
width: 100%;
background-color: #666;
border: 0px;
border-collapse: collapse;
border-spacing: 0px;
margin: 0}

table.kurs td
{background-color: #E8D292;
color: #000066;
font-size: 10px;
padding: 2px;
width: 20%;
text-align: center;
border: 2px #fff solid;}

table.kurs td.hed
{background-color: #98674C;
color: #fff;
padding:  4px 1px 4px 1px;
width: 20%;
text-align: center;
border-bottom: 2px #fff solid;
font-size: 10px;
font-weight: none;}

table.kurs td.left 
{background-color: #E8D292;
color: #724126;
padding: 4px 2px 4px 2px;
width: 20%;
text-align: left;
border-bottom: 2px #fff solid;
font-size: 10px;
font-weight: none;}

table.kurs td.left1 
{width: 35%;
text-align: left;
color: #724126;}

table.kurs td.left a
{color: #fff;
font-size: 10px;
font-weight: bold;}

table.kurs td.left a:hover
{color: #336699;
font-size: 10px;
font-weight: none;}



table.hotels
{text-align: left;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
font-weight: normal;
font-size: 11px;
color: #fff;
width: 100%;
background-color: #fff;
border: 0px;
border-collapse: collapse;
border-spacing: 0px;
margin: 0}

table.hotels td
{background-color: #fff;
color: #000066;
font-size: 11px;
padding: 2px;
width: 70%;
text-align: left;
border: 2px #fff solid;}

table.hotels td.hed
{background-color: #98674C;
color: #fff;
padding:  4px 1px 4px 1px;
width: 100%;
text-align: center;
border-bottom: 2px #fff solid;
font-size: 11px;
font-weight: none;}

table.hotels td.left 
{background-color: #fff;
color: #724126;
padding: 4px 2px 4px 2px;
width: 30%;
text-align: left;
border-bottom: 2px #fff solid;
font-size: 10px;
font-weight: none;}

table.hotels td.left1 
{width: 35%;
text-align: left;
color: #724126;}

table.hotels td.left a
{color: #fff;
font-size: 10px;
font-weight: bold;}

table.hotels td.left a:hover
{color: #336699;
font-size: 10px;
font-weight: none;}