@charset "utf-8";

@IMPORT url("styles.font.css");
@IMPORT url("styles.menu.css");


/**********************************
* global html settings 
**********************************/

*
{
    margin              : 0;
    padding             : 0;
}

body
{
    background          : url("../img/bg.png");
    background-repeat   : repeat-x;
    background-position : top;
    border              : 0;
    color               : #333;
    font-family         : "Verdana", "Arial", "Helvetica", sans-serif;
    font-size           : 62.5%;
    height              : 100%;
    line-height         : 16px;
}

img
{
    border              : 0;
}

a, a:link
{
    text-decoration     : none;
}

a:hover
{
    text-decoration     : underline;
}

input[type=radio],
input[type=checkbox]
{
    width               : 13px;
    height              : 13px;
}


/**********************************
* main layout components 
**********************************/

#wrapper
{
    width               : 940px;
    margin              : 0 auto;
}

.bar-content,
.bar-menu,
.bar-side
{
    float               : left;
    position            : relative;
   /* overflow            : hidden;*/
}

.bar-side h1
{
    color               : #000;
}

/******** head area ********/

#bar-head
{
    width               : 100%;
    height              : 233px;
    overflow            : hidden;
}

#bar-head-search-object, #bar-head-social
{
    position            : relative;
    width               : 232px;
}
        
#bar-head-search-object
{
    background          : url("../img/bg-bar-head-search-object.png") no-repeat right transparent;
    height              : 127px;
    padding             : 12px 10px 60px 28px;
    width               : 194px;
    text-align          : right;
    color               : #004990;
}
        
#bar-head-social
{
    background          : url("../img/bg-bar-head-search.png") no-repeat right transparent;
    height              : 34px;
}
        
#bar-head-search-element
{
    position            : relative;
    top                 : 4px;
    left                : 20px;
    bottom              : 4px;
    background-color    : #ffd519;
    width               : 200px;
    padding             : 1px;
}
            
#bar-head-menu, #bar-head-image
{
    left                : 231px;
    top                 : -233px;
    position            : relative;
}
        
#bar-head-menu
{
    background          : url("../img/bg-bar-head-menu.png") no-repeat transparent;
    height              : 55px;
/*    padding             : 10px 0 0 110px; */
    width               : 468px;
}

.headMenuWrapper
{
    position            : absolute;
    top                 : 10px;
    left                : 100px;
}
        
#bar-head-menu a
{
    color               : #000;
    text-transform      : uppercase;
}
        
#bar-head-image
{
    background-color    : #FFF;
    height              : 165px;
    padding             : 13px 13px 0 13px; 
    width               : 444px;
}
    
#bar-head-login, #bar-head-logo
{
    left                : 699px;
    top                 : -466px;
    position            : relative;
    width               : 250px;
}
        
#bar-head-login
{
    background          : url("../img/bg-bar-head-login.png") no-repeat transparent;
    height              : 55px;
/*    padding             : 10px 0 0 65px; */
    width               : 235px;
    text-transform      : uppercase;
}

.headLoginWrapper
{
    left                : -9px;
    position            : absolute;
    text-align          : center;
    width               : 235px;
}

.headLoginWrapper div
{
    background-image    : url("../img/bg-bar-head-login-link.png");
    background-repeat   : no-repeat;
}

.headEvisLogin
{
    position            : absolute;
    top                 : 7px;
    width               : 235px;
    background-position : 9px -7px;
}

.headHomepageLogin
{
    position            : absolute;
    top                 : 31px;
    width               : 235px;
    background-position : 9px -28px;
}
        
#bar-head-logo
{
    background          : url("../img/bg-bar-head-logo.png") no-repeat transparent;
    height              : 160px;
    padding             : 9px 0;
}

.top-menu
{
    margin              : 0 0 0 15px;
}

/******** column container ********/

.colmask
{
    background          : url("../img/bg-page-shadow.png") repeat-y center top;
    overflow            : hidden;
    width               : 100%;
    z-index             : 20;
}

#page-background
{
    background-image    : url("../img/bg-page-background.png");
    background-repeat   : no-repeat;
    background-color    : #FEFEFE;
    background-position : bottom left;
    position            : relative;
    margin-left         : 20px;
    z-index             : 5;
    float               : left;
    width               : 900px;    
}

#page-background-yellow
{
    background-image    : url("../img/bg-page-bar-side.png");
    background-repeat   : no-repeat;
    background-position : bottom right;
    position            : relative;
    z-index             : 6;
    float               : left;
    width               : 100%;    
}

.colmid
{
    float               : left;
    width               : 100%;
    margin-right        : -95%;
    
}

.colleft
{
    float               : left;
    margin-left         : -5%;
    width               : 242px;
    position            : relative;    
}


.colright
{
    float               : right;
    width               : 220px;
    position            : relative;
    
}

.threecol .bar-content
{
    margin-left         : 205px;
    padding             : 15px 15px 20px  19px;
    width               : 440px;
    /* min-height          : 500px; */
    z-index             : 30px;
    font-size           : 105%;
}
    
.threecol .bar-menu
{
    right               : 31px;
    width               : 242px;
}
    
.threecol .bar-side
{
    width               : 180px;
    margin-left         : 20px;
    font-size           : 105%;
}

#bar-footer
{
    background          : url("../img/bg-bar-footer.png") no-repeat bottom center transparent;
    width               : 940px;
    margin              : 0 auto;
    height              : 68px;
    z-index             : 5;
}
    
#bar-menu-search-bottom
{
    background          : url("../img/bg-bar-menu-search-bottom.png") no-repeat transparent;
    height              : 19px;
    width               : 242px;
}

/**********************************
* flat search components 
**********************************/

.flatOverviewWrapper
{
    position            : relative;
}

.flatOverviewItemWrapper
{
    padding-top         : 30px;
}

.flatDetailsItemWrapper .forPrint
{
    display             : none;
}

.flatOverviewItemWrapper table
{
    border-collapse     : collapse;
    border-spacing      : 0px;
    width               : 100%;
}

.flatOverviewItemWrapper table td
{
    vertical-align      : top;
}

.flatOverviewImageColumn
{
    width               : 150px;
    text-align          : right;
}

.flatOverviewAddress,
.flatDetailsAddress
{
    font-size           : 110%;
    font-weight         : bold;
    background-repeat   : repeat-x;
    background-position : 0% 50%;
    background-image    : url(../img/bg_vertical_yellow.png);
    padding             : 3px 10px;
    border              : 1px solid #FFD519;
}

.flatOverviewDataWrapper,
.flatDetailsDataWrapper,
.ARISDetailsDataWrapper
{
    margin              : 10px 0px;
    padding             : 0px 10px;
}

.flatOverviewDataWrapper .clearLeft,
.flatDetailsDataWrapper .clearLeft
{
    height              : 1px;
    padding             : 0px;
    margin              : 0px;
}

.flatOverviewDataText,
.flatOverviewPriceText,
.flatDetailsDataText,
.flatDetailsPriceText
{
    float               : left;
    width               : 150px;
    color               : #555;
}

.flatOverviewDataValue,
.flatOverviewPriceValue,
.flatDetailsDataValue,
.flatDetailsPriceValue
{
    float               : left;
    color               : #004990;
    font-weight         : bold;
}

.flatOverviewDataValue
{
    width               : 118px;
}

.flatOverviewBottomlineWrapper,
.flatDetailsPriceWrapper
{
    padding-left        : 10px;
    background-repeat   : repeat-x;
    background-position : 0% 50%;
    background-image    : url(../img/bg_vertical_grey.png);
}

.flatOverviewPriceWrapper
{
    float               : left;
    padding-top         : 6px;
}

.flatOverviewPriceValue
{
    font-size           : 17px;
    color               : #999;
}

.flatOverviewViewLinkWrapper
{
    float               : right;
}

.flatOverviewViewLinkWrapper a
{
    display             : block;
    width               : 115px;
    padding             : 6px 10px 6px 25px;
    background-repeat   : no-repeat;
    background-position : 0% 50%;
    color               : #FFF;
    background-image    : url(../img/button_details.png);
}

.flatOverviewViewLinkWrapper a:hover
{
    background-image    : url(../img/button_details_hover.png);
    text-decoration     : none;
}

.flatOverviewHits
{
    position            : absolute;
    right               : 0px;
    top                 : 0px;
    color               : #555;
    font-size           : 120%;
}

.flatDetailsDataWrapper
{
    margin-bottom       : 0px !important;
}

.flatDetailsItemWrapper
{

}

.flatDetailsDataText,
.flatDetailsPriceText
{
    width               : 160px !important;
}

.flatDetailsDataValue
{
    font-weight         : normal !important;
    max-width           : 255px;
}

#flatDetailsAccordionWrapper
{
    padding-top         : 20px;
}

#flatDetailsAccordionWrapper #dhxMainCont
{
    overflow-y          : auto !important;
    overflow-x          : hidden !important;
}

#flatDetailsAccordionWrapper .flatDetailsDataWrapper
{
    margin              : 10px 0px !important;
}

.flatDetailsDivider,
.flatDetailsEmptyDivider
{
    margin              : 25px 0px 10px 0px;
    border-bottom       : 1px solid #EEE;
    border-left         : 4px solid #FFD519;
    padding-left        : 10px;
    font-size           : 120%;
}

.flatDetailsEmptyDivider
{
    border-width        : 0px !important;
    margin              : 0px !important;
}

.flatDetailsPreviewImages
{
    float               : left;
    display             : block;
    margin              : 0px 7px 10px 0px;
    border              : 1px solid #EEEEEE;
}

.flatDetailsPriceWrapper
{
    padding             : 6px 10px;
    margin-top          : 20px;
}

.flatDetailsPriceValue
{
    color               : #004990;
    font-size           : 130%;
}

.flatDetailsButtonWrapper
{
    padding             : 5px 0px;
    margin-bottom       : 10px;
    position            : relative;
}

.flatDetailsBackButtonWrapper
{
    float               : left;
}

.flatDetailsNextButton
{
    float               : right;
}

input.flatDetailsBackButton
{
    display             : block;
    padding             : 6px 10px 7px 25px;
    background-repeat   : no-repeat;
    background-position : 0% 48%;
    color               : #FFF;
    font-family         : "Verdana", "Arial", "Helvetica", sans-serif;
    background-image    : url(../img/button_arrow_left_blue.png);
    border              : none;
    overflow            : visible;
    font-size           : 100%;
}

.flatDetailsNextButton a
{
    display             : block;
    padding             : 6px 25px 6px 10px;
    background-repeat   : no-repeat;
    background-position : 100% 48%;
    color               : #FFF;
    font-family         : "Verdana", "Arial", "Helvetica", sans-serif;
    background-image    : url(../img/button_arrow_right_blue.png);
}

.flatDetailsNextButton a:hover
{
    text-decoration     : none;
}

.flatDetailsExposeLinkWrapper
{
    font-size           : 100%;
    position            : absolute;
    right               : 0px;
    top                 : 0px;
    margin-top          : -40px;
}

.flatDetailsExposeLinkWrapper a
{
    background-image    : url("../img/button_print_right.png");
    background-position : 100% 50%;
    background-repeat   : no-repeat;
    color               : #FFFFFF;
    display             : block;
    font-family         : "Verdana","Arial","Helvetica",sans-serif;
    padding             : 5px 25px 6px 10px;
}

.flatDetailsExposeLinkWrapper a:hover
{
    text-decoration     : none;
}


/********** onpage search ********/

.flatOverviewSearchForm input
{
    border              : 1px solid #DDD;
    height              : 19px;
    margin              : 0px;
    padding             : 0px 2px;
    width               : 30px;
    font-family         : "Verdana", "Arial", "Helvetica", sans-serif;
    font-size           : 100%;
}

.flatOverviewSearchForm div
{
    float               : left;
}

.flatOverviewSearchDivider
{
    margin              : 0px 6px;
    height              : 21px;
    font-size           : 1%;
    border-right-width  : 1px;
    border-right-style  : solid;
    border-right-color  : #EEE;
}

.flatOverviewSearchSubmit
{
    float               : right !important;
}

.flatOverviewSearchSubmit input
{
    width               : auto;
    height              : auto;
    margin-right        : 0px !important;
    background-image    : url("../img/button_arrow_left_blue.png");
    background-position : 100% 48%;
    background-repeat   : no-repeat;
    border              : medium none;
    color               : #FFFFFF;
    display             : block;
    font-family         : "Verdana","Arial","Helvetica",sans-serif;
    overflow            : visible;
    padding             : 4px 6px;
    font-size           : 100%;
}

.flatOverviewSearchForm label
{

}


/**********************************
* guest flats components 
**********************************/

.guestFlatWrapper
{
    padding             : 15px 0px;
    border-bottom       : 8px solid #DDD;
}

.guestFlatTopContent
{
    margin-top          : 10px;
    margin-bottom       : 20px;
}

.guestFlatBottomContent
{
    margin-bottom       : 10px;
}

.guestFlatBottomContent p
{
    margin-bottom       : 0px;
    font-size           : 100%;
}

.guestFlatDetails
{
    padding             : 2px 0px 8px 0px;
    margin-bottom       : 3px;
    border-bottom       : 1px dotted #AAA;
    clear               : left;
}

.guestFlatDetailsDescription
{
    float               : left;
    width               : 140px;
    color               : #004990;
    font-weight         : bold;
    padding-left        : 10px;
}

.guestFlatDetailsContent
{
    float               : left;
    padding-left        : 5px;
    color               : #555555;
    width               : 280px;
}

.guestFlatImageWrapper
{
    float               : left;
    width               : 150px;
}

.guestFlatCalendarWrapper
{
    margin-left         : 5px;
    color               : #555555;
    /* width               : 285px; */
    float               : left;
    font-size           : 95%;
}

.guestFlatBookingWrapper a
{
    background-image    : url("../img/button_arrow_right_blue.png");
    background-position : 100% 48%;
    background-repeat   : no-repeat;
    color               : #FFFFFF;
    display             : block;
    font-family         : "Verdana","Arial","Helvetica",sans-serif;
    padding             : 5px 25px 6px 10px;
    float               : right;
}

.guestFlatBookingWrapper a:hover
{
    text-decoration     : none;
}

.guestFlatImage
{
    display             : block;
    height              : 120px;
    overflow            : hidden;
    float               : left;
}

.guestFlatImage .lightbox
{
    float               : none !important;
    margin              : 0px !important;
}

/******* details view *********/

.guestFlatBookingFormWrapper
{
    margin-top          : 20px;
    border-bottom       : 1px dotted #AAAAAA;
    margin              : 0px 0px 30px 0px;
    padding-bottom      : 8px;
}

.guestFlatBookingFormWrapper .guestFlatDetails
{
    padding             : 5px 0px 8px 0px;
}

.guestFlatBookingFormWrapper .guestFlatDetailsDescription
{
    padding-top         : 1px;
}

.guestFlatBookingFormWrapper .flatDetailsAddress
{
    margin              : 30px 0px 10px 0px;
    font-weight         : normal;
}

.guestFlatFormDefaultInput,
.guestFlatFormDefaultTextarea,
.guestFlatFormCustomerPersons,
.guestFlatFormCustomerZip,
.guestFlatFormCustomerLocation,
.guestFlatFormDateInput,
.guestFlatFormTimeInput,
.formgen input[type=text],
.formgen input[type=password],
.login_input,
.formgen textarea
{
    width               : 100%;
    border              : 1px solid #DDD;
    font-family         : "Verdana","Arial","Helvetica",sans-serif;
    height              : 19px;
    margin              : 0px;
    padding             : 0px 2px;
    font-size           : 100%;
}

.guestFlatFormDefaultTextarea,
.formgen textarea
{
    height              : 100px !important;
    padding             : 2px !important;
}

.guestFlatFormCustomerPersons
{
    width               : 30px;
}

.guestFlatFormCustomerZip
{
    width               : 20%;
    float               : left;
}

.guestFlatFormCustomerLocation
{
    width               : 73%;
    float               : right;
    margin-right        : -5px;
}

.guestFlatDateSpacer
{
    margin-bottom       : 5px;
}

.guestFlatFormDateInput
{
    width               : 90px;
}

.guestFlatFormTimeInput
{
    width               : 20px;
}

.guestFlatSubmitWrapper
{
    margin-top          : 8px;
}

.guestFlatSubmitWrapper input,
.guestFlatPriceButton,
.formsubmit
{
    background-image    : url("../img/button_arrow_left_blue.png");
    background-position : 100% 48%;
    background-repeat   : no-repeat;
    border              : medium none;
    color               : #FFFFFF;
    display             : block;
    font-family         : "Verdana","Arial","Helvetica",sans-serif;
    height              : auto;
    margin-right        : 0 !important;
    overflow            : visible;
    padding             : 4px 6px;
    width               : auto;
    font-size           : 100%;
}

.guestFlatResetButton
{
    float               : left;
}

.guestFlatSubmitButton,
.guestFlatPriceButton
{
    float               : right;
}

.guestFlatPriceButton
{
    font-size           : 100%;
}

.guestFlatRadioButton
{
    margin              : 0px;
    display             : block;
    float               : left;
    height              : 18px;
}

.guestFlatRadioLabel
{
    display             : block;
    float               : right;
    padding-left        : 5px;
}

.guestFlatRadioSpacer
{
    float               : left;
    margin-right        : 15px;
}

.guestFlatPrice
{
    float               : left;
}

.guestFlatPrice
{
    font-weight         : bold;
    font-size           : 100%;
}

.guestFlatPrice span
{
    font-size           : 100%;
    font-style          : italic;
    color               : #555555;
    font-weight         : normal;
}

.guestFlatPrice i
{
    font-weight         : normal;
}

.guestFlatDetailsFormErrors h5
{
    color               : #CC0000;
}

.guestFlatDetailsFormErrors ul
{
    margin-top          : 20px;
    color               : #CC0000;
}

.guestFlatSuccessWrapper
{
    text-align          : center;
    margin-top          : 30px;
}

.guestFlatCalendarButton
{
    border              : 0px;
    background-repeat   : no-repeat;
    background-position : 0% 51%;
    background-image    : url("../img/button_calendar.png");
    width               : 23px;
    height              : auto;
    padding             : 1px 4px 2px 0px;
    margin              : 1px 0px 2px 0px;
}

#bookedFromCalendarWrapper,
#bookedUntilCalendarWrapper
{
    position            : absolute;
    margin-left         : 5px;
    margin-top          : -15px;
}


/**********************************
* login / authent module components (restricted articles) 
**********************************/

.authentForm input[readonly]
{
    border              : 0px !important;
    padding             : 1px 0px !important;
    background-color    : transparent !important;
}

.authentMessageWrapperError
{
    background-color    : #FFF8F8;
    padding             : 10px 10px 1px 10px;
    margin              : 10px 0px 10px;
    border              : 1px solid #C10000;
}

.authentMessageWrapperError h5
{
    color               : #C10000;
    font-weight         : bold;
    margin-bottom       : 10px;
    border-bottom       : 1px dotted #C10000;
}

.authentMessageWrapperSuccess
{
    background-color    : #eff8ed;
    padding             : 10px;
    margin              : 10px 0px 10px;
    border              : 1px solid #1b8e00;
}

.authentMessageWrapperSuccess div
{
    color               : #000000;
    margin-top          : 10px;
    padding-top         : 10px;
    border-top          : 1px dotted #1b8e00;
}

.authentMessageWrapperSuccess h5
{
    color               : #1b8e00;
    font-weight         : bold;
}

#recaptcha_widget_div
{
    width               : 314px;
    margin-right        : 0px !important;
    float               : right;
}

.authentPersonalData
{
	/*
    background-color    : #F5F5F5;
    border              : 1px solid #DDD;
    padding             : 8px 15px;
    */
}

.authentPersonalData .dataIndex
{
    float               : left;
    /* font-weight         : bold; */
    color               : #004990;
    margin              : 2px 10px 2px 0px;
}

.authentPersonalData .dataValue
{
    float               : right;
    margin              : 2px 0px;
    white-space         : nowrap;
}

.repairFormAvailability
{
    margin-top          : 5px;
}

.repairFormAvailability input
{
    width               : 45px !important;
    float               : left;
}

.repairFormSmallLabel
{
    width               : 30px !important;
    margin              : 0px 5px;
    text-align          : center;
}

.repairFormDateOr
{
    float               : none !important;
    font-weight         : normal !important;
    margin-bottom       : 10px;
}

.memberFormCheckboxLabel
{
    font-weight         : normal !important;
    display             : inline !important;
    float               : none !important;
    color               : #333 !important;
    padding             : 0px 5px !important;
}

.memberDownloadList li
{
    background-position : 0% 50% !important;
    padding-left        : 22px !important;
    height              : 16px;
}

.ARISDownloadList li
{
    background-position : 0% 0% !important;
    padding-left        : 22px !important;
}


/**********************************
* single components 
**********************************/

#bar-head-search-element
{
    font-size           : 110%;
}

#search
{
    border              : 0;
    width               : 140px;
    padding             : 1px;
    font-family         : "Verdana", "Arial", "Helvetica", sans-serif;
    height              : 20px;
    padding             : 0px 2px;
}
    
#searchButton
{
    background-color    : transparent;
    border              : 0;
    font-family         : "Verdana", "Arial", "Helvetica", sans-serif;
    font-size           : 90%;
    font-weight         : normal;
    width               : 50px;
    height              : 18px;
}
    
.search-object-field
{
    width               : 30px;
    border              : 0;
    margin              : 0 0 12px 0;
    font-family         : "Verdana", "Arial", "Helvetica", sans-serif;
    font-size           : 110%;
    height              : 19px;
    padding             : 0px 2px;
}

label[for="roomCountFlat"] {
    padding-right       : 6px;
}

.search-object-button
{
    background-color    : transparent;
    border              : 0;
    border-top          : 1px solid #c6d6e6;
    border-bottom       : 1px solid #c6d6e6;
    color               : #004990;
    display             : block;
    font-size           : 110%;
    text-align          : right;
    padding             : 7px;
    width               : 190px;
}
    
#bar-phone, #bar-search
{
    color               : #FFF;
    font-weight         : bold;
    margin              : 20px 0 0 0;
    padding             : 8px 0 7px 90px;
    background          : url("../img/bg-phone.png") no-repeat transparent;
    font-size           : 110%;
}

#bar-search {
    margin              : 10px 0 0 0;
    padding             : 2px 0px 20px 15px;
    background          : url("../img/bg-search.png") no-repeat transparent;
}
    
#bar-side-shadow
{
    background          : url("../img/bg-bar-side-logo-bottom.png") transparent;
    background-repeat   : no-repeat;
    background-position : 0px 0px;
    height              : 19px;
    width               : 240px;
}
    
.headerZoomWrapper
{
    display             : inline;
}
    
.headerZoomWrapper li
{
    display             : inline;
    list-style-type     : none;
    padding             : 0 2px;
}
    
#headerZoomLink_small
{
    font-size           : 100%;
}
    
#headerZoomLink_normal
{
    font-size           : 130%;
}

#headerZoomLink_big
{
    font-size           : 160%;
}
    
.headerZoomLinkActive
{
    border-bottom       : 5px solid #FFF;
}

.webcamWrapper
{
    padding             : 5px;
}

.webcamWrapper span
{
    color               : #888;
    line-height         : 300%;
}


/**********************************
* third party software styling
**********************************/

/***** the anchors *****/
.lightbox
{
    display             : block;
    float               : left;
    margin              : 3px;
}

#lightbox #numberDisplay
{
    color               : #004990;
    font-size           : 110% !important;
    line-height         : normal !important;
    font                : normal !important;
}

.dhx_acc_item_lavel_hover
{
    cursor              : pointer !important;
}

div.dhx_acc_base_dhx_blue div.dhx_acc_item div.dhx_acc_item_label span
{
    margin              : 0px 9px !important;
}

.dhtmlxcalendar .winHeader
{
    margin-bottom       : 5px !important;
}

.dhtmlxcalendar .dxcaldlabel td,
.dhtmlxcalendar .dxcaldays td,
.dhtmlxcalendar .dxcaldays_ie td,
.dhtmlxcalendar td
{
    font-family         : "Verdana","Arial","Helvetica",sans-serif !important;
    font-size           : 95% !important;
}

/**********************************
* helpers 
**********************************/

.bold
{
    font-weight         : bold;
}

.font_110
{
    font-size           : 110%;
}

.clearLeft
{
    clear               : left;
}

.clearRight
{
    clear               : right;
}

.clearBoth
{
    clear               : both;
}

.divider,
.bigDivider,
.greyDivider
{
    width               : 100%;
    height              : 1px;
    float               : none;
    clear               : both;
    line-height         : 1px;
    margin              : 15px 0px;
    border-bottom       : solid 1px #FFD519;
}

.greyDivider
{
    border-bottom       : solid 1px #DDD;
    margin              : 5px 0px;
}

.bigDivider
{
    border-bottom       : none;
    height              : 5px;
    line-height         : 5px;
    background-color    : #EEE;
    margin              : 20px 0px;
}

.heightDivider
{
    margin              : 0px;
    padding             : 0px;
    float               : none;
    clear               : both;
    height              : 20px;
    line-height         : 0.1pt;
}

.themeAndTextContainer
{
    margin-bottom       : 10px;
}

.themeAndTextContainer ul
{
    margin              : 10px 0px;
}

.themeAndTextContainer ol {
    padding-left        : 20px;
}

.themeAndTextContainer p
{
    text-align          : justify;
}

.bar-side .themeAndTextContainer p
{
    text-align          : left !important;
}

.titleAndTextImageBox img
{
    /* margin-bottom       : 5px; ****** done in module now (23.08.2010) ******/
}

.textAccordionWrapper .dhx_acc_base_dhx_blue
{
    height              : 100%;
    margin-top          : 1px;
}

.textAccordionWrapper .dhx_acc_item_label span
{

}

.textAccordionWrapper #dhxMainCont
{
    overflow-y          : auto !important;
}

.pagination span
{
    font-weight         : bold;
}

.pagination span, .pagination a
{
    margin-right        : 10px;
    font-size           : 12px;
}

.textBoxDate
{
    border-right        : 5px solid #B5CADF;
    font-size           : 110%;
    padding-right       : 5px;
    text-align          : right;
}


/*********************************
* image gallery
*********************************/

.image_item
{
    display             : block;
    float               : left;
    margin              : 0px 5px 5px 0px;
    border              : solid 1px #FFD519;
    width               : 103px;
    height              : 80px;
    text-align          : center;
    overflow            : hidden;
}

.image_item:hover
{
    border              : solid 1px #004990;
}

.image_item img {
    margin-top          : 7px;
}

.imageWrapper
{
    position            : relative;
    overflow            : hidden;
}

.imageSlider
{
    overflow            : hidden;
    position            : relative;
    /* width will be set by JS */
}

.themeSingleImage
{
    position            : absolute;
}

.slideShowWrapper, .themeOverlayWrapper, .themeOverlayBackgroundWrapper
{
    width               : 444px;
    height              : 165px;
    position            : absolute;
    overflow            : hidden;
}

.themeOverlayWrapper
{
    z-index             : 80;
}

.themeOverlayWrapper img
{
    position            : absolute;
    bottom              : 0px;
    left                : 0px;
}

.themeOverlayBackgroundWrapper
{
    z-index             : 79;
    background-image    : url("../img/white_alpha_70.png");
    background-repeat   : repeat;
}

.imageGalleryContainer 
{
    float               : left;
    display             : block;
    padding             : 0px 10px 0px 5px;
    /* width will be set by JS */
}

.imageWrapper .image_item img
{
    margin              : 3px 0px !important;
}

.imageWrapper .lightbox
{
    display             : inline !important;
    float               : none !important;
}

.imageGalleryButtonWrapper
{
    position            : relative;
    height              : 30px;
}

.imageGalleryNextButton, .imageGalleryPrevButton
{
    position            : absolute;
    height              : 18px;
    cursor              : pointer;
    font-size           : 100%;
    background-image    : url("../img/button_arrow_left_blue.png");
    background-position : 100% 48%;
    background-repeat   : no-repeat;
    border              : medium none;
    color               : #FFFFFF;
    font-family         : "Verdana","Arial","Helvetica",sans-serif;
    padding             : 4px 6px;
}

.imageGalleryNextButton
{
    right               : 0px;
}

.imageGalleryPrevButton
{
    left                : 5px;
}

.tickerBox
{
    overflow            : hidden;
    position            : relative;
    border-bottom       : solid 1px #FFD519;
    border-top          : solid 1px #FFD519;
    margin-bottom       : 10px;
}

.tickerBox a
{
    margin              : 5px 0px;
    display             : block;
    left                : 0;
    position            : relative;
    top                 : 0;
    white-space         : nowrap;
}

/*********************************
* Ausgabe Veranstaltungskalender
*********************************/

.eventTable
{
    width               : 100%;
    margin-bottom       : 20px;
}

.eventTable th
{
    height              : 30px;
}

.eventTable tr td
{
    padding-bottom      : 10px;
    padding-right        : 3px;
    vertical-align        : top;
}


.rexkal-dateStartFormatted
{
    width               : 50px;
}

.rexkal-venueName
{
    width               : 130px;
    color               : #888;
}

.rexkal-details
{
    margin-top          : 20px;
    float               : left;
}

.rexkal-details p
{
    width               : 300px;
    float               : left;
    margin-bottom       : 10px;
}

.rexkal-details .label
{
    width               : 100px;
    margin-bottom       : 0px;
}

.rexkal-backlink
{
    float               : left;
    font-weight         : bold;
}

/*********************************
* breadcrump
*********************************/

.breadcrump
{
    color               : #888;
    width               : 100%;
    padding-bottom      : 10px;
    border-bottom       : dotted 1px #888;
    margin-bottom       : 10px;
}

.breadcrump a
{
    /* white-space         : nowrap; */
}

/*********************************
* doform / formgen
*********************************/

.formgen
{

}

.formgen input[type=text],
.formgen input[type=password],
.formgen textarea
{
    width               : 287px;
    margin-bottom       : 10px;
}

.formgen .inputError
{
    background-color    : #FFF8F8 !important;
    border              : 1px solid #C10000 !important;
}

.login_input
{
    width               : 100px;
    margin-bottom       : 10px;
}

.forminfo,
.formblock
{
    color               : #CC0000;
    margin              : 5px 0px 15px 147px;
}

.formgen label,
.login_label
{
    width               : 147px;
    display             : block;
    float               : left;
    padding             : 3px 0px 2px;
    color               : #004990;
    font-weight         : bold;
}

.formblock
{
    margin-top          : 10px;
}

.formsubmit
{
    font-size           : 100%;
}

.boldItems label
{
    font-weight         : bold;
}

/*********************************
* exposé print
*********************************/


.flatDetailsFloorPlanWrapper
{
    margin              : 20px 0px 0px;
}

.flatDetailsPreviewImagesWrapper
{
    float               : left;
    margin              : 0px 8px 10px 0px;
    border              : 1px solid #EEEEEE;
}

.flatDetailsPreviewImagesTitle
{
    height              : 22px;
    padding-top         : 4px;
    text-align          : center;
    background-color    : #EEEEEE;
}

.flatDetailsPreviewImagesInner
{
    text-align          : center;
}

.flatDetailsPageHeader
{
    position            : relative;
    height              : 75px;
}

.flatDetailsPageSubheader
{
    font-style          : italic;
    color               : #888;
    font-size           : 100%;
}

.exposeBody
{
    background          : none;
}

.exposeWrapper
{
    margin              : 30px 0px 0px 50px;
    width               : 600px;
    font-size           : 110%;
}

.exposeWrapper .flatDetailsAddress
{
    margin              : 0px 0px 10px;
    font-size           : 130%;
}

.exposeWrapper .flatOverviewDataWrapper,
.exposeWrapper .flatDetailsDataWrapper
{
    padding             : 0px !important;
}

.exposeWrapper .flatDetailsDataValue
{
    max-width           : 440px !important;
}

.exposeWrapper .flatDetailsExposeLinkWrapper
{
    display             : none;
}

.exposeWrapper .flatDetailsDivider,
.exposeWrapper .flatDetailsEmptyDivider
{
    border-bottom       : 1px solid #000;
    border-left         : 4px solid #555;
}

.exposeWrapper #flatDetails_floorplan_content
{
    page-break-after    : always;
}

.exposePrintButton
{
    width               : 24px;
    height              : 24px;
    position            : fixed;
    top                 : 20px;
    left                : 665px;
    background-image    : url("../img/button_print.png");
    background-position : 0% 50%;
    background-repeat   : no-repeat;
    cursor              : pointer;
}

.exposeCompanyLogo
{
    position            : absolute;
    top                 : 0px;
    right               : 0px; 
}