@charset "UTF-8";

@import url("/styles/core.css");
@import url("/styles/print.css") print;

#map
{
    margin-bottom: 10px;
}

#map a
{
    font-weight: normal;
    font-size:   13px;
}

.officeTable
{
    border-spacing: 0 10px;
    margin-bottom:  10px;
}

.officeTopAd
{
    float:        right;
    border-left:  1px solid #EEEEEE;
    padding-left: 10px;
}

#financeOffice .formGroup ul,
#financeOffice .formGroup div ul
{
    margin: 0;
    column-count: 3;
    column-width: 275px;
    padding-left: 1em;
}

.formGroup ul li,
.formGroup div ul li
{
    list-style: none;
}

.formGroup a:link,
.formGroup a:active,
.formGroup a:visited
{
    color: #1355A4;
}

#financeOffice h4
{
    margin: 10px 0;
}

#financeOffice a
{
    text-decoration: none;
}

#financeOffice p
{
    margin-bottom: 10px;
}

#financeOffice .formGroup .officeContent .office
{
    margin-bottom: 30px;
}

.officeDescription h1
{
    clear:       both;
    margin:      0;
    padding:     0;
    font-weight: bold;
    font-size:   26px;
    color:       #000000;
}

.officeDescription h2
{
    border:      none;
    padding:     0;
    font-size:   14px;
    font-weight: bold;
    color:       #000000;
}

.officeInfo
{
    clear:         both;
    margin-bottom: 20px;
}

.officeContent h4
{
    font-weight: bold;
    font-size:   14px;
    color:       #000000;
}

#officeLeft
{
    float: left;
    width: 47%;
}

#officeRight
{
    float: right;
    width: 47%;
}

.officeInfo td
{
    border:  none;
    padding: 0 5px 0 0;
}

.line
{
    width:            100%;
    height:           1px;
    margin-bottom:    30px;
    background-color: #E4EAEE;
}

#officeSearch form
{
    display: flex;
    justify-content: center;
    margin: 15px 0;
}

#officeSearch form label
{
    margin-right: 10px;
    line-height: 28px;
}

#officeSearch form input
{
    margin: 0;
}

#regionlist
{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 10px 0 20px;
}

#regionlist ul
{
    width: 280px
}

#interactive-map
{
    width:  355px;
    height: 457px;
    margin: 10px auto;
}

#interactive-map
{
    margin: auto;
}

#sidebar .officeSearch
{
    min-height: 30px;
}

#sidebar .officeSearch .smallInput
{
    width: 150px;
}

#sidebar .officeSearch .buttonDefault
{
    float:         right;
    margin:        0;
    padding-left:  10px;
    padding-right: 10px;
}

.linkedListItem a
{
    font-weight: normal;
}

/********/
/* Vote */
/********/
#introduction,
#title
{
    border-bottom: 3px double #E5EAEE;
}

#introduction
{
    padding:  20px 0;
    overflow: hidden;
}

#office
{
    -webkit-box-sizing: content-box;
    -moz-box-sizing:    content-box;
    box-sizing:         content-box;
    height:             24px;
    font-size:          16px;
}

#title
{
    padding-bottom: 10px;
}

#title h1,
#vote h3
{
    color: #000000;
}

#introduction h2
{
    margin-bottom: 20px;
    font-size:     20px;
    color:         #262626;
    font-weight:   normal;
    border:        none;
    padding:       0;
}

#introduction p
{
    margin-bottom: 10px;
}

#introduction figure
{
    float:  right;
    margin: 0 0 0 1em;
}

#introduction figcaption
{
    position: relative;
    top:      -30px;
    left:     155px;
}

#title p,
#vote h3,
#vote label 
{
    font-size: 16px;
}

#vote h3,
#vote label 
{
    line-height: 1.3em;
    margin-bottom: 5px;
}

#title p,
#vote h3
{
    font-weight: bold;
}

#title p,
.selection label
{
    color: #5B5B5B;
}

#selection-office,
#selection-friendliness,
#selection-speed,
#selection-availability
{
    border-bottom: 1px solid #E5EAEE;
}

#selection-office
{
    background-image: url("/pictures/finance-office/office.png");
}

#selection-office h3
{
    width: 190px;
}

#selection-friendliness
{
    background-image: url("/pictures/finance-office/employee.png");
}

#selection-speed
{
    background-image: url("/pictures/finance-office/clock.png");
}

#selection-availability
{
    background-image: url("/pictures/finance-office/phone.png");
}

#vote form > p
{
    text-align: right;
}

#vote .buttonDefault
{
    float: none;
}

#selection-competition p + p
{
    display: none;
}

#sse
{
    padding-left: 15px;
    background:   transparent url("/pictures/topicblock/list-symbol.png") no-repeat scroll left center;
}

.selection
{
    height:                92px;
    padding:               20px 0 10px 150px;
    background-color:      transparent;
    background-repeat:     no-repeat;
    background-attachment: scroll;
    background-position:   10px 10px;
}

.option
{
    padding-top: 20px;
}

.option2
{
    padding-top: 5px;
}

.option p
{
    margin: 0 0 10px 25px;
}

.option p:first-child
{
    margin-left: 0;
}

.personal-data
{
    width:       170px;
    height:      21px;
    border:      1px solid #999999;
    padding:     3px 8px;
    box-shadow:  0 0 3px #AAAAAA inset;
    line-height: 25px;  
    font-size:   13px;
    color:       #5B5B5B;
}

.personal-data + .personal-data
{
    margin-left: 10px;
}

.selection-vote
{
    display:    block;
    margin-top: 5px;
}

#competition,
#result-information
{
    clear:        both;
    float:          left;
    margin-right: 10px;
}

/**********************/
/* Dankeseite          */
/**********************/

.thanks h1
{    
    color:         #000000;
    margin-bottom: 10px;
}

.logo-siegel
{
    float: left;
}

.add-friends
{
    float:  left;
    width:  470px;
    margin: 10px 10px 0 0;
}

#thanks-add
{
    margin-top: 20px;
}

#thanks-add h2
{
    font:          normal 22px/1.5em 'Fira Sans', sans-serif;
    margin-bottom: 20px;
}

#thanks-add .teaserimg
{
    float: left;
}

#thanks-add .p-info
{
    float: left;
    width: 500px;
}

#thanks-add .line
{
    height:           1px;
    width:            630px;
    background-color: #AAAAAA;
}

#rating-average-box a
{
    font-weight:    normal;
    vertical-align: 20%;
    margin-left:    15px;
}

#rating-title
{
    font-weight:    bold;
    vertical-align: 18%;
    margin-right:   5px;
}

/* Social-Tabs (Dankeseite) */
/* Tabs */
#socialTabs
{
    margin: 40px 0;
}

#socialTabBox #tabsBox,
#socialTabBox .tabs
{
    float: left;
}

#socialTabBox .space
{
    width:             5px;
    height:            38px;
    border-bottom:    1px solid #D3D3D3;
    float:            left;
}

#socialTabBox .last
{
    height:            38px;
    width:             100%;
    border-bottom:    1px solid #D3D3D3;
}

#socialTabs a:focus,
#socialTabs a:hover
{
    text-decoration: none;
}

#socialTabs .tabs a
{
    color:            #000000;
    display:          block;
    font-size:        18px;
    font-weight:      normal;
    height:           30px;
    outline:          none;
    padding:          7px 20px 0 16px;
    background-color: #E5EAEE;
    border-radius:    5px 5px 0 0;
    border:           1px solid #D3D3D3;
}

#socialTabs .tabs.selected a
{
    background-color: transparent;
    border-bottom:    1px solid #FFFFFF;
}

#socialTabs .tabs a img
{
    float:   left;
    padding: 3px 8px 0 4px;
}

.socialInfoBox
{
    border:     1px solid #D3D3D3;
    border-top: 1px solid #FFFFFF;
}

.socialInfoBox .hide-tab
{
    display: none;
}

.socialInfoBox .descriptionContent
{
    padding: 20px 0 20px 10px;
}

#send-form p
{
    width:      365px;
    margin-top: 1em;
    overflow:   hidden;
}

#send-form input[type=email]
{
    float: right;
    width: 180px;
}

#send-form label
{
    float:       left;
    font-weight: bold;
}

#send-terms
{
    margin-top: 15px;
}

#send-terms p
{
    font-size: 12px;
}

/*****************/
/* Advertisement */
/*****************/
#cross-navigation
{
    margin-top: 1em;
    overflow:   hidden;
    width:      100%;
}

#cross-navigation .heading-2
{
    color:       #262626;
    font-size:   16px;
    font-weight: bold;
    line-height: 1em;
    margin:      0 0 1em;
}

#cross-navigation div
{
    background-color: #E5EAEE;
    padding:          10px;
}

#cross-navigation ul
{
    list-style-image:    url("/pictures/topicblock/list-symbol.png");
    list-style-position: inside;
    list-style-type:     square;
}

@media screen and (max-width: 959px)
{
    .formGroup
    {
        width: calc(100% - 30px);
    }
}

@media screen and (max-width: 639px)
{
    #cross-navigation div
    {
        float: none;
    }
    
    #officeLeft,
    #officeRight
    {
        width: auto;
    }
}

@media screen and (max-width: 439px)
{
    #selection-availability,
    #selection-friendliness,
    #selection-office,
    #selection-speed
    {
        background-image: none;
    }
    
    #introduction figure
    {
        float:  none;
        margin: 0;
    }
    
    #selection-office h3
    {
        width: auto;
    }
    
    .selection
    {
        height:       auto;
        padding-left: 0;
    }
}

@media screen and (max-width: 359px)
{
    #introduction-office
    {
        width: auto;
    }
}