/* COMMON
–––––––––––––––––––––––––––––––––––––––––––––––––– */
body {
    font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.container {
    /*max-width: 960px;*/
    max-width: 1200px;
}

@media (min-width: 400px) {
    .container {
        width: 95%;
    }
}

@media (min-width: 550px) {
    .container {
        width: 90%;
    }
}



/* INDEX
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.index .logo {
    margin-top: 20%;
    text-align: center;
}

.index .search button {width: 38px; padding: 0; font-size: 16px;}
.index .search .input-margin {padding-right: 48px;}



/* PAGE
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.page .header {border-bottom: 1px solid #eee; padding: 10px 0 5px 0; background: #f8fafe;}
.page .header .logo a {color: #222; text-decoration: none;}
.page .header .logo div {font-size: 24px; line-height: 50px; vertical-align: top; display: inline-block; margin-left: 12px;}
.page .header .logo img {height: 50px;}

.page .header .search-form {width: 50%; margin: 5px 0 0 0;}
.page .header .search-form button {width: 38px; padding: 0; font-size: 16px;}
.page .header .search-form .input-margin {padding-right: 48px;}

#message.message {
    display: none;
    font-size: 24px;
    background-color: #7cd5f2;
    border-color: #9ed4e8;
    color: #FFF;
    padding: 10px 20px;
    margin-top: 20px;
}
#message.message.error {
    background-color: #e67378;
    border-color: #e67378;
}


/* Headlines */
.page .page-headlines {margin-top: 30px;}
.page .page-headlines ul {list-style-type: none; list-style-image: none; padding: 0; margin: 0; border: 1px solid #eee;}
.page .page-headlines ul li {padding: 0; margin: 0; border-top: 1px solid #eee; background: #fafcff;}
.page .page-headlines ul li:first-child {border-top: none;}
.page .page-headlines ul li:hover {background: #f5f7fc;}
.page .page-headlines ul li a {text-decoration: none; display: block; padding: 8px 16px; font-size: 18px;}


/* Content */
.page h1.firstHeading {margin-top: 17px;}

.page h2 {margin-top: 30px;}

/* infobox */
.infobox {
    float: right;
    border: 1px solid #eee;
    border-bottom: none;
    font-size: 14px;
    line-height: 15px;
    width: auto !important;

    margin: 7.20px 35px 14.40px;
    max-width: 320px;

    background: #fafcff;
}
.infobox tr {
    border-bottom: 1px solid #eee;
}
.infobox tr th, .infobox tr td {
    padding: 6px 6px !important;

}
.infobox tr th p, .infobox tr td p {margin-bottom: 0;}
.infobox tr th a, .infobox tr td a {word-wrap: break-word}

.infobox tr td.summary {line-height: 30px;}

.infobox tr th {
    background: #ebedf5 !important;
}

.infobox tr:last-child th:last-child {
    background: #fff !important;
    padding: 10px !important;
}

/* navbox */
.page table.navbox {
    border: 1px solid #eee;
}
.page table.navbox .navbox-title {background: #ebedf5 !important; text-align: center; padding: 6px 12px !important;}
.page table.navbox table.nowraplinks {width: 100%; margin-bottom: 0px;}

.page table.navbox p {margin-bottom: 0;}

.page table.navbox tr th,
.page table.navbox tr td {
    border: none !important;
    padding: 0;
}

.page table.navbox tr td div {
    margin: 0 !important;
}

.page table.navbox tr td span.nowrap {
    white-space: nowrap;
}


.page table.navbox tr th.navbox-group {
    word-wrap: normal;
    white-space: nowrap;
    background: #ebedf5 !important;
    padding: 0.35em 1.0em !important;
}

.page table.navbox tr td.navbox-list {
    padding: 0.35em 1.0em !important;
}
.page table.navbox tr td.navbox-list.navbox-even {
    background: #f5f7fa;
}