@font-face {
    font-family: 'source_sans_probold';
    src: url('../fonts/sourcesanspro-bold.woff2') format('woff2'),
         url('../fonts/sourcesanspro-bold.woff') format('woff');
}

@font-face {
    font-family: 'source_sans_proitalic';
    src: url('../fonts/sourcesanspro-italic.woff2') format('woff2'),
         url('../fonts/sourcesanspro-italic.woff') format('woff');
}

@font-face {
    font-family: 'source_sans_prolight';
    src: url('../fonts/sourcesanspro-light.woff2') format('woff2'),
         url('../fonts/sourcesanspro-light.woff') format('woff');
}

@font-face {
    font-family: 'source-sans-pro';
    src: url('../fonts/sourcesanspro-regular.woff2') format('woff2'),
         url('../fonts/sourcesanspro-regular.woff') format('woff');
}

html {
padding:0;
margin:0;
border:0;
width:100%;
height: 100%;
}

body {
padding:0;
margin:0;
border:0;
width:100%;
height: 100%;
font-size:16px;
font-family: "source-sans-pro",sans-serif;
color: #333;
text-align:center;
background:#691a2d;
}

#alles {
width: 100%;
min-height: 100%;
margin: 0;
padding:0;
border:0;
background: url('../images/bg.jpg') repeat-x;
}

#container {
margin:0 auto;
padding:0;
border:0;
background: #ffffff;
}

#header {
width: 100%;
margin:0;
padding:0;
border:0;
}

#top {
width: 100%;
margin:0;
padding:0;
border:0;
text-align: right;
}

#logo {
width: 100%;
margin:0;
padding:0;
border:0;
}

#suche {
width: 100%;
margin:0;
padding:0;
border:0;
}

#nav {
margin:0;
padding:0;
border:0;
width: 100%;
}

#arena {
min-height: 100%;
padding:0;
border:0;
color: #333;
}

#section {
min-height: 100%;
padding:0 0 50px 0 !important;
border:0;
color: #333;
}

#aside {
border:0;
color: #333;
}


#footer {
clear: both;
width: 100%;
height:auto;
margin: 0;
padding:0 0 50px 0;
text-align:center;
background:#691a2d;
}


/* LINKS ------------------------------------- */

#header a, #aside a, #section a, #footer a {
text-decoration:none;
color: #1e498e;
}

#header a:hover, #aside a:hover, #section a:hover, #footer a:hover {
text-decoration:underline;
}


/* BORDER-SIZING --------------------------------------------------------*/

div, #nav a, #aside h3, #section h1, #section h2, #section ul, #top a, #suche input, #suche li, #nav ul, figure {
-o-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

/* CLEAR */

.clear, div#clear {
clear: both;
height: 1px;
}

/* TEXTRICHTUNG */

p [dir="rtl"]{
text-align: right;
}

/* TOP */

#header > div#top ul.nav {
list-style-type: none;
margin: 0;
padding: 0;
}

#header > div#top ul.nav li {
list-style-type: none;
float: left;
margin: 0 10px 0 0;
padding: 0;
width: auto;
text-align: center;
}

#header > div#top ul.nav li:last-of-type {
margin-right: 0;
}

#header > div#top ul.nav li a {
display: block;
width: auto;
font-size:0.9em;
font-weight: 400;
margin: 0;
padding: 4px 6px;
border: 4px solid #ffffff;
border-top: none;
background: #90c0ef;
color:#ffffff;
}

#header > div#top ul.nav li.current a, #header > div#top ul.nav li a:hover {
background: #801030;
text-decoration: none;
}

/* LOGO */

#logo div.custom {
margin: 0 auto 0 -10px;
border:0;
background: #801030;
color: #ffffff;
-webkit-box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.75);
box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.75);
}

/* NAV */

#nav ul.nav {
list-style-type: none;
width: 100%;
margin: 0;
padding:0;
border:0;
}

#nav ul.nav > li {
float: left;
margin:0;
padding:0;
border:0;
width: 50%;
height: auto;
}

#nav > ul.nav > li:first-of-type > a {
background-image: url('../images/iwgr_passiv.png');
background-repeat: no-repeat;
background-position: left center;
background-size: contain;
}

#nav > ul.nav > li:last-of-type > a {
background-image: url('../images/ikw_passiv.png');
background-repeat: no-repeat;
background-position: left center;
background-size: contain;
}

#nav ul.nav > li:first-of-type:hover > a, #nav > ul.nav > li:first-of-type.active > a {
background-color: #00a09a;
background-image: url('../images/iwgr_aktiv.png');
background-repeat: no-repeat;
background-position: left center;
}

#nav > ul.nav > li:last-of-type:hover > a, #nav > ul.nav > li:last-of-type.active > a {
color: #000000;
background-color: #ffbf1a;
background-image: url('../images/ikw_aktiv.png');
background-repeat: no-repeat;
background-position: left center;
}

/* Level 2 */

#nav > ul.nav > li > ul {
list-style-type: none;
max-width: 100%;
margin: 0;
padding:0 0 0 4px;
border:0;
display: none;
}

#nav > ul.nav > li:last-of-type > ul {
padding:0 2px;
}

#nav > ul.nav > li:hover > ul {
display: block;
}

#nav > ul.nav > li li {
display: inline-block;
margin:0;
padding:0;
border:0;
width: 50%;
max-width: 50%;
}

#nav > ul.nav > li li a {
display: block;
max-width: 100%;
height:100%;
margin: 0;
border:0;
border-right:2px solid #ffffff;
font-weight:400;
line-height: 1.1em;
color: #ffffff;
text-align: left;
text-decoration: none;
}

#nav > ul.nav > li:first-of-type li a {
background-color: #22bfb9;
background-image: none;
}

#nav > ul.nav > li:last-of-type li a {
background-color: #fcd369;
background-image: none;
}

#nav > ul.nav > li:first-of-type li a:hover, #nav > ul.nav > li:first-of-type li.current a {
background-color: #00a09a;
background-image: none;
}

#nav > ul.nav > li:last-of-type li a:hover, #nav > ul.nav > li:last-of-type li.current a {
color: #000000;
background-color: #ffbf1a;
background-image: none;
}



/* SECTION -------------------------------------------------------------*/

#section, #aside {
font-weight: 400;
font-size: 1.0em;
line-height: 1.25em;
text-align:left;
width: auto;
padding:0;
}

#section p, #aside p {
margin: 0 0 1.0em 0;
padding:0;
}

#section .item {
min-height: 200px;
}

#section div.blog div.clearfix {
clear: both;
}

#section div.blog div.category-desc {
margin: 0 auto;
padding: 20px auto 20px auto !important !important;
}

#section div.blog div.category-desc div#modallinks p {
width: auto !important;
margin: 0 8px 8px 0;
padding:0;
float: left;
}

#section div.blog figure.item-image {
display: inline-block;
width: 130px !important;
height: 130px !important;
max-width:46%;
overflow: hidden;
float: left;
margin: 0 0 15px 0;
}

#section div.item-page_iwgr figure.item-image, #section div.item-page_ikw figure.item-image, #section div.item-page figure.item-image {
display: inline-block;
width: 200px !important;
height: 200px;
overflow: hidden;
clear:both;
float: left;
margin: 0 30px 15px 0;
background-color: #22bfb9 !important;
}

#section > div.blog > div.blog-items > div.blog-item figure.none.item-image {
display: block;
width: 100% !important;
height: auto;
max-height: 600px;
overflow: hidden;
clear:both;
float: none;
margin: 0 0 15px 0;
background:none;
}


#section > div figure.item-image img {
min-width: 100%;
width: 100%;
min-height:100%;
height:auto;
margin: auto 0;
padding: 0;
vertical-align: middle;
}

#section > div > div.page-header > h1, #section > div.categories-list > h1 {
display:inline-block;
min-width: 130px;
margin: 0 auto 0 0 !important;
padding:6px 15px 4px 15px;
border:0;
font-size: 1.2em;
font-family: 'source_sans_probold';
line-height: 1.0em;
text-align: left;
}

#section > div > div.page-header > h2, #section > div > div.items-row > div > div.page-header > h2 {
margin: 0 auto 40px 0 !important;
padding:0;
border:0;
font-size: 2.0em;
font-weight: 700;
line-height: 1.2em;
text-align: left;
}

#section div div div h3, #section div.blog div.blog-item div.page-header > h2 {
margin: 2.0em auto 1.0em 0;
padding:0;
border:0;
font-size: 1.4em;
font-weight: 700;
line-height: 1.0em;
text-align: left;
}

#section > div > div.blog-items {
width: 100%;
margin: 0;
padding: 50px 0;
border:0;
}

#section > div.categories-list > div {
width: 100%;
margin: 0;
padding: 50px 0 0 0;
border:0;
}

#section > div > div.blog-items > div {
width: 100%;
margin: 0 0 50px 0;
padding: 0 0 50px 0;
}

#section div.blog > h2 {
width: auto;
margin: -29px auto auto auto;
display: block;
float: right;
}

/* Seitennavigation */

#section nav.pagenavigation {
width: 100%;
margin: 50px 0;
padding:0;
text-align:center;
list-style-type: none;
clear: both !important;
}

#section nav.pagenavigation span.pagination a.btn {
display: inline-block;
margin: 0 5px;
padding:0;
text-align:center;
list-style-type: none;
}

/* FELDER */

/* Blog */

#section > div.blog ul.fields-container {
width: 130px;
height: 130px;
max-width:46%;
text-align: center;
vertical-align: middle;
padding: 15px 0 0 0;
float: left;
margin: 0 20px 15px 0;
list-style-type: none;
}

#section > div.blog ul.fields-container li {
list-style-type: none;
width: 100%;
}

#section div.blog li span.field-value {
margin:0 auto;
padding:0;
text-align: center;
line-height:1.0em;
}

#section div ul.fields-container span.field-label {
display: none;
}

#section li.datum > span.field-value {
font-size: 1.4em;
font-weight: 700;
}

#section li.uhrzeit > span.field-value {
font-size: 1.4em;
font-weight: 400;
}

#section div.blog li.ort > span.field-value {
display: block;
font-size: 1.0em;
line-height: 0.95em;
font-family: 'source_sans_probold';
margin: 15px 0 0 0;
}


/* Seite */

#section div.item-page_iwgr ul.fields-container, #section > div.item-page_ikw ul.fields-container {
width: 100% !important;
height: auto;
text-align: left;
padding: 20px;
margin: 0px 0 50px 0 !important;
background-color: #eeeeee !important;
}

#section div.item-page_iwgr li, #section div.item-page_ikw li, #section div.item-page_iwgr li span, #section div.item-page_ikw li span {
list-style-type: none;
text-align: left;
font-size: 18px !important;
line-height: 2.0em;
font-weight: 400 !important;
}


/* ASIDE -------------------------------------------------------------*/

#aside > div {
width: 100%;
margin:0 0 2.0em 0;
text-align: left;
}

#aside > div > h3 {
display:inline-block;
width: auto !important;
margin: 0 auto 0 0 !important;
padding:6px 15px 4px 15px;
border:0;
font-size: 1.2em;
font-family: 'source_sans_probold';
line-height: 1.0em;
text-align: left;
}

#aside > div > div {
width: 100%;
margin: 0;
padding: 50px 0;
border:0;
}

#aside div.moduletable div.custom p a {
word-break: break-all;
}

#aside div.moduletable div.custom p img {
max-width: 100%;
height: auto;
}


/* STANDARD */
  
#section > div.blog > div.page-header > h1, #section > div.item-page > div.page-header > h1, #section .categories-list > h1 {
background: none;
color:#333;
padding-left: 0;
}
  
#aside div h3 {
background: none;
color:#333;
}

#aside div.custom, #section div.blog div.blog-items {
border-top: 4px solid #801030;
}
  
#section > div.blog > div.items-leading > div {
border-bottom: 1px solid #801030;
}

#aside div.custom a, #section div.blog a, #section div.item-page a, #section > div.categories-list a {
color: #801030;
}

#section div.item-page > div.page-header:first-of-type {
border-bottom: 4px solid #801030;
margin: 0 0 50px 0;
}



/* IWGR */
  
#aside div.iwgr h3, #section div.iwgr > div.page-header > h1, #section div.item-page_iwgr > div.page-header > h1, #section > div.categories-list_iwgr > h1 {
background: #00a09a;
color:#ffffff;
}
  
#aside div#mod-custom91, #section div.blog div.blog-items.iwgr, #section > div.categories-list_iwgr > div, #aside div#mod-custom91 div.sigplus-gallery {
border-top: 4px solid #00a09a;
}
  
#section div.iwgr div.blog-item {
border-bottom: 1px solid #00a09a;
}

#aside div#mod-custom91 a, #section div.blog div.iwgr a, #section div.item-page_iwgr a, #section div.categories-list_iwgr a {
color: #00a09a;
}

#section div.item-page_iwgr div.page-header:first-of-type {
border-bottom: 4px solid #00a09a;
margin: 0 0 50px 0;
}

#section div.blog div.iwgr ul.fields-container {
background: #00a09a;
color: #ffffff;
}

#section div.item-page_iwgr ul.fields-container {
background: none;
color: #000000;
text-align: left;
}



/* IKW */
  
#aside div.ikw h3, #section > div.ikw div.page-header > h1, #section > div.item-page_ikw > div.page-header > h1, #section > div.categories-list_ikw > h1 {
background: #ffbf1a;
color:#000000;
}
  
#aside div#mod-custom93, #section div.blog div.blog-items.ikw, #section div.categories-list_ikw > div, #aside > div#mod-custom93 div.sigplus-gallery {
border-top: 4px solid #ffbf1a;
}
  
#section div.ikw div.blog-item {
border-bottom: 1px solid #ffbf1a;
}

#aside div#mod-custom93 a, #section div.ikw a, #section div.item-page_ikw a, #section > div.categories-list_ikw a {
color:#e3ab1c;
}

#section > div.blog div.ikw p a, a.fetter_ikw_link {
width: auto;
margin: auto;
background:#ffbf1a;
color:#000 !important;
padding: 1px 5px 1px 5px !important;
}

#section > div.blog div.ikw p.sprachenlinks a {
width: auto;
line-height: 1.8em;
}

#section > div.item-page_ikw > div.page-header:first-of-type {
border-bottom: 4px solid #ffbf1a;
margin: 0 0 50px 0;
}

#section > div.blog div.ikw ul.fields-container {
background: #ffbf1a;
color: #000000;
}

#section > div.item-page_ikw ul.fields-container {
background: none;
color: #000000;
text-align: left;
}



/* LOGIN */

#section > div.login > form > fieldset {
margin:0;
padding:0;
border:0;
}


/* KONTAKT */

div.contact {
margin:0 0 2em 0;
padding:0;
border:0;
}

div.contact h3, div.contact > div.contact-miscinfo > dl.dl-horizontal dt {
display: none;
}

div.contact > dl.contact-position.dl-horizontal {
margin:0;
padding:0;
}

div.contact > dl.contact-address.dl-horizontal dt{
padding:0;
margin:0;
}

div.contact > dl.contact-address.dl-horizontal {
padding:0;
margin:0 0 30px 0;
}

div.contact dl.dl-horizontal dd, div.contact dl.dl-horizontal dd span, div.contact dl.dl-horizontal dd span p{
padding:0;
margin:0;
}

div.contact fieldset{
color:#ffffff;
padding:0 25px 25px;
margin:0;
border:0;
background: #7d1828;
}

div.contact label, div.contact legend, span.optional {
color:#fff;
font-family: New Courier, Courier, monospace, sans-serif;
font-size:12px;
line-height: 12px;
margin: 10px 0px 0px;
}

div.contact label {
color:#fff;
}

#section > div.contact > div.contact-form > form#contact-form.form-validate.form-horizontal > fieldset > legend {
position: relative;
top: -2.5em;
left: -25px;
margin: 2.0em 0 0 0;
color: #333;
}

div.contact div.control-label, div.login div.control-label {
margin-top:20px;
color:#333;
border: 0;
}

form#contact-form button, div.login button {
margin-top:20px;
color:#fff;
border: 0;
background: #1e498e;
}

#section > div.contact > div.thumbnail {
float: right;
width: 30%;
}

#section > div.contact > div.thumbnail > img {
width: 100%;
height: auto;
}

#section > div.contact > div.contact-miscinfo {
clear: both;
margin: 0;
padding:15px 0 0 0;
}


/* FOOTER ----------------------------------------------*/
  
#footer div.mod-footer {
width: 100%;
color: #fff;
margin: 0;
padding: 20px;
font-size: 0.8em;
}

#footer > div.mod-footer > div.footer2 {
display: none;
}



/* EDITOR ------------------------------------------------------------ */

.schatten {
-webkit-box-shadow: 7px 7px 10px 0px rgba(102,102,102,1);
-moz-box-shadow: 7px 7px 10px 0px rgba(102,102,102,1);
box-shadow: 7px 7px 10px 0px rgba(102,102,102,1);
}

.keinumfluss {
clear: both;
}