/*
    Grundlayout
*/

*
{
    margin:             0px;
    padding:            0px;
    border:             0px;
}

html, body
{
    position:           relative;
    width:              100%;
    height:             100%;
    min-height:         100%;
    font-size:          12px;
    font-family:        "Arial";
    color:              #333;
}

input, select
{
    font-size:          12px;
    font-family:        "Arial";
    color:              #333;
}

.boxMain
{
    position:           relative;
    width:              100%;
    height:             100%;
    min-height:         100%;
    padding:            0px;
    margin:             0px;
    border:             0px;
}

.boxHeader
{
    position:           relative;
    height:             105px;
    background-image:   url(/_files/designs/default/images/boxHeader.png);
    background-repeat:  repeat-x;
    width:              100%;
}

.boxBody
{
    position:           relative;
    margin:             0px auto 53px auto; /* margin-bottom = .boxFooter[height] */
    width:              962px;
}

.boxBodyContentContainer
{
    background-image:   url(/_files/designs/default/images/boxContentContainer.png);
    border:             1px solid #ccc;
    background-repeat:  repeat-x;
}



.boxContent .boxBodyContentContainer
{
    padding:            25px;
}
.boxContent
{
    position:           relative;
    float:              left;
    width:              790px;
    margin-top:         85px;
}

.boxContent .erfahrungen p
{
    font-size: 15px;
}

.boxContent .erfahrungen a 
{
    color: #2653B0;
    text-decoration: none;
}

.boxContent .erfahrungen a:hover
{
    text-decoration: underline;
}

.boxContent .erfahrungen a:before
{
    content: "» ";
    white-space: nowrap;
    
}

.boxContent .erfahrungen h1
{
    font-size: 41px;
    letter-spacing: -1px;
}

.feedbackItem
{
    margin-top: 20px;
    position: relative;
    width: 961px;
    height: 201px;
    background-image: url(/_files/designs/erfahrungen/background.png);
    background-repeat: no-repeat;
}

.feedbackItemImage
{
    position: absolute;
    width: 131px;
    height: 182px;
    border: 1px solid #ccc;
    left: 8px;
    top: 9px;
}

.feedbackItemHead
{
    position: absolute;
    font-size: 21px;
    letter-spacing: -1px;
    left: 160px;
    top: 40px;
}


.feedbackItemHead span
{
    font-size: 15px;
    font-weight: normal;
    letter-spacing: 0px;
}


.feedbackItemObjekte
{
    position: absolute;
    left: 160px;
    top: 73px;
}

.feedbackItemObjekte ul 
{
    list-style: none;
}

.feedbackItemObjekte ul li
{
    display: inline-block;
    padding: 0px 5px;
}

.feedbackItemObjekte ul li a 
{
    color: #2653B0;
    text-decoration: none;
    font-weight: bold;
    font-size: 12px;
}
.feedbackItemObjekte ul li a:before
{
    content: "» ";
}

.feedbackItemObjekte ul li:first-child
{
    padding-left: 0px;
    border-left:  0px;
}

.feedbackItemContent
{
    position: absolute;
    font-size: 15px;
    left: 160px;
    top: 95px;
}

.boxContent .erfahrungen h1:first-child
{
    margin: -40px 0px 10px;
}

.boxSidebarRight
{
    margin-top:         85px;
    position:           relative;
    float:              right;
    width:              130px;
    margin-left:        10px;
    padding:            10px;
}

.boxSidebarRight.boxBodyContentContainer.containerLegende
{
    padding:            0px;
}

.boxFooter
{
    position:           relative;
    bottom:             0px;
    height:             53px;
    background-image:   url(/_files/designs/default/images/boxFooter.png);
    background-repeat:  repeat-x;
    width:              100%;
}

/*  boxHeader   */

.boxHeaderInner
{
    position:           relative;
    width:              978px;
    height:             105px;
    margin:             0px auto;
}

.boxHeaderInnerLogo
{
    position:           relative;
    float:              left;
    background-image:   url(/_files/designs/default/images/boxLogo.png);
    background-repeat:  no-repeat;
    width:              219px;
    height:             88px;
}

.boxHeaderInnerNav
{
    position:           absolute;
    right:              0px;
    top:                77px;
}

.boxHeaderInnerInfo
{
    position:           absolute;
    top:                20px;
    left:               330px;
    padding:            3px 0px 0px 45px;
    height:             35px;
    text-align:         center;
}

.boxHeaderInnerInfoBig
{
    font-size:          14px;
    font-weight:        bold;
}
.boxHeaderInnerInfoSmall
{
    font-size:          10px;
}

.boxHeaderInnerSearch
{
    position: absolute;
    top: 25px;
    right: 0px;
}

.boxHeaderInnerSearchFormInput
{
    float:              left;
    border:             1px solid #9fa2a4;
    width:              243px;
    height:             17px;
    color:              #9fa2a4;
    padding:            3px 3px 0px 5px;
    margin-top:         0px;
}
.boxHeaderInnerSearchFormSubmit
{
    margin:             0px 0px 0px 3px;
    float:              right;
    background-image:   url(/_files/designs/default/images/boxHeaderInnerSearchFormSubmit.png);
    background-repeat:  no-repeat;
    height:             22px;
    width:              55px;
}
.boxHeaderInnerSearchFormSubmit:hover
{
    background-image:   url(/_files/designs/default/images/boxHeaderInnerSearchFormSubmitHover.png);
}

.navHeaderItem
{
    float:              left;
    display:            inline-block;
    font-weight:        bold;
    text-decoration:    underline;
    margin-left:        20px;
    height:             23px;
    padding-top:        3px;
}
.navHeaderItem a
{
    color:              #333;
}

.navHeaderItem:first-child
{
    margin-left:        0px;
}

.navHeaderItemZimmereinstellen
{
    background-image:   url(/_files/designs/default/images/navHeaderItemZimmereinstellen.png);
    background-repeat:  no-repeat;
    padding-left:       30px;
}

.navHeaderItemKartensuche
{
    background-image:   url(/_files/designs/default/images/navHeaderItemDeutschlandkarte.png);
    background-repeat:  no-repeat;
    padding-left:       30px;
}

.navHeaderItemStadtliste
{
    background-image:   url(/_files/designs/default/images/navHeaderItemKartensuche.png);
    background-repeat:  no-repeat;
    padding-left:       30px;
}

.navHeaderItemLogin
{
    background-image: url(/_files/designs/default/images/navHeaderItemLogin.png);
    background-repeat: no-repeat;
    padding-left: 30px;
}

.navHeaderItemKontakt
{
    background-image: url(/_files/designs/default/images/navHeaderItemKontakt.png);
    background-repeat: no-repeat;
    padding-left: 30px;
}

/*  boxFooter   */

.boxNavFooter
{
    position:           relative;
    width:              962px;
    padding-top:        25px;
    margin:             0px auto;
    text-align:         right;
}

.navFooterItem
{
    display:            inline-block;
    color:              #4d72b9;
    border-left: 1px solid #4d72b9;
    padding: 0px 2px 0px 5px;
}
.navFooterItem:first-child
{
    border-left: 0px;
}
.navFooterItem a
{
    color:              #4d72b9;
}

.boxContainerHaus
{
    background-image:   url(/_files/designs/default/images/boxContainerHaus.png);
    background-repeat:  no-repeat;
    width:              280px;
    height:             238px;
    margin:             0px auto;
}

.boxKundenmeinungen
{
    width: 470px;
    height: 308px;
    background-image: url(/_files/designs/default/images/boxKundenmeinung.png);
    background-repeat: no-repeat;
    margin-top: 33px;
    position: relative;
}

.boxKundenmeinungenItem
{
    position: relative;
    padding: 20px 10px 10px 110px;
    background-repeat: no-repeat;
    background-position: 15px 17px;
    min-height: 108px;
}

.boxKundenmeinungenItemFirst
{
    background-image: url(/_files/designs/startseite/burmester-monteurzimmer.jpg);
}

.boxKundenmeinungenItemSecond
{
    background-image: url(/_files/designs/startseite/funke-monteurzimmer-startseite.jpg);
}

.linkAlleKundenmeinungenAnsehen
{
    text-decoration: none;
    position: absolute;
    bottom: 10px;
    left: 10px;
    color: #2653B0;
}
.linkAlleKundenmeinungenAnsehen:hover
{
    text-decoration: underline;
}

.linkAlleKundenmeinungenAnsehen:before
{
    content: "» ";
}

.boxKundenmeinungenItemHead
{
    font-size: 19px;
    letter-spacing: -1px;
    font-weight: bold;
}

.boxKundenmeinungenItemHeadSub
{
    margin-top: 3px;
    font-size: 14px;
    letter-spacing: -0.01em;
}

.boxKundenmeinungenItemContent
{
    margin-top: 8px;
    font-size: 12px;
    color: #333;
}

.boxContainerMonteur
{
    position:           relative;
    width:              470px;
    height:             335px;
    overflow:           visible;
    position: relative;
}

.boxContainerMonteurImage
{
    position: absolute;
    right: -70px;
    top: 0px;
    width: 390px;
    height: 335px;
    background-image: url(/_files/designs/default/images/boxContainerMonteur.png);
    background-repeat: no-repeat;
    
}

.boxContainerMonteur ul
{
    padding: 65px 0px 0px 0px;
    font-size: 20px;
    color: #333;
    list-style-type: none;
    width: 260px;
    position: relative;
}

.boxContainerMonteur ul li
{
    background-image: url(/_files/designs/default/images/check.png);
    background-repeat: no-repeat;
    min-height: 40px;
    padding-left: 50px;
    margin-bottom: 10px;
    z-index: 99;
}
.boxContainerMonteur ul li:first-child
{
    padding-top: 7px;
}

.boxFunktionen
{
    border: 1px solid #D8D8D8;
    display: block;
    height: 525px;
    margin: 0px auto;
    position: relative;
    width: 468px;
}

.boxFunktionen h2
{
    font-size: 27px;
    padding: 15px 8px 5px;
}

.boxFunktionen p
{
    padding: 0px 0px 5px 0px;
    font-size: 15px;
}

.boxFunktionen p span
{
    font-weight: bold;
}

.boxFunktionen img
{
    cursor: pointer;
}


input[type="submit"], .dijitReset .dijitCheckBoxInput
{
    cursor: pointer;
}

.boxBodyContentContainer h1
{
    font-size:          22px;
    font-weight:        bold;
    margin:             20px 0px 15px 0px;
}

.boxBodyContentContainer h1:first-child
{
    font-size:          22px;
    font-weight:        bold;
    margin:             0px 0px 15px 0px;
}

.boxBodyContentContainer h2
{
    font-size:          16px;
    font-weight:        bold;
    margin:             15px 0px 10px 0px;
}

.boxBodyContentContainer h3
{
    font-size:          14px;
    font-weight:        bold;
    margin:             10px 0px 5px 0px;
}

.boxBodyContentContainer p
{
    font-size:          12px;
    font-weight:        normal;
    margin:             7px 0px 5px 0px;
    line-height:        17px;
}

.boxBodyContentContainer ul
{
    list-style-position:    inside;
    list-style-type:        square;
    margin-left:            20px;
}

a.linkKartensuche
{
    bottom: 10px;
    color: #2653B0;
    left: 37px;
    position: absolute;
    text-decoration: none;
}
a.linkKartensuche:hover
{
    text-decoration: underline;
}

span.formButtonLogin
{
    float:              left;
    position:           absolute;
    left:               394px;
    top:                50px;
}

.nihilo .formButtonLogin .dijitButtonNode
{
    position:           relative;
    background:         url('/_files/designs/zimmer/images/formLoginButton.png');
    border:             0px;
    width:              100px;
    height:             30px;
    padding:            0px;
    margin:             0px;
}

.nihilo .formButtonLogin .dijitButtonNode:hover
{
    background:         url('/_files/designs/zimmer/images/formLoginButtonHover.png');
}

span.formButtonVergleich
{
    float:              left;
    position:           absolute;
    left:               35px;
    top:                562px;
}

.nihilo .formButtonVergleich .dijitButtonNode
{
    position:           relative;
    background:         url('/_files/designs/zimmer/einstellen/schritt1/images/formSchritt1VergleichButton.png');
    border:             0px;
    width:              180px;
    height:             30px;
    padding:            0px;
    margin:             0px;
}

.nihilo .formButtonVergleich .dijitButtonNode:hover
{
    background:         url('/_files/designs/zimmer/einstellen/schritt1/images/formSchritt1VergleichButtonHover.png');
}

/* Dialoge */

.nihilo .dijitDialog
{
    background:         #fff url('/_files/designs/default/images/lightbox/background.png') repeat-x;
}

.nihilo .dijitDialog .dijitDialogTitleBar
{
    background:         none;
    padding:            0px;
    margin:             0px;
    height:             30px;
    border:             0px;
}

.nihilo .dijitDialog .dijitDialogCloseIcon
{
    background:         url('/_files/designs/default/images/lightbox/closeIcon.png') no-repeat 0px 0px;
    right:              0px;
    height:             30px;
    width:              31px;
    top:                0px;
}

.nihilo .dijitDialog .dijitDialogPaneContent
{
    border-top:         0px;
    background:         none;
}

/* LoginForm */

#zimmer_form_passwortvergessen_ajax_form #email-label
{
    margin-top:         30px;
}

.passwortVergessenKontaktInfo
{
    position:           absolute;
    left:               80px;
    top:                230px;
    background:         no-repeat url(/_files/designs/zimmer/einstellen/schritt1/images/telefon.png);
    height:             35px;
    padding:            3px 0 0 45px;
}
.passwortVergessenKontaktInfoBig
{
    font-size:          14px;
    font-weight:        bold;
}
.passwortVergessenKontaktInfoSmall
{
    font-size:          10px;
}

#email-label, #unterkunft_key-label
{
    margin: 20px 0px 0px 50px;
    font-weight: bold;
    font-size: 13px;
}

#passwortvergessen
{
    background:         #fff;
    width:              130px;
}

#email, #unterkunft_key
{
    margin:             5px 50px 10px 50px;
    border:             1px solid #ccc;
    padding:            3px;
    width:              260px;
}

#loginDialog .dijitDialogPaneContent
{
    padding-top:        10px;
    min-height:         200px;
}

#loginDialog .error
{
    position:           absolute;
    left:               60px;
    top:                255px;
    padding:            5px 0px;
    font-weight:        bold;
    text-align:         center;
    color:              #a80020;
    width:              255px;
    font-size:          14px;
}

#loginDialog .errorPV
{
    position:           absolute;
    left:               0px;
    top:                190px;
    padding:            5px 0px;
    font-weight:        bold;
    text-align:         center;
    color:              #a80020;
    width:              390px;
    font-size:          14px;
}
.noerrorPV
{
    position:           absolute;
    left:               0px;
    top:                100px;
    padding:            5px 45px 5px 45px;
    font-weight:        bold;
    text-align:         center;
    color:              #369;
    width:              300px;
    font-size:          14px;
}





#passwortvergessen-element .dijitButtonNode , #passwortvergessen-element .dijitButtonHover .dijitButtonNode,
#passwortvergessen-element .dijitButtonActive .dijitButtonNode
{
    background:         transparent;
    width:              130px;
    padding:            10px 5px 3px 0px;
    margin:             0px;
    color:              #369;
    position:           absolute;
    top:                200px;
    left:               55px;
    border:             0px;
    border-bottom:      1px solid #369;
}

#passwortvergessen-element .dijitButtonNode:hover, #passwortvergessen-element .dijitButtonHover .dijitButtonNode:hover,
#passwortvergessen-element .dijitButtonActive .dijitButtonNode:hover
{
    color:              #258;
    border-color:       #258;
}


span.formAjaxLoginButton
{
    float:              left;
    position:           absolute;
    left:               225px;
    top:                200px;
}

.nihilo .formAjaxLoginButton .dijitButtonNode
{
    position:           relative;
    background:         url('/_files/designs/zimmer/images/formLoginButton.png');
    border:             0px;
    width:              100px;
    height:             30px;
    padding:            0px;
    margin:             0px;
}

.nihilo .formAjaxLoginButton .dijitButtonNode:hover
{
    background:         url('/_files/designs/zimmer/images/formLoginButtonHover.png');
}

span.formPVAButton
{
    float:              left;
    position:           absolute;
    left:               225px;
    top:                140px;
}

.nihilo .formPVAButton .dijitButtonNode
{
    position:           relative;
    background:         url('/_files/designs/zimmer/einstellen/schritt1/images/formSchritt1PasswortVergessen.png');
    border:             0px;
    width:              100px;
    height:             30px;
    padding:            0px;
    margin:             0px;
}

.nihilo .formPVAButton .dijitButtonNode:hover
{
    background:         url('/_files/designs/zimmer/einstellen/schritt1/images/formSchritt1PasswortVergessenHover.png');
}

.boxContentWohnbeispiele
{
    width: 972px;
    border: 1px solid #ccc;
    margin: 33px auto;
}

.boxContentWohnbeispiele img
{
    width: 122px;
    height: 122px;
    border: 1px solid #ccc;
    margin: 10px 7px;
}

.boxContentWohnbeispieleItems div
{
    display: inline-block;
}

.boxContentWohnbeispieleHead
{
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    margin: 17px 10px 10px;
}