/* Hauptdesign */

body         {background:#2765AF; color:#000000; margin:20px 0; padding:0; font-family:"Trebuchet MS", verdana, arial, "Times New Roman", serif; font-size:12px; }
p                {margin:0; padding:0 0 15px 0; }
a                {color:#000000; text-decoration:underline; }
table {font-family:"Trebuchet MS", verdana, arial, "Times New Roman", serif; font-size:12px;}
a:hover        {color:#225799; text-decoration:none;}
ul {padding-top: 0px; margin-top: 0px; display: block;}

#container        {margin:0px auto; text-align:center; width:760px;}
#holder                {width:750px; padding:20px 20px 5px 20px; background:#FFFFFF; text-align:left; }
#logo                {background:url('../images/logo.gif') no-repeat 180px 0; border-bottom:1px solid #DADADA; padding:5px 30px 20px 0px;}
#navigation        {padding:10px 0; }
#nav_path       {float:left; width:457px; padding:2px 0px 0 0; }
#header                {background:#DADADA url('../img/pano2.jpg') no-repeat 5px 10px; padding:10px; height:93px; }
#content        {float:left; width:490px; padding:20px 10px 0 0; line-height:160%; text-align: justify; }
#content_big        {float:left; width:760px; padding:20px 10px 0 0; line-height:160%; text-align: justify;}
#info                {float:right; width:250px; padding:20px 0; line-height:140%; text-align:justify; }
.infoItem        {padding:10px; background:#FEFFD5; border:1px solid #FFEB70;  margin-bottom:20px; line-height: 160%; }
#footer                {clear:both; width:750px; font-size:12px; background:#DADADA; padding:20px; text-align:left; border-top:2px solid #2765AF; }
#copyright        {float:right; }
#login  {
        width: 290px;
        height: 20px;
        text-align: right;
        float: left;
        padding:2px 0 0 0;

        }

.infoItem h1        {color:#225799; margin:0 0 5px 0; padding:0; font-size:14px; font-weight:bold; }
#content h1, #content_big h1 {color: #225799; font-size:20px; font-weight:normal; margin:0; padding:0 0 10px 0; }
#content h2, #content_big h2 {border-bottom: 1px solid #225799; font-size:16px; color: #225799; font-weight:bold; margin:0 0 10px 0; padding:0 0 1px 0; }

#logo h1                {font-weight:normal; font-size:20px; margin:0; padding:0; color:#225799; }

.fake_head {border-bottom: 1px solid #225799;  margin:0 0 10px 0; padding:0 0 1px 0; }
.head_text {font-size:16px; color: #225799; font-weight:bold;}

#belegung_info {
    padding:10px;
    min-height: 30px;
    padding-left: 60px;
    background:url(../icon/error.gif) no-repeat;
    background-position: 10px 10px;
    background-color:#FEFFD5;
    border:1px solid #FFEB70;
    margin-bottom:20px;
    line-height: 160%;

}

#navigation ul                 {margin:0; padding:0; }
#navigation li                 {margin:0; padding:0; list-style:none; display:inline; }
#navigation a                {color:#225799; padding:0 20px 0 0; text-decoration:none; }
#navigation a:hover        {color:#000000; }

#footer ul                 {margin:0; padding:0; }
#footer li                 {margin:0; padding:0; list-style:none; display:inline; }
#footer a                {color:#000000; font-weight:bold; padding:0 5px 0 0; text-decoration:underline; }
#footer a:hover        {color:#000000; text-decoration:none; }


/*shamelessly borrowed styles from http://www.positioniseverything.net/easyclearing.html*/
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix {display:inline-block; }
/* Hides from IE-mac \*/
* html .clearfix {height:1%; }
.clearfix {display:block; }
/* End hide from IE-mac */

.sortheader {
    text-decoration: none;
    color: #225799;
}

.tooltip{
width: 200px; color:#000;
text-decoration:none;text-align:center}

.tooltip span.top{padding: 30px 8px 0;
    background: url(../icon/bt.gif) no-repeat top}

.tooltip b.bottom{padding:3px 8px 15px;
    background: url(../icon/bt.gif) no-repeat bottom}


/* Hauptdesign Ende */


/* Design extras */
.image {
       border: 1px solid black;
       vertical-align: bottom;
       margin: 2px; }
.image2 {
       vertical-align: top;
}
.image3 {
       border: 1px solid #225799;
       vertical-align: bottom;
       margin: 2px; }
       
.blue {color:#225799;}
.red {color:#c60000;}
.bold {font-weight: bold;}
.right {text-align: right;}
.top {vertical-align: top;}
.middle {vertical-align: middle;}
.bottom {vertical-align: bottom;}
.center {text-align: center;}
.day_add, .reserve {
   text-decoration: underline;
   cursor: pointer;
}


.day_add_hide {
   text-decoration: none;
}


.img_cap
{
    border: 1px solid #2765AF;
    text-align: justify;
    margin-top: 2px;
    padding: 2px;
}

.g_image {
    max-width: 130px;
    padding-bottom: 5px;
}


.fav_item {
    border: 1px solid #2765AF;
    margin-bottom: 10px;
}
/* Formulare Start */

form br {
 clear:both;
}
form p {
 clear:both;
 padding:0px 0px;

}

.text, .text2  {
 border:1px solid #225799;
 background-color:#fff;
 font-family:"Trebuchet MS", verdana, arial, "Times New Roman", serif;
 font-size:12px;
 padding: 0px;
 margin: 0px;
}


.button  {
 border:1px solid #B4C6E4;
 background-color:#225799;
 font-family:"Trebuchet MS", verdana, arial, "Times New Roman", serif;
 color: #fff;
 font-size:12px;

}

.text:focus {
  background-color:#B4C6E4;
}


/* Formulare Ende */

/* Wforms Fehlermeldung */
  .errFld {border: 1px solid #FF0000;}
  .errMsg {color: #225799; font-weight: bold; display: inline;}



/* Belegungsplan Start */

table.overview td {
        line-height:14px;
}

td.month {
        padding:5px;
        border:0px;
}

td.month, td.day, td.default, td.blocked, td.depature,
td.arrival, td.free, td.arrival_res, td.depature_res, td.reserved,
td.both_yr, td.both_ry, td.both_res, td.both,
td.preis_up, td.preis_down, td.preis
{
        text-align: center;
        border: 1px solid #B4C6E4;
        padding: 1px;
}


td.preis_up {
        font-size:10px;
        background:url(../icon/arrow_up.gif) no-repeat top left;
        background-color: #B4C6E4;

}

td.preis_down {
        font-size:10px;
        background:url(../icon/arrow_down.gif) no-repeat top left;
        background-color: #B4C6E4;

}

td.preis {
        font-size:10px;
        background-color: #C7E4B0;

}

td.month {
        font-size: 10px;
        font-weight: bold;
        background: white;
        color:#225799;
}

td.free {
        font-size:10px;
        background: #C7E4B0;
        padding:1px;
}

td.blocked {
        font-size:10px;
        background: #FF8080;
}

td.depature {
        font-size:10px;
        background: #FF8080;
        background:url(../icon/belegung/depature.gif) no-repeat center;
}
td.both {
        font-size:10px;
        background: #FF8080;
        background:url(../icon/belegung/both.gif) no-repeat center;
}

td.both_res {
        font-size:10px;
        background: #FF8080;
        background:url(../icon/belegung/both_res.gif) no-repeat center;
}

td.both_ry {
        font-size:10px;
        background: #FF8080;
        background:url(../icon/belegung/both_ry.gif) no-repeat center;
}

td.both_yr {
        font-size:10px;
        background: #FF8080;
        background:url(../icon/belegung/both_yr.gif) no-repeat center;
}


td.reserved {
        font-size:10px;
        background: #FF8080;
        background:url(../icon/belegung/reserved.gif) no-repeat center;
}

td.depature_res {
        font-size:10px;
        background: #FF8080;
        background:url(../icon/belegung/depature_res.gif) no-repeat center;
}

td.arrival {
        font-size:10px;
        background: #FF8080;
        background:url(../icon/belegung/arrival.gif) no-repeat center;
}

td.arrival_res {
        font-size:10px;
        background: #FF8080;
        background:url(../icon/belegung/arrival_res.gif) no-repeat center;
}

td.day {
        font-size:10px;
        background:#225799;
        color:white;
        font-weight:bold;
        width:15px;
}

td.default {
        font-size:10px;
        background:white;
}

/* Belegungsplan Ende */


.calcpYearNavigation,.calcpMonthNavigation
{
        background-color:#fff;
        text-align:center;
        vertical-align:middle;
        text-decoration:none;
        color:#225799;
        font-weight:bold;
        border-bottom: 1px solid #B4C6E4;
}
.calcpDayColumnHeader, .calcpYearNavigation, .calcpMonthNavigation,
.calcpCurrentMonthDate, .calcpCurrentMonthDateDisabled,        .calcpOtherMonthDate,
.calcpOtherMonthDateDisabled,.calcpCurrentDate,        .calcpCurrentDateDisabled,
.calcpTodayText, .calcpTodayTextDisabled, .calcpText
        {
        font-family:"Trebuchet MS", verdana, arial, "Times New Roman", serif;
        font-size:10px;
        }
TD.calcpCurrentMonthDate, TD.calcpOtherMonthDate, TD.calcpCurrentDate {
            border: 1px solid #B4C6E4;
}
TD.calcpOtherMonthDate {
   background-color: #fff;
}
TD.calcpCurrentMonthDate, TD.calcpCurrentDate {
  background-color: #C7E4B0;
}
TD.calcpDayColumnHeader
        {
        text-align:center;
        border: 1px solid #B4C6E4;
        background-color: #2765AF;
        color: #fff;
        font-weight: bold;

        }
        
        /* ffff66       */
.calcpCurrentMonthDate, .calcpOtherMonthDate, .calcpCurrentDate
        {
        text-align:center;
        text-decoration:none;
        font-weight: normal;
        }

.calcpCurrentMonthDate
        {
        color:#000;
        }
        
.calcpCurrentMonthDateDisabled, .calcpOtherMonthDateDisabled,.calcpCurrentDateDisabled
        {
        color:#747474;
        text-align:right;
        text-decoration:line-through;
        font-weight: normal;
        }

.calcpCurrentDate
        {
        color: #FFFFFF;
        font-weight:bold;
        }
.calcpOtherMonthDate
        {
        color:#000;
        }
TD.calcpCurrentDate
        {
        color:#fff;

        }
TD.calcpCurrentDateDisabled
        {
        color: #000;
        }
TD.calcpTodayText, TD.calcpTodayTextDisabled
        {
         color: #000;

        }
A.calcpTodayText, SPAN.calcpTodayTextDisabled
        {
        height:00px;
        }
A.calcpTodayText
        {
        color:#000;
        font-weight:bold;
        }
SPAN.calcpTodayTextDisabled
        {
        color:#000;
        }
.calcpBorder
        {
        border:solid 1px #B4C6E4;
        }