@CHARSET "utf-8";
/* Grundlegende Einstellungen */
* {color: #000000; font-family: Arial,Helvetica,Geneva,Sans-serif,sans-serif}
body {background: #FFFFFF url(../images/backgrounds/page-bg.jpg); padding: 0; margin: 0; /*font-size: 16px;*/}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-weight: 600;}
h1 {font-size: 1.2em; font-style: italic}
h2, h3 {font-size: 1.1em; font-style: italic}
h3.panel-title {font-style: normal}

#page-margins {padding-top: 20px; margin: 0 auto}
#page {margin: 0; padding: 0}

.clear {clear: both; width: 0 !important; height: 0 !important; font-size: 0 !important; background: transparent none !important}
.left {float: left}
.right {float: right; margin-right: 15px}

/* Schriftfarben */
.blue,
.blue li {color: #0000CC}

.red {color: #EE0000}

span.paragraph {display: block; margin: 0; padding: 0}
.important {font-weight: bold}

h1,
h2 {color: #0000CC}
ul {margin: 0}
ul li {font-style: normal}
a,
a font {color: #0033CC}

/* Layout-Konfiguration */
.columns {padding: 10px 45px}
.columns.top {padding: 30px 45px 20px 45px}
.col-left {float: left}
.columns.cols-30-70 .col-left {width: 215px}
.columns.cols-30-70 .col-right {width: 515px; margin-left: 235px}
.columns.cols-50-50 .col-left {width: 360px}
.columns.cols-50-50 .col-right {width: 360px; margin-left: 380px}

#content {background: #FFFFFF; min-height: 100px; padding-top: 10px; padding-bottom: 10px}

#footer {background: transparent url(../images/backgrounds/balken_unten.jpg) left bottom}

/* Navigationen */
/*#nav-main {background: transparent url(../images/backgrounds/a_balken_unten_blau2.jpg) bottom right; height: 48px}*/
#nav-main,
#nav-footer {background: #4D82B8; border: 1px solid #649CD5}
#nav-main ul,
#nav-footer ul {list-style-type: none; margin: 0; padding: 0}
#nav-main ul li,
#nav-footer ul li {padding: 0; border: 1px solid #000000; border-top: 1px solid #ABABAB; border-left: 1px solid #ABABAB; background: #4A82BB}
#nav-main ul li.active,
#nav-footer ul li.active {background: #D6DFF0}
#nav-main ul li:hover,
#nav-footer ul li:hover {background: #6C7B88}
#nav-main ul li.active a,
#nav-footer ul li.active a {color: #0033CC}
#nav-main ul li:hover a,
#nav-footer ul li:hover a {color: #0033CC}

/* Inhalte allgemein */
/*#content .centered {width: 540px; margin: 0 auto}
#content .centered.wide {width: 726px}*/
/*p.img-caption {font-size: 1em}*/

.center {text-align: center}

#content .welcome {padding: 78px 0 40px; text-align: center}
#content .actualisation {text-align: right; padding: 10px 20px}
#content .actualisation p {font-size: 0.8em; margin: 0}

.text p:first-child,
.event-content p:first-child {margin-top: 0}

.address h3 {margin-bottom: 0}
.address p.first {margin-top: 0}

#content ul li {margin-bottom: 20px; font-weight: bold; font-style: italic}
#content ul li ul li {margin: 5px 0 10px; font-weight: normal}

/* Seiten: Was wir wollen/Was wir leisten */
.about {padding-top: 30px}
.about h1,
.about h2 {color: #0000CC; font-style: italic}

.imprint h1 {font-style: normal; text-decoration: underline; color: #000000}

/* Seite: Wer wir sind */
/*.people div.row {height: 250px}*/
div.people-element {float: left; height: 270px; overflow: hidden; word-wrap: break-word;}
div.people-element p {margin: 0; padding: 0}
div.people-element img {margin-bottom: 10px}

/* Seite: Links */
.links {padding-top: 30px}
.links a {display: block; margin-bottom: 5px}
.links .prominent a {font-weight: bold}
.links h3 {font-style: italic}

/* Propolizei Rundschau */
div.rundschau h1 {padding-left: 40px}
div.article-list ul {list-style-type: none}
div.article-list ul li {display: block; float: left; margin-right: 20px}
div.article-list ul li a.rundschau-name {display: block}

/* Veranstaltungen */
/*
div.eventlist-header,
div.eventlist,
div.current-event {width: 726px; margin: 20px auto}
*/
div.event {margin-bottom: 5px}
/*
div.event-title {}
div.event-program {float: left; width: 225px; border: 1px solid #CECECE; margin-right: 1px}
div.event-referent {float: left; width: 200px; border: 1px solid #CECECE; margin-right: 1px}
div.event-place {float: left; width: 142px; border: 1px solid #CECECE}
div.event-content {border: 1px solid #000000; margin: 1px; padding: 2px}
*/
div.event-header {min-height: 60px; border: 1px solid #CECECE; overflow: hidden}
div.event-header .event-date {width: 130px; float: left; padding: 10px}
div.event-header .event-title {float: left; padding: 10px; max-width: 435px}
div.event-header .event-title h3 {margin: 0}
div.event-header .opener {float: right; margin-top: 5px; height: 30px; line-height: 30px; min-width: 30px; max-width: 90px; padding-left: 34px; background: transparent url(../images/icons/updown.png) 0 2px no-repeat}
div.event-header .collapsed .opener {background-position: 0 -29px}
div.event-header .opener a {text-decoration: none; display: block; text-align: right; padding: 8px 10px 10px}
div.event-header:hover {cursor: pointer}

div.event-details {border: 1px solid #CECECE; border-top: 0; position: relative; padding-bottom: 15px}
div.event-details .event-program {padding: 10px}
div.event-details .firstline {min-height: 40px; border-bottom: 1px dotted #CECECE}
div.event-details .event-participants {float: left; padding: 10px; max-width: 484px}
div.event-details .event-location {float: left; width: 200px; padding: 10px; font-size: 0.9em}
div.event-details .event-location h4 {margin: 0; font-size: 1em}
div.event-details .event-program h3 {margin-top: 0; float: left;}
div.event-details .event-image {float: left; max-width: 150px; margin-right: 10px}

a.overlay {position: absolute; bottom: 5px; left: 10px}