/*#WireCardSeemlessPage {
    padding: 20px;
}
#WireCardSeemlessHeader  { background:#EFEFFF; background-image:url('http://www.winrooms.at/cms/images/home14.jpg');
                background-position:0 top;
                background-repeat:no-repeat;
                background-size:auto 300px;
                width:100%;
                min-height:300px;
            }
*/

/* 
DEFAULTS
----------------------------------------------------------*/
body        {   background: #FBFBFB; font-size: 94%;
                font-family: "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
                margin: 0px; padding: 0px; color: #696969;
            }
.dxeBase    {  font-family: "Segoe UI", Arial, Helvetica, Verdana, sans-serif;}

/* alle Textboxen, combos etc. */
body input.dxeEditArea { color: #333; }

a:link, 
a:visited 	{ color: #7BA2C4; }
a:hover 	{ color: #1d60ff; text-decoration: none;}
a:active	{ color: #7BA2C4; }
p			{ margin-bottom: 10px; line-height: 1.6rem; } 
hr          { height:1px; border:0px solid red; background:#FBFBFB;     }

/* HOURGLASS   
----------------------------------------------------------*/
#divWait {
    background-image:url('../img/CtrlIcons/preloader.gif');background-repeat:no-repeat; width:200px;height:200px;z-index:1000;position:fixed;top:auto;left:auto;opacity:0.5;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, 
h4, h5, h6  { font-size: 1.5rem; color: #666666; font-variant: small-caps; text-transform: none;
              font-weight: 200; margin-bottom: 0px;
            }
h1          { font-size: 1.6rem; padding-bottom: 0px; margin-bottom: 0px;    }
h2          { font-size: 1.6rem; font-weight: 600; /*text-transform:uppercase;*/ }
h3          { font-size: 1.2rem; }
h4          { font-size: 1.1rem; font-weight: 700;  }
h5, h6      { font-size: 1rem; }

#header2 h1 { float:right; font-size: 1.1rem; font-weight: 700; color:white;  }
#header2Link {float:left;display:block;width:130px;height:80px;}

.divMsg h1 {color:red;}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0px;
}      
            
/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/            
.page       { background:#FBFBFB; border: 0px solid #CCCCCC; border-left:0px solid #CCCCCC; max-width:900px;   margin: 20px auto 0px auto;  }
.header     {  height:40px; background-color:#FFF; background:transparent; width:100%;    }
#headerMobile   { background: transparent; }
#headerMobile a { float: right; font-size:medium; } 
#header2    { background:#FFF; 
              background:transparent;
                /*background-image:url('../img/headerCDSoft.gif'); */               
                background-image:url('https://www.genueser-schiff.de/external/siteimages/basis/Logo-Genueser_Schiff_footer-v2.png');
                background-position:center;
                background-repeat:no-repeat;
                width:100%;
                min-height:120px;
                border-bottom:20px solid #FFF;
 background-size: auto 100%;
            }
.main       { background:#FBFBFB; padding: 0px 0px; margin: 12px 0px 8px 0px; min-height: 220px; border-left:0px solid #CCCCCC;  }
.footer     { background:#FFF; color: #4e5766; text-align:center; padding:4px; border-top:2px solid #FBFBFB;}
.footer a   { text-decoration:none; font-size:0.8rem;  }
.footerLogin{  text-align:right; padding:10px 0 10px 0; border-top:2px solid #FBFBFB;}
.footerLogin a { padding:10px;}


/*  headerSub
----------------------------------------------------------*/
.headerSub1 { float:left; margin: 0 0 0 0px; padding: 8px 8px 8px 0; }
.headerSub2 { float:right; margin: 8px 20px 0 0; }
.headerSub2 .imgFlag { }

/* TAB MENU   
----------------------------------------------------------*/
#NavigationMenu.menu li     { float:left;   }
#NavigationMenu.menu        {}
#NavigationMenu.menu ul     { list-style: none; margin: 0px; padding: 0px; }
#NavigationMenu.menu ul li a, NavigationMenu.menu ul li a:visited
                            { background-color: transparent; border: 1px #DDD solid; color: #003399; line-height: 1.35rem;
                              padding: 4px 20px; text-decoration: none; white-space: nowrap; margin: 0 4px 0 0;
                            }
#NavigationMenu.menu ul li a:hover
                            { background-color: #bfcbd6; color: #FBFBFB; text-decoration: none; }
#NavigationMenu.menu ul li a:active
                            { background-color: #FBFBFB; color: #cfdbe6; text-decoration: none; }


                            
/*  Booking Steps 
----------------------------------------------------------*/
#MainContent_NavigationMenuBooking 
                            { padding:0; margin:0; }
.BookingSteps               { margin: 0; padding:0; overflow: hidden; border-left: 1px solid #999; }
.BookingSteps li            { list-style: none; padding: 0; float: left; height: 29px; width: 16%;
                              text-transform: capitalize ; line-height: 29px; position: relative; left: 0;
                              margin-left: -20px; padding-left: 20px;
                              background: url(../img/steps.png) no-repeat 100% 0;
                            }
.BookingSteps li a          { text-decoration: none; padding:0px; margin:0px; }
.BookingSteps li.active a   { text-decoration: none; color: #F6861F; color: #FFF; }
.BookingSteps li.active a:hover 
                            { text-decoration: none; }
.BookingSteps li.active     { background-position: 100% -175px; /* immer in 29px schritten */ color: #F6861F;color: #FFF; }
.BookingSteps span          { padding-left: 10px; }
.BookingSteps li.step1      { z-index: 6; }
.BookingSteps li.step2      { z-index: 5; }
.BookingSteps li.step3      { z-index: 4; }
.BookingSteps li.step4      { z-index: 3; }
.BookingSteps li.step5      { z-index: 2; }
.BookingSteps li.step6      { z-index: 1; }

/* Button / Textboxen etc.
----------------------------------------------------------*/
.dxeTextBox,
.dxeButtonEdit,
.dxeMemo,
.dxbButton                   { background-color: #FFF;     /* background-color:#7BA2C4; */
                              border: 1px solid #CCC; /* #9f9f9f */
                              border-radius: 0;
                              overflow:hidden;
                              cursor: default; 
                              margin:2px 0; /* abstände zueinander */
                              padding:4px 4px;
                              font-size:1rem; 
}
     

.dxeButtonEditButton, .dxeCalendarButton, .dxeSpinIncButton, .dxeSpinDecButton, .dxeSpinLargeIncButton, .dxeSpinLargeDecButton      
                            { vertical-align: middle; border: 1px solid #7f7f7f; cursor: pointer; } 
/*Abstände der Pfeile bei Combos etc. */
.dxeButtonEditButton, .dxeSpinIncButton, .dxeSpinDecButton, .dxeSpinLargeIncButton, .dxeSpinLargeDecButton      
                            { padding: 0 4px; }

/*morderner JR 20150528 */
.dxeButtonEditButton   { border:0; }

.dxeButtonEdit .dxeEditArea, .dxeButtonEdit td.dxic      
                            { width: 100%; }
.dxeButtonEdit td.dxic      { padding: 0px 2px 0px 1px; }
.dxeButtonEdit .dxeIIC img  { padding-left: 3px; }

.dxeEditAreaSys, .dxeEditAreaNotStrechSys    
                            { border: 0px!important; padding: 0px; }
.dxeEditAreaSys             { font-size:1rem;   }
.dxeEditArea                { font-size:1rem; border: 1px solid #A0A0A0; }



/* textbox 
    rahmen innen -> bestimmt auch die Größe der Textbox 
*/
.dxeTextBox .dxeEditArea    { background-color: #FBFBFB; width: 100%; border:1px solid #FAFAFC; border-top:2px solid #FAFAFC; }
.dxeButtonEdit .dxeEditArea { background-color: #EAEAEB; width: 100%; border:1px solid #DADADA; border-top:2px solid #DADADA;}
.dxeButtonEdit              { background-color: #EAEAEB; border:0;width: 100%; border:1px solid #DADADA; border-top:2px solid #DADADA;}

.dxeTextBox                 {border: 0;background: #EAEAEB; padding:4px; width: 100%; border:1px solid #DADADA; border-top:2px solid #DADADA;}
.dxeTextBox .dxeEditArea    {border: 0;background: #EAEAEB; width: 100%; border:1px solid #DADADA; border-top:2px solid #DADADA;}

.dxeMemoEditAreaSys, input[type="text"].dxeEditAreaSys, input[type="password"].dxeEditAreaSys {
    background: #EAEAEB;border:1px solid #DADADA; border-top:2px solid #DADADA;
}

/* -- Button -- */
.dxbButton                  { background: #DDE8FF url('') repeat-x top; /* url('') wichtig, da sonst irgende in Bild geladen wird*//*AA2200  E17D30  */
                              color:#173A59; font-size:0.9rem; font-weight:bold; width:100%; 
                              /*border:6px solid #CCC;*/cursor: pointer;    
                            }
.dxbButtonHover             { color: #7BA2C4; background: #DDE8FF url('') repeat-x top; }
.dxbButtonChecked           { color: #FFFFFF; background: #8D8D8D none; }
.dxbButtonPressed           { color: #000000; background: #D5D5D5 none; }

.BtnSucheStart  .dxbButton		{ }
.BtnSuchergebnis .dxbButton		{ background: #DDE8FF url('') repeat-x top; /* url('') wichtig, da sonst irgende in Bild geladen wird*//*AA2200  E17D30  */
                                  color:#173A59; font-size:0.9rem; font-weight:bold; width:170px; height:30px;	
                                  /*border:6px solid #CCC;*/cursor: pointer;      }
.BtnOptionenWeiter .dxbButton	{ }
.BtnAdrSelLogin .dxbButton		{ }
.BtnAdrBezahlung .dxbButton		{ }
.BtnAdresse .dxbButton			{ }


/*Header*/
.dxeListBox .dxeHD          { background-color: #7BA2C4; border-bottom: 1px solid #A0A0A0; }
.dxeListBox .dxeHIC, .dxeListBox .dxeHFC, .dxeListBox .dxeHCC     
                            { border-left: 1px solid #7BA2C4; }
.dxeListBox .dxeHICR, .dxeListBox .dxeHFCR, .dxeListBox .dxeHCCR    
                            { border-right: 1px solid #7BA2C4; text-align: right; }
.dxeListBox .dxeHLC         { border-right: 1px solid #7BA2C4; }
.dxeListBox .dxeHLCR        { border-left: 1px solid #7BA2C4; text-align: right; }

.dxeListBoxItem         { font-size:1rem; }

.divSuInfoBox { padding:0;}

/*#fieldsetCitytax {padding:10px; margin-bottom:2%; border:0;background:#FAFAFA;border-bottom:1px solid #DDD;border-top:1px solid #DDD;}*/
#fieldsetCitytax {width:100%;margin-bottom:2%; border:0;background:#FAFAFA;border-bottom:1px solid #DDD;border-top:1px solid #DDD;}
.fieldsetCitytaxClasst {color:#7BA2C4;border:0px solid white;display:block;background:#DDE8FF;padding:10px;}


/* Tabelle SuchErgebnis   
----------------------------------------------------------*/
#divTableSuchErgebnis       { width:43rem; background:transparent; float:left; padding:0; margin:0;}
.TableSuchErgebnis          { width:43rem; border:0; padding:0; margin:0;}

.BuSuErgAusstattung {}
.BuSuErgBezeichnung {}
.BuSuErgKategorie   {}
.BuSuErgBetrag      {}

.BuSuErgBild        { float:left; width:9rem; min-height:6rem;}
.BuSuErgBild  img   { width:8rem; }
.BuSuErgButton      { float:right; width:12rem; }
.BuSuErgMemo        { float:left; width:18rem; min-height:6rem;}
.cssGESAMTBETRAGeval{ font-weight:bold; padding:4px 0 4px 0; /* background-color: green; */}

.BuSuErgBild_LM        { float:left; width:13rem; min-height:6rem;}
.BuSuErgBild_LM  img   { width:11rem; }
.BuSuErgButton_LM      { float:right; width:12rem; }
.BuSuErgMemo_LM        { float:left; width:14rem; min-height:6rem;}
.BuSuErgPreisDatum_LM  { float:right; width:12rem; padding:20px 0; /*color:#003399;*/ }
.cssGESAMTBETRAGeval_LM{ font-weight:bold; padding:4px 0; color:#003399;  /* background-color: green; */}

/* Tabelle SuchErgebnis neu   
----------------------------------------------------------*/
#tblSuchErgebnis    { width:100%;}
/*.divWrapper         {clear:both; border-left:2px solid #DDE8FF; border-right:10px solid #DDE8FF; border-bottom:10px solid #DDE8FF; border-top:2px solid #DDE8FF; padding:1rem;margin-bottom:1rem;}*/
.divWrapper         {clear:both; border-left:0px solid #DDD; border-right:0px solid #DDD; border-bottom:0px solid #DDD; border-top:0px solid #DDD; padding:0rem;margin-bottom:1.5rem; background:#FAFAFA;padding:10px;box-shadow:-10px 10px 30px #DDD; }
.divKategorie       {clear:both; border-right:1px solid #FBFBFB;border-bottom:2px solid #FBFBFB;padding:0.5rem 0rem;font-weight:bolder;font-size:120%;text-transform:uppercase; }
.divBild            {float:left;width:45%;padding:0.5rem 0rem;}
.imgBild            {width:15rem;}
/*.imgBild:hover      {transform: scale(2); -moz-transform: scale(2);-ms-transform: scale(2);-o-transform: scale(2);-webkit-transform: scale(2);}*/
.divMemo            {float:right;width:45%;padding:0rem 0rem;}
.divMemoSplitting   {clear:both; width:96%;padding:1rem 1rem;}
.divSpacerWrapper   {height:1rem;}
.divSpacerPreis     {}
.divBottom          {clear:both; display:block;width:100%;}
/*.divAusstattung     {clear:both;float:left;padding:0.5rem 0rem; }*/
.divAusstattung     {float:right;width:45%;padding:0rem 0rem;}

.divBEZEICHUNG      {float:left;width:80%;padding:0.5rem; background:#FFF; color:#173A59;}
.divPreis           {float:right; padding:0.5rem; background:#FFF; color:#173A59; 
    background: #499a01;
    color: white;
    font-weight: bold;}
.divWrapperPreis {
   
    float:right;
    padding: 0.5rem;
    background: #FFF;
    color: #173A59;
    width: 97%;
} 
.aWrapperPreis      {clear:both;display:block;height:2.5rem;width:100%; border-top:1px solid #DDD;margin:0 0 1rem 0;background:#FFF;background:#FBFBFB;box-shadow:10px 10px 20px #DDD;}

/*LastMinute*/
.divWrapperLM       {clear:both; border-left:2px solid #DDE8FF; border-right:10px solid #DDE8FF; border-bottom:10px solid #DDE8FF; border-top:2px solid #DDE8FF; padding:1rem;margin-bottom:1rem;}
.divPreisInfoLM     {clear:both;float:left;padding:0.5rem 0rem; background:#FBFBFB;display:block;width:100%; margin:1rem 0;}
.spanPreisInfoLM    {font-weight:bold; padding:4px 0; color:#003399;}
.spanPreisInfoLMWrapper1 {display:none;}
.divWrapperPreisLM  {}
.aWrapperPreisLM    {clear:both;display:block;min-height:5rem;width:100%; border-top:3px solid #DDD;margin:0 0 0.5rem 0;background:#FBFBFB;}
.divBezeichnungLM   {float:left;width:80%;padding:0.5rem 0rem; color:#173A59;}
.divPreisLM         {float:right; background:#DDE8FF;padding:0.5rem;font-weight:bold; background-color: green;color:white;}
.divNormalPreisLM   {float:right; background:transparent;padding:0.5rem; font-weight:bold; color:red; text-decoration:line-through; /* background-color: green; */}


/* gridview
----------------------------------------------------------*/
#MainContent_ASPxGridViewSuchErgebnis_DXMainTable {}
 

.dxgvHeader                 { border: 1px Solid #9F9F9F; background-color: #FFF; }
.dxgvHeader, .dxgvHeader table                   
                            { color: #666; }
.dxgvHeader a               { color: #0d45b7; }

.dxgvDetailRow td.dxgvIndentCell    
                            { border-bottom: 1px Solid #D3D3D3; /*background-color:blue;*/ }
.dxgvEmptyDataRow           { color: Gray;}
.dxgvEmptyDataRow td.dxgv   { border-bottom: 1px Solid #CFCFCF; }

.dxgvPagerTopPanel          { }
/* Zeile wenn gruppiert */
.dxgvGroupRow               { /*background-color: red !important;*/ }
/* Detail-Zeile  */
.dxgvDataRow                { /*font-weight:bold;*/ color:#333;  /*background-color:blue;*/ }
.dxgvDataRow td.dxgv        { border:0; background:#FAFAFA; padding:10px 4px;border-top:20px solid #FFF !important;border-bottom:2px solid #CCC;}

.dxgvDetailCell, .dxgvPreviewRow td.dxgv, .dxgvEmptyDataRow td.dxgv           
                            { border-bottom: 1px Solid #D3D3D3; /*background-color:blue;*/  }

/* Trennlinie zwischen den einzelnen Suchergebnissen. ACHTUNG: das > Zeichen vor dem td ist wichtig */
.dxgvPreviewRow > td{border-bottom:1px solid #CCC !important; border-top:0px solid #CCC !important; padding-bottom:30px !important;}

/* Templaterow */
.dxgvPreviewRow             { /*color: #707070;*/  background-color: #DDD;}
.cssGESAMTBETRAG            { font-weight:bold; color:green; font-size: 100%; /* background-color: green; */}
.cssGESAMTBETRAGcdsSprache  { font-weight:bold; color:green; font-size: 150%; /* background-color: green; */}
.cssNORMALPREIS             { font-weight:bold; color:red; text-decoration:line-through; /* background-color: green; */}


/* Tabelle TablePreview   
----------------------------------------------------------*/
.TablePreview               { background: transparent; width: 100%; border-spacing:0; border:0; padding:0; margin:0; padding:10px; }
.TablePreview td            { border-spacing:0; border:0; padding:0; margin:0;}

/* Tabelle Suchmaske   
----------------------------------------------------------*/
#divTableSuchmaske          { width:auto; background:transparent; padding:0; margin:0;  }
.TableSuchmaske             { width:100%; }

/* div divliteralSuchAenderung
----------------------------------------------------------*/
#divliteralSuchAenderung    { width:700px; padding:10px 10px 10px 0; color:Red; }

/* div SuchmaskeAuswahl  
----------------------------------------------------------*/ 
#divTableSuchmaskeAuswahl   { width:160px; float:right; padding: 0 0 10px 10px; margin:0; box-sizing: border-box; overflow: hidden;background:#FBFBFB;box-shadow:-10px 10px 30px #DDD; }
#divTableSuchmaskeAuswahl table
                            { width:130px; }
#divTableSuchmaskeAuswahl .spanLabelInput
                            { display:block; width:150px; float:left; }
#divTableSuchmaskeAuswahl img
                            { }

/* div SuchmaskeAuswahlLastMinute  
----------------------------------------------------------*/ 
#divTableSuchmaskeAuswahlLastMinute { float:right; width: 150px; padding: 10px; margin:19px 0 0 10px; background: #f2eeee; border-top:1px solid #DDD;border-right:2px solid #DDD;border-bottom:2px solid #DDD;border-left:1px solid #DDD;}
#divTableSuchmaskeAuswahlLastMinute .spanLabelInput
                                    { width:120px; }
#divTableSuchmaskeAuswahlLastMinute img
                                    { }
#divTableSuchmaskeAuswahlLastMinute .cmbLastMinute             { width:120px; }
#MainContent_ASPxButtonSucheLastMinute                         { width:120px; }
#divTableSuchmaskeAuswahlLastMinute .divAuswahlLastMinute      { padding: 4px; background: #FBFBFB; /*color:white;*/ }
#divTableSuchmaskeAuswahlLastMinute .divAuswahlLastMinuteInner { width:100px; }
.divTODO {padding:0.5rem 0 0 0;}

/*  Leistungen ----------------------------------------------------------*/

#MainContent_ASPxGridViewOptionen { width:100%; border:0;}

.BuOptBetrag    {}
.BuOptAnzahl    {}
.BuOptImage     {}
.BuOptImage img {max-width: 250px;}
.BuOptBezeichn  {}


#divLiteralUserDaten        { width:13rem; float:left; background:#FBFBFB; }
#divLiteralRechnung         { width:27rem; float:right; margin-left:10px; }

.tabRechnung                {  border-collapse: collapse; padding:0; width:100%; }
.tabRechnung  td            {  width:50%; padding:4px 4px 4px 0; }
.tabAnzahlung               {  border-collapse: collapse; width:100%; }
.tabAnzahlung td            {  width:50%; padding:4px 4px 4px 0; }
.hrSpecial                  {  border:0; border-top:1px solid #AAA;border-bottom:0px solid #EEE; }
.spanPreis                  {  color: #990000; }

/* FORM ELEMENTS   
----------------------------------------------------------*/
fieldset                    { margin: 0.8rem 0px; padding: 1rem; border: 1px solid #ccc;}
fieldset.login              { min-height:25rem; float:left; width:17rem; margin: 0 2rem 0 0 ; }
fieldset p                  { margin: 0; }
fieldset.login label, fieldset.register label, fieldset.changePassword label
                            { display: block; }
fieldset label.inline       { display: inline; }
legend                      { font-size: 1rem; padding: 2px 4px 8px 4px;  }
input.textEntry             { width: 320px; border: 1px solid #ccc; }
input.passwordEntry         { width: 320px; border: 1px solid #ccc; }
div.accountInfo             { width: 42%;   }

/* MISC  
----------------------------------------------------------*/
.title                      { display: block; float: left; text-align: left; width: auto; }
.titleLogin                 { display: block; float: left; text-align: left; width: auto; }
.loginDisplay               { font-size: 1rem; display: block; text-align: right; padding: 10px; color: White; }
.loginDisplay a:link        { color: white; }
.loginDisplay a:visited     { color: white; }
.loginDisplay a:hover       { color: white; }
.failureNotification        { font-size: 1.2rem; color: Red; }
.bold                       { font-weight: bold; }
.submitButton               { text-align: right; padding-right: 10px; }
.divFloatLeft               { float:left; width:8rem; }
.divFloatLeft2              { float:left; width:14.2rem; margin:0 0rem 1rem 0;  }
.divFloatLeft3              {   }
.divFloatLeft4              {   }
.divFloatLeft5              {   }
.divClearBoth1              {clear:both;}
.divClearBoth2              {clear:both;}
.divClearBoth3              {clear:both;}
.divClearBoth4              {clear:both;height:10px;width:100%;}
.divClearBoth5              {clear:both;}

#divWireCardCheckoutTextfelder        { display:none;}
#divWireCardCheckout td {
    background: #DDD;
    padding:4px 40px 4px 10px;
}
.lblSuche                   { font-size:inherit; color:inherit;}
.cmbSuche                   { margin:0.5rem 0 0 0; width:12rem;}
.divMargin                  { float:left;margin:10px 0 10px 220px; width:270px; }
.cmbKinder                  { width:100px !important; }

.AufKlappHeader             { float:left; }
/* .AufklappDiv                { width:100%; margin:10px; padding:10px 0 10px 0; display:block; background:#FBFBFB; } */
.AufklappDivNEU             { width:100%; margin:10px 0 10px 0; padding:10px 0 10px 0; display:block; background:transparent; }


.litAuswahl                 { color: #CC0000; padding:2px 0 4px 2px; width:134px; font-size:100%; background:#FBFBFB; } /*border:1px solid #DDDDDD; */
.litAuswahlLbl              { margin:0; font-size:80%; background:#FBFBFB;}
.litAuswahlText             { margin:0; font-size:80%; }
.litAuswahlNachlass         { color: green;}

.litAuswahlPreisteil        { border:2px solid #DDDDDD; width: auto; background: #DDDDDD; margin: 0 -15px ; padding: 5px 15px 0}
.litAuswahlPreisteilText    { color: green; padding:2px 0 4px 2px;   } /*border:1px solid #DDDDDD; */
.litAuswahlPreisteilLbl     { margin:0; padding:6px;  }
.ASPxImageBILD_URL_class    { border: 0; width:150px;  }
.litAuswahlTable            { margin:0; font-size:80%; background:#FBFBFB;}
.litAuswahlTableTd1         { text-align:left;}
.litAuswahlTableTd2         { text-align:right;font-weight:bold;}


/*.divLabelInputlitAuswahl  { clear:left; width:142px; background: #F5F5F5;  padding:4px; }*/
.divTextBoxInfo             { padding: 0 0 10px 0;  font-weight:900; font-size:x-large; color:red; font-variant: small-caps; }
.divTextBoxInfoBuchungSuche {  }
.divTextBoxInfoBuchungLastMinute{}
.divTextBoxInfoBuchungAdresseSelectLogin{}


.divLabelInputlitAuswahl    { clear:left; background: #F5F5F5; background:#FFF; }
.divLitButtonBezahlText     { padding:4px 0 4px 0; }
.imgSSL                     { float: right; padding: 0 0 10px 10px; }
.divSpacer                  { clear:both; height: 10px;background:#FBFBFB;}
.borderTop                  { border-top: 1px solid silver; }
.borderBottom               { }
.DivLinkPwForgot            { /* display:none; */ }
.divFloatRight              { float: right; margin: 10px 0 10px 0; }

#tabCustomerAdminBuchungen    {    padding:0; margin:0; box-shadow:-10px 10px 30px #DDD; padding:40px 20px; border:1px solid #DDD; }
#tabCustomerAdminBuchungen td {    padding: 6px 10px 6px 6px; background:#EEE; color:#000;}
#tabCustomerAdminBuchungen th {    padding: 6px 10px 6px 6px; text-align: left; background:#FFF; color:#F6861F; }
#tabCustomerAdminBuchungen img{    border:0; }
#tabCustomerAdminBuchungen a  {    background:#EEE; background:url('../img/CtrlIcons/icon_plus_kreis_20px_or.png')  no-repeat 2px;  padding:6px 6px 6px 30px; border:0px solid #F6861F; box-shadow:-1px 1px 10px #F6861F; color:#F6861F; font-weight:bold; text-decoration:none;  }

#divSplittingTexte          {   padding:10px 0; color:#741919; /* display:none; */}
#divSplittingTexte   ul     {   }
#divSplittingTexte   li     {   }

.divTagespreisTexte          {   padding:10px 0; }
.divTagespreisTexte   th     {   padding:4px 10px; color:white; background:#AAA;}
.divTagespreisTexte   td     {   padding:4px 10px; background:#FBFBFB;}

/* Pfeil blau */
/*#ToggleLinkText { width:40px; height:20px; display:block; }
.ToggleClosed   { background: url(../img/spriteIOS.png) no-repeat -213px -100px;} 
.ToggleOpen     { background: url(../img/spriteIOS.png) no-repeat -213px -80px;}*/

/* Pfeil blau */
/*#ToggleLinkText { width:40px; height:20px; display:block; }
.ToggleClosed   { background: url(../img/spriteIOS.png) no-repeat -213px -56px;}
.ToggleOpen     { background: url(../img/spriteIOS.png) no-repeat -213px -35px;}*/

/* + - */
#ToggleLinkText { width:20px; height:20px; display:block; background-color: #FAFAFA;}
.ToggleOpen     { background: url(../img/spriteIOS.png) no-repeat -126px -135px;}
.ToggleClosed   { background: url(../img/spriteIOS.png) no-repeat -100px -135px;}

    /* Achtung hier werden alle Pfeile bearbeitet */
    .dxeButtonEditButton img { width:0;height:0; }
    
    .dxEditors_edtDropDown,
    .dxEditors_edtDropDownDisabled,
    .dxEditors_edtSpinEditDecrementImage,
    .dxEditors_edtSpinEditDecrementImageDisabled,
    .dxEditors_edtSpinEditLargeDecImage,
    .dxEditors_edtSpinEditLargeDecImageDisabled{
                /* Pfeil nach unten per CSS */
                background-image:url('');border: 8px solid #666;font-size:0;line-height:0;height:0;padding-top:1px;margin:0;margin-top:6px;
                border-right-color:  transparent;
	            border-bottom-color: transparent;
	            border-left-color:   transparent;
                /* Ende Pfeil nach unten per CSS */
            }
    .dxEditors_edtSpinEditIncrementImage,
    .dxEditors_edtSpinEditIncrementImageDisabled,
    .dxEditors_edtSpinEditLargeIncImage,
    .dxEditors_edtSpinEditLargeIncImageDisabled{
                /* Pfeil nach oben per CSS */
                background-image:url('');border: 8px solid #666;font-size:0;line-height:0;height:0;padding-top:1px;margin:0;margin-bottom:4px;
                border-top-color:    transparent;
	            border-right-color:  transparent;
	            border-left-color:   transparent;
                /* Ende Pfeil nach oben per CSS */
            }

/* Kalendergrafik */
#MainContent_ASPxDateEditAnreiseTag_B-1 img {width:0px;height:0px; }
#MainContent_ASPxDateEditAnreiseTag_B-1 { height:14px; background:url('../img/CtrlIcons/icon_kalender5.gif'); background-repeat: no-repeat; background-position:center center; }
#MainContent_ASPxDateEditAnreiseTag_B-1 .dxEditors_edtDropDown { border:0;width:14px;height:14px;padding:2px;}
#MainContent_ASPxDateEditAnreiseTag_B-1Img {background:url(''); }

#MainContent_ASPxDateEditAbreiseTag_B-1 img {width:0px;height:0px; }
#MainContent_ASPxDateEditAbreiseTag_B-1 { height:14px; background:url('../img/CtrlIcons/icon_kalender5.gif'); background-repeat: no-repeat; background-position:center center; }
#MainContent_ASPxDateEditAbreiseTag_B-1 .dxEditors_edtDropDown { border:0;width:14px;height:14px;padding:2px;}
#MainContent_ASPxDateEditAbreiseTag_B-1Img {background:url(''); }
/* disabled Style vom Kalender -> z.B. wenn Sperrzeiten ausgewählt*/
/*.dxeCalendarDayDisabled {color:yellow;background:green} */

/*############# AngebotStart (Sara) ################*/

#divAngebotStart1{width:30%; float:left;border:1px solid #FBFBFB; padding:0 10px;

                    -webkit-box-shadow: 7px 8px 0px -2px rgba(238,238,238,1);
                    -moz-box-shadow: 7px 8px 0px -2px rgba(238,238,238,1);
                    box-shadow: 7px 8px 0px -2px rgba(238,238,238,1);
}

#divAngebotStart2 {
    width: 60%;
    float: right;
    border: 1px solid #FBFBFB;
    padding: 0 10px;
    
    -webkit-box-shadow: 7px 8px 0px -2px rgba(238,238,238,1);
    -moz-box-shadow: 7px 8px 0px -2px rgba(238,238,238,1);
    box-shadow: 7px 8px 0px -2px rgba(238,238,238,1);

}

.divAngebotStartAlterKinder         {clear: left; }
.divAngebotStartAlterKinderEinzel   {padding:10px; border-left:10px solid #DDE8FF;}


/*############# AnfrageStart (Sara) ################*/

#divAnfrageStart1{width:30%; 
                  float:left;
                  border-left:1px solid #F6861F; 
                  border-bottom:2px solid #F6861F; 
                  border-right:2px solid #F6861F; 
                  border-top:1px solid #F6861F; 
                  margin:10px 0; padding:10px; color:#173A59; border-radius:2px;

                    -webkit-box-shadow: 7px 8px 0px -2px rgba(210,210,210,1);
                    -moz-box-shadow: 7px 8px 0px -2px rgba(210,210,210,1);
                    box-shadow: 7px 8px 0px -2px rgba(210,210,210,1);

                    font-size: small;
}

#divAnfrageStart2 {
    width: 60%;
    float: right;
                  border-left:1px solid #F6861F; 
                  border-bottom:2px solid #F6861F; 
                  border-right:2px solid #F6861F; 
                  border-top:1px solid #F6861F; 
    margin:10px 0;padding:10px;color:#173A59; border-radius:2px;
    
    -webkit-box-shadow: 7px 8px 0px -2px rgba(210,210,210,1);
    -moz-box-shadow: 7px 8px 0px -2px rgba(210,210,210,1);
    box-shadow: 7px 8px 0px -2px rgba(210,210,210,1);
    
                    font-size: small;
}

#divAnfrageStart3 {
    width: 98%;
    float: left;
    padding:10px;

}

.divAnfrageStartAlterKinder         {clear: left; }
.divAnfrageStartAlterKinderEinzel   {padding:10px; border-left:10px solid #DDE8FF;}


.divBuchungSucheAlterKinder         {clear: left; }
.divBuchungSucheAlterKinderEinzel   {padding:10px; border-left:10px solid #DDE8FF;}


/* Dies ist für die Ansicht der meistens nicht vorhandenen Auswahlkriterien für Haustier, Internet etc.*/
/*.divFloatLeft2 {width:14em;height:8em;border-right:1px solid #DDD;border-bottom :1px solid #DDD; background:#FBFBFB;margin:0 1em 1em 0;padding:0.2em;line-height:3em;}*/
/*.divFloatLeft2 img {float:left;height:3em;padding:0.2em 0.2em 0.8em 0.2em;}*/
/*.dxeButtonEdit {width:100%;}*/

/* Dies ist für die Ansicht der meistens nicht vorhandenen Auswahlkriterien für Haustier, Internet etc.*/
.AufklappDivNEU .divFloatLeft2 {width:12em;border-right:1px solid #DDD;border-bottom :1px solid #DDD; background:#F5F5F5;margin:0 1em 1em 0;padding:0.2em;line-height:3em;background:transparent;min-height:140px;}
.AufklappDivNEU .divFloatLeft2 img {height:3em;padding:0.2em 0.2em 0.8em 0.2em;}
.AufklappDivNEU .dxeButtonEdit {width:100%;}
.ImgIconsBuchungsuche {height:2em; margin:0 10px 0 0;float:left;}

.ImgIconsBuchungSuchergebnis { height:2em;margin:0 10px 0 0;}
.divWrapperZimmerIcons {float:right; display:block;border-top:0px solid #F6861F;border-bottom:1px solid #DDD;padding:0.6em 0.2em 0.6em 0.2em;background:#FAFAFA;}
/*.divWrapperZimmerIcons {float:left; display:block;width:100%; border-top:1px solid #F6861F;border-bottom:0px solid #DDD;padding:0.6em 0.2em 0.6em 0.2em;background:#FAFAFA;}*/

.ImgIconsBuchungFilter { height:2em;margin:0 10px 0 0;padding:4px;border-top:1px solid #DDD;border-right:2px solid #CCC;border-bottom:2px solid #CCC;border-left:1px solid #DDD;}
.ImgIconsBuchungFilterSelected { height:2em;margin:0 10px 0 0;padding:4px; border:1px solid #F6861F;border-bottom:2px solid #F6861F;border-right:2px solid #F6861F;}

/* 
    clearfix ist wichtig, damit die container "mitwachsen", Eingesetzt z.B. auf Seite BuchungSuchergebnis2.aspx.cs 
    https://www.tutorials.de/threads/css-warum-passt-sich-die-boxenhoehe-nicht-dem-inhalt-an.311170/ 
*/

.clearfix:after {
content:".";
display:block;
height:0;
font-size:0;
clear:both;
visibility:hidden;
}
 
.clearfix {display:inline-block;}

/* Icon vor bzw. nach den Preis setzen */
.divPreis::before{
    /* content: "\00bb"; doppelter Rechtspfeil */
    /*content: "\2713\A0";*/ /* Hexwerte der Sonderzeichen -> hier Haken (\2713) und Leerzeichen (\A0) */
    content: "\27A5\A0"; /* Hexwerte der Sonderzeichen -> hier geschwungener Pfeil (\27A5) und Leerzeichen (\A0) */
    color: #739A49;
    font-weight:bolder;
}
.divPreis {
    float: right;
    padding: 0.5rem;
}

.divPreis::before {
    content: "\27A5\A0";
    color: white;
    font-weight: bolder;
}

.divPreis::after{
	border-left: 1px solid #739A49;
	margin-left: 4px;
	/*content: "  Weiter";*/ 
	color: white;
    font-weight:bolder;
}




/*.divPreis::after{content: "\A0\00bb"; color: red;}*/

.lblMandantAuswahl { font-size: x-large; color:maroon; display:none;}

/* PayPal Bestätigungsseite */
.PayPalTableUser {font-size:small;}

.divAuswahlMehrfach {width:800px; background:#f8f6f6; color:#F6861F; font-weight:bold; font-size:small; box-shadow:-10px 10px 30px #DDD; padding:10px; position:fixed; top:0;}
.divAuswahlMehrfach input {border: 0; background:transparent; color:#F6861F; font-size:x-large; font-weight:bold;   }
.divAuswahlMehrfach input[type=submit] { border:10px solid #DDD; color:green; font-size:x-large; font-weight:bold; background:#DDD;   }

.divAnzahlZimmer {clear:both;float:right;width:100%;background:#FAFAFA;text-align:right;padding:0;margin:0;}
.divAnzahlZimmer .text {max-width:40px;background:#FFF;font-size:large; font-weight:bold;border:1px solid #DDD;text-align:center;}
.divAnzahlZimmer .button {max-width:40px;background:#F6861F;font-size:large; font-weight:bold;color:#FFF;border:0;}
.divAnzahlZimmer::before {content: "Anzahl Zimmer ";}

/*.header         {display:none;}
.BookingSteps   {display:none;}
.footerLogin    {display:none;}

.divKontoUrl    {display:none;}
.tabCustomerAdminBuchungenPreis {display:none;}*/

.divWrapperZimmerIcons {clear:both;}
.divAnzahlZimmer {float:left;}


#litNeueSuche {background-color:#068749; color:white; font-weight:bold; padding:10px 0; }
#litNeueSuche a{color:white;font-weight:bold;}

#litNeueSuche { animation: blink 2s linear infinite;}
@keyframes blink {
  from {
    opacity: 0.9;
  }
  to {
    opacity: 1;
  }
}

#divDetailsuche {}
#divDetailsuche .divFloatLeft2 {float:left;}
#divDetailsuche .lblSuche{width:25%;}
#divDetailsuche .cmbSuche{ float:left;}

#divAdresseZwei {background:#EEE; color:#333; padding:2px;}
#divAdresseZweiContent {color:#666;}
#divAdresseZweiHeader h3{color:#666;}

#MainContent_ASPxCheckBoxFirma {background:#068749 ;color:#FFF;font-size:large; width:94%;font-weight:bold;border:10px solid #068749;}
.cmbSuche100Proz        {width: 100%;}
.divFloatLeft100Proz    {width: 100%;}
#MainContent_ASPxTextBoxAdrNachName_ET {width: 94%;}
#MainContent_ASPxTextBoxAdrVorName {width: 94%;}
#MainContent_ASPxTextBoxAdrEmail_ET {width: 94%;}
#MainContent_ASPxTextBoxAdrVorName_ET {width: 94%;}