/*

Theme Name: Libau

Theme URI: http://www.libau.nl

Author: -

Author URI: -

Description: -

Version: 1.0

*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html

-------------------------------------------------------------- */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    border: 0;

    font-family: inherit;

    font-size: 100%;

    font-style: inherit;

    font-weight: inherit;

    margin: 0;

    outline: 0;

    padding: 0;

    vertical-align: baseline;
}

/* =Webfonts

----------------------------------------------- */

@font-face {
    font-family: "BlackRegular";

    src: url("fonts/black-webfont.eot");

    src: url("fonts/black-webfont.eot?#iefix") format("embedded-opentype"),
        url("fonts/black-webfont.woff") format("woff"),
        url("fonts/black-webfont.ttf") format("truetype"),
        url("fonts/black-webfont.svg#BlackRegular") format("svg");

    font-weight: normal;

    font-style: normal;
}

/* =Basics

----------------------------------------------- */

body {
    background: #c80000;

    color: rgb(33, 33, 33);

    font: 12px/15px Verdana;

    /*min-width: 980px; */ /* 990px */ /* iPad & 980px #page */

    text-rendering: optimizeLegibility;

    -webkit-font-smoothing: antialiased;
}

::selection {
    background: rgba(33, 33, 33, 0.1);
}

::moz-selection {
    background: rgba(33, 33, 33, 0.1);
}

:focus {
    outline: 0;
}

/* =Typography

----------------------------------------------- */

p {
    margin-bottom: 10px;

    -webkit-hyphens: auto;

    -moz-hyphens: auto;

    hyphens: auto;
}

strong {
    font-weight: bold;
}

cite,
em,
i {
    font-style: italic;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;

    font-weight: normal;
}

h1 {
    color: #c80000;

    font-size: 16px;

    line-height: 18px;

    margin: 0 0 8px 0; /* 0 0 5px 0 */
}

h2 {
    font-size: 14px;

    font-weight: bold;

    margin: 0 0 5px 0;
}

h3 {
    color: #c80000;

    margin: 0;
}

h4 {
    font-weight: bold;
}

h5 {
    color: rgb(99, 99, 99);
}

ol,
ul {
    list-style: square;

    padding: 0 0 16px 0;

    list-style-position: inside;
}

ol {
    list-style-type: decimal;

    margin: 0 0 0 2px;
}

ol ol {
    list-style: upper-alpha;
}

ol ol ol {
    list-style: lower-roman;
}

ol ol ol ol {
    list-style: lower-alpha;
}

ul ul,
ol ol,
ul ol,
ol ul {
    margin-bottom: 0;
}

dl {
    margin: 0 16px;
}

dt {
    font-weight: bold;
}

dd {
    margin-bottom: 1.625em;
}

caption,
th,
td {
    font-weight: normal;

    text-align: left;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
}

blockquote,
q {
    quotes: "" "";
}

blockquote {
    font-family: Georgia, "Bitstream Charter", serif;

    font-style: italic;

    font-weight: normal;

    margin: 0 3em;
}

blockquote em,
blockquote i,
blockquote cite {
    font-style: normal;
}

blockquote cite {
    color: #666;

    font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;

    font-weight: 300;

    letter-spacing: 0.05em;

    text-transform: uppercase;
}

pre {
    background: #f4f4f4;

    font: 13px "Courier 10 Pitch", Courier, monospace;

    line-height: 1.5;

    margin-bottom: 1.625em;

    overflow: auto;

    padding: 0.75em 1.625em;
}

code,
kbd {
    font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym,
dfn {
    border-bottom: 1px dotted #666;

    cursor: help;
}

address {
    display: block;

    margin: 0 0 1.625em;
}

ins {
    background: #fff9c0;

    text-decoration: none;
}

sup,
sub {
    font-size: 10px;

    height: 0;

    line-height: 1;

    position: relative;

    vertical-align: baseline;
}

sup {
    bottom: 1ex;
}

sub {
    top: 0.5ex;
}

a {
    color: #c80000;

    text-decoration: underline;
}

a:focus,
a:active,
a:hover {
    text-decoration: none;

    -webkit-transition: all 0.2s ease;

    -moz-transition: all 0.2s ease;

    -ms-transition: all 0.2s ease;

    -o-transition: all 0.2s ease;
}

img a,
a img {
    border: 0;
}

/* =Objects

----------------------------------------------- */

.clear {
    clear: both;
}

table {
    border-collapse: collapse;

    border-spacing: 0;

    border: 1px solid #ccc;

    margin: 0 0 16px 0;
}

tr,
td,
th {
    border: 1px solid #ccc;

    padding: 2px;
}

th {
    font-weight: bold;
}

caption,
td {
    font-weight: normal;

    text-align: left;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

hr {
    background-color: #ccc;

    color: #ccc;

    border: 0;

    height: 1px;

    margin-bottom: 10px;
}

.alignleft {
    display: inline;

    float: left;

    margin-right: 20px;

    margin-bottom: 16px;

    margin-top: 10px;
}

.alignright {
    display: inline;

    float: right;

    margin-left: 20px;

    margin-bottom: 16px;

    margin-top: 10px;
}

.aligncenter {
    clear: both;

    display: block;

    margin-left: auto;

    margin-right: auto;

    margin-bottom: 16px;
}

.alignnone {
    margin-top: 10px;

    margin-bottom: 16px;
}

embed,
iframe,
object {
    max-width: 100%;
}

input,
textarea {
}

input:hover {
    -webkit-transition: background 0.2s ease;

    -moz-transition: background 0.2s ease;

    -ms-transition: background 0.2s ease;

    -o-transition: background 0.2s ease;
}

.entry-content img,
.comment-content img,
.widget img {
    max-width: 100%;
}

img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
    height: auto;
}

img.size-full,
img.size-large {
    max-width: 100%;

    width: auto;

    height: auto;
}

.nivo-controlNav a {
    padding: 0 4px;
}

/* =Structure

----------------------------------------------- */

/* #page {
    margin: 0 auto;

    width: 960px; /* 980px 

    padding: 0 10px; /* padding: 0; 
} */

/* #secondary {
    clear: both;

    float: left;

    width: 160px; /* 180px */
/*} */
/* 
#logo {
    height: 124px;

    margin: 0 0 170px 0;
} */

/* #adres {
    color: rgb(255, 255, 255);

    line-height: 22px;
}

#adres a {
    color: rgb(255, 255, 255);

    text-decoration: none;
}

#adres a:hover {
    text-decoration: underline;
} */

/* #access {
    padding: 14px 0 14px 160px; /* 14px 0 14px 180px */
    /*height: 14px;
} */

/* #access ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#access li {
    float: left;
    position: relative;
    border-right: solid 1px #e48080;
    padding: 0 10px;
}

#access li.first {
    padding: 0 10px 0 0;
}

#access li.last {
    padding: 0 0 0 10px;
    border: 0;
}

#access a {
    color: rgb(255, 255, 255);
    display: block;
    text-decoration: none;
    font-family: "BlackRegular";
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 11px;
    line-height: 13px;
}

#access li:hover > a,
#access a:focus {
    text-decoration: underline;
}

#access .current-menu-item > a,
#access .current-menu-ancestor > a,
#access .current_page_item > a,
#access .current_page_ancestor > a,
.post-type-archive-actueel #access li#menu-item-398 a,
.single-actueel #access li#menu-item-398 a,
.single-vergaderingen #access li#menu-item-41 a,
.page-template-templateslibau-organisatie-php #access li#menu-item-39 a {
    color: rgb(0, 0, 0);
} */

/* #main {
    clear: both;
} */

/* #header {
    height: 221px;
    float: right;
    width: 800px;
    position: relative;
}

#slider {
    width: 800px;
    height: 221px;
    float: right;
} */

/* .menu-submenu-kleurenbalk-container {
    width: 800px;

    float: right;

    position: relative;

    top: -40px;

    z-index: 999;
}

ul#menu-submenu-kleurenbalk {
    padding: 0;

    margin: 0;

    list-style: none;
}

ul#menu-submenu-kleurenbalk li {
    width: 140px;

    float: left;

    padding: 6px 10px;

    background: url(images/kleurenbalk.png) no-repeat;
}

ul#menu-submenu-kleurenbalk li a {
    color: rgb(255, 255, 255);

    width: 140px;

    height: 28px;

    display: block;

    line-height: 15px;

    font-family: "BlackRegular";

    text-transform: uppercase;

    text-decoration: none;
}

ul#menu-submenu-kleurenbalk li a:hover {
    text-decoration: underline;
}

ul#menu-submenu-kleurenbalk li.team-ruimtelijke-kwaliteit {
    background-position: 0 0;
}

ul#menu-submenu-kleurenbalk li.welstand {
    background-position: 0 -50px;
}

ul#menu-submenu-kleurenbalk li.landschap-en-stedenbouw {
    background-position: 0 -100px;
}

ul#menu-submenu-kleurenbalk li.monumenten {
    background-position: 0 -150px;
}

ul#menu-submenu-kleurenbalk li.archeologie {
    background-position: 0 -200px;
} */

#primary {
    float: right;

    margin: 0;

    width: 780px;

    background: #fff;

    padding: 30px 10px 10px 10px;

    min-height: 210px;
}

#sub-sidebar {
    float: left;

    width: 170px;

    margin: 0 15px 0 0;

    min-height: 210px;

    padding-top: 26px; /* 23px */
}

#sub-sidebar img {
    padding: 0 0 26px 5px;
}

#sub-sidebar ul {
    padding: 0;

    margin: 0;

    list-style: none;
}

#sub-sidebar li {
    margin-bottom: 5px;
}

#sub-sidebar a {
    color: rgb(33, 33, 33);

    text-decoration: none;

    padding: 0 0 0 10px;

    background: url(images/bullet-rood.png) 0px 7px no-repeat;

    display: block;
}

#sub-sidebar a:hover {
    text-decoration: underline;
}

#sub-sidebar li.current_page_item a {
    color: #c80000;
}

#breadcrumbs {
    width: 590px;

    float: right;

    padding: 15px 10px 0px 200px;
}

#breadcrumbs h4 {
    font-size: 1.8em;

    color: rgb(255, 255, 255);

    margin: 0 0 10px 0;

    font-weight: normal;
}

#breadcrumbs p {
    font-size: 0.8em;
}

#breadcrumbs a {
    color: rgb(33, 33, 33);
}

#breadcrumbs a:hover {
    color: rgb(255, 255, 255);

    text-decoration: underline;
}

.team-ruimtelijke-kwaliteit {
    background: #7f807f;
}

.welstand {
    background: #c80000;
}

.landschap-en-stedenbouw {
    background: #849f25;
}

.monumenten {
    background: #335a93;
}

.monumenten p {
    color: rgb(255, 255, 255);
}

.monumenten a {
    color: rgb(255, 255, 255) !important;
}

.archeologie {
    background: #b16429;
}

/* #content {
    float: left;

    width: 575px;

    margin: 0;
} */

/* #footer {
    clear: both;

    background: #c80000;

    margin-left: 160px; /* 180px
} */

/* .menu-footer-container {
    padding: 14px 0;

    height: 14px;
}

.menu-footer-container ul {
    list-style: none;

    margin: 0;

    padding: 0;
}

.menu-footer-container li {
    float: left;

    position: relative;

    border-right: solid 1px #e48080;

    padding: 0 10px;
}

.menu-footer-container li.first {
    padding: 0 10px 0 0;
}

.menu-footer-container li.last {
    padding: 0 0 0 10px;

    border: 0;
}

.menu-footer-container a {
    color: rgb(255, 255, 255);

    display: block;

    text-decoration: none;

    font-family: "BlackRegular";

    text-transform: uppercase;

    letter-spacing: 2px;

    font-size: 11px;

    line-height: 13px;
}

.menu-footer-container li:hover > a,
.menu-footer-container a:focus {
    text-decoration: underline;
}

.menu-footer-container .current-menu-item > a,
.menu-footer-container .current-menu-ancestor > a,
.menu-footer-container .current_page_item > a,
.menu-footer-container .current_page_ancestor > a {
    color: rgb(0, 0, 0);
} */

/* =Publicaties

----------------------------------------------- */

/* .page-template-templateslibau-publicaties-php #content {
    width: 595px;
}

ul.publicaties {
    list-style: none;

    padding: 0;

    margin: 0;
}

li.publicatie {
    display: inline-block;

    vertical-align: top;

    width: 283px;

    margin: 0 10px 20px 0;
}

p.publicatie {
    margin: 0;
}

p.bijzonderheden {
    color: #999;
}

img.thumb-publicatie {
    border: 1px solid #c80000;
} */

/* =Sitemap

----------------------------------------------- */

ul#menu-sitemap a {
    text-decoration: none;
}

ul#menu-sitemap a:hover {
    text-decoration: underline;
}

ul#menu-sitemap ul.sub-menu {
    padding-bottom: 0;
}

ul#menu-sitemap li {
    font-weight: bold;

    margin-bottom: 2px;
}

ul#menu-sitemap li li {
    font-weight: normal;

    margin-bottom: 0px;
}

/* =Actueel

----------------------------------------------- */

article.type-actueel {
    border-bottom: 1px solid #ccc;

    margin-top: 15px;
}

.single-actueel article.type-actueel {
    border-bottom: 0;

    margin: 0;
}

p.datum {
    margin: 0 0 4px 0;

    color: rgb(99, 99, 99);
}

.actueel-item {
    margin-top: 20px;
    min-height: 100px;
}

.actueel-img {
    width: 20%;
    float: left;
    min-height: 1px;
    margin-right: 20px;
}

.actueel-img img {
    max-height: 95px;
    max-width: 100%;
    width: auto;
    margin: 0 auto;
    display: block;
}

.actueel-cnt,
.actueel-pag {
    width: calc(80% - 20px);
    float: left;
    padding-bottom: 10px;
}

.actueel-cnt {
    border-bottom: 1px solid #ccc;
}

.actueel-cnt h2 {
    color: #c80000;
}

/* =Page navigation

----------------------------------------------- */

.wp-pagenavi {
    clear: both;

    margin: 20px 0;
}

.wp-pagenavi a,
.wp-pagenavi span {
    text-decoration: none;

    border: 1px solid #ccc;

    padding: 3px 5px;

    margin: 2px;
}

.wp-pagenavi a:hover,
.wp-pagenavi span.current {
    border: 1px solid rgb(99, 99, 99);
}

.wp-pagenavi span.current {
    background: #c80000;

    color: rgb(255, 255, 255);
}

/* =Rayonindeling

----------------------------------------------- */

.rayon {
    float: left;
}

.rayon-gr {
    width: 115px;

    margin-bottom: 20px;
}

.rayon-dr {
    width: 190px;
}

.rayon p {
    margin: 0;
}

.rayon-titel {
    padding: 2px 5px;
    margin: 4px 0;
    display: inline-block;
}

.grijs {
    background: #999;
}

.blauw {
    background: #99c7e2;
}

.rood {
    background: #bd2d21;
    color: #fff;
}

.bruin {
    background: #dd9222;
}

.groen {
    background: #b0d033;
}

.kaart {
    clear: both;
}

.tab {
    width: 180px;
    height: 30px;
    background: url(images/tab.png) no-repeat;
    position: absolute;
    right: 0;
    top: -20px;
    padding: 5px 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: rgb(255, 255, 255);
    text-decoration: none;
    font-weight: 600;
    z-index: 6;
    border-left: 10px solid #c80000;
    border-bottom: 10px solid #c80000;
}

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

.aardbevingen {
    background: #000000;
    color: #ffffff;
}

.aardbevingen a {
    color: #ffffff !important;
}

/* team members plugin
.tmm .tmm_container .tmm_member {
    display: inline-flex;
    flex-flow: column nowrap;
}
.tmm .tmm_container .tmm_textblock {
    flex: 1 1;
}

.tmm .tmm_textblock {
    display: flex;
    flex-flow: column nowrap;
}

.tmm .tmm_textblock .tmm_names {
    font-size: 12px;
}

.tmm .tmm_textblock .tmm_job {
    word-wrap: normal ;
    font-size: 10px;
    text-transform: inherit;
}

.tmm .tmm_textblock .tmm_scblock {
    margin-top: auto;
}  */