body        {   background: #EEEEEE; font-size: .80em;
                font-family:  "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
                margin: 0px; padding: 0px; color: #696969;
            }
a:link, 
a:visited 	{ color: #7BA2C4; }
a:hover 	{ color: #1d60ff; text-decoration: none;}
a:active	{ color: #7BA2C4; }
p			{ margin-bottom: 10px; line-height: 1.6em; } 
hr          { height:1px; border:0px solid red; background:#E5E5E5;     }
.headerSub2 { float:right; width:100px;}

/* Button / Textboxen etc.
----------------------------------------------------------*/
.dxeTextBox,
.dxeButtonEdit,
.dxeMemo,
.dxbButton                  { background-color: white;     /* background-color:#7BA2C4; */
                              border: 1px solid #AFB1B6; /* #9f9f9f */
                              border-radius: 4px;
                              overflow:hidden;
                              cursor: default; 
                              margin:2px 0 2px 0; /* abstände zueinander */
                            }
/* textbox 
    rahmen innen -> bestimmt auch die Größe der Textbox 
*/
.dxeTextBox td.dxic         { padding: 2px 2px; width: 100%; }
.dxeTextBox .dxeEditArea    { background-color: white; }
.BtnSucheStart  .dxbButton  { margin:10px 0;  
                              background: #DDE8FF url('') repeat-x top; /* url('') wichtig, da sonst irgende in Bild geladen wird*//*AA2200  E17D30  */
                              color:#173A59; font-size:1em; font-weight:bold; width:170px; height:30px;	
                              /*border:6px solid #CCC;*/cursor: pointer;    }
     

/* Ausgabe Plan */

.tTable         {   font-family:verdana,arial,helvetica;  }
.tTable a       {color:#DDD;text-decoration:none;}
.tRowHeaderTop  {   padding:4px 10px 0px 0; background:#EEE;    }
.tRowHeader     {   padding:4px 10px 0px 0; background:#DDD;    }
.tRow           {   padding:4px 10px 0px 0;  background:#EEE;  border-bottom:1px solid #DDD; display:block; }
.tRowFooterPrint{   display:none;   }
.tRowFooter     {   padding:4px 10px 0px 0;  background:#DDD; }
.tTableHeader   {   font-size:small; font-weight:normal;        }

.divBel         {    width:23px; height:20px; display:inline-block; font-size:10px; color:#DDD; background:red; border-left:1px solid #BBB; border-right:0;   }
.divFrei        {    width:23px; height:20px; display:inline-block; font-size:10px; color:#DDD; background:green; border-left:1px solid #BBB; border-right:0; }
.divNix         {    width:23px; height:20px; display:inline-block; font-size:10px; color:#DDD; background:transparent; border-left:1px solid transparent;  }
.div99999       {    width:23px; height:20px; display:inline-block; font-size:10px; color:#DDD; background:orange; border-left:1px solid #BBB;  }
.div88888       {    width:23px; height:20px; display:inline-block; font-size:10px; color:#DDD; background:grey; border-left:1px solid #BBB;  }
.div77777       {    width:23px; height:20px; display:inline-block; font-size:10px; color:#DDD; background:maroon; border-left:1px solid #BBB;  }

.divKalTage     {    width:23px; height:16px; display:inline-block;  font-size:9px; text-align:center; border-left:1px solid #BBB; }
.divKalKat      {    width:220px; height:16px; display:inline-block; color:#666; font-size:small; vertical-align:middle;  }
.divKalMon      {    width:220px; height:16px; display:inline-block; color:#666; font-size:11px; vertical-align:middle;   }
.divKalMonSingle{    display:inline-block; color:#666; font-size:11px; vertical-align:middle;   }
.divLegend      {    padding:0 4px 0 4px; height:20px; display:inline-block; color:#666; font-size:11px; vertical-align:middle;   }
.divNoResult    {    padding: 10px 0 10px 120px; color: red; width:300px;}

.divPrintButton {   float: right; }


/* Verlauf von http://www.colorzilla.com/gradient-editor/# */
/* zur Sicherheit zuerst background:red; falls der Verlauf nicht geht */
.divAnreise     {    width:23px; height:20px; display:inline-block; font-size:10px; color:#DDD; background:red; border-left:1px solid #BBB; border-right:0;   } 
.divAnreise {
                    background: rgb(0,128,0); /* Old browsers */
                    background: -moz-linear-gradient(-45deg,  rgba(0,128,0,1) 50%, rgba(255,0,0,1) 60%); /* FF3.6+ */
                    background: -webkit-gradient(linear, left top, right bottom, color-stop(50%,rgba(0,128,0,1)), color-stop(60%,rgba(255,0,0,1))); /* Chrome,Safari4+ */
                    background: -webkit-linear-gradient(-45deg,  rgba(0,128,0,1) 50%,rgba(255,0,0,1) 60%); /* Chrome10+,Safari5.1+ */
                    background: -o-linear-gradient(-45deg,  rgba(0,128,0,1) 50%,rgba(255,0,0,1) 60%); /* Opera 11.10+ */
                    background: -ms-linear-gradient(-45deg,  rgba(0,128,0,1) 50%,rgba(255,0,0,1) 60%); /* IE10+ */
                    background: linear-gradient(135deg,  rgba(0,128,0,1) 50%,rgba(255,0,0,1) 60%); /* W3C */
                    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008000', endColorstr='#ff0000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
/* zur Sicherheit zuerst background:red; falls der Verlauf nicht geht */
.divAbreise     {    width:23px; height:20px; display:inline-block; font-size:10px; color:#DDD; background:red; border-left:1px solid #BBB; border-right:0;   }
.divAbreise     {
                    background: rgb(255,0,0); /* Old browsers */
                    background: -moz-linear-gradient(-45deg,  rgba(255,0,0,1) 50%, rgba(0,128,0,1) 60%); /* FF3.6+ */
                    background: -webkit-gradient(linear, left top, right bottom, color-stop(50%,rgba(255,0,0,1)), color-stop(60%,rgba(0,128,0,1))); /* Chrome,Safari4+ */
                    background: -webkit-linear-gradient(-45deg,  rgba(255,0,0,1) 50%,rgba(0,128,0,1) 60%); /* Chrome10+,Safari5.1+ */
                    background: -o-linear-gradient(-45deg,  rgba(255,0,0,1) 50%,rgba(0,128,0,1) 60%); /* Opera 11.10+ */
                    background: -ms-linear-gradient(-45deg,  rgba(255,0,0,1) 50%,rgba(0,128,0,1) 60%); /* IE10+ */
                    background: linear-gradient(135deg,  rgba(255,0,0,1) 50%,rgba(0,128,0,1) 60%); /* W3C */
                    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#008000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

/* zur Sicherheit zuerst background:red; falls der Verlauf nicht geht */
.divAnAbreise {
    width: 23px;
    height: 20px;
    display: inline-block;
    font-size: 10px;
    color: #DDD;
    background: red;
    border-left: 1px solid #BBB;
    border-right: 0;
}
/* ACHTUNG wenn keine Kennzeichnung vom An-Abreisetag gewünscht, dann hier den Teil ausblenden und es wird immer belegt angezeigt */
/* Farbe vom Standardstreifen ist maroon*/
.divAnAbreise {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff1a00+0,ff1a00+46,08000c+47,ff1a00+48,ff1a00+100 */
    background: #ff1a00; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #ff1a00 0%, #ff1a00 46%, maroon 47%, #ff1a00 50%, #ff1a00 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #ff1a00 0%,#ff1a00 46%,maroon 47%,#ff1a00 50%,#ff1a00 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #ff1a00 0%,#ff1a00 46%,maroon 47%,#ff1a00 50%,#ff1a00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff1a00', endColorstr='#ff1a00',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}


/*  diverses ----------------------------------------------------------*/
.divVacancAnreise { float: left; width: 120px; margin: 4px; height:50px;}
.divVacancAbreise { float: left; width: 120px; margin: 4px; height:50px;}
.divVacancKate    { float: left; width: 200px; margin: 4px; height:50px;}
.divVacancPfeile  { float: left; width: 120px; margin: 4px; height:50px; padding:0;}
.divVacanzButton  { float: left; width: 120px; margin: 4px; height:50px;  }
.divVacanzButton a { text-decoration:none; font-size:20px; font-weight:bold;display:block;
    padding: 0.2em;
    text-decoration: none; font-weight: bold;
    border: 1px solid black;
    border-left-color: white; border-top-color: white;
    color: maroon; background-color: #ccc;text-align:center;
}

.divVacanzButton a {

    background: transparent;
    border: 0;
    text-decoration: underline;
    padding: 0;
    margin: 0;

}

.divFloatLeft  { float:left; width:12rem; }
.divFloatLeft3 { }
.divClearBoth  { clear:both; }
.divMargin     { float:left; margin:10px; width:270px; }
.lblSuche { width: auto; font-size: 18px; }
.cmbSuche { width: auto;}

.cmbPfeile {  margin:16px 0 0 4px; padding:4px; float:left;  width:30px; height:30px;  }
.cssPfeilRechts {
    /* Pfeil nach rechts per CSS */
    border-top:     10px solid transparent;
    border-bottom:  10px solid transparent;
    border-left:    14px solid #9b0f0f;
    border-right:   10px solid transparent;
	font-size:0;line-height:0;height:0;width:0;padding:0;margin:0;
    /* Ende Pfeil nach links per CSS */
    /*background:url("img/CtrlIcons/arrow_right.png") no-repeat 100% 0;*/
}
.cssPfeilLinks {
    /* Pfeil nach links per CSS */
    border-top:     10px solid transparent;
    border-bottom:  10px solid transparent;
    border-left:    10px solid transparent;
    border-right:   14px solid #9b0f0f;
	font-size:0;line-height:0;height:0;width:0;padding:0;margin:0;
    /* Ende Pfeil nach links per CSS */
}

/* Wochenende */
.cssWE          {   opacity:0.85;}
.cssWEhead      {   color:green; }

/* Zusatzstyle für die Tage, die vom User gewünscht und für die Alternativ-Tage davor und danach */
/* im Header der Tabelle */
.cssSelected    {  border-bottom:5px solid green; }
.cssSelectedNo  {  border-bottom:5px solid silver; }
/* für die einzelnen Tage */
.cssDaysSelected    {  /*border-bottom:5px solid yellow;*/  }
.cssDaysSelectedNo  {  /*border-bottom:5px solid red;*/     }

/* ganzer div als Hyperlink */
.cssDaysSelectedNo > a, .cssDaysSelected > a { display: block; }

/* Belegung funzt zur Zeit nur für Kategoriesuche */
.spanMaxBelegung { /*display: none;*/}

/* Überschriften */
#divVacanzHeadline {    padding: 0 10px 10px 0; }
#divVacanzInfoText {    padding: 0 10px 10px 0; color:maroon; font-weight:bold; }

/* Links */
.divKalMon > a { display:block; color: red; }


/* DEFAULTS
----------------------------------------------------------*/
#divWait {
    z-index: 99999; position: absolute; top: 20%; left: 20%; background: white; opacity: 0.6; width: 200px; height: 200px;
    /* !!! evtl. Pfad anpassen */
    background:url(../Styles/img/CtrlIcons/preloader.gif);
    background-repeat:no-repeat;
}
#divInputMask       {  }
#divInputMaskButton {  }


/**************************************************************************************
                                    PREISANSICHT
***************************************************************************************/
.divMargin {
    clear: both;
    margin: 10px 0 10px 0px;
}

/* PreisAnsicht */
.PaDatOverAll   { }
.PaDatDay       { /*display:none;*/ }
.PaDatMonth     { /*display:none;*/ }
.PaDatYear      { /*display:none;*/ }
.PaDatPreis     { }
.PaDatBindestrich { }

/* PreisAnsichtProTag */
.PaPtDatOverAll   { }
.PaPtDatDay       { }
.PaPtDatMonth     { }
.PaPtDatYear      { }
.PaPtDatPreis     { }
.PaPtDatBindestrich { }

/**************************************************************************************
 Preisansicht - Spalten ein ausblenden , kann jederzeit erweitert werden um die Anzahl Spalten (also ColVisible5, ColVisible6 ...) 
***************************************************************************************/
.ColVisible1       {/*display:none;*/ }
.ColVisible2       {/*display:none;*/ }
.ColVisible3       {/*display:none;*/ }
.ColVisible4       {/*display:none;*/ }

/**************************************************************************************
 PreisansichtproTag - Spalten ein ausblenden  
***************************************************************************************/
.PaPtColVisible1       {/*display:none;*/}      /*datum*/
.PaPtColVisible2       {/*display:none;*/ }     /*kate lnr*/
.PaPtColVisible3       {/*display:none;*/ }     /*bemerkung*/
.PaPtColVisible4       {/*display:none;*/ }     /*kategorie*/
.PaPtColVisible5       {/*display:none;*/ }     /*Preis*/
.PaPtColVisible6       {/*display:none;*/ }     /*text Preis/properson*/


/***************************** Fehler/Ergebnisbox  ************************************/
.divTextBoxInfo     { padding:10px;  font-weight:bold; color:red;}

/***************************** Personenauswahl  **************************************/
#divPersonenWahl    { display:block; padding: 10px; } /* zum ausblenden: display:none;*/

/***************************** PREISANSICHT Überschriften*****************************/
#divPreisansicht    { display:block; margin: 10px 10px 10px 12px; font-size: x-large;  } /* zum ausblenden: display:none;*/

/***************************** PREISANSICHT tabelle ************************************/
#tabPreisansicht    { margin: 10px 0 0 0; border: 0px solid silver; color:#333; padding:10px; }
#tabPreisansicht th { padding: 6px; background: #CCC; color:#666; }
#tabPreisansicht td { padding: 6px; }
#tabPreisansicht tr.ungerade { background:#DDD; }
#tabPreisansicht tr.gerade   { background:#EEE; }
.webLink            { border-left: 0px solid #CCC; padding-left: 10px; margin-left: 1px;  }


#ContentPlaceHolder1_UpdatePanel1 { padding-left:20px; }

/* folgende Zeilen erstellt einen Pfeil vor dem div container (!ohne Grafik -> reines css) */
#divPreisansicht        {   padding-left:20px; position:relative; }
#divPreisansicht:before {   /* Rahmen nur an einer Seite einblenden */
                            border-width:18px; border-color:transparent transparent transparent #ccc; border-style:solid;
                            /* Pseudo-Element stylebar machen */
                            content:" "; display:block; height:0; width:0;
                            /* Pseudo-Element positionieren */
                            left:0; position:absolute;
}
/* ENDE: folgende Zeilen erstellt einen Pfeil vor dem div container (!ohne Grafik -> reines css) */


/* -------- AB HIER EINSTELLUNGEN FUER VERSCHIEDENE BILDSCHIRMGROESSEN ------------ */
/*  */
@media screen and (max-width: 600px) {
   
    body { border:0; margin:0; font-size: 1.1em; }

}