﻿@font-face {
  font-family: 'Museo';
  font-style: normal;
  font-weight: 300;
  src: local('Museo Sans 300'), local('Museo-Sans-300'), url(../fonts/Museo-Sans-300.woff) format('woff');
}
@font-face {
  font-family: 'Museo';
  font-style: normal;
  font-weight: 700;
  src: local('Museo Sans 700'), local('Museo-Sans-700'), url(../fonts/Museo-Sans-700.woff) format('woff');
}
@font-face {
  font-family: 'Museo';
  font-style: normal;
  font-weight: 900;
  src: local('Museo Sans 900'), local('Museo-Sans-900'), url(../fonts/Museo-Sans-900.woff) format('woff');
}
@font-face {
  font-family: 'BlackKnight';
  font-style: normal;
  font-weight: 900;
  src: local('BlackKnight'), local('BlackKnight'), url(../fonts/BlackKnightFLF.woff) format('woff');
}

.containerT3 * {
  margin:0;
  padding:0;
}
html, body {
  height: 100%;
}

html {
  overflow-y: scroll;
}


.T3fonts {
  font-family: "Museo",Helvetica,Arial,sans-serif;
  font-size: 1.25em;
  line-height: 1.3;
  font-weight:400;
}

div.T3fonts a:link {text-decoration: none;color:#ffffff}
div.T3fonts a:visited {text-decoration: none;color:#ffffff}
div.T3fonts a:active {text-decoration: none;color:#ffffff}
div.T3fonts a:focus {text-decoration: none;color:#ffffff}


hr {
  display: block;
}


h6 {
  font-family: "Museo",Helvetica,Arial,sans-serif;
  text-transform: uppercase;
  font-weight:600;
}


.footerlinie {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
}

sup {
  text-transform:none;
}

/*
h1,h2,h3,h4{
  font-family: "Museo",Helvetica,Arial,sans-serif;
  font-weight:900;
}
*/
.csc-textpic-text h2{
  margin:0px;
  }
.csc-textpic-text h3{
  margin:0px;
  }
.tx-powermail {
    margin-top: 20px;
}

/*
img {
  height: auto;
  width: auto;
  max-width: 100%;
  display: block;
}


ul, ol {
  margin-left: 1.1em;
}
ul.nav li.dropdown:hover ul.dropdown-menu{
  display:block;
  margin-top:0px;
  }

label em, legend em{
  display:inline;
}

option{
  padding: 0px 0px 0px 10px;
  }

dd p{
  margin:0px;
}

*/
/* ul.csc-menu, .csc-menu li, .csc-menu a{
  list-style:none;
  text-decoration:none;
  float:left;
  margin:10px 8px 20px 0px;
  font-weight:900;
  color:#000;
  }*/
/*Farben*/

.grau{
  color:#5d696e!important;
  }
.blau{
  color:#25b9cd!important;
  }
.magenta{
  color:#e94182!important;
  }
.gelb{
  color:#fabb1e!important;
  }
.violett{
  color:#b40071!important;
  }
.gruen{
  color:#c3cb00!important;
 }
.stoerer{
  background-color: #25b9cd;
  width: 200px;
  height: 200px;
  border: 0px solid ;
  text-align: center;
  border-radius:100px
  }
.stoerer a{
  color: #fff;
  font-size: 26px;
  font-weight: 900;
  left: 0px;
  line-height: 1em;
  position: relative;
  text-align: center;
  text-decoration: none;
  top: 87px;
  width: 200px;
  }
.nohyphens{
  hyphens: none;
  -webkit-hyphens:none;
  -ms-hyphens: none;
  }
.logoT3 {
  background-image: url(../images/Logo-Haus-der-Bayerischen-Geschichte.svg);
  background-repeat: no-repeat;
  position:relative;
  top: 30px;
  width:231px;
  height:48px;
}
.logo-print{
  display:none;
  }
/*Hintergrund-Element Fraktur */
.tx-dce-pi1{
  min-height:340px;
  }
.frakturBild
{
  padding:0px;
}
.initiale{
margin:-70px 0px 0px 220px
    }
.frakturBuchstabe
{
  font-family: "BlackKnight", Helvetica;
  font-size:36em;
  color: #fabb1e;
  position:absolute;
  margin:0px auto;
  z-index:3;
}
.frakturText
{
 padding: 10px 0px 0px 0px;
}
.frakturLink{
  text-align:center;
  }
.frakturLink a
{
  background-color: #3bb0c9;
    color: #fff;
    display: block;
    margin: 10px auto;
    padding: 10px 20px;
    text-decoration: none;
    width: 200px;
    text-align:center;
}
.bildTextButton{
  margin:0px 0px 0px 35%;
  text-align:center;
  }

.important {
  float: left;
  font-family: "BlackKnight";
  font-size: 8em;
  margin: -34px 16px -30px 0;
  color: #25b9cd;
}
.subT3 ul{
  display:none;
  }
.subT3:hover > ul {
  display: block;
  margin: -30px 0px 0 170px;
  position:absolute;
}
/*.subsub li:hover > ul{
  display: block;
  margin: -30px 0px 0 170px;
  position:absolute;
  }*/
.subT3 ul li a{
  line-height:1.1em!important;
}
.subsubT3 li a{
  padding:0px 10px 10px 10px;
  display:block;
  }

.survey_item > input {
    width: 98%;
}
.survey_item > textarea {
    width: 98%;
}
input[type=radio]{
  width:10px;
}
.copyright{
  font-size: 0.7em;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  text-align:right;
  margin: -3px 34% 30px 34%
  }
#suche{
  margin:80px 40px 0px 40px;
  }
#werkzeuge{
  margin:80px 20px 0px 40px;
  }
#werkzeuge a{
  color:#fff;
  text-decoration:none;
  }
#werkzeuge h2{
  font-size:3em;
  color:#fff;
  font-weight:300;
  }
#suche hr{
  opacity:0.5;
  margin:10px 0px 25px 0px;
  }
#suche h2{
  font-size:3em;
  color:#fff;
  font-weight:300;
  }
.suche-icon {
  padding: 0px 0px 0px 0px;
  margin: 35px 0 0 0px;
}

#service_button{
  width:40px;
  height:100%;
  position:absolute;
  right:0px;
  top:0px;
  background-color:#25b9cd;
  z-index:100;
  }
#hilfe{
  cursor:help;
  transform: rotate(270deg);
  position:absolute;
  top:50%;
  color:#fff;
  margin:0px 0px 0px 4px;
  }
#close-hilfe{
  background-image:url(/reform/fileadmin/project/Resources/images/Suche-Close.png);
  margin:0px 0px 0px 0px;
  background-color:#25b9cd;
  position:absolute;
  top:40px;
  right:40px;
  width:25px;
  height:25px;
  }
#service_anzeige{
  min-width:420px;
  height:100%;
  display:none;
  position:absolute;
  right:0px;
  top:0px;
  background-color:#25b9cd;
  z-index:100;
  }
#search{
  width:320px;
  }
.drucken {
    position: absolute;
    bottom: 0px;
}
.tab a {
  position: absolute;
  left:-1000px;
  top:-1000px;
  background: #25b9cd none repeat scroll 0 0;
  color: #fff;
  display: block;
  font-size: 3.5em;
  font-weight: 700;
  height: 100px;
  padding: 5px 0 0 5px;
  text-decoration: none;
  width: 458px;
  z-index: 2000 !important;
}
.tab a:focus {
  position:absolute;
  left: 0;
  top: 0;
  text-align: center;
  z-index: 2000!important;
}
.tx-powermail h3, legend{
  color:#fff;
  display:none;
  }
.tx-powermail .control-label{
  font-weight:normal;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  }
.tx-powermail .btn-primary{
  background: #25b9cd none repeat scroll 0 0;
    border: medium none;
    color: #ffffff;
    padding: 5px 40px;
  }

.csc-mailform{
  background-color: #FFF;
  opacity: .9;
  padding: 1px 10px;
}
.csc-mailform ol {
list-style:none;
}
.csc-form-element-submit input{
    background: #004c80;
    border: none;
    color: #5C676F;
    padding: 5px 40px;
    border:none;
    border-radius:0px!important;
    padding:0px;
    margin:10px 0px 20px -4px;
    color:#fff;
}
.csc-form-element-submit input:hover, csc-form-element-submit input:focus{
    color:#fff!important;
}
.csc-form-element-textline label{
  width:138px;
}
.csc-form-element-textarea textarea{
  max-width:96%;
}

.tx-pbsurvey-pi1{
  background-color: #5C676F;
  opacity: 0.9;
  padding: 1px 10px 10px;
}
.tx-pbsurvey-pi1 legend{
  font-size:1em;
  border-style: none none none;
  margin-bottom:0px;
}
.questionSubtext p {
  margin:0px;
}
.csc-default {
  margin-bottom:20px;
}
.csc-frame{
  background-color:#fff!important;
    /*opacity: 0.9;*/
}
.csc-frame .csc-header{
  margin-top:0px!important;
  padding:0px!important;
}
.mitmachen{
  background-color: #018bc6;
  opacity:0.9;
  padding: 1px 10px 10px;
  color:#fff;
}
h2.mitmachen, p.mitmachen{
  opacity:1;
}

.mitmachen input{
  border:none;
  padding:5px 22px;
  margin-bottom:5px;
  margin-right: 5px;
}
.mitmachen .submit{
  background: #004c80;
  border:none;
  color:#fff;
  padding:5px 40px;
  /*display:block;*/
}
#frmPbSurvey .formbuttons input{
  background: #004c80;
  border:none;
  color:#fff;
  padding:5px 40px;
}

/* Wrapper for page content to push down footer */
#wrapT3 {
  height: auto !important;
  /* Negative indent footer by its height */
  margin: 0 auto 0;
  /* Pad bottom by footer height */
  /*padding: 0 0 60px;*/
}
#hdbg-logo {
  width:230px;
  height:51px;
  float:left;
  margin:0px 15.6% 0px 0px;
}
.navbar {
  float:right;
  width:100%;
  /*position:absolute;
  right:0px;
  top:0px;
  width:100%;
  padding:20px 0px 0px 33%;
  margin:-77px 0px 20px 500px;*/
  }
.navbar-nav {
  float: right;
  margin: 0 0 0 -15px;
  width:100%;
  padding-left:30%;
}
.navbar-nav > li {
    float: left;
}
#stmbw {
  float:right;
  margin-top: -17px;
  padding-right: 50px;
}

/*
#menuHeader {
  background-color:#013763;
  width:230px;
  height:269px;
}
#menuHeader img {
  padding-top:152px;
}
.news-single {
  background-color: #fff;
  opacity: 1;
  padding: 1px 10px 10px;
  margin-top: -1px;
}
.navbar-right {
  padding: 3px 0px 0px 0px;
  position: absolute;
  right: 0;
  top: 100px;
  width: 30px;
}
.navbar-right li {
  background-color:#FFF;
  height:16px;
  display:block;
  width:230px;
  margin:1px 0px 1px 0;
  opacity:0.9;
}
.navbar-right li a {
  font-size:10px;
  color:#013763!important;
  z-index:1000;
  padding:0px 0px 0px 8px;
  font-weight:normal;
  line-height:7px;
}
.tx-indexedsearch{
  padding: 0px;
}
*/

/*.active .no5 {
  background-image:url(../images/Der-Standort_aktiv.jpg);
  background-repeat:none;
  width:270px;
  height:55px;
}
.no5 {
  background-image:url(../images/Der-Standort.jpg);
  background-repeat:none;
  width:230px;
  height:55px;
}
.active .no6 {
  background-image:url(../images/Die-Architektur_aktiv.jpg);
  background-repeat:none;
  width:270px;
  height:55px;
}
.no6 {
  background-image:url(../images/Die-Architektur.jpg);
  background-repeat:none;
  width:230px;
  height:55px;
}
.active .no32 {
  background-image:url(../images/Das-Konzept_aktiv.jpg);
  background-repeat:none;
  width:270px;
  height:55px;
}
.no32 {
  background-image:url(../images/Das-Konzept.jpg);
  background-repeat:none;
  width:230px;
  height:55px;
}
.active .no37 {
  background-image:url(../images/Die-Themen_aktiv.jpg);
  background-repeat:none;
  width:270px;
  height:55px;
}
.no37 {
  background-image:url(../images/Die-Themen.jpg);
  background-repeat:none;
  width:230px;
  height:55px;
}
.active .no38 {
  background-image:url(../images/Die-Buergerbeteiligung_aktiv.jpg);
  background-repeat:none;
  width:270px;
  height:55px;
}
.no38 {
  background-image:url(../images/Die-Buergerbeteiligung.jpg);
  background-repeat:none;
  width:230px;
  height:55px;
}
.active .no39 {
  background-image:url(../images/Das-Depot_aktiv.jpg);
  background-repeat:none;
  width:270px;
  height:55px;
}
.no39 {
  background-image:url(../images/Das-Depot.jpg);
  background-repeat:none;
  width:230px;
  height:55px;
}*/
/* Set the fixed height of the footer here */
footer {
  padding: 0px 0px 20px 0px;
  background-color: #25b9cd;
  color:#fff;
}
footer hr{
  opacity:0.5;
  }
footer .containerT3 {
  padding-top: 40px;
}
footer h3{
  text-transform:uppercase;
  }
footer a{
  color:#fff;
  text-decoration:none;
  }
footer h3{
  text-transform:uppercase;
  color:#fff;
  font-size:1em;
  }
footer thead{
  height:50px;
  }
footer .block{
  float:left;
  width:18.3%;
  }
.copyHdBG{
  float:left;
  padding:33px 0px 0px 0px
  }
.copyHdBG a{
  color:#fff;
  text-decoration:none;
  }
#km {
  background-image:url(../images/a4_w_stmbkwk.png);
  background-repeat:none;
  display:block;
  width:409px;
  height:52px;
  }

.headerservice {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
.marginbottom {
  margin-bottom: 1.5em;
}
.topheaderT3 {
  margin: 0 auto;
  padding:0px 0px 0px 0px;
  max-width: 800px;
}

 @media (min-width: 601px) {
.topheaderT3 {
  min-height: 80px;
  max-width: 800px;
  background-position: 100% 0;
  background-repeat: no-repeat;/*padding-top: 30px;*/
  }
.floatright {
  float: right;
}
}

 @media (max-width: 860px) {
.flexslider .slides img {
    display: block;
    padding: 0 0 0 50%;
}
.tx-ws-flexslider .caption-text {
    margin: -220px 0 0;
    width: 310px;
}
.slides, .flex-control-nav, .flex-direction-nav {
    padding: 30px 0 0;
}
}

 @media (min-width: 992px) {
.topheaderT3 {
  max-width: 966px;
}
.col-md-3 {
  margin-right: 47px;
}
}

@media (max-width: 992px) {
.tx-ws-flexslider .caption-title {
   font-size: 1.6em;
  }
#hdbg-logo {
    margin: 0 15.6% 50px 0;
}
.frakturBuchstabe {
    font-size: 30em;
  }
.bildTextButton {
    margin: 0 0 0 20%;
    text-align: center;
}
.initiale {
    margin: -70px 0 0;
}
.tx-ws-flexslider .caption-title {
    padding: 13% 0 0;
}
}

@media (min-width: 1200px) {
.topheaderT3 {
  max-width: 1280px;
}
.col-md-3 {
  margin-right: 0px;
}
}

@media (max-width:1200px){
.tx-ws-flexslider .caption-text {
    width: 320px;
}
.tx-ws-flexslider .caption-title {
    padding: 0 0 0;
}
.flex-pauseplay a {
    left: 290px;
  }
}

@media (max-width:1280px){
.cbp-hrmenu > ul > li > a {
  padding: 1em 0 2em 1em !important;
  font-weight:300!important;
  font-size:0.8em!important;
  }
  #hdbg-logo{width:120px;}
  .parentTitle{font-size:1.5em!important;padding:10px 0px 0px 58px;}
}
@media (max-width:1280px){
.breadcrumb {
    display:none;
  }
}


@media (max-width: 768px) {
.navbar-toggle{
  margin-right:0px;
}
.suche-icon {
  display:none;
}
#menuHeader img {
  padding-top:0px;
}
#menuHeader {
  height:119px;
  margin:-51px 0px 0px -8px;
}
#hdbg {
  float: left;
  height: 51px;
  margin: -17px 0px 0px 0px;
  width: 100%;
}
.containerT3{
  padding:0px 5px 0px 5px;
  }

}

@media (max-width: 690px) {
#service{
  display:none;
}
#hdbg-logo {
    float: none;
  }
}

/*Handy Display*/
@media (max-width: 600px) {
.cbp-hrmenu > ul > li.cbp-hropen a, .cbp-hrmenu > ul > li.cbp-hropen > a:hover {
    background-image:none!important;
  }
.logo {
    top: 8px;
}
.cbp-hrmenu > ul > li {
    border-bottom: 2px solid #25b9cd!important;
}
.cbp-hrmenu > ul > li > a {
    padding: 5px 0px 5px 0px!important;
}
#km {
    display: none;
  }
.initiale {
    margin: -45px 0 0;
}
.topheaderT3 {
  background-image: none !important;
}
.tx-ws-flexslider{
  display:none;
  }
h1{font-size:1.3em;padding:0px;margin:0px}
h2{font-size:1.2em;}
h3{font-size:1.1em;}
h4{font-size:1.0em;}


.frakturBuchstabe
{
  font-family: "BlackKnight", Helvetica;
  font-size:12em;
  color: #fabb1e;
  position:absolute;
  left:18%;
  margin-top:-30px;
  z-index:3;
}
.cbp-hrmenu > ul > li.cbp-hropen a, .cbp-hrmenu > ul > li.cbp-hropen > a:hover {
  font-weight: 300!important;
  font-size:1em;
  }
.bildTextButton {
  margin: 0px;
  }
.cbp-hropen .cbp-hrsub {
    display: block;
    padding: 0px!important;
}
/*.flexslider .slides img {
    display: block;
    padding: 0px;
}
.tx-ws-flexslider .caption-title {
    color: #5c676f;
    font-family: "Museo",Helvetica,Arial,sans-serif;
    font-size: 1.3em;
    font-weight: 900;
    line-height: 1em;
    padding: 0px;
}*/
footer .block {
    clear: left;
    width: 100%;
}

/*
#service_button {
    background-color: #25b9cd;
    height: 100%;
    margin: 117px 0 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 35px;
    z-index: 100;
}
#hilfe {
    color: #fff;
    cursor: help;
    margin: 0;
    position: absolute;
    top: 45%;
    transform: rotate(270deg);
}
#suche h2 {
    color: #fff;
    font-size: 1em;
    font-weight: 300;
}
#werkzeuge h2 {
    color: #fff;
    font-size: 1em;
    font-weight: 300;
}
#suche hr {
    margin: 2px 0 5px;
    opacity: 0.5;
}
.containerT3{
  padding:0 5px;
  }
.navbar-toggle{
  margin-right:0px;
  margin-bottom:0px;
  margin-top:20px;
}
*/

body{
  background-color:#ffffff!important;
}
.parentTitle{
  display:none;
  max-width:0px;
  }
.cbp-hrmenu .cbp-hrsub-inner > div {
    margin: 0 0 0 0!important;
    width: 100%;
}
.suche-icon {
  display:none;
}
#supersized{
  display:none!important;
}
.topheaderT3 {
  text-align: center;
}

.cbp-hrmenu > ul > li {
    border-bottom: 2px solid #25b9cd;
    display: block;
}

.cbp-hropen .cbp-hrsub {
    display: block;
    padding: 1em 0 1em 0;
}
#service_anzeige {
    background-color: #25b9cd;
    display: none;
    height: 100%;
    min-width: 300px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 100;
}

/*
#menuHeader img {
  padding-top:0px;
}
#menuHeader {
  height:119px!important;
  margin:-22px 0px 0px -8px;
}
*/

#hdbg {
  float: left;
  height: 51px;
  margin-top: -17px;
  width: 100%;
}
#stmbw {
  visibility:hidden;
}

aside {
    margin-top: 0px;
}
}



/* ---Language Menu ---
ul.flagmenu {
  margin: 0;
  padding: 0;
  max-height: 2em;
  overflow: hidden;
}
.flagmenu li {
  padding: 1em 0 0 5px;
  margin: 0;
  list-style: none;
  float: right;
  font-size: 90%;
  color: #ccc;
}
.flagmenu li a, .flagmenu li span {
  text-decoration: none;
  display: block;
  text-indent: -9999px;
}
.flagmenu.noflags li a, .flagmenu.noflags li span {
  text-indent: 0;
  display:inline;
}
.flagmenu.noflags li + li:after {
  content: "|";
  padding: 0 0 0 5px;
  color: #ccc;
}
.flagmenu.noflags li {
  padding-top: 0.5em;
}
.flagmenu a.flags, .flagmenu span.flags {
  width: 20px;
  height: 20px;
  background: url(../images/flagsprite.gif) no-repeat 0 0;
}
.flagmenu a.flags0 {
  background-position: 0 0;
}
.flagmenu span.flags0 {
  background-position: -20px 0;
}
.flagmenu a.flags1 {
  background-position: 0 -20px;
}
.flagmenu span.flags1 {
  background-position: -20px -20px;
}
 */

 */

/*css styled content*/
.csc-textpic-intext-right-nowrap .csc-textpic-text {
  margin-right: 0 !important;
}
.csc-textpic-intext-left-nowrap .csc-textpic-text {
  margin-left: 0 !important;
}
 @media screen and (min-width: 420px) {
.csc-textpic-intext-left > .csc-textpic-imagewrap,  .csc-textpic-intext-left-nowrap > .csc-textpic-imagewrap,  .csc-textpic-intext-right-nowrap > .csc-textpic-text {
  float: left;
  width: 50%;
}
.csc-textpic-intext-left-nowrap > .csc-textpic-text,  .csc-textpic-intext-right > .csc-textpic-imagewrap,  .csc-textpic-intext-right-nowrap > .csc-textpic-imagewrap {
  float: right;
  width: 50%;
}
.csc-textpic-intext-left .csc-textpic-imagewrap {
  margin: 10px 10px 0px 0px;
}
.csc-textpic-intext-right .csc-textpic-imagewrap {
  margin-left: 10px;
}
}
.csc-textpic:before, .csc-textpic-imagewrap:before, .csc-textpic:after, .csc-textpic-imagewrap:after {
  content: "";
  display: table;
}
.csc-textpic:after, .csc-textpic-imagewrap:after {
  clear: both;
}
.csc-textpic-imagewrap img, .csc-textpic-imagerow img {
  border: medium none;
  margin-bottom: 0;
  vertical-align: bottom;
}
.csc-textpic-imagecolumn {
  max-width: 100%;
  float: left;
  padding:0px 5px 0px 0px;
}
.csc-textpic-imagecolumn.csc-textpic-col, .csc-textpic-imagecolumn.csc-textpic-lastcol {
  margin-right: 0;
}
.csc-textpic-left > .csc-textpic-imagewrap {
  text-align: left;
}
.csc-textpic-intext-left-nowrap .csc-textpic-text {
  margin-left: auto !important;
}
.imagewidth30 .csc-textpic-intext-left-nowrap > .csc-textpic-text {
  width: 70%;
}
.imagewidth15 .csc-textpic-intext-left-nowrap > .csc-textpic-text {
  width: 83.3333333333%;
}
.csc-textpic-center img {
  margin: 0 auto;
}
.csc-textpic-center > .csc-textpic-text {
  text-align: left;
}
.csc-textpic-imagerow .csc-textpic-caption{
 /* margin-right:33.3%;*/
  }
.csc-textpic-caption {
  font-size: 0.7em;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}
.csc-textpic-caption-c {
  text-align: center;
}
.csc-textpic-caption-r {
  text-align: right;
}
[data-csc-cols="3"] .csc-textpic-imagecolumn figcaption {
    padding: 0px 0px 0px 0px;
}
[data-csc-cols="1"] .csc-textpic-imagecolumn {
  max-width: 100%;
}

[data-csc-cols="2"] .csc-textpic-imagecolumn {
  max-width: 50%;
}
.csc-textpic-below figure, .csc-textpic-above figure {
  margin: 0 0 0px 0;
}
.csc-textpic-imagewrap figure{
  margin: 10px 0px 0px 10px;
}
.csc-textpic-imagewrap[data-csc-cols="1"]{
  margin: 0px 10px 0px 0px;
  width:35%;
}
div.csc-textpic, div.csc-textpic div.csc-textpic-imagerow, ul.csc-uploads li {
  overflow: hidden;
}
/*
.csc-textpic-intext-left ol, .csc-textpic-intext-left .csc-textpic-text ul {
  overflow: auto;
}
*/
[data-csc-cols="2"] .csc-textpic-imagecolumn {
  width: 50%;
}
[data-csc-cols="3"] .csc-textpic-imagecolumn {
  width: 33.3%;
  padding-right: 5px;
}
[data-csc-cols="4"] .csc-textpic-imagecolumn {
  width: 25%;
}
div.csc-frame-rulerBefore {
  border-top: 1px solid #ccc;
  margin: 1.5em 0 0 0;
}
div.csc-frame-rulerAfter {
  border-bottom: 1px solid #ccc;
  margin: 0 0 1.5em 0;
}
div.csc-frame-indent {
  padding-left: 100px;
}
div.csc-frame-indent3366 {
  padding-left: 33%;
}
div.csc-frame-indent6633 {
  padding-right: 33%;
}
.csc-frame-frame1 {
  background-color: #f5f5f5;
  margin-bottom: 1.5em;
}
.layout2 .csc-frame-frame1 {
  min-height: 20em;
}
.csc-frame-frame2 {
  background-color: #414141;
  padding: 1.5em;
  margin-bottom: 1.5em;
  color: #5C676F;
}
.csc-frame h1, .csc-frame h2, .csc-frame h3, .csc-frame h4, .csc-frame h5 {
  margin-top: 0;
}
.csc-uploads:before, .csc-uploads:after {
  content: "";
  display: table;
}
.csc-uploads:after {
  clear: both;
}
ul.csc-uploads {
  margin: 0 0 20px 0;
}
ul.csc-uploads li {
  border-bottom: 1px solid #ccc;
}
ul.csc-uploads span {
  display: block;
}
ul.csc-uploads span.csc-uploads-description {
  width: 80%;
  float: left;
}
ul.csc-uploads img {
  width: auto;
  float: left;
  margin-right: 6px;
}
ul.csc-uploads span.csc-uploads-fileSize {
  width: 20%;
  text-align: right;
  float: right;
}
table {
  width: 100%;
}
/* Anpassungen fuer form */
.csc-form-element-submit input, .csc-form-confirmation-false input, .csc-form-confirmation-true input {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.428571429;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.csc-form-element-submit input:focus, .csc-form-confirmation-false input:focus, .csc-form-confirmation-true input:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.csc-form-element-submit input:hover, .csc-form-element-submit input:focus, .csc-form-confirmation-false input:hover, .csc-form-confirmation-true input:hover, .csc-form-confirmation-false input:focus, .csc-form-confirmation-true input:focus {
  color: #333333;
  text-decoration: none;
}
.csc-form-element-submit input:active, .csc-form-element-submit input .active, .csc-form-confirmation-false input:active, .csc-form-confirmation-true input:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.csc-form-confirmation-false input {
  background:red;
  color:#fff;
}
.csc-form-confirmation-true input {
  background:#228811;
  color:#fff;
}
.csc-form-confirmation li {
  float:left;
}
.btn {
  height: 34px;
}
/* Headlines */
.csc-header-alignment-right, .align-right {
  text-align: right;
}
.csc-header-alignment-center, .align-center {
  text-align: center;
}
.align-justify {
  text-align: justify;
}

 @media only screen and (max-width:520px) {
ul.breadcrumb {
  display:none;
}
}
/* news pagination
.page-navigation {
  font-size:80%;
  text-align: center;
}
.news .page-navigation p {
  float: none;
}
.news .page-navigation ul {
  float: none;
  margin: 0;
}
.news .page-navigation ul li {
  float: none;
  display: inline;
}
.news .page-navigation ul li a {
  display: inline;
  padding: 1px 2px;
}
*/
*/
/* adustments for print */
@media print {
.news .article .news-img-wrap a, .news-list-view .dl-horizontal dt a {
  padding: 0;
  border: 0 none;
}
}

.T3fonts { font-size: 1em; }