/* = HTML
----------------------------------------------- */
body {
   margin: 0px;
   padding: 0;
   font: 11px "Verdana","Helvetica",sans-serif;
   margin-bottom: 3px;
   text-align: center;
   text-decoration: none;
   voice-family: "\"}\"";
   voice-family: inherit;
   text-align: left;
}

 
iframe {
	overflow: hidden;
	
}
li{
	margin-left: 13px;
	font-family:Arial, Helvetica, sans-serif !important;
    font-size: 11px !important;
	color: #FFFFFF;
}
ul{
   margin: 10px 0px -12px 0px;
   padding: 0px;
}
a {
   text-decoration: none;
   color:#FFFFFF;
}
a:hover {
   text-decoration: underline;
}
h1 {
   font: bold 12px "Verdana","Helvetica",sans-serif;
   background-color: #FFFFFF;
   margin: 0 0 39px 0;
   _margin: 0 0 20px 0;
   float: left;
   width: 100%;
}
h1 span{
   display: block;
   background: #FFF url(../images/el_ecke_infobox_oben2.gif) no-repeat top right;
   float: left;
   padding: 3px 18px 0 8px;
   margin: 0 0 -9px 0;
   position: relative;
   color: #222;
}
h2 {
   font: bold 11px "Verdana","Helvetica",sans-serif;
   background-color: transparent;
   color: #000000;
   margin: 0 0 5px 0;
}
h2.uppercase {
   text-transform: none;
   font-size: 11px;
}
h3 {
   margin: 0 0 12px 0;
   padding: 0;
   font: bold 12px "Verdana","Helvetica",sans-serif;
}
p{
   font: 11px "Verdana","Helvetica",sans-serif;
   margin: 0 10px 10px 0;
   background-color: transparent;
}
hr {
   background-color: #FFFFFF;
   height: 1px;
   border: 0px;
   padding: 0;
   margin: 10px 0;
   color: #CCCCCC;
   clear: both;
}
fieldset{
   border: none;
}
/* new style for lookalike input fields */
input.standard, textarea.standard {
   padding: 0px;
   color: #000000;
   font: 10px "Verdana","Helvetica",sans-serif;
   background-color: #FFFFFF;
   border: 1px solid #999999;
   height: 17px !important;
   height: 16px;
}
select.standard,
select {
   padding: 0px;
   color: #000000;
   font: 10px "Verdana","Helvetica",sans-serif;
   background-color: #FFFFFF;
   border: 1px solid #999999;
   height: 17px !important;
   height: 16px;
}
.inputWochentag {
   background: #CCCCCC;
   width: 22px;
   padding-top: 3px;
   padding-bottom: 4px;
   text-align: center;
   font: 10px "Verdana","Helvetica",sans-serif;
   color: #FFFFFF;
   text-decoration: none;
   text-transform: uppercase;
   height: auto;
   voice-family: "\"}\"";
   voice-family: inherit;
   height: auto;
   border: none;
}
/* = Seitenaufbau
----------------------------------------------- */
#mainBox {
   width: 743px;
   margin-right: auto;
   margin-left: auto;
   text-align: left;
}
.MainBody {
	width: 739px;
	height: 430px;
	background: #FFFFFF;
	padding: 0px;
	margin: 0px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 739px;
	border-top-width: 10px;
	border-right-width: 2px;
	border-bottom-width: 20px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
.MainBody[class] {
   height: auto;
   min-height: 430px;
}
.contentMarginalNarrow {
   float: left;
   background: #FFF;
   width: 530px;
   padding: 0px;
   margin: 0px;
   border-bottom: 0px;
}
#marginalWide	{
   float: right;
   width: 198px;
   padding-left: 5px;
   padding-right: 5px;
   voice-family: "\"}\"";
   voice-family: inherit;
   _width: 188px;
}
/* = Head
----------------------------------------------- */
#header {
   background-color: #000066;
   height: 81px;
   width: 743px;
   float: none !important;
   float: left;
}
#logo {
	float: left;
	padding: 3px 0 0 28px;
	background: url(../images/el_top_ecke_start.gif) left top no-repeat;
	vertical-align: bottom;
	background-color: #000066;
}
#claim-big	{
   float: right;
   padding-top: 15px;
   padding-left: 10px;
   padding-right: 3px;
   font-weight: bold;
   font-style: italic;
   color: #ffffff;
   font-size: 20px;
}
#claim-small	{
   float: right;
   padding-top: 25px;
   padding-left: 3px;
   padding-right: 5px;
   font-weight: bold;
   font-style: italic;
   color: #ffffff;
   font-size: 11px;
}
#header #loginControl {
   float: right;
   margin: 20px 20px 0 0;
   padding: 0;
   background: url(../images/bg_login2.gif) no-repeat top right;
}
#header #loginControl a{
   display: block;
   margin: 0 3px 0 0;
   padding: 1px 10px 1px 30px;
   background: url(../images/bg_login1.gif) no-repeat 0 0;
   font-weight: bold;
   color: #000;
}
/* Coorporationbild */
#header img.standard{
   float: left;
   margin: 2px 0 0 30px;
}
/* = Navigation
----------------------------------------------- */
/*	metaNavigation	*/
#metaNavigationDesignElement {
   float: left;
   width: 4px;
   height: 19px;
   line-height: 16px;
   background: url(../images/bg_metaNavDesignElement.gif) bottom right no-repeat #FBDA51;
}
	* html body div#metaNavigationDesignElement {
   height: 20px;
}
#metaNavigation {
   float: left;
   width: 739px;
   text-align: right;
   padding: 2px 0 3px 0;
   margin: 0px;
   background-color: #000066; /*	background-color: blau;*/
   font-weight: bold;
   color: #000000;
   border-bottom: 2px solid #fff;
   voice-family: "\"}\"";
   voice-family: inherit; /*	_background-color: red;*/
   _padding: 1px 0 3px 0 !important;
   _padding: 1px 0 4px 0;
}
	html>body #metaNavigation {
   padding: 1px 0 3px 0;
}
#metaNavigation a {
   color: #000000;
   font: bold 11px "Verdana","Helvetica",sans-serif;
   text-decoration: none;
   text-transform: none;
   white-space: nowrap;
   line-height: 11px;
   padding-right: 11px;
   background: url(../images/el_trennlinie_blau.gif) right no-repeat;
   text-transform: none;
}
#metaNavigation a.active,
#metaNavigation a.active2 {
   color: #FFFFFF;
   font: bold 11px "Verdana","Helvetica",sans-serif;
   text-decoration: none;
   text-transform: none;
}
#metaNavigation a.active2 {
   background: none;
}
#metaNavigation a.special{
   color: #FFF;
   background: url(../images/bg_linkOldSite.gif) top left no-repeat;
   padding: 3px 10px 3px 20px;
   voice-family: "\"}\"";
   voice-family: inherit;
   padding: 2px 10px 3px 20px;
}
html>body #metaNavigation a.special {
   padding: 2px 10px 3px 20px;
}
#metaNavigation a.anker {
   background: none;
   margin: 0;
   padding: 0;
}
/************************/
/*    mainNavigation    */
#mainNavigation {
    clear: both;
    background: #FFF; /* has to be white */
    height: 19px;
    border-style: solid;
    border-width:0 0 4px 0
}
#mainNavigation ul {
    padding: 0;
    margin: 0;
}
#mainNavigation ul li {
    list-style: none;
    float: left;
    vertical-align: bottom;
    padding: 0;
    margin: 0;
}
#mainNavigation ul li a {
    float: left;
    line-height: 15px;
    font-size: 11px;
    text-decoration: none;
    font-weight: bold;
    white-space: nowrap;
    padding: 0 10px;
    border-top: 4px solid #FFF; /* has to be white */
}
#mainNavigation ul li.last a {
    padding: 4px 22px 0 10px;
    border-top: none;
}

a.nav           	{
   color: #000000;
   line-height: 22px; /*font-family:Verdana,Helvetica,sans-serif; */
   font-size: 11px;
   text-decoration: none;
   text-transform: none;
   font-weight: bold;
   white-space: nowrap;
}

a.nav-inaktiv           	{
   color: #010165;
   line-height: 22px; /*font-family:Verdana,Helvetica,sans-serif; */
   font-size: 11px;
   text-decoration: none;
   text-transform: none;
   font-weight: bold;
   white-space: nowrap;
}
.mainNavInaktive_first {
   background: url(../images/bg_nav_inaktiv.gif) top right no-repeat;
}
.mainNavAktive_first {
}
.mainNavInaktive {
   background: url(../images/bg_nav_inaktiv.gif) top right no-repeat;
}
.mainNavAktive {
   background: url(../images/bg_nav_aktiv.gif) top right no-repeat;
}
.mainNavInaktive_last {
   background: url(../images/bg_nav_inaktiv_last.gif) top right no-repeat;
}
.mainNavInaktive_last a {
   padding-right: 12px;
}
.mainNavAktive_last {
   background: url(../images/bg_nav_aktiv_last.gif) top right no-repeat;
}
.mainNavAktive_last a {
   padding-right: 12px;
}
/*	footerNavigation	*/ 
/* Contentfooter */
#titleMenuContentFooterDetails {
	padding: 0 10px 0 10px;
	height: auto!important;
	height: 10px;
	min-height: 10px;
  
}
/* back - forward DefaultFooter */
.backFooterDefault{
   float: left;
   padding: 4px 0 4px 0;
   white-space: nowrap;
}
div.backFooterDefault a{
   background: url(../images/bt_pfeil_rot_zurueck.gif) no-repeat 0px 5px;
   padding: 2px 0 3px 11px;
   color: #E00;
}
.forwardFooterDefault{
   float: right;
   padding: 3px 0 2px 0!important;
   padding: 3px 0 2px 0;
   white-space: nowrap;
   margin: 0 3px 0 0;
}
/*	mainFooter	*/
#mainFooter {
	height: 20px;
	width: 743px;
	margin-left: auto;
	margin-right: auto;
	line-height: 19px;
	padding: 0 15px 0 5px;
	vertical-align: middle;
	font: 11px "Verdana","Helvetica",sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	text-transform: none;
	text-align: right;
	white-space: nowrap;
	float: left;
	voice-family: "\"}\"";
	voice-family: inherit;
	_width: 723px;
	background-color: #000066;
	background-image: url(../images/el_ecke_unten_rechts.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
	html>body #mainFooter {
	width: 723px;
}
.footerSeperator {
   margin-right: 9px;
}
a.footLink {
   float: left;
   padding: 0 5px 0 5px;
   color: #FFFFFF;
   font: 11px/1.8 "Verdana","Helvetica",sans-serif;
   text-decoration: none;
   text-transform: none;
   white-space: nowrap;
}
a.bookmark{
   background: url(../images/ic_bookmark.gif) no-repeat 20px 4px;
}
a.bookmark span.bookmark{
   margin: 0 0 0 18px;
}
a.footLinkRight {
   color: #FFFFFF;
   font: 11px/1.8 "Verdana","Helvetica",sans-serif;
   text-decoration: none;
   text-transform: none;
   white-space: nowrap;
}
#mainFooter a {
   text-transform: none;
}
/* = Contentelemente
----------------------------------------------- */
.contentMarginalNarrow a.contSubmit1 {
   color: #E00;
   text-decoration: underline;
}
/* = Marginalspalte
----------------------------------------------- */
.mainBodyMarginalHotelSearch h1 {
   vertical-align: top;
   font: bold 11px "Verdana","Helvetica",sans-serif;
   color: #FFFFFF;
   text-decoration: none;
   text-transform: none;
   padding: 3px 7px 5px 7px;
   background-color: #CCCCCC;
   margin: 0 0 7px 0;
   width: auto;
   float: none;
}
div#marginalHotelSearchFooter{
   _margin: -3px 0 0 0;
}
/* myHRS - HotelSerach - MarginalRow */
.mainBodyMarginalHotelSearch {
   background-color: #FFFFFF;
   margin: 8px 0 0 0;
   border: 1px solid #CCCCCC;
   border-width: 2px 2px 0 2px;
   color: #000003;
   width: 187px;
   voice-family: "\"}\""; 
   voice-family:inherit;
   width: 187px;
}
.IE5parseBug{
   
}
.mainBodyMarginalHotelSearch fieldset{
   padding: 0 0 0 8px;
}
.mainBodyMarginalHotelSearch input.standard {
   padding: 0 4px;
   _padding: 0 3px 0 4px;
}
.mainBodyMarginalHotelSearch br.clear {
   line-height: 3px;
}
fieldset#arrivalfield{
   clear: both;
}
#arrival {
   padding: 9px 0 0 0;
}
#departure {
   padding: 0 0 7px 0;
}
#arrival select.selectfeld_start1, 
#departure select.selectfeld_start1 {
   font-family: Arial, Verdana,Helvetica,sans-serif;
   width: 42px;
}
#arrival select.selectfeld_start2, 
#departure select.selectfeld_start2 {
   font-family: Arial, Verdana,Helvetica,sans-serif;
   width: 52px;
}
#location {
   padding: 0 0 12px 0;
}
#location label {
   font-weight: bold;
}
#location input {
   width: 155px;
   float: left;
   margin-top: 3px;
}
#location[id] input {
   width: 158px;
}
#location span.description {
   font: normal 10px "Verdana","Helvetica",sans-serif;
   color: #000003;
   text-transform: none;
   text-decoration: none;
   padding-left: 0px;
   width: 170px;
}
#singleRoom label, 
#doubleRoom label, 
#adults label, 
#selectChildren label {
   float: right;
   text-align: left;
   width: 108px;
   padding-top: 2px;
   margin-bottom: 5px;
   clear: both;
}
#singleRoom input, 
#doubleRoom input, 
#adults input {
   width: 30px;
}
#selectChildren select {
   width: 40px;
}
#selectChildren img {
   padding: 2px 0 0 4px;
}
#singleRoom .fieldPosition, 
#doubleRoom .fieldPosition, 
#adults .fieldPosition, 
#selectChildren .fieldPosition {
   float: left;
   text-align: left;
   width: 53px;
   padding-bottom: 3px;
}
.hotelSearchChildRow {
   background: #FFFFFF;
   margin-bottom: 1px;
   padding: 3px 4px 0px 4px;
}
.hotelSearchChildRow h3 {
   font-size: 10px;
   margin: 0;
}
#childAcommodation_1,
#childAcommodation_2,
#childAcommodation_3,
#childAcommodation_4,
#childAcommodation_5,
#childAcommodation_6 {
   float: right;
   width: 118px;
   margin: 0;
   clear: none;
}
#childAge_1,
#childAge_2,
#childAge_3,
#childAge_4,
#childAge_5,
#childAge_6 {
   float: left;
   width: 44px;
   margin: 0;
}
#childAcommodation_1 select,
#childAcommodation_2 select,
#childAcommodation_3 select,
#childAcommodation_4 select,
#childAcommodation_5 select,
#childAcommodation_6 select {
   width: 118px;
   text-transform: none;
}
#childAge_1 select,
#childAge_2 select,
#childAge_3 select,
#childAge_4 select,
#childAge_5 select,
#childAge_6 select {
   width: 44px;
   margin: 0;
}
/* = Marginalspalte Kontakt
----------------------------------------------- */
.mainBodyMarginalKontakt h1 {
   vertical-align: top;
   font: bold 11px "Verdana","Helvetica",sans-serif;
   color: #FFFFFF;
   text-decoration: none;
   text-transform: none;
   padding: 3px 7px 5px 7px;
   background-color: #CCCCCC;
   margin: 0 0 7px 0;
   width: auto;
   float: none;
}
.mainBodyMarginalKontakt h3 {
   font-size: 10px;
   padding-left: 8px;
}

.mainBodyMarginalKontakt p {
   font-size: 10px;
   padding-left: 8px;
   margin: 0;
}

div#marginalKontaktFooter{
   _margin: -3px 0 0 0;
}
.mainBodyMarginalKontakt {
   background-color: #FFFFFF;
   margin: 8px 0 0 0;
   border: 1px solid #CCCCCC;
   border-width: 2px 2px 0 2px;
   color: #000003;
   font-size: 10px;
   width: 187px;
   voice-family: "\"}\""; 
   voice-family:inherit;
   width: 187px;
  
}

/* = Generals
----------------------------------------------- */
.clearer{
   clear: both;
   height: 1px;
   overflow: hidden;
}
.searchButton4 {
   background: url(../images/bt_ein_pfeil_rot.gif) no-repeat 0 2px;
   display: block;
   margin: 10px 0 0 12px;
   padding: 0 0 0 11px;
   font-size: 10px;
   font-weight: bold;
}


/* Gratis-Flag-Störer */

.gratisflag{
position:relative; 
margin: -43px 20px 0 0;  
_margin: -45px 10px 0 0;  
float: right;
}

*+html .gratisflag{
margin: -45px 20px 0 0;  
}


.prozentflag{
position:relative; 
margin: -48px 20px 0 0;  
_margin: -50px 10px 0 0;  
float: right;
}

*+html .prozentflag{
margin: -50px 20px 0 0;  
}

.hrsprozent{
position:relative; 
margin: -48px 20px 0 0;
_margin: -50px 10px 0 0;  
float: right;
height: 48px;
width: 67px;
}

*+html .hrsprozent{
margin: -50px 20px 0 0;  
}


.hotelfestbild{
position:relative; 
margin: -90px 20px 0 0;  
_margin: -45px 10px 0 0;  
float: right;
}

*+html .hotelfestbild{
margin: -45px 20px 0 0;  
}