.boxContent
{
    width:                  100%;
    margin-top:             20px;
}

.boxForm
{
    position:           relative;
    width:              500px;
    height:             611px;
    background-image:   url(/_files/designs/zimmer/images/boxFormSchritt1.png);
    background-repeat:  no-repeat;
    margin:             0px auto;
}

.boxFormHeadline
{
    position:           absolute;
    float:              left;
    left:               33px;
    top:                32px;
    font-size:          18px;
    font-weight:        bold;
    color:              #000;
}

.boxFormRightInfo
{
    position:           absolute;
    float:              left;
    top:                32px;
    left:               400px;
}

#weiter-label, #unterkunft_art-label
{
    display: none;
}



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');
}








#unterkunft_art-element
{
    position:           absolute;
    float:              left;
    top:                5px;
    left:               11px;
}
#unterkunft_art-2, #unterkunft_art-1, #unterkunft_art-0
{

}
#unterkunft_art-2
{
    margin-top:         80px;
}
#unterkunft_art-1
{
    margin-top:         70px;
}
#unterkunft_art-0
{
    margin-top:         65px;
}

#unterkunft_art-2-label,
#unterkunft_art-1-label,
#unterkunft_art-0-label
{
    display:            block;
    width:              495px;
    margin-top:         -10px;
}
#unterkunft_art-2-label
{
    background-position: 25px 0px;
    background-repeat:  no-repeat;
    background-image:   url('/_files/designs/zimmer/images/anzeigenarten/gold.png');
    height:             169px;
    margin-top:         0px;
}
#unterkunft_art-1-label
{
    background-position: 25px 0px;
    background-repeat:  no-repeat;
    background-image:   url('/_files/designs/zimmer/images/anzeigenarten/silber.png');
    height:             154px;
    background-repeat:  no-repeat;
}
#unterkunft_art-0-label
{
    background-position: 25px 0px;
    background-repeat:  no-repeat;
    background-image:   url('/_files/designs/zimmer/images/anzeigenarten/bronze.png');
    height:             135px;
    background-repeat:  no-repeat;
}

#weiter
{
    width:              100px;
    height:             30px;
    background:         url('/_files/designs/zimmer/images/formSchritt1Button.png');
}
#weiter:hover
{
    background:         url('/_files/designs/zimmer/images/formSchritt1ButtonHover.png');
}
div#weiter-element
{
    position:           absolute;
    float:              left;
    top:                478px;
    left:               393px;
}
div#weiter-element:hover
{
    background:         url('/_files/designs/zimmer/images/formSchritt1ButtonHover.png');
}

#zimmer_forms_schritt1form
{
    position:           absolute;
    float:              left;
    left:               0px;
    top:                86px;
    height:             514px;
    width:              498px;
    border-left:        1px solid #ccc;
    border-right:       1px solid #ccc;
    border-bottom:      1px solid #ccc;
}



/* 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;
}

/* VergleichDialog */

.nihilo .dijitDialog
{
    background:         #fff url('/_files/designs/zimmer/einstellen/schritt1/images/vergleichDialog.png') repeat-x;
}

.nihilo .dijitDialog .dijitDialogPaneContent .vergleichDialogContentContainer
{
    overflow:           auto;
    width:              950px;
}

.nihilo .dijitDialog .dijitDialogPaneContent .vergleichDialogContentContainer img
{
    margin-left: 20px;
}

.vergleichDialog .vergleichDialogRow
{
    border-bottom:      1px solid #cfcfcf;
    display:            block;
    padding:            5px 0px;
    position:           relative;
}
.vergleichDialog .noBorder
{
    border:             0px;
    margin-bottom:      100px;
}

.vergleichDialog .vergleichDialogAttribut
{
    width:              245px;
    display:            inline-block;
}
.vergleichDialog .vergleichDialogValue
{
    float:              right;
    width:              135px;
    display:            inline;
    padding-left:       40px;
    vertical-align:     top;
    position:           relative;

}

.vergleichDialog h1
{
    margin:             50px 0px 10px 0px;
    font-weight:        bold;
    font-size:          14px;
    color:              #3c424c;
}
.vergleichDialog h1:first-child, #vergleichDialog h1.noTopMargin
{
    margin-top:         10px;
}

.vergleichDialogIconTrue, .vergleichDialogIconFalse
{
    position:           relative;
    width:              14px;
    height:             14px;
    margin-top:         1px;
    margin-bottom:      -3px;
}

.vergleichDialogIconTrue
{
    background:         url('/_files/designs/zimmer/einstellen/schritt1/images/icon-ja.png');
}

.vergleichDialogIconFalse
{
    background:         url('/_files/designs/zimmer/einstellen/schritt1/images/icon-nein.png');
}

.vergleichDialogValueAbPreisNur
{
    top:                30px;
    left:               20px;
    font-weight:        bold;
    color:              #fea337;
    font-size:          11px;
    position:           absolute;
}

.vergleichDialogValueAbPreisEuro
{
    color:              #fea337;
    font-weight:        bold;
    font-size:          43px;
    padding:            0px;
    margin:             0px;
}

.vergleichDialogValueAbPreisProMonat
{
    font-size:          10px;
    margin-top:         -5px;
}

.vergleichDialogValueAbPreisZzglMwst
{
    font-size:          10px;
}

.vergleichDialogIconsGold, .vergleichDialogIconsSilber, .vergleichDialogIconsBronze
{
    width:              175px;
    height:             80px;
}

.vergleichDialogIconsGold
{
    background:         url('/_files/designs/zimmer/einstellen/schritt1/images/gold.png') -10px -0px no-repeat;
}

.vergleichDialogIconsSilber
{
    background:         url('/_files/designs/zimmer/einstellen/schritt1/images/silber.png') -10px 0px no-repeat;
}

.vergleichDialogIconsBronze
{
    background:         url('/_files/designs/zimmer/einstellen/schritt1/images/bronze.png') -10px 0px no-repeat;
}

.vergleichDialog .vergleichDialogValue.noPadding
{
    padding:            0px;
    width:              175px;
}



.schritt1Button
{
    background:         repeat-x url('/_files/designs/zimmer/einstellen/schritt1/images/button-schmal.png');
    color:              #fff;
    font-family:        Arial;
    text-decoration:    none;
    font-size:          12px;
    font-weight:        bold;
    width:              43px;
    position:           relative;
    display:            inline-block;
    border:             1px solid #fea338;
    padding:            5px;
    text-align:         center;
    cursor:             pointer;
    height:             10px;
    line-height:        10px;
    margin-left:        5px;
}

.schritt2Button
{
    background: repeat-x url('/_files/designs/zimmer/einstellen/schritt1/images/button.png');
    color: #fff;
    font-family: Arial;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    width: 100px;
    margin: 30px 0px 10px 15px;
    position: relative;
    display: block;
    border: 1px solid #fea338;
    padding: 5px;
    text-align: center;
    cursor: pointer;
    float: left;
}

.schritt2Button:hover,
.schritt1Button:hover
{
     border-color: #62ba21;
     background-image: url('/_files/designs/zimmer/einstellen/schritt1/images/button-hover.png');
}
.schritt1Button:hover
{
    background-image: url('/_files/designs/zimmer/einstellen/schritt1/images/button-schmal-hover.png');
}

#tooltipKontaktdaten,
#tooltipErwKontaktdaten,
#tooltipRadius
{
    cursor: pointer;
    color: blue;
}

.nihilo .dijitTooltipContainer
{
    background-color: #d2dde3;
    border: 1px solid #adbcc3;
}

.nihilo .dijitTooltipRight .dijitTooltipConnector
{
    background-image:url('/_files/designs/zimmer/einstellen/schritt1/images/tooltipconnector.png');
}

.schritt1BoxFrau
{
    margin-left: 175px;
    margin-top: -10px;
    background-image: url(/_files/designs/schritt1/teaser.png);
    width: 635px;
    height: 308px;
}

.schritt1BoxTeaser
{
    border: 1px solid #ccc;
    padding: 16px;
    font-size: 30px;
    font-weight: bold;
    letter-spacing: -1px;
    background-image: url(/_files/designs/schritt1/infoboxbackground.png);
    background-repeat: repeat-x;
    width: 580px;
    margin-left: 225px;
}

.schritt1BoxPreitabelle
{
    background-image: url(/_files/designs/schritt1/preistabelle.png);
    width: 838px;
    height: 880px;
    margin-top: 30px;
    position: relative;
}

a.btnAuswahl
{
    width: 176px;
    height: 28px;
    background-image: url(/_files/designs/schritt1/btnAuswahl.png);
    position: absolute;
}

a.btnAuswahl:hover
{
    background-image: url(/_files/designs/schritt1/btnAuswahlHover.png);
}

a.btnAuswahl#btnAuswahlBronze
{
    left: 238px;
    top: 815px;
}

a.btnAuswahl#btnAuswahlSilver
{
    left: 445px;
    top: 815px;
}

a.btnAuswahl#btnAuswahlGold
{
    left: 651px;
    top: 815px;
}

.tooltip
{
    width: 23px;
    height: 23px;
    position: absolute;
}

.tooltip#tooltipRadius
{
    left: 187px;
    top: 163px;
}

.tooltip#tooltipKontaktdaten
{
    left: 187px;
    top: 363px;
}

.tooltip#tooltipErwKontaktdaten
{
    left: 187px;
    top: 444px;
}


.weitereDetails
{
    color: #214FB5;
    font-weight: bold;
    text-decoration: none;
    margin-left: 240px;
}

.weitereDetails:hover
{
    text-decoration: underline;
}

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