/* #########################################################
TAGS
######################################################### */

* { padding: 0px; margin: 0px; }
body { background-color:#212c35; font-family: 'Open Sans', Arial, Helvetica, Verdana, sans-serif; 
  font-size: 90%; padding: 0; margin: 0; /* background-image: url(images/background2.jpg); background-repeat: no-repeat; background-position: top center; */
  background: #244a69; 
  background: -moz-radial-gradient(center, circle cover,  #244a69 20%, #212c35 100%); 
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(20%,#244a69), color-stop(100%,#212c35)); 
  background: -webkit-radial-gradient(center, circle cover,  #244a69 20%,#212c35 100%); 
  background: -o-radial-gradient(center, circle cover,  #244a69 20%,#212c35 100%); 
  background: -ms-radial-gradient(center, circle cover,  #244a69 20%,#212c35 100%); 
  background: radial-gradient(circle at top,  #244a69 20%,#212c35 100%); 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#244a69', endColorstr='#212c35',GradientType=1 ); 

  }
h1, h2, h3, h4, h5, h6 { font-family: Georgia, sans-serif; font-style: italic; font-weight: normal; margin-bottom: 10px; 
  color: #244A69; line-height: 110%; }
h1 { font-size: 180%; }
h2 { font-size: 150%; }
p { margin-bottom: 12px; }
p, div, span { line-height: 150%; }
a, a:visited { color: #244A69; }
a:hover { color: #223748; }



/* #########################################################
LAYOUT
######################################################### */

#wraptop  { /* Radialer Verlauf: #244a69 #212c35 */ /* background-image: url(images/berg.png); background-repeat: no-repeat; background-position: center 70px; */  }
#wrapmeta  { background-image: url(images/metaback.png); background-repeat: repeat-y; background-position: top right; }
#wrapmainslider { padding: 0px 0px 20px 0px; }
#wrapmain { padding-top: 30px; background-color:#fafafa; min-height: 500px; position: relative; }
#wrapfoot { /* background-image: url(images/background-footer.jpg); */ }
.wrap { margin: 0px auto; }

#header { margin: 0px 0px 10px 0px; position: relative; height: 130px; }
#maincontent { padding: 0px 0 50px 0;  }
.wrapinner { }
#precont {  }
#maincont {  }
#left { float:left; min-height: 100px;}
#content { float: right; }
.content2 { padding: 0px; }
#footer{ clear: both; padding: 40px 0 50px 0;  }

#precontstart { width: 936px; height: 440px; margin-bottom: 25px; overflow: visible; }

#head { position: relative; left: 0; top: 0; }
#metaleft { float: left; }
#search { float:right; margin-top: 10px; margin-bottom: 10px; }
#copyright {float: left; }

/* #########################################################
NAVIGATION
######################################################### */

/* ### MAIN NAVIGATION ### */

/*** SUPERFISH ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; }
.sf-menu { line-height:  1.0; position: relative; z-index: 90000;  }
.sf-menu ul { position: absolute; top: -999em; z-index: 94000; /* left offset of submenus need to match (see below) */ }
.sf-menu ul li { width: 100%; z-index: 90500; }
.sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
.sf-menu li { float: left; position: relative;  }
.sf-menu a { display: block; position: relative; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul { left:  0; top: 33px; }
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; }
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 10em; /* match ul width */ top: 0; }
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; }
span.sf-sub-indicator { display: none; }

.sf-menu ul { box-shadow: 0px 8px 8px rgba(20,20,20,.5); }

#mainnavigation { position: absolute; right: 0; top: 60px; }
#mainnavigation ul { list-style-type: none; }
#mainnavigation ul li { display: block; float: left; margin-left: 15px; }
#mainnavigation ul li a { font-size: 100%; display: block; padding: 12px 12px; text-decoration: none; color: #fffcf6; }
#mainnavigation ul li:hover, #mainnavigation ul li a:hover, #mainnavigation ul li.sfHover a{ color: #111; }
#mainnavigation ul li.jetzt, #mainnavigation ul li.aktiv, #mainnavigation ul li.jetzt.erstes:hover, 
  #mainnavigation ul li.aktiv.erstes:hover { background-color: #223040; color: #fffcf6; border-radius: 6px; }
#mainnavigation ul li.jetzt.erstes a:hover, #mainnavigation ul li.aktiv.erstes a:hover { color: #fffcf6; }
#mainnavigation ul li:hover, #mainnavigation ul li.sfHover  { background-color: white; color: #111; border-radius: 6px; }
#mainnavigation ul ul { width: 185px; background: white; padding-top: 10px; z-index: 91000; }
#mainnavigation ul ul li { display: block; float: left; margin-left: 0px; color: #111; }
#mainnavigation ul ul li a { display: block; float: left; margin-left: 0px; color: #111; }
#mainnavigation ul ul li:hover, #mainnavigation ul li li.sfHover { background-color: #2b4860; border-radius: 0px;  }
#mainnavigation ul ul li:hover a, #mainnavigation ul li li.sfHover  a { color: #fffcf6; }
#mainnavigation ul ul li.letztes2:hover { background-color: #2b4860; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; }
#mainnavigation ul li ul  { background-color: white/* #141312 */; color: #111; 
  border-top-left-radius: 0px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; }
  
#mainnavigation .jetzt_lokal_2 {  }

/* ### META NAVIGATION ### */

#metanavigation { float: left; text-align: right;  }
#metanavigation ul { list-style-type: none; padding-top: 8px; }
#metanavigation ul li { float: left; display: block; margin-right: 10px;  }
#metanavigation ul li a { font-size: 90%; display: block; padding: 10px 10px; text-decoration: none; color: #92989d; }
#metanavigation ul li a:hover { color: #bec3c8; }

/* ### LOCAL NAVIGATION ### */

#localnavigation { border-radius: 6px; overflow: hidden; border: 1px dotted #ccc; }
#localnavigation ul { list-style-type: none; border-top: none; }
#localnavigation ul ul { list-style-type: none; border: none; border-top: 1px dotted #ccc; padding: 10px 0px; background-color: #d6e4f0; }
#localnavigation ul li { }
#localnavigation ul li a { display: block; padding: 10px 15px 10px 25px;  text-decoration: none; background-image: url(images/local_normal.png);
  background-repeat: no-repeat; background-position: 10px center; border-top: 1px dotted #ccc; font-size: 100%; color: #4c4f52; line-height: 120%; }
#localnavigation ul li.first a { border-top: none;}
#localnavigation ul li li a { display: block; padding: 8px 15px 8px 25px;  text-decoration: none; background-image: none;
  background-repeat: no-repeat; background-position: 10px center; border-top: none; font-size: 90%; color: #4c4f52; }  
#localnavigation ul li a:hover { background-image: url(images/local_hover.png); color: #244A69; background-color: white; }

#localnavigation ul li a.jetzt_lokal_1, #localnavigation ul li a.aktiv_lokal_1 { background-color: #244A69; color: white; font-weight: bold; 
  background-image: url(images/local_active.png); }
#localnavigation ul li li.jetzt_lokal_2 a { font-weight: bold; }
#localnavigation ul li li.jetzt_lokal_2 a:hover { background: none; }

/* ### BREADCRUMB ### */

#breadcrumb { margin: 10px 0 30px 0; font-size: 90%; color: #646668; }
#breadcrumb span.prebreadcrumb { margin-right: 10px; }
#breadcrumb span.breadelement a { color: #3c6d94; text-decoration: none; font-weight: bold; }
#breadcrumb span.breadelement a:hover { color: #244a69; }
#breadcrumb span.breadisolator { padding: 0px 4px; }


/* ### FOOTER SITEMAP ### */

#footsitemap { margin-top: 20px; margin-bottom: 50px; float: right; }
#footsitemap .fussmenu, #footsitemap  .fussmenu2 { list-style-type: none; }
#footsitemap .fussmenu li { float: left; border-bottom: 1px dotted #234058;  }
#footsitemap .fussmenu li  a{ font-size: 120%; text-decoration: none; color: #e5e9f2; display: block; padding: 0 10px; }
#footsitemap .fussmenu li  a:hover {  }
#footsitemap .fussmenu li ul { padding-top: 10px; }
#footsitemap .fussmenu li li { clear: left; padding: 0; border-top: 1px dotted #234058; border-bottom: 0; }
#footsitemap .fussmenu li li a { font-size: 100%; display: block; padding: 3px 10px; }
#footsitemap .fussmenu li li a:hover { font-weight: normal; color: #fffcf6; }
#footsitemap .fussmenu li li:hover { background: #223C51; }


/* ### FOOTER NAVIGATION ### */

#footnavigation { float: right; }
#footnavigation ul { list-style-type: none; }
#footnavigation ul li { float: right; margin-right: 10px; }
#footnavigation ul li a { text-decoration: none; color: #ccc; }
#footnavigation ul li a:hover { text-decoration: underline; color: white; }


/* #########################################################
DESIGN
######################################################### */

/* ### HEADER AREA ### */

#head h1 { font-size: 180%; color: #fffcf6; position: absolute; top:63px; left: 72px; }
#head img { position: absolute; top: -35px; left: -15px; }
#search input { padding: 8px; border: none; font-size: 100%; width: 200px; color: #333; }
#search button.searchbox-button { width: 34px; height: 34px; border: none; font-size: 100%; background-color: #244a69;
   background-image: url(images/search_normal.png); background-repeat: no-repeat; background-position: 8px 8px; cursor: pointer; }
#search button.searchbox-button:hover { background-image: url(images/search_hover.png); background-color: #3c6d94; }
#indexedsearchbox { float: right; background: #244A69; border-radius: 4px; overflow: hidden; }
#titelcontent { width: 100%; padding: 10px 0px 15px 0px; border-bottom: 1px dotted #ccc; display: none; }
#titelcontent h1 { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-style: normal; color: #3f4244; }

div.facebook { float: left;  }
div.facebook a { width: 34px; height: 34px; background-image: url(images/fb_normal.png); background-repeat: no-repeat; display: block; }
div.facebook a:hover { background-image: url(images/fb_hover.png); }


/* ### CONTENT AREA ### */

#leftstart h1, #middlestart h1, #rightstart h1, #filmstart h1,
#leftstart2 h1, #middlestartL2 h1, #middlestartR2 h1, #rightstart2 h1,
#content .columns h1 { font-size: 130%; font-weight: normal; 
  border-bottom: 1px dotted #ccc; margin-bottom: 10px; padding-bottom: 5px;}

#leftstart h1 a, #middlestart h1 a, #rightstart h1 a, #filmstart h1 a,
#leftstart2 h1 a, #middlestartL2 h1 a, #middlestartR2 h1 a, #rightstart2 h1 a,
#content .columns h1 a { text-decoration: none; }
#content .columns .csc-header { margin-top: 30px; }
#content .category .csc-textpic { margin-bottom: 30px; }
#content .category .csc-textpic-caption { margin-top: 5px; color: #333; }
#leftstart p.bodytext, #middlestart p.bodytext, #rightstart p.bodytext, #filmstart p.bodytext,
#leftstart2 p.bodytext, #middlestartL2 p.bodytext, #middlestartR2 p.bodytext, #rightstart2 p.bodytext,
#content .columns p.bodytext  { min-height: 190px; }

#quote { margin-bottom: 48px;  }
#quote  h2 { font-size: 170%; margin-bottom: 0; }
#quote h3 { font-family: Georgia, Times News Roman, Times, sans-serif; font-size: 140%; text-align: left; color: #244A69; 
  font-style: italic; line-height: 150%; margin-bottom: 0;  }


.content2 h1.csc-firstHeader { color: #244A69; font-size: 26px; margin-bottom: 18px; }
.content2 h2, .content2 h3 { margin-top: 24px; }
.content2 p.bodytext {  }
.content2 ul { margin-left: 40px; margin-bottom: 20px; list-style-type: square; }
.content2 div.csc-textpic-intext-right div.csc-textpic-imagewrap { margin-left: 20px; margin-bottom: 10px; width: 296px; }
.content2 DIV.csc-textpic div.csc-textpic-imagewrap .csc-textpic-caption { margin-top: 5px; margin-bottom: 10px; font-style: italic; }
.content2 div.csc-textpic-imagecolumn { float: left;  }
.content2 div.csc-textpic-imagecolumn .csc-textpic-image { width: 216px; margin-left: 24px; text-align: center; }
.content2 div.csc-textpic-firstcol .csc-textpic-image { margin-left: 0px; }
.content2 div.csc-textpic-imagecolumn .csc-textpic-image img { text-align: center; display: inline; }
.content2 div.csc-textpic-intext-right div.csc-textpic-imagecolumn .csc-textpic-image { width: 296px; margin-left: 24px; text-align: left; }
.content2 .tx-jfmulticontent-pi1 DIV.csc-textpic div.csc-textpic-imagewrap { margin-left: 0px; margin-bottom: 20px; }
.content2 .csc-header-n2 h1, .content2 .csc-header-n3 h1, .content2 .csc-header-n4 h1,
.content2 .csc-header-n5 h1, .content2 .csc-header-n6 h1{ font-size: 150%; margin-top: 24px; }
.content2 object { margin-bottom: 24px; }

.content2  ol  {margin-left: 40px; margin-top: 10px; }
.content2  ol li {margin-bottom: 10px; }
.content2  ol ol {list-style-type: lower-alpha; }

.content2 iframe {border: 1px dotted #ccc; border-radius: 6px; padding: 12px; }




/* ### NEWS ### */

.article {   }
.article .header { margin-bottom: 0px; }
.article .header h3  { font-size: 180%; padding-bottom: 3px; /* width: 90%;  */ margin-top: 0; }
.article .header h3  a { text-decoration: none; line-height: 100%; }
.article .news-single-body .header h3 { font-size: 200%; width: 100%; }
.article .news-list-body, .article .news-single-body { border-bottom: 1px dotted #ccc; padding-bottom: 10px; margin-bottom: 20px; }

/* .article .news-list-body .news-info { font-style: italic;   } */
.article .news-list-body .news-info .news-list-author span.normal {   }
.article .news-list-body .teaser-text { /* width: 90%;  */ }
.article .news-list-body .news-img-wrap { padding-top: 2px; }
.article .news-more p { font-weight: bold; padding-top: 0; }
.article .news-more p a { padding: 0; text-decoration: none; display: block; }
.article .news-more p a:hover { text-decoration: underline; }

.article .news-single-body .teaser-text { color: #222; padding-bottom: 15px;  }
.article .news-single-body .news-single-img { padding-top: 10px;  }
.article .news-single-body p.news-single-imgcaption { font-size: 90%; font-style: italic; }
.article .news-info { font-size: 120%; color: #666; font-family: Georgia, Times New Roman, serif; margin-bottom: 20px; 
  font-style: italic;  }
.article  .news-list-date { background-image: url(images/news-date.png); background-repeat: no-repeat;
  background-position: left center; padding-left: 22px; }
.article .news-list-author { margin-right: 10px; }
.article .news-single-additional-info {margin-bottom: 30px; }

#middlestart .news-latest-container {}
#middlestart .news-latest-container .article { margin-bottom: 2px; background: #efece6; padding-top: 12px; }
#middlestart .news-latest-container h1{ padding-bottom: 5px; border-bottom: none; border-bottom: 1px dotted #ccc; }
#middlestart .news-latest-container .trenner { width: 100%; border-bottom: 1px dotted #ccc; height: 1px;}
#middlestart .article .news-latest-body { margin-bottom: 12px; }
#middlestart .article .news-latest-body h3 { line-height: 135%;  }
#middlestart .article .news-latest-body .latest-image {  }
#middlestart .article .news-latest-body .latest-image img { margin-left: 12px; }
#middlestart .article .news-latest-body a { text-decoration: none; }
#middlestart .article .news-latest-body .latest-teaser .text { padding-right: 12px; }

.browseLinksWrap a, .browseLinksWrap span {margin-right: 12px;}

span.more { padding-left: 12px; }

/* ### FORMULAR ### */

.content2 .tx-powermail h1 { margin-bottom: 12px; }
.content2 .tx-powermail .powermail_fieldset { border: 1px dotted #ccc; padding: 12px; border-radius: 6px; margin-bottom: 24px; }
.content2 .tx-powermail .powermail_fieldset legend { padding: 0 10px; font-family: Georgia, sans-serif; font-style: italic; font-weight: normal; 
  color: #244A69; line-height: 100%; font-size: 120%; }

.content2 .tx-powermail .powermail_fieldwrap label { width: 136px; display: block; float: left; }
.content2 .tx-powermail .powermail_fieldwrap input, .content2 .tx-powermail .powermail_fieldwrap select, 
  .content2 .tx-powermail .powermail_fieldwrap textarea{ width: 296px; display: block; float: left; padding: 5px; }
.content2 .tx-powermail .powermail_fieldwrap textarea { height: 136px; width: 456px; }
.content2 .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_submit { margin-left: 136px; }
.content2 .tx-powermail .powermail_fieldset .powermail_fieldwrap { clear: both; padding: 10px 10px;  }

.content2 .tx-powermail .powermail_create dl, .content2 .tx-powermail .powermail_confirmation dl { clear: both; }
.content2 .tx-powermail .powermail_create dt, .content2 .tx-powermail .powermail_create dd,
.content2 .tx-powermail .powermail_confirmation dt, .content2 .tx-powermail .powermail_confirmation dd { float: left; padding-bottom: 6px; }
.content2 .tx-powermail .powermail_create dt, .content2 .tx-powermail .powermail_confirmation dt { width: 136px; font-weight: bold; color: #222; }
.content2 .tx-powermail .powermail_create dd, .content2 .tx-powermail .powermail_confirmation dd { width: 456px; }
.content2 .tx-powermail .powermail_confirmation .powermail_form { float: left; margin-top: 24px; }
.content2 .tx-powermail .powermail_confirmation .powermail_confirmation_form { width: 136px; padding: 5px 0; }
.content2 .tx-powermail .powermail_confirmation .powermail_confirmation_submit { width: 136px; padding: 5px 0; margin-left: 24px; }

/* ### FOOTER AREA ### */

#footerleft { min-height: 300px; float: left; background-image: url(images/Logo/Logo1_Grey.png); background-repeat: no-repeat; background-position: -20px 0; }
#copysign { font-family: Arial, Helvetica, sans; margin-left: 10px; }
#copyright { color: #ccc; }


/* #########################################################
Perfect Lightbox
######################################################### */

/* Shared styles for lightbox & slimbox*/
#prevLink, #nextLink { display:block; position:absolute; top:0; width:35%; height:100%; background:transparent url(images/lightbox/blank.gif) no-repeat; }
#prevLink { left:0; float:left; }
#nextLink { right:0; float:right; }
#prevLink:hover { background:transparent url(images/lightbox/prev.gif) no-repeat 0% 15%; }
#nextLink:hover { background:transparent url(images/lightbox/next.gif) no-repeat 100% 15%; }
#playLink,#pauseLink,#saveLink,#closeLink { display:block; float:right; width:26px; height:26px; margin-left:1.0em; }
#playLink {   background:transparent url(images/lightbox/play.gif) no-repeat center; }
#pauseLink { background:transparent url(images/lightbox/pause.gif) no-repeat center; }
#saveLink { background:transparent url(images/lightbox/save.gif) no-repeat center; }
#closeLink { background:transparent url(images/lightbox/close.gif) no-repeat center; /*clear:right; float:right;*/ }

/* Slimbox-only*/
#sbOverlay { position:fixed; left:0; top:0; width:100%; height:100%; background-color:#000; cursor:pointer; z-index:99000; }
#sbCenter, #sbBottomContainer { position:absolute; left:50%; overflow:hidden; background-color:#fff; z-index:99100; }
#sbCenter a, #sbBottomContainer a { text-decoration:none; border:none; outline:none; }
.sbLoading { background:#fff url(images/lightbox/loading.gif) no-repeat center; }
#sbImage { position:absolute; left:0; top:0; border:10px solid #fff; background-repeat:no-repeat; }
#sbBottom { font-size:11px; color:#666; line-height:1.4em; text-align:left; padding:0 10px 10px 10px; }
#sbCaption { width:66%; font-weight:bold; margin-bottom:0.1em; }
#sbNumber { width:66%; margin-bottom:0.1em; }
#sbPresent { width:66%; margin-bottom:0.1em; }
#sbPresent a { position:relative; float:left; color:#777; border-right:0.3em solid #fff; border-bottom:0.1em solid #fff; border-left:0.4em solid #fff;
  margin-right:0.2em; }
#sbPresent a.act { /*font-weight:bold;*/ color:#fff; background:#777; border-color:#777; }

/* Lightbox-only*/
#overlay { position:absolute; top:0; left:0; width:100%; height:100%; background-color:#000; z-index:99000; }
#lbLightbox { position:absolute; left:0; width:100%; z-index:99100; text-align:center; line-height:0; }
#lbLightbox #closeLink { margin-bottom:10px; }
#lbLightbox a { text-decoration:none; border:none; outline:none; }
#lbLightbox img { width:auto; height:auto; border:none; }
#lbOuterImageContainer { position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto; }
#lbImageContainer { padding:10px; }
#lbLoading { position:absolute; z-index:99110; top:40%; left:0%; height:25%; width:100%; text-align:center;
  line-height:0; background:#fff url(images/lightbox/loading.gif) no-repeat center; }
#lbHoverNav { position:absolute; top:0; left:0; height:100%; width:100%; z-index:99210; } 
#lbImageContainer>#lbHoverNav { left:0; }
#lbImageDataContainer { font-size:11px; background-color:#fff; margin:0 auto; line-height:1.4em; overflow:auto;
  width:100%; }
#lbImageData { padding:0 10px; color:#666; }
#lbImageDetails { width:66%; float:left; text-align:left; padding-bottom:10px; }
#lbCaption { display:block; font-weight:bold; margin-bottom:0.1em; }
#lbNumberDisplay { display:block; margin-bottom:0.1em; }
#lbPresent { display:block; margin-bottom:0.1em; }
#lbPresent a { position:relative; float:left; color:#777; border-right:0.3em solid #fff; border-bottom:0.1em solid #fff;
  border-left:0.4em solid #fff; margin-right:0.2em; }
#lbPresent a:hover { color:#000; }
#lbPresent a.act { /*font-weight:bold;*/ color:#fff; background:#777; border-color:#777; }

/* #########################################################
OTHER
######################################################### */

/* ### GRID ### */

.col12 { width: 936px; }
.col11 { width: 858px; }
.col10 { width: 776px; }
.col9 { width: 696px; } 
.col8 { width: 616px; } 
.col7 { width: 536px; } 
.col6 { width: 456px; } 
.col5 { width: 376px; } 
.col4 { width: 296px; } 
.col3 { width: 216px; } 
.col3f{ width: 189px; } 
.col2 { width: 136px; } 
.col1 { width: 56px; }
.marginleftright { margin: 0px 12px; }
.marginleft { margin-left: 24px; }
.marginright { margin-right: 24px; }
.leftrightauto { margin: 0px auto; }
.floatleft { float: left; }
.floatright { float: right; }
.alpha { margin-left: 0px; }
.omega { margin-right: 0px; }
.extra { margin-top: 30px; }

/* ### CLEAR ### */

.clear { clear: both;}
.divider { width: 100%; display: block; height: 40px; }