﻿/* Content */
section div.content {
    width: 100%;
    margin: 0;
}

section article {
    padding: 104px 2% 0;
    margin: 0 0 0 2%;
    width: 27%;
    height:415px;
}
section article.impressum {
    float: left;
    height: auto;
    overflow: hidden;
    padding: 8% 2% 0; 
    margin: 0;  
    position: relative;
    width:96%;
}
    section article.impressum td {
    padding:2%;
    }
    section article footer {
        position:absolute;
        bottom:0;
        width: 100%;
        height: 65px;
        margin: 8px 0 0 -6%;
    }
/* Search */
section section.search,
div.content.wahl section.search  {
    display:inline-block;
    background:#414446;
    width: 92%;
    height:44px;
    padding:15px;
    margin: 44px 0 0 2%;
}
    section section.search h1{
        background:url(/images/searchLabel.png) no-repeat scroll 0 0 transparent;
        text-indent:-999999px;
        float:left;
        margin:0 15px 0 0;
        width:193px;
        height:42px;
    }
    section section.search input[type=text] {
        background:url(/images/searchField.png) no-repeat scroll 0 0 transparent;
        width:355px;
        height:24px;
        padding:10px 15px;
        float:left;
        font-size:1rem;
        font-family:'OpenSans-Regular', Arial;
        margin:0 10px 0 0;
    }
    section section.search button {
        border:none;
        outline:none;
        color:#fff;
        cursor:pointer;
        background:#d80038;
        padding:10px 15px;
        height:49px;
        float:left; 
        width:88px;
        font-size:1rem;
        font-family:'OpenSans-Regular', Arial;
    }
/* Loading Screen */
#loading {
    display:none;
    background:url(../images/loading.gif) no-repeat scroll center rgba(255,255,255,0.5);
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
}

/* SearchResult */
#newSearch {
    background:url(../images/newSearch.png) no-repeat scroll center transparent;
    border-bottom: 1px solid #FFFFFF;
    border-top: 1px solid #FFFFFF;
    color: #42748F;
    cursor: pointer;
    display: none;
    float: left;
    font-family: 'OpenSans-Semibold',Arial;
    font-weight: normal;
    margin:0 0 0 2%;
    padding: 13px 10px;
    text-align: center;
    text-decoration: underline;
    width: 94.5%;
}
section.searchResult {
    float:left;
    width: 100%;
    display:inline-block;
}
section.searchResult section{
    display: none;
}
    section.searchResult section {
        background:rgba(255,255,255,0.7);
        padding: 0 2% 0;
        margin: 0 0 0 2%;
        width: 27%;
        float:left;
    }
         section.searchResult section header {
            background: none repeat scroll left top rgba(0, 0, 0, 0);
            color: #fff;
            color: rgba(255, 255, 255, 0.85);
            float: left;
            margin: -12px 0 10px -8%;
            padding: 25px 10px 10px;
            text-align: center;
            width: 106%;
        }
        section.searchResult section.landkreis header {
            background-image:url(/images/searchHeaderLk.png);
        }
        section.searchResult section.hansestadt header {
            background-image:url(/images/searchHeaderStLg.png);
        }
        section.searchResult section.wirtschaft header {
            background-image:url(/images/searchHeaderWlg.png);
        }
        section.searchResult section aside {
            float: left;
            width: 100%;
            margin: 8px 0 0;
        }
            section.searchResult section aside > h3 {
                font-size: 1rem;
                border-bottom: 2px solid #fff;
                font-family: 'OpenSans-Semibold',Arial;
                font-weight: normal;
                padding: 4px;
                margin: 0 0 0 0;
                color: #fff;
                cursor: pointer;
            }
        section.searchResult section.landkreis aside > h3 {
            background: #44A5FF;
        }
        section.searchResult section.hansestadt aside > h3 {
            background: #0076E3;
        }
        section.searchResult section.wirtschaft aside > h3 {
            background: #E5003B;
        }
        section.searchResult section ul {
            list-style: none;
        }
        section.searchResult section .resultlist * {
            font-size: 0.875rem;
            font-family:'OpenSans-Regular',Arial;
            font-weight:normal;
        }
        section.searchResult section .resultlist h3 a {
            color:#42748f;
            display:inline-block;
            font-size: 0.875rem;
            font-family: 'OpenSans-Semibold',Arial;
            font-weight: normal;
            margin:10px 0;
            text-decoration:underline;
            width:100%;
        }


/* Footer */
footer#footer ul {
    width: 740px;
}