/*
    Document   : cpostyle
    Created on : 12.11.2012, 19:05:03
    Author     : Tonni
    Description:
        Purpose of the stylesheet follows.
*/
@import url("menu.css");

root {
    display: block;
    padding: 0;
}

html, body{
    background-color: #476FA0 !important;
    padding: 0;
    margin: 0;
    font-family: "Calibri", Arial, serif !important;
    height:100%;
}

pre {
    white-space: pre-wrap;       /* css-3 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

.cpo {
    background-color: white;
    border: 5px solid #B8C6D6;
}

#header{
    width: 100%;
    height: 200px;
    background-repeat: no-repeat;
    background-position:center;
}
#header-top div{
    padding-right: 20px;
    padding-left: 20px;
    font-size: 2.6em;
    text-align: right;
    background-color: white;
    float:right;
    border-bottom: 4px solid #D6A05e;
}

@media only screen and (max-width: 800px) {
    #header{
        height: 150px;
    }
    #header-top div{
        padding-right: 10px;
        padding-left: 10px;
        font-size: 2.0em;
    }
}

@media only screen and (max-width: 500px) {
    #header{
        height: 100px;
    }

    #header-top div{
        padding-right: 5px;
        padding-left: 5px;
        font-size: 1.2em;
    }
}




#trenner{
    background-color: #D6A05e;
    height: 8px;
    width: 100%;
    z-index: 10;
}

#steps{
    height:30px;
}

@media only screen and (max-width: 800px) {
    #steps{
        height:20px;
    }
}



#footer{
/*    margin-top: -94px !important;  negative value of footer height */
    height: 40px;
    /*width:946px;*/
    margin:auto;
    background-color: #b8c6d6;
    border-left: 0 5px solid #b8c6d6;
    font-size: 0.7em;
    clear: both;
}
#footer div.powered{
    padding-top: 10px;
    float: left;
}
#footer div.link{
    padding-top: 10px;
    margin-left: 750px;
    float: left;
}

#content{
    overflow:auto;
    width: 946px;
    font-size: 0.9em !important;
}

#content h1{
    margin-top: 20px;
    color: #476FA0;
}

#content p, #content h1{
    margin-top: 15px;
    margin: 10px;
}

/* Higlight Date */
td.highlight {
    background-color: #D6A05e;
}

#nextBtn {
    margin-right: 20px;
}


/* ---------------  Step 2 ----------------------- */
div.objekttyp{
    width: 250px;
    padding: 5px 15px 15px 15px;
    margin: 13px;
    border: 3px solid #b8c6d6;
    float: left;
}

div.objekttyp p.headline{
    font-size: 1.2em;
    font-weight: bold;
}

div.objekttyp img{
    float: left;
}

div.objekttyp div{
    float: left;
    margin-left: 10px;
    margin-top:0;
    padding: 0;
    width:150px;
}

div.objekttyp div p{
    margin: 0 !important;
    padding:0 !important;
}

/* ---------------  Step 2 ----------------------- */

/* ---------------MAP------------------------------*/

.olControlAttribution {
    bottom: 5px;
}

/**
 * Map Examples Specific
 */
.smallmap {
    width: 100%;
    height: 450px;
    border: 1px solid #ccc;
}
#tags {
    display: none;
}

#docs p {
    margin-bottom: 0.5em;
}
/* mobile specific */
@media only screen and (max-width: 600px) {
    body {
        height           : 100%;
        margin           : 0;
        padding          : 0;
        width            : 100%;
    }
    #map {
        background : #7391ad;
        width      : 100%;
    }
    #map {
        border : 0;
        height : 250px;
    }
    #title {
        font-size   : 1.3em;
        line-height : 2em;
        text-indent : 1em;
        margin      : 0;
        padding     : 0;
    }
    #docs {
        bottom     : 0;
        padding    : 1em;
    }
    #shortdesc {
        color      : #aaa;
        font-size  : 0.8em;
        padding    : 1em;
        text-align : right;
    }
    #tags {
        display : none;
    }
}
@media only screen and (orientation: landscape) and (max-width: 600px) {
    #shortdesc {
        float: right;
        width: 25%;
    }
    #map {
        width: 70%;
    }
    #docs {
        font-size: 12px;
    }
}
body {
    -webkit-text-size-adjust: none;
}

/* ---------------MAP------------------------------*/

#buchungsobjecte1, #buchungsobjecte2 {
    padding-left: 10px;
    padding-right: 10px;
    width: 100%
}

#buchungsobjecte1 th, #buchungsobjecte2 th{
    background-color: #b8c6d6;
}

#buchungsobjecte1 tr, #buchungsobjecte2 tr{
    height: 35px;
}

/* -------------------------------------------------*/

#persondata{
    padding-left: 10px;
    padding-right: 10px;
}


#persondata .errorLabel{
    color: red;
}

/*----------------------*/

#preistable {
    padding-left: 10px;
    padding-right: 10px;
    width: 100%
}

#preistable th{
    background-color: #b8c6d6;
}

#preistable tr{
    height: 35px;
}


#datepicker td.highlight-start a,#datepicker1 td.highlight-start a, #datepicker2 td.highlight-start a,#datepicker3 td.highlight-start a {
    background-color: lightcoral; /* fallback color if gradients are not supported */
    background-image: -webkit-linear-gradient(45deg, transparent 51%,lightcoral 49%) !important; /* For Chrome 25 and Safari 6, iOS 6.1, Android 4.3 */
    background-image:    -moz-linear-gradient(45deg, transparent 51%,lightcoral 49%) !important; /* For Firefox (3.6 to 15) */
    background-image:      -o-linear-gradient(45deg, transparent 51%,lightcoral 49%) !important; /* For old Opera (11.1 to 12.0) */
    background-image:         linear-gradient(45deg, transparent 51%,lightcoral 49%) !important; /* Standard syntax; must be last */
}

#datepicker td.highlight-end a,#datepicker1 td.highlight-end a,#datepicker2 td.highlight-end a,#datepicker3 td.highlight-end a {
    background-color: lightcoral; /* fallback color if gradients are not supported */
    background-image: -webkit-linear-gradient(225deg, transparent 51%,lightcoral 49%) !important; /* For Chrome 25 and Safari 6, iOS 6.1, Android 4.3 */
    background-image:    -moz-linear-gradient(225deg, transparent 51%,lightcoral 49%) !important; /* For Firefox (3.6 to 15) */
    background-image:      -o-linear-gradient(225deg, transparent 51%,lightcoral 49%) !important; /* For old Opera (11.1 to 12.0) */
    background-image:         linear-gradient(225deg,transparent 51%,lightcoral 49%) !important; /* Standard syntax; must be last */
}

#datepicker td.highlight-wechsel a,#datepicker1 td.highlight-wechsel a,#datepicker2 td.highlight-wechsel a,#datepicker3 td.highlight-wechsel a {
    background-color: lightcoral; /* fallback color if gradients are not supported */
    background-image: -webkit-linear-gradient(45deg, transparent 53%,lightcoral 47%)-webkit-linear-gradient(225deg, transparent 53%,lightcoral 47%) !important; /* For Chrome 25 and Safari 6, iOS 6.1, Android 4.3 */
    background-image:    -moz-linear-gradient(45deg, transparent 53%,lightcoral 47%),-moz-linear-gradient(225deg, transparent 53%,lightcoral 47%) !important; /* For Firefox (3.6 to 15) */
    background-image:      -o-linear-gradient(45deg, transparent 53%,lightcoral 47%),-o-linear-gradient(225deg, transparent 53%,lightcoral 47%) !important; /* For old Opera (11.1 to 12.0) */
    background-image:         linear-gradient(45deg, transparent 53%,lightcoral 47%),linear-gradient(225deg,transparent 53%,lightcoral 47%) !important; /* Standard syntax; must be last */
}


#datepicker td.highlight-date a,#datepicker1 td.highlight-date a,#datepicker2 td.highlight-date a,#datepicker3 td.highlight-date a {
    background: none;
    background-color: lightcoral !important;
}

#datepicker td.highlight a,#datepicker1 td.highlight a,#datepicker2 td.highlight a,#datepicker3 td.highlight a {
    background: none;
    background-color: lightgreen ;
}

#datepicker td.highlight,#datepicker1 td.highlight,#datepicker2 td.highlight,#datepicker3 td.highlight{
    background: none;
}

#datepicker1 .ui-state-disabled, #datepicker2 .ui-state-disabled, #datepicker3 .ui-state-disabled{
    opacity: 0.7 !important;
}

div.ui-tooltip-content{
    font-size: 0.7em !important;
}

.objecttyp:nth-child(3n+1){
    clear:both;
}


.form-group.required .control-label:after {
    color: #d00;
    content: "*";
    position: absolute;
    margin-left: 8px;
    top:7px;
}


.m-0 { margin:0!important; }
.m-1 { margin:.25rem!important; }
.m-2 { margin:.5rem!important; }
.m-3 { margin:1rem!important; }
.m-4 { margin:1.5rem!important; }
.m-5 { margin:3rem!important; }

.mt-0 { margin-top:0!important; }
.mr-0 { margin-right:0!important; }
.mb-0 { margin-bottom:0!important; }
.ml-0 { margin-left:0!important; }
.mx-0 { margin-left:0 !important;margin-right:0 !important; }
.my-0 { margin-top:0!important;margin-bottom:0!important; }

.mt-1 { margin-top:.25rem!important; }
.mr-1 { margin-right:.25rem!important; }
.mb-1 { margin-bottom:.25rem!important; }
.ml-1 { margin-left:.25rem!important; }
.mx-1 { margin-left:.25rem!important;margin-right:.25rem!important; }
.my-1 { margin-top:.25rem!important;margin-bottom:.25rem!important; }

.mt-2 { margin-top:.5rem!important; }
.mr-2 { margin-right:.5rem!important; }
.mb-2 { margin-bottom:.5rem!important; }
.ml-2 { margin-left:.5rem!important; }
.mx-2 { margin-right:.5rem!important;margin-left:.5rem!important; }
.my-2 { margin-top:.5rem!important;margin-bottom:.5rem!important; }

.mt-3 { margin-top:1rem!important; }
.mr-3 { margin-right:1rem!important; }
.mb-3 { margin-bottom:1rem!important; }
.ml-3 { margin-left:1rem!important; }
.mx-3 { margin-right:1rem!important;margin-left:1rem!important; }
.my-3 { margin-bottom:1rem!important;margin-top:1rem!important; }

.mt-4 { margin-top:1.5rem!important; }
.mr-4 { margin-right:1.5rem!important; }
.mb-4 { margin-bottom:1.5rem!important; }
.ml-4 { margin-left:1.5rem!important; }
.mx-4 { margin-right:1.5rem!important;margin-left:1.5rem!important; }
.my-4 { margin-top:1.5rem!important;margin-bottom:1.5rem!important; }

.mt-5 { margin-top:3rem!important; }
.mr-5 { margin-right:3rem!important; }
.mb-5 { margin-bottom:3rem!important; }
.ml-5 { margin-left:3rem!important; }
.mx-5 { margin-right:3rem!important;margin-left:3rem!important; }
.my-5 { margin-top:3rem!important;margin-bottom:3rem!important; }

.mt-auto { margin-top:auto!important; }
.mr-auto { margin-right:auto!important; }
.mb-auto { margin-bottom:auto!important; }
.ml-auto { margin-left:auto!important; }
.mx-auto { margin-right:auto!important;margin-left:auto!important; }
.my-auto { margin-bottom:auto!important;margin-top:auto!important; }

.p-0 { padding:0!important; }
.p-1 { padding:.25rem!important; }
.p-2 { padding:.5rem!important; }
.p-3 { padding:1rem!important; }
.p-4 { padding:1.5rem!important; }
.p-5 { padding:3rem!important; }

.pt-0 { padding-top:0!important; }
.pr-0 { padding-right:0!important; }
.pb-0 { padding-bottom:0!important; }
.pl-0 { padding-left:0!important; }
.px-0 { padding-left:0!important;padding-right:0!important; }
.py-0 { padding-top:0!important;padding-bottom:0!important; }

.pt-1 { padding-top:.25rem!important; }
.pr-1 { padding-right:.25rem!important; }
.pb-1 { padding-bottom:.25rem!important; }
.pl-1 { padding-left:.25rem!important; }
.px-1 { padding-left:.25rem!important;padding-right:.25rem!important; }
.py-1 { padding-top:.25rem!important;padding-bottom:.25rem!important; }

.pt-2 { padding-top:.5rem!important; }
.pr-2 { padding-right:.5rem!important; }
.pb-2 { padding-bottom:.5rem!important; }
.pl-2 { padding-left:.5rem!important; }
.px-2 { padding-right:.5rem!important;padding-left:.5rem!important; }
.py-2 { padding-top:.5rem!important;padding-bottom:.5rem!important; }

.pt-3 { padding-top:1rem!important; }
.pr-3 { padding-right:1rem!important; }
.pb-3 { padding-bottom:1rem!important; }
.pl-3 { padding-left:1rem!important; }
.py-3 { padding-bottom:1rem!important;padding-top:1rem!important; }
.px-3 { padding-right:1rem!important;padding-left:1rem!important; }

.pt-4 { padding-top:1.5rem!important; }
.pr-4 { padding-right:1.5rem!important; }
.pb-4 { padding-bottom:1.5rem!important; }
.pl-4 { padding-left:1.5rem!important; }
.px-4 { padding-right:1.5rem!important;padding-left:1.5rem!important; }
.py-4 { padding-top:1.5rem!important;padding-bottom:1.5rem!important; }

.pt-5 { padding-top:3rem!important; }
.pr-5 { padding-right:3rem!important; }
.pb-5 { padding-bottom:3rem!important; }
.pl-5 { padding-left:3rem!important; }
.px-5 { padding-right:3rem!important;padding-left:3rem!important; }
.py-5 { padding-top:3rem!important;padding-bottom:3rem!important; }