/* ==========================================================================
   Schriften
   ========================================================================== */
   
   @import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300);
   @import url("styles_print.css") print;
/* ==========================================================================
   CUSTOM - Dirk Nordhusen
   ========================================================================== */
.adp-summary, .adp-legal {
	margin-left: 20px;
	margin-bottom: 20px;
}

form#validate textarea {
	resize: none;
}
   
/* ==========================================================================
   HTML Basis Elemente
   ========================================================================== */
   
   html {
	   min-height:100%;
   }
   body {
	   font-family:Arial, Helvetica, sans-serif;
	   font-size:0.95em; /* 15px */
	   line-height:1.3;
	   color:#646464;
	   -webkit-hyphens:auto;
	   -moz-hyphens:auto;
	   -ms-hyphens:auto;
	   hyphens:auto;
	   background: #435661;
	   background: -moz-radial-gradient(center, ellipse cover,  #6b8691 0%, #2b3943 100%);
	   background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#6b8691), color-stop(100%,#2b3943));
	   background: -webkit-radial-gradient(center, ellipse cover,  #6b8691 0%,#2b3943 100%);
	   background: -o-radial-gradient(center, ellipse cover,  #6b8691 0%,#2b3943 100%);
	   background: -ms-radial-gradient(center, ellipse cover,  #6b8691 0%,#2b3943 100%);
	   background: radial-gradient(ellipse at center,  #6b8691 0%,#2b3943 100%);
	   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b8691', endColorstr='#2b3943',GradientType=1 );
   }
   a {
	   color:#cf2828;
	   outline:none;
   }
   a:hover {
	   color:#b62125;
	   text-decoration:none;
   }
   a:active,
   a:focus { 
	  outline:none;
   }
   input {
	  -webkit-appearance:none;
	  -moz-appearance:none;
	  border:none;
   }
   input:focus {
	   outline: none;
   }
   img {
	   display:block;
	   max-width:100%;
   }

/* ==========================================================================
   Fix Floating
   ========================================================================== */
   
   .wrapper:after,
   header.site:after,
   header.site nav:after,
   article.site ul.teaserList:after,
   article.site ul.teaserList li:after,
   article.site form p:after,
   article.site .img-txt:after,
   .galerie:after {
	   content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;
   }
   *:first-child + html .wrapper,
   *:first-child + html header.site,
   *:first-child + html header.site nav,
   *:first-child + html article.site ul.teaserList,
   *:first-child + html article.site ul.teaserList li,
   *:first-child + html article.site form p,
   *:first-child + html article.site .img-txt,
   *:first-child + html .galerie {
	   zoom: 1;
   }

/* ==========================================================================
   Grundraster
   ========================================================================== */
   
   .wrapper {
	   max-width:1090px;
	   margin:0 auto;
   }
   
   /*** Kacheln ***/
   
   .tile-grid-outer {
	   float:left;
   }
   .tile-grid-inner {
	   float:left;
	   margin:0 0 10px 10px;
	   background-color:#36474f;
	   background-color:rgba(0,0,0,0.2);
	   *background-color:#36474f;
	   color:#fff;
   }
   .w-1 { width:135px; }
   .w-2 { width:270px; }
   .w-4 { width:540px; }
   .h-1 { height:135px; }
   .h-2 { height:270px; }
   .h-4 { height:540px; }
   .tile-grid-outer .w-1 { width:125px; }
   .tile-grid-outer .w-2 { width:260px; }
   .tile-grid-outer .w-4 { width:530px; }
   .tile-grid-outer .h-1 { height:125px; }
   .tile-grid-outer .h-2 { height:260px; }
   .tile-grid-outer .h-4 { height:530px; }

/* ==========================================================================
   JS-Fallback
   ========================================================================== */
   
   .no-js .wrapper,
   .lt-ie9 .wrapper {
	   width:1090px;
   }
   .js-hint {
	   display:none;
   }
   .no-js .js-hint {
	   display:block;
	   padding:20px 0;
	   background:#1f292f;
	   text-align:center;
	   margin:0;
	   color:#fff;
   }

/* ==========================================================================
   Kopfelemente
   ========================================================================== */
   
   header.site {
	   padding:50px 0;
	   margin:0 10px;
   }
   
   /*** Logo ***/
   
   header.site a.logo {
	   display:block;
	   width:175px;
	   height:78px;
	   background:url(files/graphicsprite.png);
	   float:left;
   }
   header.site a.logo span {
	   display:none;
   }
   
   /*** Show- / Hide Button ***/
   
   header.site a.showNav {
	   display:none;
   }
   
   /*** Navigation ***/
   
   header.site nav {
	   float:left;
	   margin-left:15%;
   }
   header.site nav section {
	   float:left;
	   position:relative;
	   margin-left:10px;
   }
   header.site nav section .btn,
   header.site nav section .submit {
	   display:block;
	   width:48px;
	   height:48px;
	   float:left;
	   background:url(files/graphicsprite.png);
	   background-color:#2f3d43;
	   background-color:rgba(0,0,0,0.2);
	   *background-color:#2f3d43;
	   position:relative;
	   -webkit-border-radius:2px;
	   -moz-border-radius:2px;
	   border-radius:2px;
   }
   header.site nav section.home .btn { background-position:0 -78px; }
   header.site nav section.menu .btn { background-position:-48px -78px; }
   header.site nav section.lang .btn { background-position:-96px -78px; }
   header.site nav section .submit { background-position:-144px -78px; }
   header.site nav section .btn:hover,
   header.site nav section .submit:hover,
   header.site nav .aktiv .btn {
	   background-color:#1f292f;
   }
   header.site nav section a.btn span {
	   display:none;
   }
   header.site nav section ul {
	   display:none;
	   position:absolute;
	   left:0;
	   top:72px;
	   list-style:none;
	   margin:0;
	   padding:0;
	   background:#1f292f;
	   z-index:100;
   }
   .no-js header.site nav section.menu:hover ul,
   .no-js header.site nav section.lang:hover ul {
	   display:block;
	   top:48px;
   }
   header.site .aktiv:after {
	   position:absolute;
	   left:20px;
	   top:52px;
	   content:'';
	   border:21px solid;
	   border-color:transparent transparent transparent #1f292f;
	   border-right-width:0;
	   border-bottom-width:0;
	   height:0;
	   width:0;
   }
   header.site nav section ul li a {
	   display:inline-block;
	   white-space:nowrap;
	   padding:15px 20px;
	   /*width:250px;*/
	   padding-right:100px;
	   /*margin-right:100px;*/
	   text-decoration:none;
	   font-family:'Open Sans',sans-serif;
	   font-weight:300;
	   font-size:1.2em;
	   color:#fff;
	   position:relative;
   }
   header.site nav section ul li a:hover {
	   display:block;
	   margin-right:0px;
	   background:#596970;
	   background-color:rgba(255,255,255,0.1);
	   *background-color:#596970;
   }
   header.site nav section ul li.aktiv a {
	   display:block;
	   padding-right:52px;
	   margin-right:0px;
   }
   header.site nav section ul li.aktiv:after {
	   display:none;	
   }
   header.site nav section ul li.aktiv a:after {
	   content:'';
	   width:17px;
	   height:12px;
	   background:url(files/graphicsprite.png) -185px 0;
	   position:absolute;
	   right:20px;
	   top:50%;
	   margin-top:-5px;
   }
   header.site nav section form {
	   float:left;
	   position:relative;
	   padding-left:48px;
   }
   header.site nav section form input.search {
	   width:120px;
	   height:48px;
	   padding:0 10px;
	   border:0;
	   -webkit-border-radius:0px;
	   -moz-border-radius:0px;
	   border-radius:0px;
	   -webkit-border-top-right-radius:2px;
	   -webkit-border-bottom-right-radius:2px;
	   -moz-border-radius-topright:2px;
	   -moz-border-radius-bottomright:2px;
	   border-top-right-radius:2px;
	   border-bottom-right-radius:2px;
	   background-color:#2f3d43;
	   background-color:rgba(0,0,0,0.2);
	   *background-color:#2f3d43;
	   color:#fff;
   }
   .lt-ie8 header.site nav section form input.submit {
	   top:1px;
   }
   .lt-ie9 header.site nav section form input.search {
	   height:33px;
	   padding:15px 10px 0 10px;
   }
   header.site nav section form input.submit {
	   position:absolute;
	   top:0;
	   left:0;
	   border:0;
	   -webkit-border-top-right-radius:0px;
	   -webkit-border-bottom-right-radius:0px;
	   -moz-border-radius-topright:0px;
	   -moz-border-radius-bottomright:0px;
	   border-top-right-radius:0px;
	   border-bottom-right-radius:0px;
   }

/* ==========================================================================
   Fußelemente
   ========================================================================== */
   
   footer.site {
	   clear:both;
	   padding:45px 10px 20px 10px;
	   font-size:0.9em;
	   line-height:1.4;
	   color:#fff;
   }
   .lt-ie8 footer.site {
	   padding-top:20px;
   }
   footer.site:before {
	   display:block;
	   content:'';
	   max-width:320px;
	   height:25px;
	   border-top:1px solid;
	   border-color:#56676f;
	   border-color:rgba(255,255,255,0.1);
	   *border-color:#56676f;
	   margin:0 auto;
   }
   footer.site p {
	   text-align:center;
	   margin:0;
	   padding:0;
   }
   footer.site p a {
	   color:#838b8f;
	   color:rgba(255,255,255,0.3);
	   *color:#838b8f;
	   text-decoration:none;
   }
   footer.site p a:hover {
	   text-decoration:underline;
   }

/* ==========================================================================
   Kachelelemente
   ========================================================================== */
   
   .tile-grid-inner {
	   font-family:'Open Sans',sans-serif;
	   font-weight:300;
	   position:relative;
	   z-index:1;
   }
   .tile-grid-inner a {
	   color:#fff;
	   text-decoration:none;
   }
   .tile-grid-inner .fitting {
	   display:block;
	   width:100%;
	   height:100%;
	   position:relative;
   }
   .tile-grid-inner .fitting:hover {
	   background:#1f292f;   /*#cf2828;*/
   }
   
   /*** Pikto ***/
   
   .tile-grid-inner .pikto img {
	   position:absolute;
	   z-index:5;
   }
   .tile-grid-inner.w-1.h-1 .pikto img { width:80%; left:10%; top:10%; }
   .tile-grid-inner.w-2.h-2 .pikto img { width:42%; left:29%; top:29%; }
   .tile-grid-inner.w-4.h-4 .pikto img { width:40%; left:30%; top:30%; }
   .tile-grid-inner.w-2.h-1 .pikto img { width:30%; left:30%; top:10%; margin-top:-2px; }
   .tile-grid-inner.w-4.h-2 .pikto img { width:30%; left:35%; top:15%; margin-top:-2px; }
   
   /*** Caption ***/
   
   .tile-grid-inner span.caption {
	   position:absolute;
	   left:20px;
	   bottom:16px;
	   font-size:1.1em;
   }
   .tile-grid-inner span.low-caption {
	   position:absolute;
	   width:100%;
	   text-align:center;
	   bottom:2px;
	   font-size:0.9em;
   }
   .tile-grid-inner span.caption.dark {
	   background:#000;
	   background:rgba(0,0,0,0.6);
	   *background:#000;
	   left:0;
	   bottom:0;
	   padding:18px 20px 16px 20px;
	   width:100%;
	   -webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
	   box-sizing:border-box;
   }
   .tile-grid-inner a:hover span.caption.dark {
	   background:#1f292f;
   }
   .tile-grid-inner span.no-caption {
	   display:none;
   }
   .tile-grid-inner.h-1 span.caption { font-size:1.1em; }
   .tile-grid-inner.h-2 span.caption { font-size:1.3em; }
   .tile-grid-inner span.caption big {
	   font-size:2.8em;
   }
   
   /*** Highlight ***/
   
   .tile-grid-inner .highlight {
	   background:#cd2b2f;
   }
   .tile-grid-inner nav .highlight {
	   background:#cd2b2f !important;
   }
   
   /*** Image ***/
   
   .tile-grid-inner .image img {
	   width:100%;
   }
   
   /*** Navigation ***/
   
   .tile-grid-inner nav {
	   overflow:hidden;
	   width:100%;
	   height:100%;
	   position:relative;
   }
   .tile-grid-inner nav ul {
	   list-style:none;
	   margin:0;
	   padding:0;
	   position:absolute;
	   top:0;
	   right:-100%;
	   width:100%;
	   height:100%;
	   background:#1f292f;
	   z-index:10;
   }
   .tile-grid-inner nav ul li a {
	   display:block;
	   font-size:1.0em;
	   padding:5% 20px;
   }
   .tile-grid-inner nav ul li a:hover, .tile-grid-inner nav ul li a:focus{
	   background:#535f65;
   }


  .no-js .tile-grid-inner nav:hover ul{
	   right:0px;
   }
  .tile-grid-inner nav:focus ul {
	   right:0px;
   }
 
   /*** News-Teaser ***/
   
   .tile-grid-inner .news-teaser img.motiv {
	   float:right;
   }

   .tile-grid-inner .news-teaser .txt {
	   float:left;
	   padding-right:10px;
	   position:relative;
   }
   
/*	.tile-grid-inner .news-teaser .txt:hover {
	   background-color:#1f292f;
	   border-color:#1f292f;
   }*/   
   
   .tile-grid-inner .news-teaser .txt h1 {
	   font-family:'Open Sans',sans-serif;
	   font-weight:100;
	   font-size:1.4em;
	   margin:20px 10px 0 20px;
	   padding:0;
   }
   .tile-grid-inner .news-teaser .txt time {
	   font-family:Arial, Helvetica, sans-serif;
	   position:absolute;
	   left:-80px;
	   top:25px;
	   width:60px;
	   text-align:right;
	   font-size:0.86em;
	   line-height:1.2;
   }
   .tile-grid-inner .news-teaser .txt time big {
	   font-size:1.8em;
   }

      /*** Single-News-Teaser ***/
   
   .tile-grid-inner .single-news-teaser img.motiv {
	   float:right;
   }

   .tile-grid-inner .single-news-teaser .txt {
	   float:left;
	   padding-right:10px;
	   position:relative;
   }
   
   .tile-grid-inner .single-news-teaser .txt h1 {
	   font-family:'Open Sans',sans-serif;
	   font-weight:100;
	   font-size:1.4em;
	   margin:20px 10px 0 20px;
	   padding:0;
   }
   .tile-grid-inner .single-news-teaser .txt time {
	   font-family:Arial, Helvetica, sans-serif;
	   position:absolute;
	   left:-80px;
	   top:25px;
	   width:60px;
	   text-align:right;
	   font-size:0.86em;
	   line-height:1.2;
   }
   .tile-grid-inner .single-news-teaser .txt time big {
	   font-size:1.8em;
   }
/* ==========================================================================
   Options
   ========================================================================== */
   
   .options {
	   position:absolute;
	   bottom:0;
	   left:0;
	   z-index:10;
	   width:100%;
	   border-top:1px solid;
	   border-color:#56676f;
	   border-color:rgba(255,255,255,0.1);
	   *border-color:#56676f;
   }
   .options a {
	   display:block;
	   float:right;
	   width:12%;
	   padding:13px 20px;
	   border-left:1px solid;
	   border-color:#56676f;
	   border-color:rgba(255,255,255,0.1);
	   *border-color:#56676f;
   }
   .options a:hover {
	   background-color:#1f292f;
	   border-color:#1f292f;
   }
   .options a span {
	   display:none;
   }
   .options a img {
	   width:100%;
	   height:auto;
   }

/* ==========================================================================
   Artikel
   ========================================================================== */
   
   article.site {
	   background:#fff;
	   margin:0 0 66px 10px;
	   padding-bottom:10px;
	   float:left;
	   width:800px;
	   position:relative;
   }
   
   /*** Motiv ***/
   
   article.site .motiv {
	   margin-bottom:20px;
   }
   
   /*** Typografie ***/
   
   article.site h1,
   article.site h2,
   article.site h3 {
	   font-family:'Open Sans',sans-serif;
	   font-weight:300;
	   padding:0;
	   margin:0;
	   color:#444444;
   }
   article.site h1 {
	   font-size:2.4em;
	   padding-top:20px;
	   margin:20px 0;
   }
   article.site h2 {
	   font-size:1.3em;
	   font-weight:400;
	   padding-top:20px;
	   margin:20px 0 15px 0;
   }
   article.site h3 {
	   padding-top:20px;
	   margin:20px 0 15px 0;
   }
   article.site h4 {
	   padding-top:20px;
	   margin:20px 0 15px 0;
   }
   article.site p {
	   margin:0 0 20px 0;
   }
   
   article.site  h6 {
	   display:left;
	   font-size:1em;
	   font-weight:400;
	   margin:0px 0px 0px 20px;
	   padding: 0px 0px 0px 0px;
	   position:relative;
	   text-decoration:none;
	   color:#cf2828;
   }

   /*** Abstand ***/
   
   article.site h1,
   article.site h2,
   article.site p {
	   margin-left:20px;
	   margin-right:20px;
   }
   
   /*** Optionen ***/
   
   article.site .options {
	   bottom:-56px;
	   background-color:#2f3d43;
	   background-color:rgba(0,0,0,0.2);
	   *background-color:#2f3d43;
	   border:none;
   }
   article.site .options a {
	   width:30px;
   }
   
   /*** Level-Up Link ***/
   
   article.site a.levUp {
	   display:block;
	   padding:15px;
	   margin:-20px 0 0 -60px;
	   background-color:#2f3d43;
	   background-color:rgba(0,0,0,0.2);
	   *background-color:#2f3d43;
	   float:left;
   }
   article.site a.levUp img {
	   width:30px;
   }
   article.site a.levUp:hover {
	   background:#1f292f;
   }
   
   /*** Formular ***/
   
   article.site form {
	   margin:0 20px 20px 20px;
	   line-height:1 !important;
   }
   article.site form p {
	   clear:both;
	   margin:0 0 10px 0;
	   background:#ececec;
	   -webkit-border-radius:3px;
	   -moz-border-radius:3px;
	   border-radius:3px;
	   position:relative;
	   max-width:100%;
   }
   .lt-ie9 article.site form p {
	   width:550px;
	   position:relative;
   }
   article.site form p.captcha {
	   width:390px;
   }
   article.site form label {
	   display:block;
	   position:absolute;
	   left:16px;
	   top:18px;
   }
   article.site form p.info {
	   width:200px;
	   width:-webkit-calc(100% - 130px);
	   width:-moz-calc(100% - 130px);
	   width:calc(100% - 130px);
	   background:none;
	   padding:0 0 0 130px;
   }
   article.site form p.captcha img {
	   display:block;
	   -webkit-border-top-right-radius:3px;
	   -webkit-border-bottom-right-radius:3px;
	   -moz-border-radius-topright:3px;
	   -moz-border-radius-bottomright:3px;
	   border-top-right-radius:3px;
	   border-bottom-right-radius:3px;
	   margin:1px 1px 1px 0;
	   float:right;
	   width:130px;
	   height:49px;
	   width:-webkit-calc((100% - 130px) / 2);
	   width:-moz-calc((100% - 130px) / 2);
	   width:calc((100% - 130px) / 2);
   }
   article.site form input.txt,
   article.site form select,
   article.site form .container,
   article.site form textarea {
	   background:#fff;
	   -webkit-border-radius:0px;
	   -moz-border-radius:0px;
	   border-radius:0px;
	   border:none;
	   -webkit-border-top-right-radius:3px;
	   -webkit-border-bottom-right-radius:3px;
	   -moz-border-radius-topright:3px;
	   -moz-border-radius-bottomright:3px;
	   border-top-right-radius:3px;
	   border-bottom-right-radius:3px;
	   display:block;
	   padding:16px;
	   float:right;
	   margin:1px 1px 1px 0;
	   width:388px;
	   width:-webkit-calc(100% - 162px);
	   width:-moz-calc(100% - 162px);
	   width:calc(100% - 162px);
	   color:#646464;
   }
   article.site form p.captcha input.txt {
	   width:98px;
	   width:-webkit-calc((100% - 130px) / 2 - 32px);
	   width:-moz-calc((100% - 130px) / 2 - 32px);
	   width:calc((100% - 130px) / 2 - 32px);
	   -webkit-border-radius:0px;
	   -moz-border-radius:0px;
	   border-radius:0px;
	   margin-right:0;
   }
   article.site form select {
	   -webkit-appearance:none;
	   -moz-appearance:none;
	   width:420px;
	   width:-webkit-calc(100% - 130px);
	   width:-moz-calc(100% - 130px);
	   width:calc(100% - 130px);
	   background:#fff url(files/select-arrow.png) right center no-repeat;
   }
   .lt-ie8 article.site form select {
	   margin:10px 10px 10px 0;
	   width:410px;
   }
   article.site form input.check {
	   display:block;
	   float:left;
	   clear:both;
	   margin:0 10px 0 0;
	   width:21px;
	   height:20px;
	   background:#ececec;
	   border:none;
	   -webkit-border-radius:3px;
	   -moz-border-radius:3px;
	   border-radius:3px;
   }
   article.site form input.check:checked {
	   background:#ececec url(files/graphicsprite.png) -180px -14px;
   }
   article.site form textarea {
	   height:150px;
   }
   article.site input.submit {
	   background:#cf2828;
	   color:#fff;
	   cursor:pointer;
	   -webkit-border-radius:3px;
	   -moz-border-radius:3px;
	   border-radius:3px;
	   border:none;
	   padding:16px;
	   margin-top:10px;
   }
   article.site input.submit:hover {
	   background:#b62125;
   }
   article.site form p span.error,
   article.site form p span.info {
	   display:block;
	   clear:both;
	   padding:16px 16px 16px 130px;
   }
   article.site form p span.error {
	   color:#cf2828;
   }
   
   /*** Bild-Text ***/
   
   article.site .img-txt {
	   margin:0 20px 20px 20px;
	   border:1px solid #ececec;
	   padding:16px;
	   -webkit-border-radius:3px;
	   -moz-border-radius:3px;
	   border-radius:3px;
   }
   article.site .img-txt img {
	   float:left;
	   width:120px;
	   margin:0 16px 0 0;
	   -webkit-border-radius:3px;
	   -moz-border-radius:3px;
	   border-radius:3px;
   }
   article.site .img-txt .txt {
	   float:left;
	   margin:0;
	   width:-webkit-calc(100% - 140px);
	   width:-moz-calc(100% - 140px);
	   width:calc(100% - 140px);
   }
   article.site .img-txt p {
	   margin:0;
   }
   
   /*** Map ***/
   
   #map-canvas {
	   height:260px;
	   margin-bottom:20px;
   }
   #map-canvas img {
	   max-width:none !important;
   }
   
   /*** Tabelle ***/
   
   article.site table {
	   margin:0 20px 20px 20px;
   }
   article.site table {
	   overflow-x:auto;
	   display:block;
   }
   article.site table::-webkit-scrollbar {
	   -webkit-appearance:none;
	   height:14px;
   }
   article.site table::-webkit-scrollbar-thumb {
	   background:rgba(0,0,0,.3);
	   border-radius:8px;
	   border:3px solid #fff;
   }
   article.site table tr td,
   article.site table tr th {
	   padding:10px 16px;
	   text-align:left;
	   border-right:1px solid #d2d2d2;
   }
   article.site table tr th {
	   border-top:1px solid #d2d2d2;
	   border-bottom:1px solid #d2d2d2;
   }
   article.site table tr th:first-child,
   article.site table tr td:first-child {
	   border-left:1px solid #d2d2d2;
   }
   article.site table tr:last-child td {
	   border-bottom:1px solid #d2d2d2;
   }
   article.site table tr:nth-child(odd) td {
	   background:#ececec;
   }
   article.site table tr .border {
	   border-right:2px solid #d2d2d2;
   }
   .lt-ie9 article.site table tr td,
   .lt-ie9 article.site table tr th {
	   border-bottom:1px solid #d2d2d2;
   }
   
   /*** Slide-Text ***/
   
   article.site .slideTxt {
	   margin:0 20px 10px 20px;
	   border:1px solid #ececec;
	   -webkit-border-radius:3px;
	   -moz-border-radius:3px;
	   border-radius:3px;
   }
   article.site .slideTxt a.slideLink {
	   display:block;
	   padding:16px 50px 16px 20px;
	   position:relative;
	   text-decoration:none;
	   color:#646464;
   }
   article.site .slideTxt h6 {
	   display:left;
	   font-size:1em;
	   font-weight:400;
	   margin:0px 0px 0px 0px;
	   padding: 0px 0px 0px 0px;
	   position:relative;
	   text-decoration:none;
	   color:#cf2828;
   }

   article.site .slideTxt a.slideLink:after {
	   content:'';
	   width:24px;
	   height:24px;
	   -webkit-border-radius:12px;
	   -moz-border-radius:12px;
	   border-radius:12px;
	   background:#b62125 url(files/graphicsprite.png) 0 -142px;
	   position:absolute;
	   right:20px;
	   top:50%;
	   margin-top:-12px;
   }
   article.site .slideTxt a.slideLink:hover:after {
	   background-color:#1f292f;
   }
   article.site .slideTxt a.slideLink.aktiv:after {
	   background-position:-24px -142px;
   }
   
   /*** Liste ***/
   
   article.site ul {
	   margin:0 20px 15px 20px;
	   padding:0;
   }
   article.site ul li {
	   margin:0 0 5px 20px;
	   padding:0;
	   list-style:none;
	   position:relative;
   }
   article.site ul li:before {
	   display:block;
	   content:'»';
	   line-height:1;
	   position:absolute;
	   left:-17px;
   }
   .lt-ie8 article.site ul li {
	   list-style:disc;
	   padding:0;
   }
   
   /*** Teaser-Liste ***/
   
   article.site ul.teaserList {
	   list-style:none;
	   margin:0;
	   padding:0;
   }
   article.site ul.teaserList li {
	   position:relative;
	   background-color:#e5e5e5;
	   background-color:rgba(0,0,0,0.1);
	   *background-color:#e5e5e5;
	   float:left;
	   width:46.25%;
	   margin:0 0 20px 20px;
   }
   article.site ul.teaserList li:before {
	   display:none !important;
   }
   article.site ul.teaserList li:nth-child(2n) {
	   float:right;
	   margin:0 20px 20px 0;
   }
   article.site ul.teaserList li img.motiv {
	   float:left;
	   width:50%;
	   margin:0;
   }
   article.site ul.teaserList li h1 {
	   margin:0;
	   font-size:1.0em;
	   font-weight:400;
	   padding:15px;
	   position:absolute;
	   top:0;
	   left:50%;
   }
   article.site ul.teaserList li .options {
	   bottom:0;
	   background-color:transparent;
	   border-top:1px solid #fff;
	   width:50%;
	   right:0 !important;
	   left:inherit;
   }
   article.site ul.teaserList li .options h4 {
	   border-top:0px solid #fff;
	   height: 30px;
   }
   article.site ul.teaserList li .options a {
	   width:25px;
	   padding:10px 20px;
	   border-left:1px solid #fff;
   }
   article.site ul.teaserList li .options a:hover {
	   background-color:#cdcdcd;
	   background-color:rgba(0,0,0,0.1);
	   *background-color:#cdcdcd;
   }
   
   
   
   
   /*** Messetermine-Liste ***/
   
   article.site ul.exhibitionList {
	   list-style:none;
	   margin:0;
	   padding:0;
   }
   article.site ul.exhibitionList li {
	   position:relative;
	   background-color:#e5e5e5;
	   background-color:rgba(0,0,0,0.1);
	   *background-color:#e5e5e5;
	   float:left;
	   width:46.25%;
	   height:108px;
	   margin:0 0 20px 20px;
   }
   article.site ul.exhibitionList li:before {
	   display:none !important;
   }
   article.site ul.exhibitionList li:nth-child(2n) {
	   float:right;
	   margin:0 20px 20px 0;
   }
   article.site ul.exhibitionList li img.motiv {
	   float:left;
	   width:40%;
	   margin:0px 0px 0 0;
   }
   article.site ul.exhibitionList li h1 {
	   margin: 0 0 0 -8%;
	   font-size:1.0em;
	   font-weight:400;
	   padding: 0px 0px 0px 0px;
	   position:absolute;
	   top:0;
	   left:50%;
  }
   article.site ul.exhibitionList li .options {
	   bottom:0;
	   background-color:transparent;
	   width:60%;
	   right:0 !important;
	   left:inherit;
	   padding: 0px 0px 0px 0px;
	   border-top:1px solid #fff;
   }

   article.site ul.exhibitionList li .options a {
	   width:25px;
	   padding:6.5px 20px;
	   border-left:1px solid #fff;
   }

   article.site ul.exhibitionList li .options a:hover {
	   background-color:#cdcdcd;
	   background-color:rgba(0,0,0,0.1);
	   *background-color:#cdcdcd;
   }
      
   
   /*** Bildergalerie ***/
   
   .galerie {
	   margin:0 10px 10px 10px;
   }
   .galerie a {
	   display:block;
	   width:120px;	   
	   margin:0 0 10px 10px;
	   float:left;
   }
   
   .galerie-cropper {
		position: relative;
		width: 120px;
		height: 120px;
		overflow: hidden;
	   -webkit-border-radius:3px;
	   -moz-border-radius:3px;
	   border-radius:3px;   }

   .galerie a img {
   position: absolute;
	   max-width:250px;	 
	  	   
	   -webkit-border-radius:3px;
	   -moz-border-radius:3px;
	   border-radius:3px;
	   left: -40px;
	   top: 0px; 		
  }
   .galerie a:hover img {
	   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	   filter:alpha(opacity=80);
	   -moz-opacity:0.8;
	   -khtml-opacity:0.8;
	   opacity:0.8;
   }

/* ========================================================================
   Submenü
   ========================================================================== */
   
   aside.site {
	   margin:0 0 10px 10px;
	   float:left;
	   width:260px;
   }
   aside.site ul {
	   margin:0;
	   padding:0;
	   list-style:none;
   }
   aside.site ul li {
	   background-color:#36474f;
	   background-color:rgba(0,0,0,0.1);
	   *background-color:#36474f;
   }
   aside.site ul li a {
	   display:block;
	   white-space:nowrap;
	   padding:15px 20px;
	   /*margin-right:100px;*/
	   text-decoration:none;
	   font-family:'Open Sans',sans-serif;
	   font-weight:300;
	   font-size:1.2em;
	   color:#fff;
	   position:relative;
   }
   /* Sidemenü Hover */
   aside.site ul li a:hover {
       display:block;
	   background:#596970;
	   background-color:rgba(255,255,255,0.1);
	   *background-color:#596970;
   }
   aside.site ul li.aktiv a {
	   padding-right:52px;
	   /*margin-right:68px;*/
   }
   aside.site ul li.aktiv:after {
	   display:none;
   }
   aside.site ul li.aktiv a:after {
	   content:'';
	   width:17px;
	   height:12px;
	   background:url(files/graphicsprite.png) -185px 0;
	   position:absolute;
	   right:20px;
	   top:50%;
	   margin-top:-5px;
   }
   aside.site ul li.levUp {
	   background:#2f3d43;
	   background-color:rgba(0,0,0,0.2);
	   *background-color:#2f3d43;
   }
   aside.site ul li.levUp span {
	   display:block;
	   width:58px;
	   height:100%;
	   position:absolute;
	   right:0;
	   top:0;
	   border-left:1px solid;
	   border-color:#56676f;
	   border-color:rgba(255,255,255,0.1);
	   *border-color:#56676f;
   }
   aside.site ul li.levUp img {
	   height:30px;
	   position:absolute;
	   top:50%;
	   left:14px;
	   margin-top:-15px;
   }
   aside.site ul li.levUp a {
	   display:block;
	   margin:0;
	   padding-right:80px !important;
   }
   aside.site ul li.levUp a:hover {
	   background:#1f292f;
   }
   
   /*** Kacheln ***/
   
   aside.site .tile-grid-inner {
	   margin-left:0;
	   width:100% !important;
   }

/* ==========================================================================
   Media Query
   ========================================================================== */
   
   @media only screen and (max-width:1270px) {
	   
   .tile-grid-inner .news-teaser .txt time,
   article.site a.levUp {
	   display:none;
   }

   .tile-grid-inner .single-news-teaser .txt time,
   article.site a.levUp {
	   display:none;
   }
   
   }

/* ==========================================================================
   Media Query
   ========================================================================== */
   
   @media only screen and (max-width:1100px) {

/* ==========================================================================
   Grundraster
   ========================================================================== */
   
   .wrapper {
	   max-width:1090px;
	   margin:0 auto;
	   overflow:hidden;
   }
	   
   }

/* ==========================================================================
   Media Query
   ========================================================================== */
   
   @media only screen and (max-width:900px) {

/* ==========================================================================
   Submenü
   ========================================================================== */
   
   aside.site ul li.levUp {
	   display:none;
   }
	   
   }

/* ==========================================================================
   Media Query
   ========================================================================== */
   
   @media only screen and (max-width:740px) {

/* ==========================================================================
   Kopfelemente
   ========================================================================== */
   
   header.site {
	   padding:40px 0;
   }
   
   /*** Navigation ***/
   
   header.site nav {
	   margin-left:80px;
   }

/* ==========================================================================
   Kopfelemente
   ========================================================================== */
   
   /*** Show- / Hide Button ***/
   
   header.site a.showNav {
	   display:block;
	   float:right;
	   display:block;
	   width:48px;
	   height:48px;
	   background:url(files/graphicsprite.png) -48px -78px;
	   background-color:#2f3d43;
	   background-color:rgba(0,0,0,0.2);
	   *background-color:#2f3d43;
	   -webkit-border-radius:2px;
	   -moz-border-radius:2px;
	   border-radius:2px;
	   text-decoration:none;
	   position:relative;
   }
   header.site a.showNav:hover,
   header.site a.showNav.aktiv {
	   background-color:#1f292f;
   }
   header.site a.showNav:after{
	   left:inherit;
	   right:20px;
	   border:21px solid;
	   border-color:transparent #1f292f transparent transparent;
	   border-left-width:0;
	   border-bottom-width:0;
   }
   
   /*** Navigation ***/
   
   header.site nav {
	   display:none;
	   position:absolute;
	   right:10px;
	   top:112px;
	   margin:0;
	   float:none;
	   width:230px;
	   overflow:hidden;
	   z-index:10;
   }
   header.site nav section {
	   margin:0;
	   width:100%;
	   background-color:#1f292f;
   }
   header.site nav section a.btn {
	   display:none;
   }
   header.site nav section ul {
	   display:block;
	   position:inherit;
	   left:inherit;
	   top:inherit;
	   background-color:#1f292f;
   }
   header.site nav section.search {
	   padding:0 10px;
	   -webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
	   box-sizing:border-box;
   }
   header.site nav section form {
	   padding:0;
	   width:100%;
	   clear:both;
	   background-color:#2f3d43;
	   -webkit-border-radius:2px;
	   -moz-border-radius:2px;
	   border-radius:2px;
   }
   header.site nav section form input.search {
	   padding:0 10px;
	   width:60%;
	   background:none;
   }
   header.site nav section form input.submit {
	   left:inherit;
	   right:0;
	   background-color:#2f3d43;
	   -webkit-border-radius:2px;
	   -moz-border-radius:2px;
	   border-radius:2px;
   }
   header.site nav section form input.submit:hover {
	   background-color:#1f292f;
   }

/* ==========================================================================
   Artikel
   ========================================================================== */
   
   /*** Teaser-Liste ***/
   
   article.site ul.teaserList li,
   article.site ul.teaserList li:nth-child(2n) {
	   padding-bottom:45px;
   }
   article.site ul.teaserList li .options {
	   width:100%
   }
   
   }

/* ==========================================================================
   Media Query
   ========================================================================== */
   
   @media only screen and (max-width:660px) {

/* ==========================================================================
   Kachelelemente
   ========================================================================== */
   
   .tile-grid-inner {
	   font-size:0.8em;
   }
   
   /*** Caption ***/
   
   .tile-grid-inner span.caption {
	   left:10px;
	   bottom:9px;
   }
   .tile-grid-inner span.caption big {
	   font-size:2em;
   }
   .tile-grid-inner span.caption.dark {
	   padding:9px 10px;
   }
   
   /*** Navigation ***/
   
   .tile-grid-inner nav ul {
	   padding-top:4px;
   }
   .tile-grid-inner nav ul li a {
	   padding:8px 10px;
   }
   
   /*** News-Teaser ***/
   
   .tile-grid-inner .news-teaser img.motiv {
	   float:right;
   }
   .tile-grid-inner .news-teaser .txt {
	   float:left;
	   padding-right:10px;
	   position:relative;
   }
   .tile-grid-inner .news-teaser .txt h1 {
	   margin:10px 0px 0 10px;
   }

   /*** Single-News-Teaser ***/
   
   .tile-grid-inner .single-news-teaser img.motiv {
	   float:right;
   }
   .tile-grid-inner .single-news-teaser .txt {
	   float:left;
	   padding-right:10px;
	   position:relative;
   }
   .tile-grid-inner .single-news-teaser .txt h1 {
	   margin:10px 0px 0 10px;
   }
   
   
/* ==========================================================================
   Optionen
   ========================================================================== */
   
   .options a {
	   padding:10px 14px;
   }
   article.site .options {
	   bottom:-50px;
   }

/* ==========================================================================
   Artikel
   ========================================================================== */
   
   /*** Teaser-Liste ***/
   
   article.site ul.teaserList li,
   article.site ul.teaserList li:nth-child(2n) {
	   float:left;
	   margin:0 20px 20px 20px;
	   float:none;
	   width:inherit;
   }
   article.site ul.teaserList li img.motiv {
	   width:40%;
   }
   article.site ul.teaserList li h1 {
	   left:40%;
   }
   
   }

/* ==========================================================================
   Media Query
   ========================================================================== */
   
   @media only screen and (max-width:530px) {

/* ==========================================================================
   Kopfelemente
   ========================================================================== */
   
   header.site {
	   padding:20px 0 30px 0;
   }
   
   /*** Navigation ***/
   
   header.site nav {
	   top:92px;
   }

/* ==========================================================================
   Fußelemente
   ========================================================================== */
   
   footer.site {
	   padding-top:25px;
   }
   footer.site:before {
	   max-width:40%;
   }
   footer.site p span.anschrift {
	   display:none;
   }

/* ==========================================================================
   Kachelelemente
   ========================================================================== */
   
   .tile-grid-inner {
	   font-size:0.7em;
   }
   
   /*** News-Teaser ***/
   
   .tile-grid-inner .news-teaser img.motiv {
	   float:left;
   }
   .tile-grid-inner .news-teaser .txt {
	   float:right;
   }

   /*** Single-News-Teaser ***/
   
   .tile-grid-inner .single-news-teaser img.motiv {
	   float:left;
   }
   .tile-grid-inner .single-news-teaser .txt {
	   float:right;
   }
/* ==========================================================================
   Artikel
   ========================================================================== */
   
  /*** Typografie ***/
   
   article.site h1 {
	   font-size:2em;
	   line-height:1.1;
	   padding-top:20px;
	   margin:10px 0;
   }
   article.site h2 {
	   padding-top:00px;
	   margin:20px 0 15px 0;
   }
   article.site h3 {
	   padding-top:00px;
	   margin:20px 0 15px 0;
   }
   article.site h4 {
	   padding-top:00px;
	   margin:20px 0 15px 0;
   }   
   
   article.site p {
	   margin:0 0 20px 0;
   }
   
   /*** Abstand ***/
   
   article.site h1,
   article.site h2,
   article.site p,
   article.site form,
   article.site .slideTxt,
   article.site table {
	   margin-left:16px;
	   margin-right:16px;
   }
   article.site .galerie {
	   margin-left:6px;
	   margin-right:6px;
   }
   
   /*** Formular ***/
   
   article.site form p {
	   padding:0 1px 1px 1px;
   }
  article.site form p.captcha {
	   width:260px;
	   max-width:100%;
   }
   article.site form label {
	   display:block;
	   position:inherit;
	   left:inherit;
	   top:inherit;
	   padding:10px;
   }
   article.site form p.info {
	   width:100%);
	   padding:0;
   }
   article.site form input.txt,
   article.site form p.small input.txt,
   article.site form select,
   article.site form .container,
   article.site form textarea,
   article.site form p.small input.txt {
	   -webkit-border-radius:3px;
	   -moz-border-radius:3px;
	   border-radius:3px;
	   float:none;
	   margin:0;
	   width:100%;
	   -webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
	   box-sizing:border-box;
   }
   article.site form p.captcha img {
	   width:50%;
	   margin:0;
   }
   article.site form p.captcha input.txt {
	   width:50%;
	   -webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
	   box-sizing:border-box;
	   margin:0;
	   -webkit-border-top-left-radius:3px;
	   -webkit-border-bottom-left-radius:3px;
	   -moz-border-radius-topleft:3px;
	   -moz-border-radius-bottomleft:3px;
	   border-top-left-radius:3px;
	   border-bottom-left-radius:3px;
   }
   article.site form select {
	   width:100%;
   }
   article.site form p span.error,
   article.site form p span.info {
	   padding:10px;
   }
   
   /*** Bild-Text ***/
   
   article.site .img-txt img {
	   float:none;
	   width:80px;
	   margin:0 0 20px 0;
   }
   article.site .img-txt .txt {
	   width:100%;
   }
   
   }

/* ==========================================================================
   Media Query
   ========================================================================== */
   
   @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
		  only screen and (-moz-min-device-pixel-ratio: 1.5),
		  only screen and (min-resolution: 240dpi) {
   
   header.site a.logo,
   header.site nav section .btn,
   header.site nav section .submit,
   header.site a.showNav,
   header.site nav section ul li.aktiv a:after,
   aside.site ul li.aktiv a:after,
   article.site form input.check:checked,
   article.site .slideTxt a.slideLink:after {
	   -moz-background-size:260px 400px;
	   -o-background-size:260px 400px;
	   -webkit-background-size:260px 400px;
	   background-size:260px 400px;
	   background-image:url(files/graphicsprite@2x.png) !important;
   }
   article.site form select {
	   -moz-background-size:26px 16px;
	   -o-background-size:26px 16px;
	   -webkit-background-size:26px 16px;
	   background-size:26px 16px;
	   background-image:url(files/select-arrow@2x.png) !important;
   }
   
   }