@charset "UTF-8";
ul, ol, li {
padding: 0;
margin: 0;
list-style-type: none;
}
a {
text-decoration: none;
border: none;
}
img {
border: none;
}
p {
padding: 0;
margin: 0;
}
h1, h2, h3, h4 {
padding: 0;
margin: 0;
}
/* ------- BODY ---------- */
body {
width: 940px;
margin: 0 auto;
font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}

div#bodySeite {
position: relative;
float: left;
width: 940px;
height: auto;
padding: 0 28px;
background-color: white;
}

/* ------- HEAD ---------- */

#head {
width: 940px;
height: auto;
position: relative;
float: left;
}
#banner {
width: 660px;
height: 334px;
float: left;
margin-right: 50px;
}


/* ------- CONTENT ALLGEMEIN---------- */
#content {
margin-top: 26px;
width: 940px;
height: auto;
float: left;
position: relative;
}

#content p {
font-size: 16px;
line-height: 24px;
padding: 0 0 24px 0;
}

#start-willkommen {
float: left;
width: 940px;
height: auto;
}

/* ------- STARTSEITE ---------- */
/* --- TOPLEVEL NAVIGATION --- */


div#nav_level_1 {
position: relative;
width: 940px;
height: auto;
float: left;
padding: 20px 0 12px 0;
margin-bottom: 24px;
border-width: 1px 0 1px 0;
border-style: dotted;
border-color: #1a1a1a;
}
ul#nav_level_1_ul li {
display: block;
position: relative;
float: left;
height: 111px;
width: 204px;
margin: 0 24px 12px 0;
padding: 0;
}
ul#nav_level_1_ul li:hover {
color: #567970;
}
ul#nav_level_1_ul li a.image img:hover {
border: none;
}
ul#nav_level_1_ul li img {
position: relative;
float: left;
width: 204px;
height: 111px;
}
ul#nav_level_1_ul li a span.nav_level_1 {
float: left;
position: relative;
display: block;
background-color: white;
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
margin-top: -22px;
width: auto;
height: 8px;
padding: 6px 10px 8px 0px;
color: #1a1a1a;
}
ul#nav_level_1_ul li a:link,
ul#nav_level_1_ul li a:visited {
color: #6EB3A1;
}

/* ----- SIDEBAR ----- */
#sidebar {
width: 230px;
height: 360px;
font-size: 12px;
line-height: 16px;
float: left;
position: relative;
}
/*div#small-nav {
height: 16px;
width: 60px;
margin-top: 5px;
}*/
img#logo {
float: left;
position: relative;
margin-top: 27px;
margin-bottom: 18px;
}
ul#CalSidebar {
width: 100px;
height: auto;
position: relative;
float: left;
list-style-type: none;
}
ul#CalSidebar li {
margin-bottom: 12px;
font-weight: 300;
}
ul#CalSidebar li a:link,
ul#CalSidebar li a:visited,
ul#CalSidebar li a:active {
color: #567970;
}
ul#CalSidebar li a:hover {
color: #083C2F;
}
ul#SocialSidebar {
position: relative;
float: left;
width: 88px;
height: 100px;
margin-left: 12px;
}
ul#SocialSidebar li {
float: left;
margin-right: 18px;
}

/* ------- NAVIGATION ---------- */

/* NAV LEVEL 2 */
/* unter dem Header Image, weiß hinterlegt */

#nav_level_2 {
width: auto;
height: 44px;
position: relative;
margin-top: -44px;
padding: 12px 12px 12px 0px;
z-index: 10;
float: left;
background-color: white;
font-family: 'Open Sans', Helvetica, Arial, sans-serif;
font-size: 23.5px;
font-weight: bold;
}
/*ul#nav_level_2_ul ul.menu li.menu-item a,
ul#nav_level_2_ul ul.menu li.menu-item li {
display: none;
}*/

#nav_level_2 ul.menu {
position: relative;
}
#nav_level_2 ul.menu li:last-child {
border: none;
margin-right: 0;
}
#nav_level_2 ul.menu li {
border-right: 3px solid #6EB3A1;
}
#nav_level_2 ul.menu li,
#nav_level_2 ul.menu li a:link,
#nav_level_2 ul.menu li a:visited,
#nav_level_2 ul.menu li a:active {
float: left;
color: #6EB3A1;
margin-right: 10px;
display: block;
}
#nav_level_2 ul.menu li a:hover {
color: #006A4E;
}
#nav_level_2 ul.menu li.current_page_item a {
color: #006A4E;
}
#nav_level_2 ul.menu li.nav_level2_back {
border-right: 3px solid #c1c1c1;
}
#nav_level_2 ul.menu li.nav_level2_back:hover {
border-right: 3px solid #1a1a1a;
}
#nav_level_2 ul.menu li.nav_level2_back a:link,
#nav_level_2 ul.menu li.nav_level2_back a:visited {
color: #c1c1c1;
}
#nav_level_2 ul.menu li.nav_level2_back a:hover {
color: #1a1a1a;
}

/* --- TIPP / TEASER --- */
div#teaserWrapper {
height: 100%;
width: 30%;
float: left;
padding: 18px 0px 10px 0;
margin-right: 24px;
margin-bottom: -99999px;
padding-bottom: 99999px;
}

div#teaserSlide {
}

div#introText {
float: left;
width: 32.5%;
padding: 18px 24px 0 24px;
border-left: 1px dotted #1a1a1a;
border-right: 1px dotted #1a1a1a;
margin-bottom: -99999px;
padding-bottom: 99999px;
}
div#introText_clean {
float: left;
width: 67.5%;
padding: 18px 22px 99999px 2px;
margin-bottom: -99999px;
border-right: 1px dotted black
}
div#teaser {
background-color: white;
height: 250px;
}
div#teaser img {
margin: 0 0 10px 0;
display: block;
clear: both;
}
div#bodySeite div#paragraph-start div#teaser a p {
display: block;
width: 272px; /*um nicht anzustoßen*/
height: auto;
font-size:13px;
font-weight: bold;
line-height: 18px;
padding-left: 5px;
}

#teaser a.teaserLink {

}

/* --- SHORTCUT / KURZINFO --- */

div#shortcut {
float: right;
width: 19%;
height: 100%;
position: relative;
padding: 18px 60px 6px 0px;
margin-left: 20px;
margin-bottom: -99999px;
padding-bottom: 99999px;
}

html body div#bodySeite div#paragraph-start div#shortcut p {
font-size: 1em;
display: block;
margin-bottom: 12px;
}

/* ----- CONTENT STARTSEITE ----- */
div#paragraph-start {
float: left;
padding: 0;
width: auto;
height: 100%;
position: relative;
overflow: hidden;
margin-top: -18px;
}
div#paragraph-start p {
font-family: 'Open Sans', Arial, sans-serif;
font-size: 16px;
line-height: 24px;
color: #1a1a1a;
margin-bottom: 12px;
}

/* ----- CONTENT FACEBOOK -----
div#box-start-socialmedia {
float: left;
width: 100%;
margin-top: 8px;
border-top: 1px dotted #1a1a1a;
padding-bottom: 24px;
}
div.fb-like-box {
margin-top: 24px;
margin-right: 20px;
float: left;
}
div#facebook {
width: 320px;
float: left;
width: 320px;
padding: 18px 12px 24px 0;
margin: 0 24px 0 0;
border-right: 1px dotted #1a1a1a;
}

div#zusammenfassung {
float: left;
padding: 18ox 12px 24px 0;
}*/


/* paragraph */
#paragraph{
height: auto;
padding: 0 0 24px 0;
}
#paragraph p {
padding: 0 0 24px 0;
font-size: 22px;
line-height: 32px;
font-family: 'Open Sans', Georgia, Times;
}
#paragraph p.eticasans {
padding: 0 0 24px 0;
font-size: 22px;
line-height: 32px;
font-family: 'Open Sans', Arial, sans-serif
}
#paragraph ul,
#paragraph ol {
font-family: 'Open Sans', Georgia, Times;
margin-bottom: 12px;
}
#paragraph li {
list-style-type: circle;
margin-left: 24px;
}
hr.standard {
width: 940px;
border: none;
border-bottom: 1px dotted #1a1a1a;
margin-bottom: 24px;
float: left;
}
#paragraph p.caption {
margin: 0;
padding: 8px 8px 8px 0;
font-family: 'Open Sans', Georgia, Times;
font-style: italic;
font-size: 14px;
}
img.alignleft {
float: left;
padding: 10px 10px 10px 0;
margin-right: 12px;
}
img.alignright {
float: right;
padding: 10px;
margin-left: 12px;
}
#content p a:link,
#content p a:visited,
#paragraph p a:link,
#paragraph p a:visited,
#paragraph-start p a:link,
#paragraph-start p a:visited,
#paragraph ul a:link,
#paragraph ol a:link,
#paragraph ul a:visited,
#paragraph ol a:visited,
#paragraph table a:link,
#paragraph table a:visited {
color: #567970;
text-decoration: underline;
}
#content p a:hover,
#content p a:active,
#paragraph p a:hover,
#paragraph p a:active,
#paragraph-start p a:hover,
#paragraph-start p a:active,
#paragraph ul a:hover,
#paragraph ol a:hover,
#paragraph ul a:active,
#paragraph ol a:active,
#paragraph table a:hover,
#paragraph table a:active {
color: #1a1a1a;
text-decoration: underline;
}

/* CONTENT ENDE */



/* NAV LEVEL 3 (klein) */
div#nav-level-3 {
margin-bottom: 24px;
padding-bottom: 0;
float: left;
width: 100%;
border-bottom: dotted 1px black;
}
div#nav-level-3 ul.nav-level-3-ul {
width: 100%;
float: left;
margin: 0;
color: #083C2F;
font-weight: bold
}
div#nav-level-3 ul.nav-level-3-ul p {
float: left;
display: block;
font-size: 16px;
font-weight: bold;
color: #083C2F;
}
div#nav-level-3 ul.nav-level-3-ul li {
margin-left: 12px;
}
div#nav-level-3 ul.nav-level-3-ul li strong {
margin-left: 12px;
}
div#nav-level-3 ul.nav-level-3-ul li:last-child strong{
display: none;
}
div#nav-level-3 ul.nav-level-3-ul li,
div#nav-level-3 ul.nav-level-3-ul li a:link,
div#nav-level-3 ul.nav-level-3-ul li a:visited,
div#nav-level-3 ul.nav-level-3-ul li a:active,
div#nav-level-3 ul.nav-level-3-ul li a {
display: block;
float: left;
font-size: 16px;
color: #567970;
font-weight: normal;
}
div#nav-level-3 ul.nav-level-3-ul li a:hover {
color: #083C2F;
}

div#nav-level-3 ul.nav-level-3-ul li.current-menu-item a:link,
div#nav-level-3 ul.nav-level-3-ul li.current-menu-item a:visited,
div#nav-level-3 ul.nav-level-3-ul li.current-menu-item a:hover,
div#nav-level-3 ul.nav-level-3-ul li.current-menu-item a:active {
color: #083C2F;
}

/* NAV LEVEL 3 (klein) ENDE */





/* LOGIS ++ VERANSTALTUNGSRÄUME */

div.container05 {
float: left;
height: auto;
padding-bottom: 24px;
}

div#content div#paragraph img.pic05,
div#content div#ParagraphSingle img {
max-width: 432px;
height: auto;
margin-right: 24px;
float: left;
}
div.box05 {
background-color: #567970;
color: white;
}
div.box05_white {
background-color: white;
color: black;
}
div.box05,
div.box05_white {
width: 432px;
float: left;
}
div#content div#paragraph div.box05_white p,
div#content div#ParagraphSingle div.box05_white p,
div#content div#paragraph div.box05 p,
div#content div#ParagraphSingle div.box05 p {
padding: 0;
margin: 0;
font-family: 'Open Sans', Helvetica, Arial;
font-weight: 300;
font-size: 22px;
line-height: 36px;
}
div#content div#paragraph div.box05_white h1,
div#content div#ParagraphSingle div.box05_white h1,
div#content div#paragraph div.box05 h1,
div#content div#ParagraphSingle div.box05 h1 {
font-weight: bold;
font-size: 22px;
}
div#content div#paragraph div.left { /* Text steht links, wird also rechts ausgerichtet  */
text-align: right;
width: 432px;
margin-right: 24px;
}
div#content div#ParagraphSingle div.box05 p.padding24 {
padding: 24px 24px 24px 24px;
font-size: 22px;
line-height: 36px;
}
div#content div#paragraph table {
font-size: 18px;
}

/* LOGIS ENDE */

/* LOGIS UEBERSICHT */

div.logisUebersicht {
width: 100%;
float: left;
}
#content #paragraph .logisUebersicht div.logisUebersichtText {
width: 330px;
height: 163px;
margin-right: 20px;
background-color: #567970;
padding: 20px 15px 0px 25px;
float: left;
}
#content #paragraph .logisUebersicht div.logisUebersichtText p {
font-family: 'Open Sans', Helvetica, Arial;
font-weight: 300px;
color: white;
}
div.logisUebersichtBild {
width: 550px;
float: left;
}
div.logisUebersichtBild img {
float: left;
}

/* Tabelle */
table.uebersicht {
border-collapse: collapse;
color: white;
float: left;
margin: 0;
padding: 0;
}
table.uebersicht tr {
border-top: white solid 10px;
height: 70px;
}
table.uebersicht tr td {
text-align: center;
padding-right: 25px;
}
table.uebersicht td.left {
text-align: left;
margin: 0 0 0 10px;
font-weight: 300;
}
table.uebersicht td.white {
width: 90px;
padding: 0;
margin: 0;
}
table.uebersicht tr.dunkelgruen {
background-color: #567970;
}
table.uebersicht tr.hellgruen {
background-color: #6EB3A1;
}
table.uebersicht tr.schwarz {
background-color: #1a1a1a;
font-weight: bold;
}
table.uebersicht td a {
color: white !important;
}
table.uebersicht td a:hover {
text-decoration: underline;
}
table.uebersicht td.foot {
padding: 10px;
font-family: 'Open Sans', Gerogia, Times;
font-style:italic;
}
table.uebersicht tr.last {
background-color: #567970;
}
table.uebersicht tr.last:hover {
background-color: #567970;
}
table.uebersicht tr td.imagecell {

}
table.uebersicht tr td img,
table.uebersicht tr td img a {
width: 90px;
height: 60px;
border: none;
}

/* Tabelle */
table.easy {
float: left;
border-collapse: collapse;
margin-left: 10px;
}

table.easy tr {
}
table.easy tr td {
padding: 14px 5px;
border-bottom: 1px dotted #1a1a1a;
}
table.easy tr td p {
font-family: sans, Helvetica, Arial;
}
table.easy tr td.zentriert {
text-align: center;
}

/* LOGIS UEBERSICHT ENDE */

/* FOOTER UND SITEMAP */

#footer {
width: 940px;
height: auto;
padding: 0 0 24px 0;
margin: 24px 0 48px 0;
float: left;
border-top: 1px dotted #1a1a1a;
font-size: 12px;
/*background-image: url(footer.jpg);
background-repeat: repeat-x;*/
}
ul#sitemap {
padding: 12px 0 0 5px;
float: left;
}
ul#sitemap li{
float: left;
margin-right: 32px;
display: block;
width: auto;
}
ul#sitemap li a {
font-weight: bold;
color: black;
}
ul#sitemap li ul.children {
padding: 0px 0 0 0px;
margin: 0;
}
ul#sitemap li ul.children a {
font-weight: bold;
}
ul#sitemap li ul.children li {
float: none;
margin: 0;
padding: 0;
}
ul#sitemap li ul.children ul.children {
padding: 4px 0 0 8px;
}
/* FOOTER UND SITEMAP ENDE */



/* VERANSTALTUNGEN */

#content #paragraph ul#veranstaltung-ul {
float: left;
}
#content #paragraph ul#veranstaltung-ul li.veranstaltung-li {
display: block;
float: left;
width: 100%;
border-bottom: 1px dotted #1a1a1a;
padding-bottom: 12px;
margin-bottom: 12px;
margin-left: 0;
}
#content #paragraph ul#veranstaltung-ul li.veranstaltung-li:last-child {
border-bottom: 0;
}
ul#veranstaltung-ul li.veranstaltung-li div.veranstaltung-left {
float: left;
width: 200px;
padding-right: 24px;
}
ul#veranstaltung-ul li.veranstaltung-li div.veranstaltung-right {
float: left;
width: 690px;
}
ul#veranstaltung-ul li.veranstaltung-li div.veranstaltung-left a,
ul#veranstaltung-ul li.veranstaltung-li p.date,
ul#veranstaltung-ul li.veranstaltung-li p.place {
font-size: 18px;
}
ul#veranstaltung-ul li.veranstaltung-li div.veranstaltung-left p {
padding-bottom: 0px;
font-family: 'Open Sans', Helvetica, Arial;
}
ul#veranstaltung-ul li.veranstaltung-li div.veranstaltung-right a.title:link, /* FÜR the_title */
ul#veranstaltung-ul li.veranstaltung-li div.veranstaltung-right a.title:visited,
ul#veranstaltung-ul li.veranstaltung-li div.veranstaltung-right a.title:hover,
ul#veranstaltung-ul li.veranstaltung-li div.veranstaltung-right a.title:active {
font-weight: bold;
color: #006651;
text-decoration: none;
}
ul#veranstaltung-ul li.veranstaltung-li div.veranstaltung-left p.date,
ul#veranstaltung-ul li.veranstaltung-li div.veranstaltung-left p.place { /* FÜR Datum */
color: #006651;
font-weight: normal;
}
span.date {
font-weight: bold;
}
div#content div#paragraph ul#veranstaltung-ul li.veranstaltung-li div.veranstaltung-left p.category a:link, /* FÜR the_category */
div#content div#paragraph ul#veranstaltung-ul li.veranstaltung-li div.veranstaltung-left p.category a:visited,
div#content div#paragraph ul#veranstaltung-ul li.veranstaltung-li div.veranstaltung-left p.category a:hover,
div#content div#paragraph ul#veranstaltung-ul li.veranstaltung-li div.veranstaltung-left p.category a:active {
font-weight: normal;
color: #6EB3A1;
font-family: 'Open Sans', Helvetica, Arial;
font-style: italic;
font-size: 16px;
}
ul#veranstaltung-ul li.veranstaltung-li div.veranstaltung-right a:link,
ul#veranstaltung-ul li.veranstaltung-li div.veranstaltung-right a:visited,
ul#veranstaltung-ul li.veranstaltung-li div.veranstaltung-right a:hover,
ul#veranstaltung-ul li.veranstaltung-li div.veranstaltung-right a:active {
color: #006651;
}
ul#veranstaltung-ul li.veranstaltung-li div.veranstaltung-right p,
ul#veranstaltung-ul li.veranstaltung-li div.veranstaltung-right ul,
ul#veranstaltung-ul li.veranstaltung-li div.veranstaltung-right ol,
ul#veranstaltung-ul li.veranstaltung-li div.veranstaltung-right li {
font-size: 18px;
font-family: 'Open Sans', Helvetica, Arial;
}
ul#veranstaltung-ul li.veranstaltung-li div.veranstaltung-right a.title{
font-size: 18px;
font-weight: bold;
font-family: 'Open Sans', Helvetica, Arial;
color: black;
}

/* SINGLE */
div.single {
width: 660px;
}
h1.single {
margin-bottom: 12px;
}
h1.single a{
color: #006651;
font-weight: bold;
font-size: 22px;
}
div.single p,
p.meta {
font-size: 18px;
line-height: 24px;
margin-bottom: 0;
}
#content p span.single,
#content p span.single a {
color: #6EB3A1;
}
div.single p a {
color: #006651;
}
div.single li {
margin-left: 14px;
padding-left: 14px;
}
div.single ul,
div.single ol {
margin-bottom: 24px;
}
div.single ul li {
list-style-type: disc !important;
}
div.single ol li {
list-style-type: decimal !important;
margin-left: 20px;
}
/* SINGLE Bildgalerie*/
div.single-gal {
width: 100%;
float: left;
padding: 24px 0 12px 0;
margin-top: 12px;
margin-bottom: 12px;
}
div.single-gal img {
float: left;
margin: 0 12px 12px 0;
}


div.wpcf7 {
width: 75%;
margin-bottom: 24px;
}

span.wpcf7-form-control-wrap {
}

input.wpcf7-text {
width: 55%;
margin-left: 10px;
}

form.wpcf7-form p {
text-align: right;
padding: 0 0 0 0 !important;
font-family: 'Open Sans', Helvetica, Arial !important;
font-size: 14px !important;
line-height: 28px !important;
}

div.wpcf7-response-output {
margin-top: 10px;
font-size: 12px;
float: right;
font-weight: bold;
}

div.formFieldName {
float:left;
}