﻿body 
{
    margin:0px; 
    padding:0px; font-family:Arial; color:#171715; overflow:scroll; overflow-x:hidden;
    -ms-text-size-adjust: 100%; 
    -webkit-text-size-adjust: 100%; 
    font-size:10px;
    background-color:#f0f1f1;
    min-width:32em;
    text-align:center;
    color:#4a4a4a;

    scrollbar-arrow-color:#232323;
	scrollbar-base-color:#D4D2D3;
	scrollbar-darkshadow-color:#D4D2D3;
	scrollbar-face-color:#EDEAEA;
	scrollbar-highlight-color:#ffffff;
	scrollbar-shadow-color:#D4D2D3;	

    background-image:url(/images/default-desktop-herbst.jpg); 
    background-repeat:no-repeat; 
    background-size:cover; 
    background-attachment:fixed;
}

html                            { font-size:10px; }
.center-outer                   { width:100%; text-align:center; }
.center-inner                   { margin:0em auto 0em auto; min-width:75.7em; width:100%; max-width:120em; text-align:left; height:inherit; max-height:inherit; }

.page                           { width:100%; text-align:center; }
.page > div                     { width:100%; text-align:center; clear:both; }
.page > div > .center-inner     { width:100%; margin:0em auto 0em auto; max-width:120em; position:relative; top:0em; left:0em;  }


.page > .header                     { background-color:white; padding:0em 0em 0em 0em; height:12.8em; z-index:999; position:fixed; top:0em; left:0em; width:100%; }
.page > .header .logo               { width:100%; text-align:center; clear:both; padding:1em 0em 2em 0em;  }
.page > .header .logo img           { clear:both; max-width:18em; position:relative; top:1em;  }

.page > .header.minimized           { height:4em; padding-top:0.3em; -webkit-box-shadow: 0px 5px 10px -3px rgba(81,82,82,0.47); -moz-box-shadow: 0px 5px 10px -3px rgba(81,82,82,0.47); box-shadow: 0px 5px 10px -3px rgba(81,82,82,0.47); }
.page > .header.minimized .logo     { display:none; }

.page > .content                    { width:100%; max-width:120em; margin:21em auto 2em auto; text-align:left; min-height:60em; position:relative; top:0em; left:0em; }
.page > .content > div              { position:relative; top:0em; left:0em; }
.page > .content h1                 { color:#0B4D93; }
.page > .content > aside > .search            { cursor:pointer; width:100%; z-index:8; margin-bottom:1.5em;  }
.page > .content > aside > .search i          { font-size:2.5em; color:#e2e2e2; }

.page > .content > .main            { width:71%; float:left; padding:0em; margin-right:1%; min-height:inherit; clear:both; }
.page > .content > .main > .state   { background-color:white; margin-bottom:1em; padding:1.1em 3em 0.9em 3em; }
.page > .content > .main > section  { background-color:white; padding:3em; }
.page > .content > .main > section > h1 { margin-top:0em; font-size:2.5em; text-transform:uppercase; }
.page > .content > aside            { width:28%; float:left;  }
.page > .content > aside > .sidetexts { margin-bottom:1em;  }
.page > .content > aside > .sidetexts h2 { padding-left:0em; margin-bottom:0.3em; }
.page > .content > aside > .sidetexts p { color:white; }
.page > .content > aside > .sidetexts h2 + p { margin-top:0em; }

.page > .footer                     { background-color:#3D3D3D; color:white; min-height:25em; text-align:center; width:100%; position:relative; top:0em; left:0em; padding:2em; z-index:20; }
.page > .footer > div > div         { float:left; width:33%; padding-right:3%; color:white; }
.page > .footer > div > div > h3    { font-size:1.6em; }
.page > .footer.fixed               { position:fixed; bottom:0em; left:0em; width:100%; top:auto; }
.page > .footer .fb                 { max-width:4em; position:relative; left:-0.3em; }
.page > .footer .insta              { max-width: 5rem;position: relative; left: 0rem; top: 0.5rem; }
.page > .footer .yt             { max-width: 5rem;position: relative; left: 0.8rem; top: -0.1rem; }
.page > .footer p                   { color:white; }

.state  a     { text-decoration:none;  font-size:1.4em; line-height:1.4em; color:black; }
.state  span  { text-decoration:none;  font-size:1.4em; line-height:1.4em; display:inline-block; padding:0em 0.5em 0em 0.5em; position:relative; top:-0.1em; }

.page aside h2                { padding:0em 0em 0em 0.6em; font-size:1.8em; margin:0.5em 0em 0.5em 0em; }
.page aside li                { list-style-type:none; padding:1em 1em 1em 1em; border-bottom:solid 1px #729DC8; }
.page aside li:first-child    { border-top:solid 1px #729DC8; }
.page aside li:last-child     { border-bottom-width:0em; padding-bottom:0em; }
.page aside li a              { color:white; font-size:1.4em; line-height:1.6em; text-decoration:none;  }
.page aside li.active a       { color:#E9D313; }

.page nav.quick            { position:absolute; top:15.5em; right:0em; z-index:21; display:none; }
.page nav.quick li         { background-color:white; width:10em; height:10em; list-style-type:none; text-align:center; margin:0em 0em 0.5em 0em; padding:1em 0em 0em 0em; }
.page nav.quick li img     { width:5em; clear:both;  }
.page nav.quick li span    { width:100%; clear:both; display:block; text-align:center; font-size:1.1em; padding:0.5em 0.2em 0em 0.2em }
.page.default nav.quick    { display:block; }

.page.fullwidth > .content > aside              { display:none; }
.page.fullwidth > .content > .main              { width: 100%; }

.searchtrigger  { display:none; max-width:2em;  }
.menutrigger    { display:none; max-width:2em;  }
nav.mobile      { display:none; }
body.noscroll   { overflow:hidden; }
#loader         { position:absolute; top:0em; left:0em; z-index:9999; background-color:white; text-align:center; display:none; }
#loader i       { color:#BDBBBB; font-size:2.8em; margin-top:20%; }


/* megamenü */

.navbar                             { clear:both; width:100%;  }
.navbar ul.mainlinks                { margin:0em auto 0em auto; padding:0px; width:100%; }
.navbar ul.mainlinks > li           { width:auto; float:left; list-style-type:none; padding:1em 2em 1em 2em; font-weight:normal; text-align:center; text-transform:uppercase; background-image:url(/images/navline.png); background-size:0.3em; background-position:left center; background-repeat:no-repeat; }
.navbar ul.mainlinks > li:first-child { background-image:none; padding-left:4rem; }
.navbar ul.mainlinks > li:last-child    { padding-right:0em; }
.navbar ul.mainlinks > li + li > a  { border-left:solid 0px black; }
.navbar ul.mainlinks > li > a       { font-size:1.6em; color:black; text-decoration:none;  display:block; width:100%; text-align:center;  }
.navbar ul.mainlinks > li:hover > a { font-weight:bold; color:#0B4D93; }
.navbar ul.mainlinks > li.selected > a             { font-weight:bold; color:#0B4D93;}
.navbar ul.mainlinks li a           { text-decoration:none; }

.mainlinks .submega                { min-width:75em; width:100%; text-align:left; background-color: rgba(11, 77, 147, 0.98); position:fixed; top:12.8em; left:0px; display:none; padding:1em 2em 1em 3em; z-index:98;  -webkit-box-shadow: 0px 9px 34px -2px rgba(0,0,0,0.55); -moz-box-shadow: 0px 9px 34px -2px rgba(0,0,0,0.55); box-shadow: 0px 9px 34px -2px rgba(0,0,0,0.55); }
.mainlinks .submega ul             { min-width:10em;  padding:0px 8em 1em 0em; float:left;  }
.mainlinks .submega li             { clear: both; text-align: left; color:white; border-width:0px; list-style-type:none;  }
.mainlinks .submega li a           { color:white; text-transform:none;  font-size:1.4em; font-weight:normal; }
.mainlinks .submega li:hover a     { color:#E9D313; }
.mainlinks .submega .level2        { padding:1.2em 0em 0.3em 0em; margin:0em;  }
.mainlinks .submega .level2 a      { text-transform: none; font-weight: bold;font-size: 1.6em; line-height: 1.5em; }
.mainlinks .submega .level3        { line-height:1.6em; padding:0px; margin:0px; }
.mainlinks .submega .level3:first-child   { margin-top:1.5em; }
.mainlinks .submega .level3 a      { font-size: 1.4em; line-height: 1.4em; color: #B4B9BF; text-transform: none;}
.mainlinks .submega .level4        { padding:0.3em 0em 0em 1em; }
.mainlinks .submega .level4 a      { font-size:1.4em; line-height:1.4em; font-weight:normal; }
.mainlinks .submega ul:last-child  { border-right-width:0px; background-image:none; }
.mainlinks .submega .level2  + level2      { padding:1.2em 0em 0.3em 0em; margin:0em;  }

.mainlinks .submega[data-count="1"] ul { max-width:100%; }
.mainlinks .submega[data-count="2"] ul { max-width:50%; }
.mainlinks .submega[data-count="3"] ul { max-width:33%; }
.mainlinks .submega[data-count="4"] ul { max-width:25%; }

.header.minimized .mainlinks .submega { top:4em; }



/* util */

.clearing      { clear:both; font-size:0px; height:0px; }
.clear-float   { content: ""; display: table; clear: both; }

a           { text-decoration:none; }
p           { font-size:1.5em; line-height:1.6em; }
p a         { color:inherit; text-decoration:underline; }
p a:hover   { color:#E9D313; }
.box-blue   { padding:1.5em; background-color:#0B4D93; color:white; }
.text-color { color:#0B4D93; }


/* default.aspx */

.page.default > .content                        { margin-top:15.5em; }
.page.default > .content > .main                { width:100%; }
.page.default > .content > .main > section      { background-color:#efefef; }
.page.default > .content > aside { display:block; }
.page.default > .content .search                { position:absolute; top:5em; right:6.3em; z-index:97; max-width:20em; left:none; top:none; } 
.page.default > .content > aside > .sublinks    { display:none; }
.page.default > .content > .main > .state       { display:none; }

#default h2                                     { color:#0B4D93; font-size:2em; text-transform:uppercase; }
#default .row                                   { width:100%; clear:both; padding:1em 0em 2em 0em; }
#default .news                                  { width:48%; height:16rem; float:left; color:#4a4a4a; margin:0em 1% 1em 0em; position:relative; top:0em; left:0em; background-color:#ffffff; }
#default .news:nth-child(2n+1)                  {  }
#default .news img                              { max-width:16em; float:left; }
#default .news a                                { display:block; height:100%;  padding:1.5rem 2rem 0em 18rem; background-repeat:no-repeat; background-position:left top; background-size:contain; }
#default .news a > span:first-child             { color:inherit; font-size:1.2em; font-weight:bold; }
#default .news a > h3                           { color:inherit; font-size:1.5rem; line-height:1.4em; margin:0.5em 0em 0em 0em; }
#default .news a > p                            { font-size:1.4rem; line-height:1.4em; margin-top:0.3rem; }
#default .news a > .more                        { position:absolute; bottom:0em; right:0em; padding:0.7em 1.2em 0.7em 1.2em; font-weight:bold; color:white; text-transform:uppercase; background-color:#4a4a4a; font-size:1.2em; }

#default .quicklinks > a                { width:19%; height:22em; margin-right:1%; display:block; padding:3em 1em 1em 1em; background-color:white; text-align:center; float:left; }
#default .quicklinks > a:last-child     { margin-right:0%; }
#default .quicklinks > a > img          { margin:0em auto 0em auto; width:100%; max-width:10em; max-height:10em; }
#default .quicklinks > a > span         { margin:1em auto 0em auto; text-align:center; display:block; font-size:1.6em; font-weight:bold; }
#default .quicklinks > a.node-16129 > img { margin-top:1rem; max-height:8rem; margin-bottom:1rem; }

#default .quicklinks.quicklinks--ges > a         { width:32.3%; height:16em; }

#default .agenda    { width:49%; float:left; margin-right:2%; position:relative; top:0em; left:0em; }
#default .media     { width:49%; float:left; }


#default .agenda .calpdf        { position:absolute; top:0.8em; right:0em; font-size:2em; font-weight:bold; }
#default .agenda .calpdf i      { color:#D31A1A; margin-right:0.4em; }
#default .agenda li             { list-style-type:none; width:100%; background-color:white; height:7em; margin-bottom:1em; }
#default .agenda li > a         { float:left; display:block; height:inherit; line-height:7em; color:#4a4a4a; width:85%; vertical-align:middle; padding:0em 2em 0em 2em; }
#default .agenda li > a > span  { font-weight:bold; font-size:1.6em; margin:auto; display: inline-block; vertical-align: middle; line-height:1.4em; }
#default .agenda li > span      { float:left; display:block; height:inherit; color:white; max-width:12.5%; background-color:#4a4a4a;  padding:1.5em 0em 0em 0em; width:7em; text-align:center; }
#default .agenda li > span > span:first-child   { font-size:2.0em; clear:both; display:block; font-weight:bold; margin-bottom:0.2em; }
#default .agenda li > span > span:last-child    { font-size:1.6em; clear:both; display:block; font-weight:normal; text-transform:uppercase; }

#default .media li              { list-style-type:none; float:left; width:48%; margin:0em 2% 1em 0em; min-height:15em; }
#default .media li > a          { list-style-type:none; min-height:inherit; background-repeat:no-repeat; background-size:cover; display:block; position:relative; top:0em; left:0em; }
#default .media li > a > span   { font-size:1.4em; font-weight:bold; padding:0.5em 1em 0.5em 1em; position:absolute; bottom:0em; left:0em; width:100%; background-color:rgba(255, 255, 255, 0.95); }

#default .logos a         { margin-right:1em; display:inline-block; text-align:center; vertical-align:middle;   }
#default .logos a > img   { max-width:100%; margin:auto; margin-bottom:1em; max-height:8.5em; }


/* inhalt.aspx */

.absatz1 { color:#D31A1A; }

#inhalt             { padding:0px 0px 5em 0px; }
#inhalt .article:nth-child(2) h3 { margin-top:0em; }
#inhalt p           { font-size:1.5em;  margin:0px 0px 1.5em 0px; color:inherit; } /* font-size:1.5em; line-height:2.1em; */
#inhalt .imageinfo  { font-size:1em; line-height:2em; color:#BBBBBB; }
#inhalt .article    { clear:both; position:relative; top:0em; left:0em; }
#inhalt .article td { vertical-align:text-top; }
#inhalt .article h3 { font-size:1.8em; margin-bottom:0.4em; color:#D31A1A; }
#inhalt .article h4 {  }
#inhalt .article td h3 { font-size:1.5em; }

.text p + ul     { margin-top:0px; list-style-type: disc; padding:-0.5em 0px 0px 4em; }
.text ul         { padding:0px 0px 1.5em 3em;  }
.text ul li      { line-height:1.5em; font-size:1.5em; padding-left:0.5em;   }
.text ul li span { position:relative; top:0.1em; left:0.2em; }
.text ul li li   { font-size:1em; }
.text ul li ul   { padding-bottom:0em; }
.text ul li a.file-link { font-size:1em; }

.text ol         { padding:0px 0px 1.5em 3em;  }
.text ol li      { line-height:1.5em; font-size:1.5em; padding-left:0.5em;  }
.text ol li span { position:relative; top:0.1em; left:0.2em; }
.text ol li li   { font-size:1em; }
.text ol li ul   { padding-bottom:0em; }

.inhalt aside .elem             { padding-left:3.5em; background-repeat:no-repeat; background-size:2.2em; background-position:left center; border-top: solid 1px #729DC8; }
.inhalt aside .elem.pdf         { background-image:url(/images/pdfweiss.png);  }
.inhalt aside .elem.doc         { background-image:url(/images/wordweiss.png);  }
.inhalt aside .elem.xls         { background-image:url(/images/excelweiss.png);  }
.inhalt aside .elem.linkext     { background-image:url(/images/linkexternweiss.png);  }
.inhalt aside .elem.jpg         { background-image:url(/images/imgweiss.png);  }
.inhalt aside .elem.video       { background-image:url(/images/video.png);  }

#inhalt .docs               { padding:0em; margin:0em; }
#inhalt .documents          { padding-top:1em; }    
     
.template-imageleft             { position:relative; top:0px; left:0px; }
.template-imageleft img.preview { float:left; margin:0px 1em 1em 0px; position:relative; top:0.5em; max-width:50%;  }
.template-imageleft .imageinfo  { position:absolute; top:4.5em; left:1em; color:white; }
.template-imageleft .playicon   { width:7.8em; height:7.8em; display:block; position:absolute; top:3em; left:8em; z-index:999; background-image:url(/images/img_play_symbol_gr.png); background-repeat:no-repeat; }

.template-imageshorizontal img.preview { margin:0px 1% 1em 0em; width:100%; max-width:100%; }
.template-imageshorizontal[data-images="2"] img.preview { width:49%; }
.template-imageshorizontal[data-images="3"] img.preview { width:32%; }
.template-imageshorizontal .imageinfo  { text-align:right; color:#BBBBBB; position:absolute; right:2em; top:1em; }

.template-imageshorizontal-full img.preview { margin:0px 1% 2em 0em; width:auto; max-width:100%; }
.template-imageshorizontal-full[data-images="2"] img.preview { width:49%; }
.template-imageshorizontal-full[data-images="3"] img.preview { width:32%; }
.template-imageshorizontal-full .imageinfo  { text-align:right; color:#BBBBBB; position:absolute; right:2em; top:1em; }

.template-imagesvertical .images        { width:35%; max-width:30em; float:left; padding:0.5em 2em 0px 0px; }
.template-imagesvertical a.lightbox     { margin:0px 0px 0.5em 0px; clear:both; }
.template-imagesvertical img.preview    { max-width:100%; margin:0px 0px 0.5em 0px; clear:both; }
.template-imagesvertical .imageinfo     { text-align:right; padding-right:2em; color:#BBBBBB;  position:relative; }

.template-panorama img.preview  { width:100%; margin:0px 0.5em 1.2em 0px; }

.template-slider                { width:57em; }
.template-slider .images        { margin-bottom:2em; position:relative; top:0px; left:0em; text-align:center; }
.template-slider .swiper-slide  { width:57em; height:40em; }
.template-slider .pagination    { margin:0em auto 0em auto; position:absolute; top:1.5em; right:2em; height:2em; z-index:999; }
.template-slider .caption       { color:black; position:absolute; bottom:0em; left:0em; line-height:1.4em; font-size:1.4em; width:100%; padding:1em; background-color:rgba(255, 216, 0, 0.6); text-align:left; }
#inhalt .swiper-pagination-switch:nth-child(n+10) { display:none; }

.template-box .title        { width:100%; font-size:16px;  cursor:pointer; background-color:#DCD8BD; height:44px; padding:12px 12px 0px 12px; margin:0px 0px 0px 0px; border:solid 1px #EDEFE2; font-weight:bold; }
.template-box .title img    { float:right; margin:4px 0px 0px 0px; }
.template-box .boxcontent   { padding:10px; border:solid 1px #EDEFE2; border-top-width:0px; background-color:#F3F3EB; display:none; }
.template-box p             { font-size:12px; }

.template-person                             { width:100%; clear:both; }
.template-person .person                     { width:32.2%; max-width:20em; float:left; margin-right:1%;  margin-bottom:1em; height:40em; }
.template-person .person .image              { width:100%; height:22rem; background-repeat:no-repeat; background-size:cover; background-position:top center; }
.template-person .person .text               { background-color:#DBDADA;  height:calc(100% - 22rem); position:relative; }
.template-person .person .spacer             { padding:1em 1em 0em 1em; }
#inhalt .template-person .person .text h3    { color:black; font-size:1.5em; margin:0em; line-height:1.5em; }
#inhalt .template-person .person .text p     { color:black; font-size:1.4em;  margin:0em 0em 1em 0em; line-height:1.4em; }
#inhalt .template-person .person .text h3 + p        { min-height:6.5rem; }
#inhalt .template-person .person .text p:last-child  { margin:0em; font-size:1.2em; }
#inhalt .template-person .person .text h3 + p:last-child  { font-size:1.4em; }
.inhalt-6782 .template-person .person                   { width:24%; max-width:100%; }
.inhalt-6782 .template-person .person .image            { height:70%; }
.inhalt-6782 .template-person .person .text             { height:30%; }
.inhalt-6782 .template-person .person .text h3 + p      { min-height:0em; }
#inhalt.inhalt-6782 .template-person .person .text p    { font-size:1.2em; }
.inhalt-6782 .template-person .person[data-id="123284"] .text p a            { position:relative; top:-1.4em; }

#inhalt .template-person .person.person--makesmaller .text p                { font-size:1.3rem; }
#inhalt .template-person .person.person--makesmaller .text p:last-child     { margin:0em; font-size:1.2em; }

ul.persons  { display:none; }
p.role      { display:none; }

.template-person[data-count="3"] .person:nth-child(3n)    { margin-right:0%; }

#inhalt table               { width:100%; margin-bottom:1.5em;   }
#inhalt td                  { line-height:1.2em; padding:0.3em; font-size:1.4em; }
#inhalt td:first-child      { padding-left:0em; }
#inhalt th                  { line-height:1.2em; font-weight:bold; padding:0.3em; }
#inhalt td p                { font-size:1em; }
#inhalt td li               { font-size:1em; }

.page.inhalt aside .elements { margin-top:1em; }



/* personenregister.aspx */

#personenregister h2                { font-size:2em; margin:2em 0em 0.3em 0.2em; }
#personenregister h2:first-child    { margin-top:0em; }
#personenregister p                 { margin:0.3em;  }
#personenregister p span            { float:right; }


/* nachrichten.aspx */

#nachrichten                    { text-align:center; }
#nachrichten .newsheader        { margin:0em auto 3em auto; width:100%; }
#nachrichten .news              { padding:0em 0em 7em 0em; text-align:left; clear:both; min-height:25em; }
#nachrichten .news h3           { float:right; margin-top:0em; color:#D5D5D5; font-size:1.5em; font-weight:normal; position:relative; top:0.3em; }
#nachrichten .news h1           { color:#D31A1A; padding-bottom:0.2em; margin-bottom:0.4em; }
#nachrichten .news .left        { float:left; width:33%; display:block; margin:0.5em 0em 0em 0em;  }
#nachrichten .news .left img    { width: 95%; }
#nachrichten .news .text        { float:right; width:67%;  }
#nachrichten .news .text > div:first-child { font-size:1.5em; line-height:1.5em; }
#nachrichten .news.nopic .text       { width:100%; }
#nachrichten .news .line            { border-top:solid 1px #D5D5D5; width:100%; text-align:center; height:1em; }
#nachrichten .news .date            { position:relative; top:-0.7em; width:18em; background-color:white; height:2em; text-align:center; margin:0px auto 0px auto; color:#D5D5D5; font-size:1.2em; }
#nachrichten .news .lightbox img    { border:solid 0px #D5D5D5; }


#nachrichten .documents { margin-top:2em; }

#nachrichten-aside li       { list-style-type:none; padding:1em 0em 1em 1em; line-height:1.6em; }
#nachrichten-aside li .date { font-size:1.2em; color:white; font-style:italic;  }
#nachrichten-aside li a     { font-size:1.2em; font-weight:bold;  }


/* tageskarte.aspx */

#tageskarte                         { }
#tageskarte .article                { float:left; width:48%; }
#tageskarte .article:nth-child(2)   { float:right; width:48%; }
#tageskarte .article:nth-child(3)   { width:100%; clear:both; float:none; border-top:dotted 1px #BBBBBB; }

#tageskarte .leftcol    { width:28em; float:left; }
#tageskarte .rightcol   { width: calc(100% - 30em); float:left;  }

#tageskarte .resform                { text-align:left; float:left; width:100%; }
#tageskarte .resform p:first-child  { margin-top:0em; color:inherit; }
#tageskarte .resform h3             { color:inherit; margin-top:0em; margin-bottom:1em; font-size:1.6em; }
#tageskarte .form .field > label    { font-size: 1.3em; }
#tageskarte textarea { font-size:1.4em; }

#tageskarte .legend      { font-size:1.4em; line-height:1.6em; margin-top:1em; clear:both;  }
#tageskarte .legend div  { float:left; width:1em; height:1em; margin:0.2em 0.5em 0em 0em; }
#tageskarte .legend span { margin-right:1em; }

.flexicalendar                      { clear:both; background-color:white; float:left; border:solid 1px #C7C7C7; border-right-width:0px; margin:0em 0em 1em 0em; }
.flexicalendar .navibar             { width:100%; height:3.2em; text-align:center; border-right: solid 1px #C7C7C7; }
.flexicalendar .navibar .month      { color:#4F81BE; font-size:1.6em; position:relative; top:0.5em; font-weight:normal;  margin:0em auto 0em auto; }
.flexicalendar .navibar .prev       { width:3.7em; height:3em; display:block; float:left; margin-top:0.1em; background-image:url(/images/bt_kalenderpfeil_links_off.gif); background-repeat:no-repeat; background-position:center center; }
.flexicalendar .navibar .next       { width:3.7em; height:3em; display:block; float:right; margin-top:0.1em; background-image:url(/images/bt_kalenderpfeil_rechts_off.gif); background-repeat:no-repeat; background-position:center center; }
.flexicalendar .weekdays            { width:100%; height:3.1em; background-color:#D2D2D2; }
.flexicalendar .weekdays div        { float:left; width:3.7em; height:3.1em; padding-top:0.7em; text-align:center; }
.flexicalendar .weekdays div span   { font-size:1.5em; }
.flexicalendar .day                 { float:left; width:3.7em; height:3.1em; padding:0.7em 0em 0em 0em; text-align:center; border:solid 1px #c7c7c7; border-width:1px 1px 0px 0px; position:relative; top:0em; left:0em; }
.flexicalendar .day:nth-child(7n+1) { clear:both; }
.flexicalendar .day a               { font-size:1.5em; color:#4a4a4a; }
.flexicalendar .day span            { font-size:1.5em; color:#4a4a4a; }
.flexicalendar .day .rest           { font-size: 1.2em; position: absolute; bottom:0.1em; right:0.1em; color:black; }

.flexicalendar .day.full            { background-color:#EFCFD0; }
.flexicalendar .day.warn            { background-color:#EDD7A6; }
.flexicalendar .day.free            { background-color:#CAECD3; }
.flexicalendar .day.selected        { border-color:red; border-width:1px; }
.flexicalendar .day.other           { background-color:white; }
.flexicalendar .day.other span      { color:#C7C7C7; }
.flexicalendar .day.other a         { color:#C7C7C7; }
.flexicalendar .day.none            { background-color:white; }
.flexicalendar .day.none span       { color:#C7C7C7; }
.flexicalendar .day.today           { font-weight:bold; }

#tageskarte.form-state2 .text       { display:none; }
#tageskarte .field.checkbox         { padding-left:25%; }
#tageskarte .field.send             { padding-left:25%; width:100%; }
#tageskarte .field.send .button     { width:100%; }

/* protokolle.aspx */

#protokolle h2                   { font-size:1.8em; }
#protokolle .filterbox           { position:relative; top:0em; left:0em;  }
#protokolle .filterbox input[type="text"] { visibility:hidden; float:right; min-width:20em; background-image:url(/images/suche.png); background-repeat:no-repeat; background-position:right 0.5em center; z-index:888; }
#protokolle .filterbox select    { min-width:15em; color:#4a4a4a; }
#protokolle .message             { padding-top:3em; }

#protokolle .docs                   { float:left; width:50%;}
#protokolle .docs li:first-child    { border-top:solid 1px #E8E8E8;}
#protokolle .docs li                { list-style-type:none; width:100%; margin-bottom:0.8em; }

#protokolle .dates                  { float:right; width:40%; }
#protokolle .dates li:first-child   { border-top:solid 1px #E8E8E8;}
#protokolle .dates li               { list-style-type:none; border-bottom:solid 1px #dbdada; min-height:5.5em; padding:2em; width:100%; }
#protokolle .dates li a             { float:left; font-size:1.4em; color:black; }
#protokolle .dates li a.pdf      { float:right;  }
#protokolle .dates li a.pdf  img     { max-width:1.5em; position:relative; top:-0.2em;  }


/* folderdownload.aspx */

#folderdownload                      { }
#folderdownload .thumbsbox           { display:block; padding:3em 0em 3em 3em; clear:both; width:100%; background: rgb(243,243,243); }
#folderdownload .thumbsbox .preview  { float:left; width:25%; text-align:center; }
#folderdownload .thumbsbox .preview  img { width:100%; margin:0em auto 0em auto; max-width:14em; border:solid 1px #dbdada; }

#folderdownload .message            { padding-top:3em; }
#folderdownload .headerbox          {  width:100%; clear:both; padding:1.5em 2em 1.5em 2em; margin:2em 0em 0em 0em; }
#folderdownload .headerbox h2       { color:white; font-size:2em; font-weight:normal; margin:0em; }
#folderdownload table               { width:100%; margin-top:0.5em; }
#folderdownload .row td             { background-color:#dbdada; padding:1em 2em 1em 2em; border-bottom:solid 5px white; }

#folderdownload .row td:last-child  { text-align:right; }
#folderdownload .row td a           { font-size:1.4em; color:black; text-decoration:none; }
#folderdownload .row td a img       { position:relative; top:0.3em; }
#folderdownload .row a .icon        { margin-right:1em; }


/* kontakt.aspx */

#kontakt .leftcol           { width:35%; float:left; vertical-align:top; border:solid 1px #dbdada; padding:1em; }
#kontakt .rightcol          { width:65%; float:right; vertical-align:top; padding:0px 0px 0px 2em; }
#kontakt .leftcol img       { width:100%; max-width:100%; }
#kontakt .intro             { position:relative; top:-1.4em; }
#kontakt input,textarea     { width:95%; border-color:#dbdada; }
#kontakt textarea           { min-height:16em; font-size:1.2em; }
#kontakt .formtable                    { width:100%; }
#kontakt .formtable td:last-child      { padding-bottom:0.4em; }
#kontakt .formtable td:first-child     { font-size:1.4em; } 
#kontakt .formtable td .button         { font-size:1em; }

#kontakt .formtable input[type="text"] { color:#4a4a4a; font-size:1.4em; padding:0.3em 1em 0.3em 1em; border:solid 1px #dbdada; }


/* wetter.aspx */

#wetter                     {  }
#wetter h2                  { font-size:1.8em; }
#wetter span                { font-size:1.4em; }
#wetter .day                { width:19%; margin-right:1%; min-height:23em; float:left; text-align:center; border:solid 1px #E8E8E8; padding:1em;   }
#wetter .day img            { width:5.5em; margin:1.5em auto 1em auto; }
#wetter .day .weekday       { width:100%; padding:0.5em 0px 0em 0px; text-align:center; font-weight:bold; font-size:1.8em; }
#wetter .day .prosa         { min-height:4em; font-size:1.4em; }           
#wetter .day .temp          { clear:both; text-align:left; margin:0px 0.6em 0px 0.6em; line-height:2.2em; height:2.2em; }
#wetter .day .temp:first-of-type { border-bottom:solid 1px #CBCBCB; color:red; }
#wetter .day .temp span:first-child { float:left; font-size:1.4em;}
#wetter .day .temp span:last-child  { float:right; font-weight:bold; font-size:1.5em; font-family:Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif; }
#wetter .day .wind          { margin:1.5em auto 0px auto; font-size:1.2em; }
#wetter .day .rmenge        { margin:1.5em auto 0px auto; font-size:1.2em; }
#wetter .day .rwasch        { margin:1.5em auto 0px auto; font-size:1.2em; }
#wetter .source             { padding:8em 0px 0px 0px; width:100%; text-align:center; clear:both; }
#wetter .source a           { text-decoration:underline; }
#wetter i { font-weight:bold; }
#wetter .day.back {
    background: #f1f1f1; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #f1f1f1 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f1f1f1 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f1f1f1 0%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f1f1f1 0%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f1f1f1 0%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}


/* downloads.aspx */

#downloads                              { }
#downloads .filterbox                   { margin:0em 0em 2em 0em;  }
#downloads .filterbox .styled-select    { width:45%;  }
#downloads .filterbox .styled-textbox   { width:45%; float:right; margin-top:0.2em; } 
#downloads .message                     { padding-top:3em; width:100%; text-align:center; }

#downloads table                { width:100%; }
#downloads .row-sep td          { background-color:transparent; height:1em; }
#downloads .row td              { padding:1em 1.5em 1em 1.5em; background-color:#dbdada;  }
#downloads .row td:last-child   { text-align:right; }
#downloads .row td a            { font-size:1.4em; color:black; text-decoration:none; line-height:1.4em; }
#downloads .row td a img        { position:relative; top:0em; display:block; float:left;  }
#downloads .row a .icon         { margin-right:1em;  }
#downloads .row .info           { position: relative;  float:right; margin-right:1em; max-width:2.5em; }

#downloads .row td:first-child { background-image:url(/images/downloadfile.png); background-repeat:no-repeat; background-position:center center; background-size:3em;  }
#downloads .row.pdf td:first-child { background-image: url(/images/pdf.png); }
#downloads .row.word td:first-child { background-image: url(/images/word.png); }

#downloads .row td:last-child img { float:right; }



/* geschichte.aspx */

#geschichte                             { clear:both; }
#geschichte .intro                      { margin-bottom:1em; text-align:left; }
#geschichte table                       { }
#geschichte table td                    { background-color:#dbdada; border-right:solid 1em white; border-bottom:solid 1em white; } 
#geschichte table td:first-child        { width:20%; padding:0em 2em 0em 0em; text-align:right; vertical-align:text-top;  }
#geschichte table td:first-child span   { font-size:1.8em; font-weight:bold; display:block; position:relative; top:0.1em; }
#geschichte table td:last-child         { padding-left:2em; vertical-align:text-top;  text-align:left; border-right-width:0em;  }
#geschichte table td:last-child > h3    { display:none; font-size:1.8em; font-weight:bold; margin-bottom:0em;  }
#geschichte table td  p                 { margin-bottom:0.5em; }
#geschichte h3 + p                      { margin-top:0.5em;}
#geschichte p + ul                      { margin-top:0px; list-style-type: disc; padding:-0.5em 0px 0px 4em; }
#geschichte ul                          { padding:0px 0px 1.5em 3em;  }
#geschichte ul li                       { line-height:1.5em; font-size:1.5em; padding-left:0.5em; }
#geschichte ul li span                  { position:relative; top:0.1em; left:0.2em; }
#geschichte .entry                      { padding-right:3em; }
#geschichte .entry a                    { float:right; }
#geschichte .entry a img                { float:right; margin:1em; margin-top:2em; }


/* vereine.aspx */

#vereine .intro             { float:left; max-width:65%; }
#vereine .intro p:first-child { margin-top:0em; }
#vereine .register          { float:right; width:30%; height:9em; display:block; padding:3.6em 0em 0em 2em; text-align:center; background-size:1em; background-image:url(/images/pfeilrechts.png); background-repeat:no-repeat; background-position: 1.5em center; background-color:#DBDADA; border:solid 1px #E8E8E8; }
#vereine .register span     { font-size:1.6em; color:#4a4a4a; font-weight:bold;  }

#vereine .headerbox             {  width:100%; clear:both; margin:2em 0em 1em 0em; }
#vereine .headerbox h2          { color:white; font-size:2em; font-weight:normal; margin:0em; }
#vereine .row                   { margin:0 auto 1em auto; list-style-type:none; padding:1.5em 2em 1.5em 2em; background-color:#DBDADA;  }
#vereine .row:hover             { -webkit-box-shadow: 3px 3px 8px -3px rgba(41,38,41,1); -moz-box-shadow: 3px 3px 8px -3px rgba(41,38,41,1); box-shadow: 3px 3px 8px -3px rgba(41,38,41,1); }
#vereine .title                 { cursor:pointer; background-image:url(../images/dropdown.png); background-repeat:no-repeat; background-position:right center;  background-size:2em; }
#vereine .title span            { font-size:1.4em; }
#vereine .detail                { display:none; clear:both; margin-top:1.5em; padding:0em 2em 2em 0em; }
#vereine .detail a.imglink       { float:left; }
#vereine .detail a.imglink img   { margin-right:2em; max-width:15em; }
#vereine li                      {  }
#vereine .a2                    { font-size:1.4em;  }

#vereine .row .left { width:18em; float:left; padding-top:1.7em; }
#vereine .row .right { width:40em; float:left; }


/* archiv */

.menu-archive                   { clear:both; }
.menu-archive li                { float:left; list-style-type:none; margin-bottom:1em; background-color:white; width:32.6%; color:#004899; padding:2em; text-align:center; }
.menu-archive li + li           { margin-left:1%; width:32.7%; }
.menu-archive li > a            { font-size:2em; font-weight:normal; }
.menu-archive li.active         { background-color:#004899; }
.menu-archive li.active > a     { color:white; }


/* presseartikel.aspx */

#presseartikel                          {  }
#presseartikel .filterbox               { position:relative; top:0em; left:0em; }
#presseartikel .filterbox .years        { min-width:6em; margin-right:0.5em; }
#presseartikel .filterbox .categories   { min-width:9em; margin-right:0.5em; }
#presseartikel .filterbox .styled-textbox    { float:right; max-width:17em; margin-top:0.1em; }
#presseartikel .message             { padding-top:3em;  }
#presseartikel .close               { font-size:1.2em; position:relative; top:1em; left:1.5em; }

#presseartikel table                    { width:100%; }
#presseartikel .row td                  { background-color:#dbdada; list-style-type:none; padding:1.5em 2em 1.5em 2em; }
#presseartikel .row td > a              { font-size:1.4em; }
#presseartikel .row td:first-child > a  { font-weight:bold; }
#presseartikel .row td:last-child       { text-align:right; }
#presseartikel .row td:last-child > a   { font-weight:bold; }
#presseartikel .row a                   { font-size:1.2em; color:#4E4E4E; }
#presseartikel .row td                  { height:1em; }

#presseartikel .date                        { font-size:1.4em; margin:1em 0em 0.3em 0em; }
#presseartikel .bottombar                   { text-align:center; clear:both;  padding-bottom:2em; background-color:#dbdada; padding:1.5em 2em 1.5em 2em; }
#presseartikel .bottombar a:first-child     { float:left; visibility:hidden; font-size:2em; }
#presseartikel .bottombar a                 { margin:auto; font-size:1.5em; }
#presseartikel .bottombar a:last-child      { float:right; visibility:hidden; font-size:2em; }


.template-archiv                            { padding-top:1em; }
.template-archiv h2                         { font-size:2em; color:#BF353A; margin-top:0.3em; }
.template-archiv .subtitle                  { font-size:1.5em; font-weight:bold; margin:0.3em 0em 0.3em 0em;  }
.template-archiv .lead                      { font-style:italic; font-size:1.4em; line-height:1.4em; margin-bottom:0.5em;  }
.template-archiv .zwischentitel             { font-weight:bold; font-size:1.5em; }
.template-archiv .breitspaltezwischentitel  { font-weight:bold; }
.template-archiv .preview                   { max-width:30em; width:100%; float:left; margin-right:2em; }


/* nachrichtenarchiv.aspx */

#nacharchiv .filterbox .styled-textbox  { max-width:20em; float:right;  }
#nacharchiv table                       { width:100%; }
#nacharchiv .row td                     { background-color:#dbdada; list-style-type:none; padding:1.5em 2em 1.5em 2em; }
#nacharchiv .row td > a                 { font-size:1.5em; line-height:1.5em; }
#nacharchiv .row td:first-child > a     { font-weight:bold; }
#nacharchiv .row td:last-child          { text-align:right; }
#nacharchiv .row td:last-child > a      { font-weight:bold; }
#nacharchiv .row a                      { font-size:1.2em; color:#4E4E4E; }
#nacharchiv .row td                     { height:1em; }

#nacharchiv .date                        { font-size:1.5em; margin:1em 0em 0.3em 0em; }
#nacharchiv .bottombar                   { text-align:center; clear:both;  padding-bottom:2em; background-color:#dbdada; padding:1.5em 2em 1.5em 2em; }
#nacharchiv .bottombar a:first-child     { float:left; visibility:hidden; font-size:2em; }
#nacharchiv .bottombar a                 { margin:auto; font-size:1.5em; }
#nacharchiv .bottombar a:last-child      { float:right; visibility:hidden; font-size:2em; }




.menu-mobile li { display:none; }
.menu-mobile li > h2 { display:none; }




/* BODY TOUCHSCREEN */


body.body--embed { background-image:none; zoom:2; }

.body--embed .page > .header        { height:5rem; padding-top:0.5rem; }
.body--embed .page > .header .logo  { display:none; }

.body--embed .mainlinks .submega { top:5rem; }


.body--embed  .page > .content { margin-top:10em; }
.body--embed  .page.default > .content { margin-top:4.2rem; }