/*******************************************

Datei:     layout.css
Aufgabe:  globale Styles / Layout
Ersteller:  Online Now! GmbH / http://www.online-now.de
Version:  26.09.2013
Letzte Änderung: 15.12.2016

********************************************/

/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

article, content-right, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }



/*
  Google Schrift einbinden 
*/

/*@import url(https://fonts.googleapis.com/css?family=Lato);*/

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Force vertical scrollbar in non-IE
 * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */

html{
  background:#e4e4e4 url(../images/bg_site.jpg) repeat-y top center;
  font-size: 100%; 
  overflow-y: scroll; 
  -webkit-text-size-adjust: 100%; 
  -ms-text-size-adjust: 100%;
}


/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */

::-moz-selection { background: #666; color: #fff; text-shadow: none; }
::selection { background: #666; color: #fff; text-shadow: none; }


/* =============================================================================
   Links
   ========================================================================== */

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }


/* =============================================================================
   Typography
   ========================================================================== */



b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: normal; } 

hr { 
  display: block; 
  height: 10px; 
  border:none; 
  margin: 20px 0 10px 0; 
  padding: 0; 
  background: transparent url(../images/dotted_line_boxen_horizontal.gif) repeat-x;
}

ins { text-decoration: none; }

mark { font-style: italic; font-weight: bold; }

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp {font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin: 1em 0; padding: 0 0 0 2.5em; }
dd { margin: 0 0 0 2.5em; }


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/e
 */

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

/*
 * Correct overflow not hidden in IE9
 */

svg:not(:root) { overflow: hidden; }


/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }


/* =============================================================================
   Forms start
   ========================================================================== */

  form { margin: 0; }
  fieldset { border: 0; margin: 0; padding: 0; }
  
  label { cursor: pointer; }
  
  legend { border: 0; *margin-left: -0.7em; padding: 0; color: #fff; font-weight: bold; margin-bottom: 0; }
  
  button, input { *overflow: visible; }
  
  table button, table input { *overflow: auto; }

/* label deaktiviert (mb, 11.09.2013), da Button_Darstellung in webkit-browsern -> sollte generell gepr?ft werden */
  label, select, button, input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"], textarea { 
    cursor: pointer; 
    /* -webkit-appearance: button; */
    border-radius: 0 !important;  
  }
    
  input[type="submit"] { 
    height:30px !important;
    color:#fff !important;
    padding:5px 10px 10px 10px !important;
    font-weight:bold !important;
    border:0 !important;
    font-weight:bold;
  }
  
  .tx-onhelperclasses-form-field {
     margin: 0 0 10px 0;
  }
  .tx-onhelperclasses-form-field label {
   float:left;
   width: 150px;
  }
  
  input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
  input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
  input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
  
  button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
  
  textarea { overflow: auto; vertical-align: top; resize: vertical; }
  
  input:valid, textarea:valid {  }
  input:invalid, textarea:invalid {}

       /*label:hover, */label:focus {
          outline: 1px solid #fff;
       }
  /* Registration: Community Avatars */
  .controls.controls-row > ul li {
    float: left;
  }
  .imgHover {
	width:60px;
	height:60px;
  }  
	   

/* =============================================================================
   Forms ende
   ========================================================================== */


/* =============================================================================
   Tables start
   ========================================================================== */

  table { border-collapse: collapse; border-spacing: 0; }
  td { vertical-align: top; }

/* =============================================================================
   Tables ende
   ========================================================================== */

/* =============================================================================
   barrierefreie Zusatznavigation start
   ========================================================================== */
  .sr-hint {
    display:inline;
    position:absolute;
    left:-9999px;
    top:-9999px;
    height:0;
    width:0;
    background:white;
  }
  
  .sr-hint a:focus {
    display:block;
    position:absolute;
    left:10320px;
    top:10150px;
    width:20em;
    line-height:5em;
    text-align: center;
    padding:0.5em;
    background-color:#ffffff;
    z-index:3000;
    font-size:1.25em;
  }

/* =============================================================================
   barrierefreie Zusatznavigation ende
   ========================================================================== */


/*********************************

   START LAYOUT.CSS 

*********************************/


/* =============================================================================
   Fonts start
   ========================================================================== */

  /*@import url(https://fonts.googleapis.com/css?family=Lato);*/
  
  @font-face {
      font-family: 'Lato';
      font-style: normal;
      font-weight: 300;    
      src: url('../fonts/lato-light.eot');
      src: url('../fonts/lato-light.eot') format('embedded-opentype'),
           url('../fonts/lato-light.woff') format('woff'),
           url('../fonts/lato-light.ttf') format('truetype'),
           url('../fonts/lato-light.svg#LatoLight') format('svg');
  }
  @font-face {
      font-family: 'Lato';
      font-style: normal;
      font-weight: 400;    
      src: url('../fonts/lato-regular.eot');
      src: url('../fonts/lato-regular.eot') format('embedded-opentype'),
           url('../fonts/lato-regular.woff') format('woff'),
           url('../fonts/lato-regular.ttf') format('truetype'),
           url('../fonts/lato-regular.svg#LatoRegular') format('svg');
  }
  @font-face {
      font-family: 'Lato';
      font-style: normal;
      font-weight: 700;    
      src: url('../fonts/lato-bold.eot');
      src: url('../fonts/lato-bold.eot') format('embedded-opentype'),
           url('../fonts/lato-bold.woff') format('woff'),
           url('../fonts/lato-bold.ttf') format('truetype'),
           url('../fonts/lato-bold.svg#LatoBold') format('svg');
  }
  @font-face {
      font-family: 'Lato';
      font-style: normal;
      font-weight: 900;
      src: url('../fonts/lato-black.eot');
      src: url('../fonts/lato-black.eot') format('embedded-opentype'),
           url('../fonts/lato-black.woff') format('woff'),
           url('../fonts/lato-black.ttf') format('truetype'),
           url('../fonts/lato-black.svg#LatoBlack') format('svg');
  } 
  @font-face {
    font-family: 'Conv_KRITZEL2';
    src: url('../fonts/KRITZEL2.eot');
    src: local('?'), url('../fonts/KRITZEL2.woff') format('woff'), url('../fonts/KRITZEL2.ttf') format('truetype'), url('../fonts/KRITZEL2.svg') format('svg');
    font-weight: normal;
    font-style: normal;
  }

/* =============================================================================
   Fonts ende
   ========================================================================== */

/* =============================================================================
   Allgemein start
   ========================================================================== */

  html{
    background:#e4e4e4 url(../images/bg_site.jpg) repeat-y top center;
  }
  body{
    background:#e4e4e4 url(../images/bg_site.jpg) repeat-y top center !important;
  }
  html, body{
    font-family: 'Lato', sans-serif  !important;
    color:#313131;
    height: 100%;
  }
  html, body, h1, h2, h3, h4, h5, ul, li, p, strong, span {
    margin:0;
    padding:0;
  }
  h1{
    font-size:2em !important;
    padding:0 0 10px 0;
    /* margin:20px 0 0 0; mb/17092013 */
    margin:0;
    background:transparent url(../images/ueberschrift_32px_hg.gif) no-repeat left bottom;
  }
  h3{
    font-size:2em !important;
  }
  .clear {
    clear: both;
  }
  
  /* clear f?r LI in der ON Helper Extension (eureFragen etc.) */ 
  .liclear {
   width:100% !important;
   
  }
  
  a{
    font-weight:bold;
  }
  a, a:hover {
     text-decoration:none;
  }
  /*ul, li{
    list-style-type:none;
  } */   
  .farbeFGweiss {
    color:#fff;  
  }
  #wrapper {
     background: #fff;
     max-width: 980px;
     min-height: 100%;
     margin: 0 auto 0 auto;
  }
  .logo {
    width:100%;
    /* height:100%; */
    margin:0;
    padding:0;
  }
  
  h1.logostart {
     background:none !important;
     margin:0 !important;
     padding:0 !important;
  }
  .themablock.row-fluid h3 {
    padding:0 0 10px 0;
    background: url(../images/ueberschrift_32px_hg.gif) no-repeat left bottom;
  }
  .tx-onhelperclasses-pi1 h2  {
    padding:0 0 10px 0;
  }
  .row-fluid .thumbnails .thumbnail{
    border:none;
    box-shadow:none;
    background: url(../images/schatten_unten_links_kurz.gif) no-repeat left bottom;
  }
  .row-fluid .thumbnails .thumbnail img{
    padding:0 0 15px 0;
    background: url(../images/schatten_unten_rechts_bilder.gif) no-repeat right bottom;
  }
  .row-fluid .thumbnails .thumbnail p.mehrlink{
    padding:5px 0 0 0;
    background: url(../images/dottet_line_horizontal.gif) repeat-x left top;
  }
  .row-fluid .thumbnails .thumbnail p.mehrlink a{
    background:none;
    border:none;
    box-shadow:none;
    padding:0 25px 0 0;
  }  
  #dreispalten-startseite {
   margin: 20px 0 0 0;
  }  
  #zweispalten-startseite {
   margin: 20px 0 0 0;
  }  
  .forumListStart {
   margin: 30px 0 40px 0;
   height:220px;
  }  
  .VideoListStart {
   margin: 50px 0 0 0;
  }

/* =============================================================================
   Allgemein ende
   ========================================================================== */  

/* -------------------------------------------------------------------------
 Scroll Button TOP
 siehe CSS-Datei mediaqueries.css
---------------------------------------------------------------------------*/ 




/* =============================================================================
   Header start
   ========================================================================== */

  #headergrafik {
    position: relative;
  }
  #headergrafik img{
    position:relative;
    z-index:1;
  }
  #headergrafikthema, #headergrafikunterthema{
    position:absolute;
    top:0;
    width:auto;  
  }
  #headergrafikthema{
    font-size:1.1em;
    
    top:188px;
    z-index:3;
    margin:0 0 0 95px;
    height:37px;
    background:transparent url(../images/schatten_unten_rechts_kurz.png) no-repeat bottom right;
  }
  #headergrafikthema p,
  #headergrafikthema h1,
  #headergrafikthema h2,
  #headergrafikthema h3{
    font-size:1.1em !important;
    font-weight: normal;
    height:23px;
    padding:5px 10px 0 10px;
    margin: 0;
    line-height: 100%;
    background-color:#fff;
  }
  #headergrafikunterthema{
    font-size:2em;
    top:215px;
    z-index:2;
    margin:0 0 0 85px;
    padding:10px 10px 0 10px;
    height:35px;
    background-color:#fff;
  }
  #headergrafikunterthema h1,
  #headergrafikunterthema h2,
  #headergrafikunterthema h3 {
    background: 0;
    font-size:100% !important;
    font-weight: normal;
    line-height: 100%;
    margin: 0;
    padding: 0;
  }
  
/* =============================================================================
   Header ende
   ========================================================================== */
  


/* =============================================================================
   Content start
   ========================================================================== */

  #content {
    padding: 40px 20px;
    line-height:22px !important;
    letter-spacing:0.5px;
  }
  #content div.container{
    padding:10px 0 0 0;
  }
  #content .span8 h3{
    font-size:1.3em !important;
  } 
  #content .container-fluid .row-fluid .span4{
    margin-top:25px;
  }
  #content .container-fluid .row-fluid .span8{
    margin-top:10px;
  }
  #content ul{
    margin:0 0 5px 0;
  }
  #content ul li{
    margin:10px 0 0 15px;
  }
  #content .container-fluid{
  padding:0;
  }
  #content .container-fluid li{
    padding:0 0 0 20px;
  }
  
/* =============================================================================
   Content ende
   ========================================================================== */
  
  


/* Fehlermeldung Eintrag Meinungen 
und Liebesgeschichten */
.tx-onhelperclasses-form-error {
  color: #ff0000;
}


/* =============================================================================
   Community Form Registrierung start
   ========================================================================== */
  .geschlecht #tx-srfeuserregister-pi1-gender-0,
  .geschlecht #tx-srfeuserregister-pi1-gender-1 {
   float:left;
  }
  .geschlecht #tx-srfeuserregister-pi1-gender-0 label,
  .geschlecht #tx-srfeuserregister-pi1-gender-1 label {
   float:left; 
   clear:both;
  }
    
  .csc-form-logout .csc-form-login.csc-form-user {
   font-size: 1.2em;
   padding: 10px 0;
  }
  .csc-form-logout .csc-form-login.csc-form-user label {
   /* float:left;  */
   display:inline;
   font-size: 1.2em;
  }
  .csc-form-error {
    color: red;
  }
  .csc-form-error input[type=text],
  .csc-form-error input[type=password] {
    border: 1px red solid;
  }
  
  form#tx-srfeuserregister-pi1-fe_users_form{
    color:#fff;
    padding:10px;
  }
  form#tx-srfeuserregister-pi1-fe_users_form input{
    border-radius:0;
  }
  form#tx-srfeuserregister-pi1-fe_users_form fieldset dl dt label span{
    color:#fff;
  }
  form#tx-srfeuserregister-pi1-fe_users_form fieldset legend{
    color:#fff;
    font-size:1.3em;
    margin:0;
    padding:0;
  }
  form#tx-srfeuserregister-pi1-fe_users_form fieldset dl dd input[type="submit"]{
    background-color:#fff;
  }
  form#tx-srfeuserregister-pi1-fe_users_form fieldset dl dd p.tx-srfeuserregister-pi1-terms a{
    background-color:#fff;
  }
  .tx-srfeuserregister-pi1 label span {
    color: #fff;
}
.form-horizontal input + .help-block, .form-horizontal select + .help-block, .form-horizontal textarea + .help-block, .form-horizontal .uneditable-input + .help-block, .form-horizontal .input-prepend + .help-block, .form-horizontal .input-append + .help-block {
    color: #fff;
    margin-top: 10px;
}
.tx-srfeuserregister-pi1-checkbox {
  float:left;
  }
  
.help-block > a {
    color: #fff !important;
}
.help-block {
    margin-left: 30px;
}

/* =============================================================================
   Community Form Registrierung ende
   ========================================================================== */


/* =============================================================================
   Lexikon start
   ========================================================================== */

  .tx-a21glossaryadvancedoutput-pi1 .navbar {
    clear:both;
    padding:20px 0 0 0;
  }
  .tx-a21glossaryadvancedoutput-pi1 .navbar a  {
    display:block;
    width:42px;
    height: 43px;
    text-align:center;
    font-size: 1em;
    font-weight:bold;
    padding:11px 0 0 2px; 
    color: #fff !important;
    float:left;
  }
  .tx-a21glossaryadvancedoutput-pi1 .navbar a.aktiv  {
     color: #fff !important;
  }
  .tx-a21glossaryadvancedoutput-pi1 .navbar a.zeigeAlle {
    background:none;
    height: 30px;
    width:200px;  
    font-size: 0.75em;
  }
  .tx-a21glossaryadvancedoutput-pi1 .result {
    clear:both;
    margin: 20px 0 20px 0;
  }  
  .tx-a21glossaryadvancedoutput-pi1 .resultSingle {
    background:transparent url(../images/schatten_unten_links_lang.gif) no-repeat left bottom;
    padding: 0 0 30px 0;
    margin: 0 0 40px 0;
  }
  .tx-a21glossaryadvancedoutput-pi1 .resultSingle p{
    font-weight:normal;
  }
  .tx-a21glossaryadvancedoutput-pi1 .resultSingle h3{
    font-size:1.8em !important;
    margin:0 0 15px 0;
  }
  .tx-a21glossaryadvancedoutput-pi1 ul.glossary {
    margin:0;
    padding:0;
    list-style-type:none;
  }
  
  .tx-a21glossaryadvancedoutput-pi1 ul.glossary li {
    float:left;
    width:182px;
    font-size: 0.75em;
    padding: 5px 0 !important;
    margin: 10px 15px 10px 0 !important;
    background-image:none !important;
  }

  .tx-a21glossaryadvancedoutput-pi1 ul.glossary li.linie {
   background-image: url(../images/dottet_line_root_horizontal.gif) !important; 
   background-position: top !important;
   background-repeat: repeat-x  !important;
   width:100% !important;
   }  

  .tx-a21glossaryadvancedoutput-pi1 ul.glossary li a {
     display:block;
     font-weight:bold;
     font-size: 1.3em !important;
     padding:0 0 10px 0;
  }
  .tx-a21glossaryadvancedoutput-pi1 ul.glossary li a:hover {
     text-decoration:none;
  }
  .tx-a21glossaryadvancedoutput-pi1 ul.glossary li a i{
     float:right;
     background:none;
     padding: 0 0 5px 0;
  }
  form#glossaryform{
    margin:20px 0;
    padding:10px 0 0 10px;
    color:#fff;
  }
  /*.ac_input*/
  form#glossaryform input#glossarysearch,
  form#glossaryform input#glossarysearch:hover,
  form#glossaryform input#glossarysearch:active,
  form#glossaryform input#glossarysearch:focus,
  form#glossaryform .fornav .icon-search {
    float:left;
    height:25px;
  }
  form#glossaryform input#glossarysearch {  
    box-shadow:none;
    border-radius:0 !important;
    /*border:0 !important;*/
  }
  form#glossaryform input#glossarysearch{
    width:355px;
  }  
  /* btn tausch mb 04092013 */  
  form#glossaryform .fornav .icon-search {
        background-image:none !important;
        width:30px;
        height:30px;
        padding: 2px 0 0 10px;
        -webkit-border-top-right-radius: 12px;
        -khtml-border-top-right-radius: 12px;
        -moz-border-top-right-radius: 12px;
        border-top-right-radius: 12px;
        -webkit-border-bottom-right-radius: 12px;
        -khtml-border-bottom-right-radius: 12px;
        -moz-border-bottom-right-radius: 12px;
        border-bottom-right-radius: 12px;
  }
  form#glossaryform .fornav .icon-search {
      cursor:pointer;
      background: transparent url(../images/neutral_1/search.png) no-repeat center !important;
  }     
  form#glossaryform label{
    float:left;
    margin:5px 20px 0 0;
    font-size:1.1em;
  }

/* =============================================================================
   Lexikon ende
   ========================================================================== */


/* =============================================================================
   Navigation start
   ========================================================================== */
  .navbar-wrapper {
          position: absolute;
          top: 0;
          left: 0;
          z-index: 100;
          width:100%; 
          margin: 0 auto -50px auto;
  }
  
  /* IE7 / IE8 Anpassungen f?r Navi, mb 23092013 */
  .navbar-inner, .navbar-inverse .navbar-inner {
   /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0); */
   filter:none;
  } 
  
  .collapse.nav-collapse {
   float:left;
  }
   
  .navbar .navbar-inner,
  a.dropdown-toggle {
    border: 0;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    background: none !important;
    height:auto;
  }
   .navbar-inner .brand {
        position:relative;
        width:12em;
    padding: 0 !important; 
        margin: 20px 0 0 -20px !important;
        z-index:1000;
    }

    /* mb - 25.2.2015 */
    div.navbar-inner div.nav-collapse.collapse ul.nav {
      margin: 18px 0 0 0 !important;
      padding: 0 0 0 0 !important;
    }
    .navbar-inverse .nav li a:hover,
    .navbar-inverse .nav .active a, 
    .navbar-inverse .nav .active a:hover 
    /*.navbar-inverse .nav .active a:focus*/{
      color: #ffffff !important;
    }
    .navbar .btn-navbar {
      margin-top: 10px;
    }
    .navbar .nav, 
    .navbar .navbar-search {
      margin: 20px 0 0 5px;
      font-size: 1.1em;
    }
    .navbar .navbar-search {
      margin: 20px 10px 0 0;
      padding: 0 0 0 13px;
  }
  a.dropdown-toggle{
    color:#fff !important;
  }
  ul.dropdown-menu {
    border-radius:0 !important;
    margin:0!important;
    box-shadow:none !important;
    border:none !important;
  }
  ul.dropdown-menu li{
    background:none !important;
    background-image:none !important;
  }
  ul.dropdown-menu li a{
    background:none;
    background-image:none !important;
    color:#fff !important;  
  }
  ul.dropdown-menu li a:hover,
  ul.dropdown-menu li a:focus,
  ul.dropdown-menu li a:active,
  ul.dropdown-menu li.active a,
  ul.dropdown-menu li.active a:hover,
  ul.dropdown-menu li.active a:focus{
    filter:none !important;
  }
  ul.show-menu,
  ul.nav li.dropdown:hover ul.dropdown-menu,
  ul.nav li.dropdown:focus ul.dropdown-menu{
         display: block;
         margin-top:0px;
        }    
  
  .navbar-inverse .nav li ul li a:focus,
  .navbar-inverse div.navbar-inner div.nav-collapse.collapse ul.nav.pull-right li.dropdown.open ul.dropdown-menu li.active a,
  .navbar-inverse div.navbar-inner div.nav-collapse.collapse ul.nav.pull-right li.dropdown.open ul.dropdown-menu li a:focus,
  .navbar-inverse div.navbar-inner div.nav-collapse.collapse ul.nav.pull-right li.dropdown.open ul.dropdown-menu li a:active,
  .navbar-inverse div.navbar-inner div.nav-collapse.collapse ul.nav.pull-right li.dropdown.open ul.dropdown-menu li a:hover,
  .navbar-inverse div.navbar-inner div.nav-collapse.collapse ul.nav.pull-right li.dropdown.open ul.dropdown-menu li:focus a,
  .navbar-inverse div.navbar-inner div.nav-collapse.collapse ul.nav.pull-right li.dropdown.open ul.dropdown-menu li:active a,
  .navbar-inverse div.navbar-inner div.nav-collapse.collapse ul.nav.pull-right li.dropdown.open ul.dropdown-menu li:hover a,
  .navbar-inverse div.navbar-inner div.nav-collapse.collapse ul.nav li.dropdown.active.open ul.dropdown-menu li.active a,
  .navbar-inverse div.navbar-inner div.nav-collapse.collapse ul.nav li.dropdown.active.open ul.dropdown-menu li a:focus,
  .navbar-inverse div.navbar-inner div.nav-collapse.collapse ul.nav li.dropdown.active.open ul.dropdown-menu li a:active,
  .navbar-inverse div.navbar-inner div.nav-collapse.collapse ul.nav li.dropdown.active.open ul.dropdown-menu li a:hover,
  .navbar-inverse div.navbar-inner div.nav-collapse.collapse ul.nav li.dropdown.active.open ul.dropdown-menu li:focus a,
  .navbar-inverse div.navbar-inner div.nav-collapse.collapse ul.nav li.dropdown.active.open ul.dropdown-menu li:active a,
  .navbar-inverse div.navbar-inner div.nav-collapse.collapse ul.nav li.dropdown.active.open ul.dropdown-menu li:hover a,
  .navbar-inverse div.navbar-inner div.nav-collapse.collapse ul.nav li.dropdown.open ul.dropdown-menu li.active a,
  .navbar-inverse div.navbar-inner div.nav-collapse.collapse ul.nav li.dropdown.open ul.dropdown-menu li a:focus,
  .navbar-inverse div.navbar-inner div.nav-collapse.collapse ul.nav li.dropdown.open ul.dropdown-menu li a:active,
  .navbar-inverse div.navbar-inner div.nav-collapse.collapse ul.nav li.dropdown.open ul.dropdown-menu li a:hover,
  .navbar-inverse div.navbar-inner div.nav-collapse.collapse ul.nav li.dropdown.open ul.dropdown-menu li:focus a,
  .navbar-inverse div.navbar-inner div.nav-collapse.collapse ul.nav li.dropdown.open ul.dropdown-menu li:active a,
  .navbar-inverse div.navbar-inner div.nav-collapse.collapse ul.nav li.dropdown.open ul.dropdown-menu li:hover a,
  
  .navbar-inverse div.navbar-inner div.nav-collapse.collapse ul.nav li.dropdown:hover ul.dropdown-menu li.active a,
  .navbar-inverse div.navbar-inner div.nav-collapse.collapse ul.nav li.dropdown:hover ul.dropdown-menu li a:focus,
  .navbar-inverse div.navbar-inner div.nav-collapse.collapse ul.nav li.dropdown:hover ul.dropdown-menu li a:active,
  .navbar-inverse div.navbar-inner div.nav-collapse.collapse ul.nav li.dropdown:hover ul.dropdown-menu li a:hover,
  .navbar-inverse div.navbar-inner div.nav-collapse.collapse ul.nav li.dropdown:hover ul.dropdown-menu li:focus a,
  .navbar-inverse div.navbar-inner div.nav-collapse.collapse ul.nav li.dropdown:hover ul.dropdown-menu li:active a,
  .navbar-inverse div.navbar-inner div.nav-collapse.collapse ul.nav li.dropdown:hover ul.dropdown-menu li:hover a {
            background-color:#fff !important;
    border:none !important;
  }
  .navbar .nav li .dropdown-menu:before,
  .navbar .nav li .dropdown-menu:after {
      border-bottom: 0;
  }
  div.navbar-inner div.nav-collapse.collapse ul.pull-right {
    float: left;
  }
  .caret,
  .dropdown-menu:before,
  .dropdown-menu:after{
    display:none !important;
  }  
  
  
  /* ÄNDERUNGEN Navigation durch langen Menüpunkt Eure Fragen -> ihr fragt - loveline antwortet */
  
  .navbar .nav > li > a {
   padding: 10px 5px !important;
  } 
  #navFragen {
   margin: 0 10px;
  }
    
     /* Zusatz für Leichte Sprache und Gebärdensprachevideo */  
  #navigationDGS {
    position: absolute;
    z-index:1000;
    width: 40px;    
    right: -60px;
    top:0;
    border-right: 2px solid #fff;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    /* 
        border-bottom-left: 4px solid #fff;
    border-bottom-right: 4px solid #fff;
        */
    border-bottom-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
        -khtml-border-bottom-right-radius: 10px;
        -moz-border-bottom-right-radius: 10px;       
        border-bottom-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
        -khtml-border-bottom-left-radius: 10px;
        -moz-border-bottom-left-radius: 10px;       
        overflow:hidden !important;
  }
  #navigationDGS:hover,
  #navigationDGS:focus {
     width: 110px;
  }
  
    #linkLeichteSprache  {
   margin: 0 0 5px 8px;
  }
  #linkDGS  {
   margin: 0 0 5px  4px;
  }
  
  #navigationDGS:hover #linkDGS,
  #navigationDGS:focus #linkDGS  {
   word-break:break-all;
  }  
    
  #linkLeichteSprache a {
   padding: 5px 5px 5px 35px;
   background: url(../icons/icon_leichte_sprache2.png) no-repeat left;
   display:block;
   color:#fff !important;
  }
  #linkDGS a {
   padding: 5px 5px 5px 37px;
   background: url(../icons/icon_gebaerdensprache2.png) no-repeat left;
   color:#fff !important;
   display:block;
  }  
  
  #dgsvideo {
    max-width:600px;
    max-height:360px;
  }
/* =============================================================================
   Navigation ende
   ========================================================================== */


/* =============================================================================
   Subavigation start
   ========================================================================== */

  #subnavigation {
    padding: 0 10px 10px 10px;
    margin:-15px 0 20px 0;
  }
  #subnavigation h3 {
    color: #fff !important;
    padding-bottom:7px;
    margin:0 0 15px 0;
  }
  ul.nav.nav-list {
    background: #fff;
    color: #0000ff;
    padding:0;
    margin:0;
  }  
  ul.nav.nav-list li {    
    background-image:none !important;
    margin:0 !important;
    padding: 10px 15px 10px 15px !important;
    border-bottom: 1px dotted #313131;
  }
  ul.nav.nav-list li.active a, 
  ul.nav.nav-list li a {
    margin:0 !important;
    padding:0 30px 0 0 !important;
    font-size:1.1em !important;    
  } 
  
  ul.nav.nav-list li ul li{
    margin:0 !important;
    padding:0 0 0 30px !important;
    border:none !important;
  }
  ul.nav.nav-list li:hover.active ul li a,
  ul.nav.nav-list li.active ul li a,
  ul.nav.nav-list li a:focus, 
  ul.nav.nav-list li a:hover,
  #subnavigation ul.nav.nav-list li.active ul.nav.nav-list li a
  {
    background:none !important;
  }
  ul.nav.nav-list li.active a,
  ul.nav.nav-list li a,
  ul.nav.nav-list li:last-child {
    border: none !important;
  }
  ul.nav.nav-list li.active ul li.active ul li.active a {
    background: none;
    font-size: 0.8em;
  }
  .nav.nav-list li.active ul li, 
  .nav.nav-list li ul li:hover {
    background:none !important;
  }
  .nav.nav-list li.active ul li a {
    font-size:0.9em !important;
    padding:4px 0 4px 0 !important;
  }
  
/* =============================================================================
   Subavigation ende
   ========================================================================== */
  

/* =============================================================================
   Suche Navigation start
   ========================================================================== */

   
   /* Änderungen Titel eure Fragen in ihr fragt - loveline antwortet - 18.02.2015 
   
  .navbar .navbar-search input{
    width:155px;
      border: 2px solid #fff !important;
    }
    .navbar .navbar-search input:focus,
    .navbar .navbar-search input:active{
    width:157px;
      border-top: none !important;
      border-left: none !important;
      border-right: none !important;
    }
  
  */
  
  .navbar .navbar-search input{
    width:150px !important;
      border: 2px solid #fff !important;
    }
    .navbar .navbar-search input:focus,
    .navbar .navbar-search input:active{
    width:127px;
      border-top: none !important;
      border-left: none !important;
      border-right: none !important;
    }
  
  /* Ende */
  
    .input-append input:focus{
      z-index:1 !important;
    }
     .navbar .navbar-search .icon-search{
        width:55px;
        height:28px;
        margin:-5px 0 0 -35px;
        -webkit-border-top-right-radius: 12px;
        -khtml-border-top-right-radius: 12px;
        -moz-border-top-right-radius: 12px;
        border-top-right-radius: 12px;
        -webkit-border-bottom-right-radius: 12px;
        -khtml-border-bottom-right-radius: 12px;
        -moz-border-bottom-right-radius: 12px;
        border-bottom-right-radius: 12px;
  }
  .navbar .navbar-search .icon-search:hover{
    cursor:pointer;
  }
  
  .navbar-search .fornav {
      position:relative;
      margin-left:-22px;
      top:-3px;
      z-index:2;
  }

/* =============================================================================
   Suche Navigation ende
   ========================================================================== */


/* =============================================================================
   Carousel start
   ========================================================================== */

  #myCarousel {
    margin:0;
    height: 460px;
  }
  .carousel {
        margin: 0;
  }
  
  .carousel-inner {
    height:460px !important;  
        }
  .carousel .container {
        position: relative;
        z-index: 9;
  }
  .carousel .item {
        height: 460px;
  }  

       /* 
        #myCarousel .carousel-inner .item:first-child {        
          display: block;
        } 
        */
         
  .carousel img {
        position: absolute;
        top: 0;
        left: 0;
        min-width: 100%;
        height: 460px;
  }
  .left.carousel-control, .right.carousel-control  {
    height: 62px !important;
    width:62px !important;
    margin-top: 0;  
    border-radius: 0 !important;
    border:none !important;
    z-index: 10;
  }
  .carousel-caption {
        background-color: transparent;
        margin: 250px 0 0 100px;
        position:relative;
        padding:0;
  }
  .carousel-caption h2 {
    position:absolute;
    z-index:10;
    top: 40px;
    left:0;
    padding: 0 10px 11px 10px;
    margin:-1px 0 0 0;
    background: transparent url(../images/schatten_unten_rechts_kurz.png) no-repeat bottom right;  
  }    
  .carousel-caption h2 span {
    background-color: #fff;
    padding: 5px 10px 5px 10px; 
    font-size: 1.3em !important;
  }
    .carousel-caption .sliderlink {
     float:right;  
     margin:20px -20px 0 0;
     display:inline;      
  }  
  .carousel-caption .sliderlink li {
    width: 300px;
    margin: 10px 0 0 0;  
    text-align:left;
    padding:0 50px 0 0;
    font-size: 1.1em;
	list-style: none;
  }
  .carousel-caption .sliderlink li:last-child{
      font-size: 1em;
  }
  .carousel-caption .sliderlink li a {
    display:block;
    width:100%;
       color: #fff !important;
       padding: 5px 10px 8px 10px;
       font-weight:400 !important;
  }
  .carousel-indicators {
    background: url(../images/umschalter.png) no-repeat left center;
    bottom: -6px;
    left: 50%;
    height: 22px;
    width: 134px;
    top: auto;
    padding: 0;
    margin-left: -67px;
    padding: 13px 0 0 17px;
  }
  .carousel-indicators li {
    width: 8px;
    height: 8px;
    text-indent:-9999px;
  }
  .carousel-indicators li.active {
    background-color: #fff !important;
  }
  .carousel-layer {
    height: 100%;
    width: 100%;
    background: url(../images/bg_hover_nav.png);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1000;
    display: none;
  }
  .navbar-wrapper {
    z-index: 1001;
  }
  .carousel-indicators li:hover {
    cursor: pointer;
  }
    
        #playCarousel {
          position:absolute;
          z-index: 200;
    bottom: 23px;
      left: 21px;
          height:30px;
          width:30px;
          color:#fff !important;
          border:none;
          background:none;
          padding:0;
  } 
  
  .icon-pause{
    width:30px;
    height:30px;
    margin:-4px 0 0 0;
    background: transparent url(../images/pause.png) no-repeat;
  }
  .icon-play{
    width:30px;
    height:30px;
    margin:-1px 0 0 0;
    background: transparent url(../images/play.png) no-repeat;
  }

/* =============================================================================
   Carousel ende
   ========================================================================== */


/* =============================================================================
   Breadcrumb start
   ========================================================================== */

  .breadcrumb {
    width:100%;
    overflow:hidden;
    border:0;
    background:none;
    font-size: 0.8em;  
    margin: 0 0 10px 0 !important;
    padding:0 0 10px 0;
    background: #fff url(../images/dottet_line_root_horizontal.gif) repeat-x bottom !important;
  }
  .breadcrumb li {
    background-image:none !important;
    padding:0 !important;
    margin:0 !important;
    float:left;
  }
  .breadcrumb li a{
    float:left;
  }
  .breadcrumb .trenner {
    width:30px;
    height:13px;  
    float:left;
    display:block;
    margin:2px 0 0 0;
    }
  .breadcrumb .active{
    color:#313131 !important;
    font-weight: bold;
  }

/* =============================================================================
   Breadcrumb ende
   ========================================================================== */


/* =============================================================================
   Video auf Startseite start
   ========================================================================== */

    ul#videostartliste{
    margin:0;
    padding:0;
    }
    .VideoListStart {
     margin: 20px 0 0 0;
     background: url("../images/schatten_unten_vorne_hinten.gif") no-repeat center bottom;
     padding:0 0 15px 0;
    }    
    .VideoListStart h2 {
      color: #fff !important;
      font-size: 1.1em;
      padding: 0 10px;
      line-height:1.8;
    }    
    ul#videostartliste li {
      width: 18.7%;
      padding: 0 auto;
      margin:0;
      float:left;
	  list-style: none;
    }    
    ul#videostartliste li .thumbnail {
       width:150px;
       border:none !important;
       padding:0;
       margin:10px 0 0 0;
    }

/* =============================================================================
   Video auf Startseite ende
   ========================================================================== */
  

/* =============================================================================
   FCE Startseite start
   ========================================================================== */

  .teaserbox-halb h3, .teaserbox-halb-unten h3 {
    font-size: 1.3em !important;
    font-weight:bold;
    padding: 0 0 3px 10px;
  }
  .teaserbox-normal h2,
  .teaserbox-normal h3  {
    color: #fff !important;
    line-height:35px;
  }
  .teaserbox-halb-imgtext img {
    position: absolute;
    z-index: 10;
    margin:0;
    padding:0;
  }  
  .teaserbox-halb, .teaserbox-halb-unten {
   padding: 0 0 10px 0;
  }
  
  .teaserbox-halb div.teaserbox-halb-imgtext div,
  .teaserbox-halb-unten div.teaserbox-halb-imgtext div{
    padding:0 0 10px 0;
    margin:0 10px;
    background-color:#fff;
    padding:5px 5px;
    
  }
  
  .teaserbox-halb-imgtext div h4{
    font-size:0.9em;
    line-height:17px;
  }
  
  /* Anpassung: Wechsel Boxen am 20.01.2016 ON! */
  .teaserbox-halb-unten{
    margin: 0 0 20px 0;
  }  
  
  .teaserbox-halb{
    margin: 0 0 10px 0;
  }  
  /* Anpassung Ende: Wechsel Boxen am 20.01.2016 ON! */
  
  /* 
  .teaserbox-halb-imgtext div {
    position: relative;
    z-index: 20;
    margin:0;
    padding:10px;
    top: 0;
    left:0; 
  }

  .teaserbox-halb a,
  .teaserbox-halb-unten a {
    display:block;
    position:relative;
    z-index:1000;
    width:260px;
    border:none;
    box-shadow:none;
    padding:0 0 15px 0;
    margin:-50px 0 20px 20px;
  }
  
  .teaserbox-halb-unten a {
    margin:-50px 0 0 20px;
  }  
  */
    
  .teaserbox-normal {
    position:relative;
     background: url(../images/schatten_unten_links_kurz.gif) no-repeat left bottom;
  }
  .teaserbox-normal h2,    
  .teaserbox-normal h3 {
    font-size: 1.3em !important;
    font-weight:bold;
    padding: 0 0 3px 10px;
    position: relative;
    z-index:10;
  }  
  .teaserbox-normal img {
    position: relative;
    z-index:10;
    padding: 0 0 15px 0;
    background: transparent url(../images/schatten_unten_rechts_bilder.gif) no-repeat right bottom;
  }  
  .teaserbox-normal-name {
    display:block;
    color: #000;
    background: transparent url(../images/schatten_unten_links_kurz.png) no-repeat left bottom; 
    position:absolute;
    top:0;
    right:20px;
    margin:10px 0 0 0;
    z-index:30;
  }
  
  /* Änderung 18.2.2015 Deaktivierung durch Änderung Hauptnavigationspunkt Eure Fragen */
  .fcelinks .teaserbox-normal-name {
    display:none;
   }
  
  .teaserbox-normal-thema {
    display:block;
    font-size: 1.1em; 
    background: transparent url(../images/schatten_unten_rechts_kurz.png) no-repeat right bottom;
    position:absolute;
    top: 20px;
    right:10px;
    margin:10px 0 0 10px;
    z-index:20;
  }
  .teaserbox-normal-name p{
    padding:0 10px;
    min-width:50px;
    text-align:center;
    margin:0 0 10px 0;
    background-color:#fff;
  }
  .teaserbox-normal-thema h3,
  .teaserbox-normal-thema h4{
    padding:10px;
    margin:0 0 10px 0;
    background-color:#fff;
    font-size:1.1em;
  }
  .teaserbox-normal-thema h3 {
    font-size:1em !important;
    line-height: 20px !important;
  }  
  .teaserbox-normal-text{
    min-height:100px;
    background: transparent url(../images/dotted_line_boxen_horizontal.gif) repeat-x bottom;
    padding:0 0 10px 0;
  }  
  .teaserbox-normal-link {
    display:block;
    border:none;
    box-shadow:none;
    height:30px;
    padding:0 0 5px 0;
  }
  .teasersmallelement span.teaser {
    display: inline;
    position: absolute;
    top: auto;
    bottom: 33px;
  }
  .teasersmallelement span.teaser a {
    font-family: 'Lato', sans-serif;
    font-weight: bold;  
  }
  

/* =============================================================================
   FCE Startseite ende
   ========================================================================== */


/* =============================================================================
   Forum auf Startseite start
   ========================================================================== */
  
  .forumListStart {
    background: url("../images/schatten_unten_vorne_hinten.gif") no-repeat center bottom;
    padding:0 0 15px 0;
  }  
  .forumListStart h2 {
    color: #fff !important;
    font-size: 1.1em;
    padding: 0 10px !important;
    margin:0 !important;
    line-height:1.8 !important;
  }
  .forumListStart img {
    float:left;
    margin: 5px 20px 0 0;
  }
  div#forumstartliste {
    float:left;
    margin:5px 0 0 0;
    line-height:13px;
  }
  div.forumstartfotogross{
    float:left;
  }
  div#forumstartliste .forumstarttextlinks {
    float: left;
    width:80%;
  }
  div#forumstartliste .forumstarttextrechts {
    width: 80px;  
    float: right;
  }
  div#forumstartliste .forumstarttextlinks h3 {
    margin:0 !important;
    padding:0 !important;
    font-size: 1.2em !important;
    line-height: 20px;
  }
  ul#forumstartliste .forumstarttextlinks h3 a {
    font-size: 0.9em !important;
  }
  div#forumstartliste .forumstarttextlinks p {
    font-size: 0.8em;
    margin:0;
    padding:0;
  }
    
/* =============================================================================
   Forum auf Startseite ende
   ========================================================================== */


/* *****************************************************************************
   =============================================================================
   Rechte Spalte start
   =============================================================================
   ***************************************************************************** */

/* Zusatzmodul im BZgA-Shop */
.csc-header.csc-header-n3 h3,
.csc-header.csc-header-n5 h3 {
    color: #fff !important;
    margin: 0 0 10px 0;
    padding: 5px 5px;
    font-size: 1.6em !important;
}


/* =============================================================================
   BZGA Shop start
   ========================================================================== */

  h3.bzgashopRSbestellung {
    color: #fff !important;
    margin: 0 0 10px 0;
    padding: 5px 5px;
    font-size: 1.6em !important;
  }
  .broschuereRechteSpalte img{
    margin-bottom:20px !important;
  }
  .broschuereRechteSpalteLinks a {
   background: url(../images/neutral_1/pfeil_blau_auf_weiss.gif) no-repeat right 5px;
   display: block;
   font-size: 1em;
   padding: 0 25px 0 0;
   clear: both;
  }  
  .broschuereRechteSpalteLinks .bzga-icon-pdf {
   width: 14px;
   height: 14px;
  }

/* =============================================================================
   BZGA Shop ende
   ========================================================================== */
.csc-header.csc-header-n3 h3
{
    color: #fff !important;
    margin: 0 0 10px 0;
    padding: 5px 5px;
    font-size: 1.6em !important;
  }
/* =============================================================================
   Umfrage start
   ========================================================================== */
  
  #rechtespalte .tx-rsdynamicpoll-pi1 { 
   margin: 0 0 20px 0;
   padding:0 0 15px 0;
   background:transparent url(../images/schatten_unten_links_kurz.gif) no-repeat left bottom;
  }
  #rechtespalte .tx-simplepoll { 
   margin: 0 0 20px 0;
   padding:0 0 15px 0;
   background:transparent url(../images/umfrage_rechtespalte.png) no-repeat center;
  }
  
  #rechtespalte .tx-rsdynamicpoll-pi1 .umfrageHG { 
   background:transparent url(../images/umfrage_rechtespalte.png) no-repeat center;
  }
  

  #rechtespalte .tx-rsdynamicpoll-pi1  .question,
  #rechtespalte .tx-rsdynamicpoll-pi1  #tx_rsdynamicpoll_pi1_resultVote {
   padding: 10px 10px;
  }
  #rechtespalte .tx-rsdynamicpoll-pi1  .question {
   font-weight: bold;
    font-size: 1.2em;
  }
  
  /* #tx_rsdynamicpoll_pi1_resultVote form div.answer */
  #tx_rsdynamicpoll_pi1-2 .answer,
  #tx_rsdynamicpoll_pi1-6 .answer, 
  #tx_rsdynamicpoll_pi1-10 .answer {
   width: 40%;
   float: left;
   font-size: 1.2em;
   padding: 10px; 
  }
  
  /* Einbindung Umfrage auf rechter Seite */
  #tx_rsdynamicpoll_pi1-4 .answer,
  #tx_rsdynamicpoll_pi1-6 .answer,
  #tx_rsdynamicpoll_pi1-10 .answer {
         width: 24%;
         float: left;
         font-size: 1.1em;
         padding: 0px 5px 0px 0px;
   font-weight:bold;
  }  
  #rechtespalte #tx_rsdynamicpoll_pi1-4 .answer,
  #rechtespalte #tx_rsdynamicpoll_pi1-6 .answer,
  #rechtespalte #tx_rsdynamicpoll_pi1-10 .answer {
    display:block;
    width:100%;
    margin-bottom:10px;
    font-size: 1.3em;
  }
  #rechtespalte #tx_rsdynamicpoll_pi1-4 .answer input,
  #rechtespalte #tx_rsdynamicpoll_pi1-6 .answer input,
  #rechtespalte #tx_rsdynamicpoll_pi1-10 .answer input {
    margin:0 10px 0 0;
  }
  #rechtespalte form#tx_rsdynamicpoll_pi1-4 input,
  #rechtespalte form#tx_rsdynamicpoll_pi1-6 input,
  #rechtespalte form#tx_rsdynamicpoll_pi1-10 input {
    border:0;
    padding:10px;
    margin:10px 0 0 0;
    font-weight: bold;
    color:#fff;
  }
  
  /* blauen Hintergrund im IE entfernen */
  #tx_rsdynamicpoll_pi1_resultVote .answer input,
  #tx_rsdynamicpoll_pi1_resultVote .answer input {
  background: none !important;
  }
  
  .startseiteUmfrage div.tx-rsdynamicpoll-pi1 div.umfrageHG div#tx_rsdynamicpoll_pi1_resultVote form#tx_rsdynamicpoll_pi1-10 input{
    padding:0 10px;
  }
  
  
  #rechtespalte .tx-rsdynamicpoll-pi1  .total {
   font-weight: bold;
   font-size: 1em;
  }
  #rechtespalte .tx-rsdynamicpoll-pi1  #tx_rsdynamicpoll_pi1_resultVote .answer_result .antwort{
   font-weight: bold;
   font-size: 1.2em !important;
   padding: 0 5px; 
  }
  #rechtespalte .tx-rsdynamicpoll-pi1 h3 { 
    color: #fff !important;
    margin: 0 0 10px 0;
    padding: 0 0 0 10px;
    font-size: 1.3em !important;  
  } 

/* =============================================================================
   Umfrage ende
   ========================================================================== */


/* =============================================================================
   Letzte Kommentare start
   ========================================================================== */

  
  #rechtespalte header.csc-header.csc-header-n2 h3,
  #rechtespalte header.csc-header.csc-header-n1 h3.csc-firstHeader {
    color:#fff !important;
    font-size: 1.3em !important;
    padding-left: 10px;
  }
  #rechtespalte div#themenkommentareRechteSpalte{
    padding:0 0 20px 0;
       background:transparent url(../images/schatten_unten_links_kurz.gif) no-repeat left bottom;
  }
  #rechtespalte div#themenkommentareRechteSpalte div.tx-tc-box-recent-cts div#tx-tc-recent-cts-article-0.tx-tc-recent-cts-article,
  #rechtespalte div#themenkommentareRechteSpalte div.tx-tc-box-recent-cts div#tx-tc-recent-cts-article-1.tx-tc-recent-cts-article,
  #rechtespalte div#themenkommentareRechteSpalte div.tx-tc-box-recent-cts div#tx-tc-recent-cts-article-2.tx-tc-recent-cts-article{
    border:0;
    border-radius:0;
  }
  #rechtespalte div#themenkommentareRechteSpalte div.tx-tc-box-recent-cts div#tx-tc-recent-cts-article-0.tx-tc-recent-cts-article div.tx-tc-recent-cts-entry,
  #rechtespalte div#themenkommentareRechteSpalte div.tx-tc-box-recent-cts div#tx-tc-recent-cts-article-1.tx-tc-recent-cts-article div.tx-tc-recent-cts-entry,
  #rechtespalte div#themenkommentareRechteSpalte div.tx-tc-box-recent-cts div#tx-tc-recent-cts-article-2.tx-tc-recent-cts-article div.tx-tc-recent-cts-entry{
    line-height:1.3 !important;
  }
  
  form.comment-browseform input.tx-tc-cts-ctsbrowse-submit{
    font-weight:bold;
  }
  
  
/* =============================================================================
   Letzte Kommentare ende
   ========================================================================== */


/* =============================================================================
   Grafik mit Link start
   ========================================================================== */

  #grafiklinkRechteSpalte {
    margin: 0 0 20px 0;
  }

/* =============================================================================
   Grafik mit Link start
   ========================================================================== */


/* =============================================================================
   FCE Brosch?re start
   ========================================================================== */

  .broschuereRechteSpalte {
    margin: 0 0 20px 0;
    padding:0 0 15px 0;
    background:transparent url(../images/schatten_unten_links_kurz.gif) no-repeat left bottom;
  }
  
  .broschuereRechteSpalte h3 {
    margin: 0 0 10px 0;
    padding:0 0 0 10px;
    font-size: 1.3em !important;
    color:#fff !important;
  }
  
  .broschuereRechteSpalte img {
    float:left;
    padding: 9px 5px 0 0;
  }
  
  .broschuereRechteSpalte p {
    /* float:left;
    width:190px; */
    margin:0 0 15px 10px;
  }
  
  .broschuereRechteSpalte p strong {
    font-weight:bold;
    display:block;
    font-size:1.1em !important;
  }
  
  .broschuereRechteSpalte p span{
    font-size:0.9em;
    line-height:11px !important;
  }
  .broschuereRechteSpalte div {
    clear: both;
    margin: 15px 0 0 0;
    background: transparent url("../images/dotted_line_boxen_horizontal.gif") repeat-x top;
    padding: 3px 0 ;
  }
  .broschuereRechteSpalteLinks{
    font-size:0.9em;
  }
  .broschuereRechteSpalteLinks a{
    font-size:1.1em;
    padding:1px 25px 0 0;
    margin:0 10px 0 0;
  }

/* =============================================================================
   FCE Brosch?re ende
   ========================================================================== */


/* =============================================================================
   FCE Eure Fragen start
   ========================================================================== */
  
  .EureFragenRechteSpalte {
    font-size: 1em;
    padding:0 0 20px 0;
    margin: 0 0 20px 0;
       background:transparent url(../images/schatten_unten_links_kurz.gif) no-repeat left bottom;
  }
  
  .EureFragenRechteSpalte h3 {
    margin: 0 0 10px 0;
    color: #fff !important;
    padding: 0 5px 0 10px;
    font-size: 1.3em !important;
  }
  
  .EureFragenRechteSpalte p {
    background: transparent url(../images/dotted_line_boxen_horizontal.gif) repeat-x bottom;
    padding: 3px 0 10px 0 ;
    margin: 0 0 10px 0;
  }  

  .EureFragenRechteSpalte blockquote {
    background: transparent url(../images/dotted_line_boxen_horizontal.gif) repeat-x bottom;
    padding: 3px 0 10px 0 ;
    margin: 0 0 10px 0;    
                border-left:0;
  }
  .EureFrageRSLink, .EureFrageRSKatLink {
    display:block;
     font-size:1em;
     padding:0 25px 0 0;
     clear:both;
  }
  span.EureFragenRSName{
    font-weight:bold;
    display:block;
  }
  #eurefragenFragestellen {
   padding: 0 0 10px 0;
   margin: 30px 0;
   background: #fff url(../images/schatten_mitte_lang.gif) no-repeat bottom center !important;
  }
  #eurefragenFragestellen #eurefragenFragestellenAuswahl {
   text-align: center;
   font-size:1.3em;
   font-weight: bold;
   cursor: pointer;
  }
  #eurefragenFragestellen #eurefragenFragestellenAuswahl img {
   margin: 0 0 0 10px;
  }
  #eurefragenFragestellen #eurefragenFragestellenFormular {
   display:none;
   padding:10px;
   margin: 10px 0 0 0;
  }
  #eurefragenFragestellenFormular form fieldset{
    padding-top: 20px !important;
  }
  #eurefragenFragestellen #eurefragenFragestellenFormular label,
  #eurefragenFragestellen #eurefragenFragestellenFormular span,
  #eurefragenFragestellen #eurefragenFragestellenFormular #eurefragenFragestellenHinweis {
    color:#fff;
  }
  .tx-onhelperclasses-pi1 div#eurefragenFragestellen div#eurefragenFragestellenFormular div#eurefragenFragestellenHinweis p{
    color:#333;
  }
  #eurefragenFragestellen #eurefragenFragestellenFormular input[type="submit"] {
    background-color: #fff;
  }
  
  #eurefragenFragestellen #eurefragenFragestellenHinweis {
    font-size:1em;
  }

  /* Eure Fragen Top Liste 20 */  
    .eurefragentopliste li .eurefragentopPlatzierung {
     filter: alpha(opacity=10);
     -moz-opacity: 0.1;
     -khtml-opacity: 0.1;
     opacity: 0.1;
     text-align:center;
    }
    .eurefragentopliste20,
    .eurefragentopliste,
    .eurefragentopPlatzierungLetzter,
    .eurefragentopliste20 li,
    .eurefragentopliste li,
    .eurefragentopPlatzierungLetzter li {
      margin: 0 !important;
      padding: 0 !important;
    
    }
    .eurefragentopliste20 li,
    .eurefragentopliste li,
    .eurefragentopPlatzierungLetzter li{
      background:none !important;
      width:33%;
      float:left; 
      font-weight:bold;
      position:relative;
    }
    .eurefragentop20 .faqtrenner{
      clear:both;
      padding:10px 0;
      height:50px;
      background: url(../images/dottet_line_horizontal.gif) repeat-x left top;
    }
    .eurefragentopliste20 li .eurefragentopPlatzierung,
    .eurefragentopliste li .eurefragentopPlatzierung,
    .eurefragentopliste li .eurefragentopPlatzierungLetzter,
    .eurefragentopliste20 li .eurefragentopPlatzierungLetzter {
     font-size: 10em;
     position:absolute;
     z-index: 10;
     display:block; 
     margin:50px 0 0 20px;
     filter: alpha(opacity=10);
     -moz-opacity: 0.1;
     -khtml-opacity: 0.1;
     opacity: 0.1;
    }
    .eurefragentopliste li .eurefragentopPlatzierung{
      top:0px;
    }  
    .eurefragentopliste20 li .eurefragentopKategorie,
    .eurefragentopliste li .eurefragentopKategorie  {
     display:block;   
     position:relative;
     z-index: 20;
    }   
    .eurefragentopliste20 li .eurefragentopBewertung,
    .eurefragentopliste li .eurefragentopBewertung {
     display: none;
      position:relative;
     z-index: 20;
    }  
    .eurefragentopliste20 li .eurefragentopName,
    .eurefragentopliste li .eurefragentopName {
      font-weight:normal;
      position:relative;
      z-index: 20;
    } 
    .eurefragentopliste20 li .eurefragentopFrage,
    .eurefragentopliste li .eurefragentopFrage {
     display:block;
     font-size:1.1em;
     line-height:24px;
     width:180px;
     /* wichtig, da Zahl im Hintergrund z-index:1  (mb,20092013) */
     position: relative;
     z-index: 20;
    } 
    .eurefragentopliste li .eurefragentopPlatzierungLetzter,    
                .eurefragentopliste20 li .eurefragentopPlatzierungLetzter {
      font-size: 5em !important;
      padding:0;
      text-align:center;
      line-height: 1.1em;
    }
  
/* =============================================================================
   FCE Eure Fragen ende
   ========================================================================== */


/* =============================================================================
   FCE Kommentare start
   ========================================================================== */

  .kommentareRechteSpalte h3 {
    font-size: 1em !important;
  }

/* =============================================================================
   FCE Kommentare ende
   ========================================================================== */
 
/* ============================================================================= 
    Rat & Hilfe Modul Startseite / rechte Spalte
   ========================================================================== */  
  #ratundhilfe {
  color:#fff !important; 
  width:280px; 
  height:50px; 
  -webkit-border-radius: 10px; 
  -moz-border-radius: 10px; 
  border-radius: 10px; padding:10px;
  }
  
  #ratundhilfe a {
   display:block;
   color:#fff !important;
   text-decoration:none;
  }  
   
  #ratundhilfe strong {
   font-size:1.3em;
  }
 
 
/* *****************************************************************************
   =============================================================================
   Rechte Spalte start
   =============================================================================
   ***************************************************************************** */
  
           

#tx_rsdynamicpoll_pi1_preloader { position:relative; }
#tx_rsdynamicpoll_pi1_preloader img { position:absolute;}
   

/* =============================================================================
   Videos start
   ========================================================================== */

   /* einfache Lightbox - Videobereich */
    #lightbox {
      position: absolute;
      top: 0;
      left: 50%;
      width: 500px;
      margin-left: -250px;
      background: #fff;
      z-index: 1001;
      display: none;
    }
    
    #lightbox-shadow {
      position: absolute;
      clear: both;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: #000;
      filter: alpha(opacity=75);
      -moz-opacity: 0.75;
      -khtml-opacity: 0.75;
      opacity: 0.75;
      z-index: 1000;
      display: none;
    }
    
    /* einfache Lightbox - Videobereich */     
    .videoanzeigeAuswahl .videoanzeigeAuswahllinks {
     float: left;
     width: 290px;
    }
    img.videovorschaugross {
     width: 280px;
    }
    .videoanzeigeAuswahl .videoanzeigeAuswahlrechts {
     float: left;
     width: 300px;
     height: 175px;
     background: transparent url(../images/schatten_unten_rechts_bilder.gif) no-repeat right bottom;
    }
    .videoanzeigeAuswahl .videoanzeigeAuswahlrechts h2,
    .videoanzeigeAuswahl .videoanzeigeAuswahlrechts h2 a {
      background: none;
      font-size: 0.7em !important;  
      line-height: 22px;
    } 
    .videoanzeigeAuswahl .videoanzeigeAuswahlrechts h2{
      margin-bottom:0!important;
    }
    /* Anzeige in Lightbox */
    .videoanzeige .videoanzeigetitel {
     margin: 0 0 10px 0;
     padding: 2px 2px;
     color: #fff; 
     height: 30px; 
     vertical-align: middle;
    }
    .videoanzeige .videoanzeigetitel i {
     float: right;
     padding: 0 0;
     width: 20px;
     cursor: pointer;
     font-size: 1.2em;
    }
    .videoanzeige  .videoanzeigefilm {
      border:1px solid #eaeaea;
      margin: 0 0 10px 0;
      padding:0;
    }
    .videoanzeige .videoanzeigetext {
		clear: both;
		padding-left: 5px;
		padding-top: 5px;
    }
    .videoanzeigetext .videoanzeigetextinhalt ul {display:none; }
    .videoanzeigetext .videoanzeigetextinhalt .closed { text-decoration:none; background-image: url("../icons/video_auf.gif"); width:22px; height:21px; display:block; }
    .videoanzeigetext .videoanzeigetextinhalt .open { text-decoration:none; background-image: url("../icons/video_zu.gif"); width:22px; height:21px; display:block; }
      
    .videoanzeigetextinhalt ul {
      margin:5px 0 0 10px;
    }
    .videoanzeigetextinhalt ul li{
      padding:0 0 0 20px;
    }
    div.videoanzeigetexterw {
      float: right;
      width: 300px;
    }
    div.videoanzeigetexterw ul {
      font-size: 12px;
      margin:0 0 10px 0;
    }
    div.videoanzeigetexterw ul li {
      margin:10px 0 0 15px;
      padding:0 0 0 20px;
    }
  
  /* Videoslider */
  /* div.tx-onhelperclasses-pi1 > div.bx-wrapper > div.bx-viewport > ul.bxslider > li > div.thumbnail */
  
  div.bx-wrapper {
   margin: 20px 0 40px 0;
   padding:0;
  }
  
  div.bx-viewport {
    padding: 10px 0 20px 0;
  }  
  ul.bxslider li {
    background:none !important;
    margin: 0 !important;
    padding:0 !important;
  }  
  ul.bxslider li .thumbnail {
    text-align:center;
    padding: 5px 10px;
    margin: 0 20px 0 0; 
  }
  
  
  /* Auswahl Videokategorien */
    #videokategorienAuswahl {
      margin:0 0 30px 0;
      padding:10px;
      vertical-align:middle;
      color:#fff;
    }
    #videokategorienAuswahl select{
      border:0;
    }
    #videokategorienAuswahl button {
      height:25px;
      box-shadow:none;
      border-radius:0 !important;
      margin:10px;
      border:0 !important;
    }  
    #videokategorienAuswahl label{
      float:left;
      margin:5px 20px 0 0;
      font-size:1.1em;  
      font-weight: bold;
      color: #fff;
    }  
    
    #videokategorienAuswahl .noscript {
    margin:0;
    padding:0;
    }
    #videokategorienAuswahl .noscript li {
      line-height:20px;
      color: #fff;
    }  
    #videokategorienAuswahl .noscript li a{
      color: #fff !important;
    }    
             
    
  /* Videokategorien Version 1 - deaktiviert mb 18.12.2013 
    ul.videoanzeigekategorien li {
      margin: 0 5px 10px 0 !important;
      padding: 4px 4px !important;
      float:left;
      height: 20px;
      vertical-align: middle;
    }  
    ul.videoanzeigekategorien li, 
    ul.videoanzeigekategorien li a,
    ul.videoanzeigekategorien li.aktiv a {
      color:#fff !important;
    }
           */      
    .videoanzeigemehr {
      margin: 30px 0 0 0 ;
      font-weight:bold;
      font-size: 1.1em;
    }  
  
  /* Pagebrowser */  
    .bx-pager .bx-default-pager {
      text-align:center;
    }  
    .bx-pager-item {
      float: left; 
      padding: 5px 5px; 
    }  
    .bx-controls-direction {
      display:none;
    }    

        .bx-controls-direction a {
          display: block;
      font-size: 0;
      line-height: 0;
      overflow: hidden;
                } 
  
  .videoanzeigetext .toctoc-comments-pi1 {
    margin-bottom: 0;
  }
  .videoanzeigetext .tx-tc-text-top {
    padding: 0;
    font-size: 100%;
  }
  .videoanzeige .videoanzeigefilm {
    margin-bottom: 0;
  }
  #videostartliste {
  padding: 0 30px;
  margin-bottom: 15px;
  }
  #videostartliste li {
    padding-bottom: 15px;
  }
  .videoanzeigeAuswahl .videoanzeigeAuswahllinks,
  #videostartliste li .thumbnail p,
  ul.bxslider li .thumbnail p {
    position: relative;
  }
  #videostartliste li .thumbnail p {
    margin-bottom: 5px;
  }
  #videostartliste li .thumbnail p span.video-play-btn,
  #videostartliste li .thumbnail p span.video-play-btn a,
  ul.bxslider li .thumbnail p span.video-play-btn,
  ul.bxslider li .thumbnail p span.video-play-btn a,
  .videoanzeigeAuswahl .videoanzeigeAuswahllinks span.video-play-btn,
  .videoanzeigeAuswahl .videoanzeigeAuswahllinks span.video-play-btn a {
    display: block;
    width: 100%;
    height: 100%;
  }
  #videostartliste li .thumbnail p span.video-play-btn,
  ul.bxslider li .thumbnail p span.video-play-btn,
  .videoanzeigeAuswahl .videoanzeigeAuswahllinks span.video-play-btn {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;  
    overflow: hidden;
  }
  #videostartliste li .thumbnail p span.video-play-btn a,
  ul.bxslider li .thumbnail p span.video-play-btn a,
  .videoanzeigeAuswahl .videoanzeigeAuswahllinks span.video-play-btn a {
    text-indent: -9999px;
  }
  #videostartliste li .thumbnail img,
  ul.bxslider li .thumbnail img   {
    border: 1px #63666B solid;
  }
  ul.bxslider li .thumbnail {
    border: 0;
    border-radius: 0;
    padding: 0;
    margin: 0;
    width: 130px;  
  }
  #videostartliste li .thumbnail,
  ul.bxslider li .thumbnail,
  .bx-wrapper .bx-viewport {
    box-shadow: none;
  }
  div.bx-wrapper  {
    background: url(../images/dottet_line_horizontal.gif) repeat-x left bottom;
    padding: 0 85px;
    overflow: hidden;
  }
  .bx-wrapper .bx-viewport {
       border: 0;
      left: 0;
      background: 0;
  }
  .bx-controls-direction {
    display: block;
  }
  .bx-wrapper .bx-controls-direction a {
    width: 40px;
    height: 35px;
    top: 27%;
    z-index: 999;
  }
  .bx-wrapper .bx-prev,
  .bx-wrapper .bx-next {
    display: block;
    width: 10px;
    height: 10px;  
  }
  .bx-wrapper .bx-next {
    right: 0;
  }
  .bx-wrapper .bx-prev{
    left: 0;
  }
  .bx-wrapper .bx-prev:hover,
  .bx-wrapper .bx-next:hover {
    background-position: left top;
  }
  ul.videoanzeigekategorien {
    background: url(../images/schatten_unten_links_lang.gif) no-repeat left bottom;
    padding-top: 15px;
    overflow: hidden;
    padding-bottom: 30px;
  }
  ul.videoanzeigekategorien li {
    margin: 0 0 0 5px !important;
    padding: 6px 1px !important;
  }
  ul.videoanzeigekategorien li:first-child {
    margin-left: 0 !important;
  }
  ul.videoanzeigekategorien li a, ul.videoanzeigekategorien li.aktiv a {
    font-size: 11px;
  }
  .row-fluid div.span12 .videoanzeigeAuswahl .videoanzeigeAuswahlrechts h2 {
    background: url(../images/dottet_line_horizontal.gif) repeat-x left bottom;
    margin-right: 15px;
    clear: both;
  }
  .videoanzeigeAuswahl .videoanzeigeAuswahlrechts h2 a {
    font-size: 16px !important;
  }
  ul.bxslider li .thumbnail div {
    text-align: left;
    font-weight: bold;
    padding-top: 10px;
  }
  div.videoanzeigeAuswahl {
    margin-top: 15px;
  }
  .videoanzeigeAuswahlrechts a.cboxElement {  
    padding-right: 25px;
  }
  .videoanzeigeAuswahl {
    background: url(../images/hg_schatten_rechts_unten_ecke.gif) no-repeat right bottom;
    overflow: hidden;
  }
  .videoanzeigeAuswahl .videoanzeigeAuswahlrechts {
    background: 0;
    width: 300px;
    height: 165px;
    padding-left: 10px;  
  }
  .videoanzeigeAuswahl .videoanzeigeAuswahllinks {
    width: 280px;
  }
  .videoanzeigeAuswahl .videoanzeigeAuswahllinks img {
    vertical-align: bottom;
  }
  p.likes {
    height: 32px;
    line-height: 32px;
    font-weight: bold;
    margin: 0 20px 0 0;
    float: right;
    padding-left: 38px;   
  }
  #videostartliste li .thumbnail p.likes,
  ul.bxslider li .thumbnail p.likes {
    float: none;
    margin: 5px 0 0 0;
    text-align: left;
  }
  .themablock.row-fluid .level-1 h3, .themablock.row-fluid .level-1 h3, .tx-onhelperclasses-pi1 div.forumListStart h2 {
 
   background:0;
}
.themablock.row-fluid .level-2 h3 {
  background: #9d1117 none repeat scroll 0 0;
  }
  /* muss in die special css dateien, pfade anpassen */
  ul.bxslider li .thumbnail div,
  p.likes {
    color: #1a5d78;
  }
  p.likes {
    background: url(../images/neutral_1/daumen_hoch.gif) no-repeat left center;
  }
  #videostartliste li .thumbnail p span.video-play-btn,
  ul.bxslider li .thumbnail p span.video-play-btn {
    background: transparent url(../images/neutral_1/play_btn.png) no-repeat center center;
  }
  .videoanzeigeAuswahl .videoanzeigeAuswahllinks span.video-play-btn {
    background: transparent url(../images/neutral_1/play_btn_gross.png) no-repeat center center;
  }
  .videoanzeigeAuswahlrechts a.cboxElement {
    background: url(../images/neutral_1/pfeil_blau_auf_weiss.gif) no-repeat right center;
  }
  .bx-wrapper .bx-next {
    background: url(../images/neutral_1/pfeil_blau_auf_weiss_gross.gif) no-repeat left top;
  }
  .bx-wrapper .bx-prev{
    background: url(../images/neutral_1/pfeil_blau_auf_weiss_gross_2.gif) no-repeat left top;
  }
  
/* =============================================================================
   Video ende
   ========================================================================== */
  
  
/* =============================================================================
   Forum start
   ========================================================================== */

  /* Foren-Liste */  
  .tx-rtgsforum-pi1 div.postsList div.postsListItem.postsListItemLevel0 form#formSendReply fieldset.form div.input input.input_submit{
    margin:-30px 0 0 0;
  }
  .tx-rtgsforum-pi1 div.postsList div.postsListItem.postsListItemLevel0 form#formSendReply fieldset.form div.input textarea#id_text.input_text{
    width:535px;
  }
  .tx-rtgsforum-pi1 div.postsList div.postsListItem.postsListItemLevel0 form#formSendReply fieldset.form{
    background-color:#eaeaea;
    padding:10px;
  }
  .tx-rtgsforum-pi1 div.postsList div.postsListItem.postsListItemLevel0 div.postHeader span.right a{
    color:#fff !important;
    padding:10px 20px;
    font-size:1.1em !important;
  }
  .postImage{
    float:left;
  }
  .newsList {
   margin: 20px 0 ;
  }
  .newsListItem div.newsListItemLeft a,
  .newsListItemRight h3 a{
    padding:0;
  }
  .news-list-browse div.browseLinksWrap{
    text-align:center;
  }
  .news-list-browse div.browseLinksWrap a,
  .news-list-browse div.browseLinksWrap span{
    float:left;
  }
  .newsList div.newsListItem {
    background: url(../images/hg_schatten_rechts_unten_ecke.gif) no-repeat right bottom;
    margin: 0 0 20px 0;
    padding: 0 12px 13px 0;
  }
  .newsListItem .newsListItemLeft {
     float:left;
     width: 170px;
     margin:5px 0 0 0;
     padding:0;
  }  
  .newsListItem .newsListItemRight {
     /* mb deaktiviert 19092013 
     float:right;
     width: 400px;
     */
  }
  .newsListItem .newsListItemRight h3 {
     font-size:1.1em !important;
     line-height:22px;
     margin:0 0 10px 0;
  }
  .newsListItem .newsListItemRight span.left {
     font-size:0.8em;
     float:left;
  }
  .newsListItem .newsListItemRight span.right {
     font-size:0.9em !important;
     float:right;
     margin:0 10px 0 0;
  }
  
  /* Anzeige Foren-Thread */
  .postsListItem {
     margin: 0 0 10px 0;
     clear: both;
  }
  .postsListItem.postsListItemLevel0{
    border: 2px dotted #eaeaea;
    background-color:#eaeaea;
    padding:10px;
    margin:0 0 20px 0;
    min-height:95px;
    overflow: hidden;
  }


  .postsListItem.postsListItemLevel20,
  .postsListItem.postsListItemLevel40{
    padding:10px;
    margin:0 0 20px 0;
    min-height:95px;
  }
    
  .postsListItem.postsListItemLevel0 p{
    font-weight:bold !important;
    padding:10px;
  }
  

  .postsListItem.postsListItemLevel20 p,
  .postsListItem.postsListItemLevel40 p{
    padding:10px;
  }  
  
  .postsListItem.postsListItemLevel0 div.postHeader span.left strong{
    font-style:italic;
  }  
  div.postHeader span.right {
    float:right;
    font-size:0.8em;
  }
  .postsListItem.postsListItemLevel0 div.postHeader{
    font-size:1.1em !important;
  }
  .postsListItem.postsListItemLevel0 div.postHeader span.left,
  .postsListItem.postsListItemLevel0 div.postHeader span.right{
    margin:0 0 0 10px;
    font-weight:bold;
  }  
  .postHeader {
    height: 20px;
    background-color:#fff;
  }
  .postsListItemLevel0  {   
    margin: 10px 0 10px 0;
  }
  .clearer5 {
    margin: 30px 0 0 0;
  }
  .tx-rtgsforum-pi1 div.postsList div.postsListItem.postsListItemLevel0 p.postText{
    font-size:1.1em;
    font-weight:normal !important;
  }
  .tx-rtgsforum-pi1 div.postsList div.postsListItem.postsListItemLevel0 div.postHeader{
    margin:0 0 20px 0;
  }  
  .tx-rtgsforum-pi1 a{
    margin:0;  
  }
  span.tx-rtgsforum-pi1-browsebox-SCell strong a,
  .tx-rtgsforum-pi1-browsebox p a{
    display:inline;
    margin:0 10px 20px 0;
    padding:0 10px 0 0;
    background:none;
    border-right:1px solid #333;
  }
  .tx-rtgsforum-pi1-browsebox p a:last-child{
    border:none;
  }
  .tx-rtgsforum-pi1-browsebox p{
    margin:30px 0;
  }
  .tx-rtgsforum-pi1 div.tx-rtgsforum-pi1-browsebox p{
    margin:30px 0;
  }
  span.tx-rtgsforum-pi1-browsebox-SCell,
  .tx-rtgsforum-pi1-browsebox{
    text-align:center;
  }
  .tx-rtgsforum-pi1 form#formSendPost fieldset.form{
    padding:10px;
    color:#fff;
  }
  .tx-rtgsforum-pi1 form#formSendPost fieldset.form div.input input[type="submit"]{
    background-color:#fff;
  }
  .tx-rtgsforum-pi1 p.forenauswahl a{
    padding:0 25px 0 0;
  }

/* =============================================================================
   Forum ende
   ========================================================================== */


/* =============================================================================
   Kommentare start
   ========================================================================== */ 
   
   #kommentar {
    height:30px !important;
    padding:5px 0 0 25px;
    margin:0 20px 0 0;
  }
  #kommentar span{
    font-weight:bold;
  }
   .artikelkommentare {
    border:0;
    background:none;
    color: #0000ff;
    font-size: 0.8em;  
    background: transparent url("../images/dottet_line_root_horizontal.gif") repeat-x bottom;
    text-align:right;
    margin: 0;
    overflow: hidden;
    padding:0 0 5px 0;
  }  
  .artikelkommentare div {
    float:right;  
    margin: 0 0 0 10px;
  }
  .artikelkommentare div > div {
    float: left;
    
  }
  .artikelempfehlen{
    border:0;
    background:none;
    color: #0000ff;
    font-size: 0.8em;  
    text-align:right;
    margin: 10px 0;
    padding:5px 0;
  }  
  .artikelkommentare span,
  .artikelempfehlen span {
    margin: 0 0 0 10px;
  }
  div.tx-tc-rt{
     border:0;
  }
  .toctoc-comments-pi1 .tx-tc-cts .tx-tc-ct-box-cttxt{
     padding-bottom:15px;
     padding-left:15px;
     margin-bottom:15px;
     background: #fff url(../images/schatten_mitte_lang.gif) no-repeat bottom;
  }
  .tx-tc-ctdate{
     display:none;
  }
  .tx-tc-text-top .tx-tc-rts-container {
    /* padding: 6px 0; */
    /* ON! 3.5.2016 */
       padding: 2px 0;
  }
  .tx-tc-ct-box-empty .tx-tc-text {
    text-align: center;
  }
  .toctoc-comments-pi1 {
    margin-bottom: 15px;
  }
  .toctoc-comments-pi1 {
    /*background-color: #fff;*/
    border-bottom: 1px solid #d8d8d8;
    border-left: 0px solid #fff;
    border-radius: 0;
    border-right: 0px solid #fff;
    border-top-color: #d8d8d8;
    display: inline-block;
    font-family: tahoma,verdana,arial,sans-serif;
    font-size: 100%;
    line-height: 20px;
    margin: 0;
    width: 100%;
}
  .row-fluid div.span12 .alert p {
    font-weight: normal;
  } 

         /* Link im Hinweistext - nicht angemeldt */
   .alert.alert-info .internal-link {
    text-decoration: underline !important;    
          font-weight:bold !important;
          color: #fff !important;          
          text-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
   }
   
   .hinweisKommentare a.internal-link {
    color: #fff !important;
   }


/* =============================================================================
   Kommentare ende
   ========================================================================== */ 

#teilen {
  height:30px !important;
  padding:0px 0 5px 300px;
}


#schlagworte {
  border:0;
  background:none;
  color: #0000ff;
  font-size: 0.8em;  
  margin: 0 0 10px 0;
}
#schlagworte li {
  padding:0;
  margin:0;
  background-image:none !important;
}


/* =============================================================================
   Coummunityfooter start
   ========================================================================== */

  #communityfooter {
    
    height: 30px;
    background: url("../images/communityleiste.png");
    position: fixed;
    bottom: 0px;
    left:0px;
    z-index: 1000;
    width:100%;
    margin:0;
    padding:5px 0 0 0;
    color: #fff;
  }
  #communityfooter #cfcenter {
    margin: auto auto;
    width:980px;
  }
  #communityfooter #cfcenter div {
   padding: 0 5px; 
   font-size: 0.8em;
  }  
  #communityfooter #cfcenter #cf1,
  #communityfooter #cfcenter #cf2,
  #communityfooter #cfcenter #cf2 form div {
   float:left;
  } 
  #communityfooter #cfcenter #cf3  {
   float:right;
  }
  
  #communityfooter #cfcenter #cf2 .fe-loginleistenutzer {
   padding: 0 10px 0 0; 
   font-size: 1.3em;
  }  
  #communityfooter input, 
  #communityfooter select, 
  #communityfooter textarea { 
    font-size: 1.5em !important;
    height:20px !important;
    margin: 0 !important;
    padding:0 !important; 
    vertical-align: baseline; 
    background-color:#fff !important;
    width: 100px; 
    border:none !important; 
    border-radius:0 !important; 
  }
  #communityfooter button:focus, 
  #communityfooter input:focus, 
  #communityfooter select:focus, 
  #communityfooter textarea:focus { 
    box-shadow:none; 
  }
  #communityfooter input{
    margin:3px 5px 0 0 !important;
    padding:0 5px !important;
  }
  #communityfooter button,
  #communityfooter #cfcenter #cf2 form a.hinweisleisteRegister,
  #communityfooter.hidden-phone > div#cfcenter > div#cf2 > form > div > input#passFooter,
  #communityfooter.hidden-phone > div#cfcenter > div#cf2 > form > div > input#userFooter{
    padding: 0 10px;
      height:20px !important;        
    font-size: 1.5em;
    color:#fff;
    font-weight:bold;
    border:none;
    margin-top:2px;
  }
        #communityfooter #cfcenter #cf2 form a.hinweisleisteRegister {
         font-weight:normal;
         color:#fff !important;
        }
  #communityfooter #cfcenter #cf2 form a.hinweisleisteRegister,
  #communityfooter.hidden-phone > div#cfcenter > div#cf2 > form > span > input{
    font-size: 1.2em !important;
  }
  #communityfooter.hidden-phone > div#cfcenter > div#cf2 > form > div > input#userFooter,
  #communityfooter.hidden-phone > div#cfcenter > div#cf2 > form > div > input#passFooter{
    background-color:#fff !important;
    color: #313131;
    font-style:italic;
  }
  #communityfooter.hidden-phone > div#cfcenter > div#cf3{
    padding:0 15px;
    margin:0 15px 0 0;
  }
  #communityfooter.hidden-phone > div#cfcenter > div#cf1{
    font-weight:bold;
    font-size: 1em;
    padding:2px 0 0 0;
    margin:0 20px 0 0;
  }
  .hinweisleisteRegister.btn{
    border-radius:0 !important;
  }
  
       /* Farbwahl per CSS ohne Klick zeigen */
       div#cf3 > div.btn-group.dropup:hover ul#farbwahl{
        display:block;
       }
    

  #farbwahl.dropdown-menu {
   min-width:140px;
   background-color:#fff !important;
   margin:2px;
  }
  #farbwahl {
    position:absolute;
    padding: 3px 3px;  
    width: 50px;
    z-index: 4000;
  }  
  #farbwahl li  {
    padding: 3px 10px;
    cursor: pointer;
    background-color: #fff;
    float:left;
  }
  
  #farbwahl li img {
     opacity:0.7;
     filter:alpha(opacity=70); /* For IE8 and earlier */
  }
  
  #farbwahl li img:hover{
     opacity:1.0;
     filter:alpha(opacity=100); /* For IE8 and earlier */
  }

/* =============================================================================
   Coummunityfooter ende
   ========================================================================== */


/* =============================================================================
   Footer start
   ========================================================================== */

  #footer{
    position:relative;
    overflow-x:hidden;
    z-index:500;
    bottom:0;
    left:-229px;
    width:1419px;
    height:400px;
    background: #e4e4e4 url("../images/footer.png") no-repeat bottom center;
    margin: 30px auto 0 auto;
    font-size: 0.8em;
  } 
  #footer .container {
    width:1069px;
    background: transparent url("../images/hg_footer.gif") no-repeat top left;
    margin:0 0 0 195px;
    padding:50px 0 50px 70px;
  }
  
  #footer .container .row-fluid{
    width: 900px;
    border: none;
  }
  
  #footer .container .row-fluid div{
    border: none;
  }
  
  
  
  #footerinhalt4 .csc-textpic-imagecolumn {
   width:100%;
  }
  
  #footerinhalt4 .csc-textpic-imagecolumn figure {
    float:left;
    padding: 2px 2px; 
    height:50px;
   
  }
  
  #footerinhalt4 .csc-textpic-imagecolumn figure a img {
   padding:0;
   margin:0;
  }
  
  .csc-textpic.csc-textpic-left.csc-textpic-below .csc-textpic-text p{
    font-weight:bold;
  }
  
  
  #footerinhalt4.span6 > div.csc-textpic.csc-textpic-center.csc-textpic-above > div.csc-textpic-imagewrap > div.csc-textpic-imagecolumn > figure.csc-textpic-image > a > img{
    margin:0 5px 15px 0;
  }
  
  
  #footerinhalt2 h3, #footerinhalt3 h3, #footerinhalt4 h3 {
    font-size:1.1em !important;
  }

/* =============================================================================
   Footer ende
   ========================================================================== */


/* =============================================================================
   Artikelseite start
   ========================================================================== */

  #themenartikelfoto h1 {
   position: absolute;
   z-index: 20;
   top:20px;
   left: 10px;
   padding: 0 10px 16px 0;
   background: transparent url(../images/schatten_unten_rechts_kurz.png) no-repeat right bottom;
  }
  #themenartikelfoto h1 span{
    background-color:#fff;
    padding:5px;
  }

    /***********************************  
      Kurz und knapp Start
    ***********************************/
    
      #mehrlesen {
        margin: 0 0 30px 0;
      }
      
      #mehrlesenbtn,
      #mehrlesenbtnfaq,
      #dgsInfoTextBtn,
      #lesenNutzungsbedingungenbtn {
         margin: 0 auto;
         padding:25px 0 0 0;
         width:250px;
         height: 60px;
         cursor: pointer;
         text-align:center;
         font-weight:bold;
      }  
      #mehrlesenbtnfaq img{
        margin:0 0 0 10px;
      }
      #lesenNutzungsbedingungentext,
      #mehrlesentext,
      #dgsInfoText{
        margin:20px 0 0 0;
        padding:20px 0 0 0;
        background: #fff url(../images/dottet_line_root_horizontal.gif) repeat-x top !important;
      }
      #lesenNutzungsbedingungentext p,
      #mehrlesentext p,
      #dgsInfoText p {
        font-weight:normal;
      }
    
    /***********************************  
      Kurz und knapp Ende
    ***********************************/


/* =============================================================================
   Themen start
   ========================================================================== */

  .themazeile, .themainhalt {
    height:270px;
    margin: 5px 0 0 0 !important;
    padding:0;
  }
  
  .themazeile {
    position:relative;
    z-index:1;
    overflow:hidden;
    
        }
  
  .themainhalt {
    margin: 0 ;
    padding:0;
    position: relative;
    z-index: 10;
    
  }  
  
  .themainhaltfoto .img-responsive {
    height: 100%;
}

  .themainhaltgross {
    margin: 0 10px 0 0;
    padding:0;
    position: relative;
    z-index: 20;     
    float:left;
  }  
  .themainhaltfoto{
    position:relative;
    width:430px;
	height:248px;
    z-index:30;  
    padding:0 0 6px 0;
    background: url(../images/schatten_unten_rechts_mittel.png) no-repeat right bottom;
  }
  h2.themainhalttext,
  span.themainhalttext {
    position:relative;
    z-index:40;
    top:-50px;
          padding: 5px;
          margin:0 0 0 10px;
          font-size: 2em;
  }
  .row-fluid div.span12 h2.themainhalttext {
    display: inline;
    margin:0 0 0 10px;
    line-height: 22px;
    font-size: 2em !important;
  }
  h2.themainhalttext a,
  span.themainhalttext a {
          color:#fff !important;
          
  }
  .themainhaltvorschau   {
    margin: 0 0 0 460px !important;
    width: 980px !important; 
    padding:0 !important;
    background: #fff;
    position: relative;
    z-index: 30;
    top:-282px;
    float:right;
    overflow:hidden;    
  }
  .teasersmallelement {
    float:left;
    margin: 1px 25px 10px 0;
    padding: 0 0 125px 0;
  }
 .teasersmallelement_l2 {
    float:left;
    margin: 1px 25px 10px 0;
    padding: 0 0 125px 0;
  }
  .gerade {
      margin: 0; 
      float: none; 
      position:absolute;
      bottom: 0;  
      padding: 0;
  }  
  .teasersmallelement span.teaser {
    display:none;
    position:relative;
    top:10px;
    left:10px;
    padding: 5px;
    z-index:20;
  }
.level-2{
  background:#9d1117 none repeat scroll 0 0; 
  width:200px;
  }
 
.themablock.row-fluid .level-2 h3  {
    background: #9d1117 none repeat scroll 0 0;
    height: 100px;
    line-height: 28px;
	margin-left: 10px;
} 
  .teasersmallelement .teaserimage {
     position:relative;
     top: 0;
     left:0;
     z-index:10;
     margin:0 !important;
     padding:0;
  }
  
  .teasersmallelement .teaserimage img {
    vertical-align:top !important;
  }
  
  .teasersmallelement .teaser a, .teasersmallelement_l2 .teaser a {
    color:#fff !important;
    font-family:'Conv_KRITZEL2',Sans-Serif;
    font-weight: normal;
    font-style: normal;
    hyphens: auto; 
  }
  
  .pfeillinks, 
  .pfeilrechts  {
    z-index:100;
    position: absolute;    
    top: 0;
    width:50px;
    height:430px;
    cursor:pointer;
  }

  .pfeillinks {
          left:0;
    padding: 120px 0 0 10px;
  }

  .pfeilrechts {
    padding: 120px 10px 0 0;
    right:0 !important;
  }

/* =============================================================================
   Thema ende
   ========================================================================== */


/* =============================================================================
   Suche start
   ========================================================================== */

  input#tx-indexedsearch-searchbox-sword{
    border-radius: 0;
    height:20px;
    float:left;
    border:1px solid #313131;
  }
  input:focus#tx-indexedsearch-searchbox-sword{
    box-shadow:none !important;
  }
  input#tx-indexedsearch-searchbox-button-submit{
    margin:0 0 0 10px;
    color:#fff;
  }
  
  /* Formular Sucheregbnisseite */
  form#tx_indexedsearch{
    margin:20px 0;
    padding:10px 0 0 10px;
    color:#fff;
  }
  form#tx_indexedsearch input#tx-indexedsearch-searchbox-sword{
    width:355px;
  }
  
  form#tx_indexedsearch input#tx-indexedsearch-searchbox-button-submit{
    background:none;  
  }
  form#tx_indexedsearch label{
    float:left;
    margin:5px 20px 0 0;
    font-size:1.1em;
    
  }
  .tx-indexedsearch-whatis {
   margin: 20px 0 10px 0;
  }
   
  .tx-indexedsearch-browsebox {
   margin: 0 0 20px 0;
   padding: 3px 3px;
  }
  .tx-indexedsearch-res.res.res-tmpl-css {
   margin: 0 0 20px 0;
  }
  .indexedsearch-titelzeile {
   line-height:20px;
   background-color: #ededed;
   padding: 3px 3px 
  }
  div.indexedsearch-titel { 
   width:90%;
   float: left;
  }
  div.tx-indexedsearch-percent.percent.percent-tmpl-css {
   float:right !important;
   font-size: 1em;
   width: 9%;
   float:right;
   text-align:right;
  }
  
  /* Pagebrowser */
  .tx-indexedsearch-browsebox ul.browsebox {
    margin: 20px 0;
  }
  .tx-indexedsearch-browsebox ul.browsebox li {
    background:none !important;
    margin:0 !important;
    padding:0 !important;
    float: left;
	list-style: none;
  }
  .tx-indexedsearch-browsebox ul.browsebox li a{
    padding: 0 10px 0 0;
  }  
  .tx-indexedsearch-browselist-currentPage {
   text-decoration: underline;
   color: #000;
  }

/* =============================================================================
   Suche ende
   ========================================================================== */


/* =============================================================================
   Teste Dich start
   ========================================================================== */

  .testanzeige {
   margin: 0 0 20px 0;
  }  
  .testanzeigemehr {
   font-weight:bold;
  }  
  
  /* Videokategorien */
  ul.testanzeigekategorien li {
    margin: 0 5px 10px 0 !important;
    padding: 4px 4px !important;
    float:left;
    height: 20px;
    vertical-align: middle;
  }  
  ul.testanzeigekategorien li, 
  ul.testanzeigekategorien li a,
  ul.testanzeigekategorien li.aktiv a {
   color:#fff !important;
   list-style: outside none none;
  }
  .spielinfo {
   background:transparent url(../images/hg_schatten_rechts_unten_ecke.gif) no-repeat right bottom;
   min-height: 200px;
   margin: 0 0 30px 0;
  }  
  .spielfoto {
   float:left;
  }
  .spielinhalt {
   padding: 0 10px;
   margin: 0 0 0 300px;
  }    
  .spielhigscore {
   display:none;
  }
  .spielinhalt a.spiellink{
    padding-right:20px;
  }
  .spielinhalt p{
    background: transparent url(../images/dotted_line_boxen_horizontal.gif) repeat-x bottom;
    padding:0 0 10px 0;
  }

/* =============================================================================
   Teste Dich ende
   ========================================================================== */


/* =============================================================================
   Rat & Hilfe start
   ========================================================================== */
  

  #beratungsstellen {
    margin: 20px 0 !important;
  }
  #beratungsstellen.nav-tabs>li.active>a,
  #beratungsstellen.nav-tabs>li>a:hover {
     color: #fff !important;
  }
  #beratungsstellen.nav-tabs>li>a {
    padding-right: 7px;
    padding-left: 7px;
    margin-right: 5px;
    line-height: 14px;
  }
  #beratungsstellen.nav-tabs>li>a {
    background-color: #eeeeee !important;
  }
  
  
  
  
/* =============================================================================
   Rat & Hilfe ende
   ========================================================================== */


/* =============================================================================
   Umfrage Startseite start
   ========================================================================== */

  .startseiteUmfrage .tx-rsdynamicpoll-pi1 { 
   margin: 0 0 20px 0;
   padding:0;
  }
  .startseiteUmfrage .tx-rsdynamicpoll-pi1 > .umfrageHG { 
   background:transparent url(../images/umfrage_startseite.jpg) no-repeat left top;
   min-height:200px;
  }  
  
  
  .startseiteUmfrage .tx-rsdynamicpoll-pi1 .umfrageHG  #tx_rsdynamicpoll_pi1_resultVote .umfrageHG { 
   background-image: none !important;   
  }    
  .startseiteUmfrage .tx-rsdynamicpoll-pi1  .question {
   padding: 10px;
  }
  .startseiteUmfrage .tx-rsdynamicpoll-pi1  #tx_rsdynamicpoll_pi1_resultVote {
   clear:both;
   padding: 10px;
   margin:-80px 20px 0 20px;
   font-weight:bold;
   background-color: #fff;
  }  
  .startseiteUmfrage .tx-rsdynamicpoll-pi1  .question span {
   font-weight: bold;
    font-size: 1.4em;
    background-color: #fff;
    padding: 5px 5px;
    width: auto;
    float:right;
    margin: 0 10px 10px 0;
    
  }  
  .startseiteUmfrage #tx_rsdynamicpoll_pi1-2 .answer {
   width: 30%;
   float: left;
   font-size: 1.2em;
   padding: 2px; 
  }  

  .startseiteUmfrage #tx_rsdynamicpoll_pi1-3 .answer {
   width: 25%;
   float: left;
   font-size: 1.2em;
   padding: 0 0 0 2px; 
  }  
  .startseiteUmfrage #tx_rsdynamicpoll_pi1-5 .answer {
   width: 25%;
   float: left;
   font-size: 1.2em;
   padding: 0 0 0 2px; 
  }    
    
  .startseiteUmfrage .tx-rsdynamicpoll-pi1   #tx_rsdynamicpoll_pi1_resultVote .total {
   font-weight: bold;
   font-size: 1em;
  }  
  .startseiteUmfrage .tx-rsdynamicpoll-pi1  #tx_rsdynamicpoll_pi1_resultVote .answer_result .antwort {
   font-weight: bold;
   font-size: 1.2em !important;
   padding: 0 5px; 
  }    
  .startseiteUmfrage div.tx-rsdynamicpoll-pi1 div.umfrageHG div#tx_rsdynamicpoll_pi1_resultVote form input {
    border:none;
    height: 30px;
    margin: 0;
    color:#fff;
    font-weight:bold;
  }
  .startseiteUmfrage div.tx-rsdynamicpoll-pi1 div.umfrageHG div#tx_rsdynamicpoll_pi1_resultVote form div.answer{
    border:0;
    background:none;
  }
  .startseiteUmfrage div.tx-rsdynamicpoll-pi1 div.umfrageHG div#tx_rsdynamicpoll_pi1_resultVote form div.answer input{
    float:left;  
    margin:0 10px 0 0;
    background: none !important;
  }
  /* Anpassung Ende */
  
  .startseiteUmfrage .tx-rsdynamicpoll-pi1 .umfrageHG h3{
    line-height:0;
    position:relative;
    top:5px;
    padding:20px 10px;
    color: #fff !important;
    width: 85px;
      font-size: 1.5em !important;  
  }
  
  
/* =============================================================================
   Umfrage Startseite ende
   ========================================================================== */
  

/* =============================================================================
   G?stebuch start
   ========================================================================== */

    .tx-veguestbook-pi1 {
        font-size:100%;
    }
      
    /* error handling */
    .tx-veguestbook-pi1 p.tx-guestbook-form-error {
        font-weight:bold;
        color:#990000;
    }
    
    /* display of result count */
    .tx-veguestbook-pi1 .tx-guestbook-result {
        font-weight:bold;
        float:left;
    }
    
    /* pagination */
    .tx-veguestbook-pi1 .tx-guestbook-pagination {
        font-size:1em;
        font-weight:bold;
        /* float:right; */
        text-align: center;
    }    
    .tx-veguestbook-pi1 .tx-guestbook-pagination a,
     .tx-veguestbook-pi1 .tx-guestbook-pagination strong {
     padding: 0 5px 0 0;
    }
       
    /* styles for list mode */
    .tx-veguestbook-pi1 h2.tx-guestbook-header {
        clear:both;
        background:#666;
        color:#FFF;
        display:block;
        font-size:100%;
        font-weight:bold;
        padding: 1em;
        width: 35em;
    }    
    .tx-guestbook-zeile {
     border: 2px dotted #eaeaea;
     padding: 10px 10px;
     margin: 0 0 10px 0;
    }       
    .tx-veguestbook-pi1 .tx-guestbook-left {
        float:left;
        width: 20%;
        background: none;
        padding:0;
    }
    .tx-veguestbook-pi1 .tx-guestbook-right {
        float:left;
        width: 70%;
        padding: 0 0 0 10px;
    }
    
    /* styles for latest mode */
    .tx-veguestbook-pi1 .tx-guestbook-latest p.tx-guestbook-date,
    .tx-veguestbook-pi1 .tx-guestbook-right p.tx-guestbook-date {
        font-size:75%;
        color:#333333 !important;
    } 
    .tx-veguestbook-pi1 .tx-guestbook-right h3 {
        font-size:100%;
        color:#990000;
        font-weight:bold;
        background:none;
    }    
    .tx-veguestbook-pi1 .tx-guestbook-right .tx-guestbook-comment {
        color:#000;
        font-style: italic;
    }    
    .tx-veguestbook-pi1 .tx-guestbook-latest {
        display:block;
        padding:0.25em;
        clear:both;
    }
    .tx-guestbook-right p{
      font-weight:normal;
      font-size:1.1em;
    }
    
    /* form styles */
    .tx-veguestbook-pi1 .tx-guestbook-field {
        clear:both;
        width:100%;
        display:block;
        padding: 1em 0;
    }   
    .tx-veguestbook-pi1 .tx-guestbook-field label {
        clear: both;
        display: block;
        float: left;
        width: 10em;
    }    
    .tx-veguestbook-pi1 .tx-guestbook-field input.tx-guestbook-form-inputfield-med {
        float:left;
        width:10em;
    }    
    .tx-veguestbook-pi1 .tx-guestbook-field input.tx-guestbook-form-inputfield-big {
        float:left;
        width:20em;
    }    
    .tx-veguestbook-pi1 .tx-guestbook-field textarea.tx-guestbook-form-textarea {
        width: 20em;
        display: block;
        float: left;
    }    
    
    .tx-guestbook-field span,
    .tx-guestbook-field  span,
    .tx-guestbook-field  span {
    margin: 0 0 0 5px;
    }
    
    .tx-veguestbook-pi1 .tx-guestbook-field span.tx-guestbook-form-obligationfield {
        color:#fff;
    }    
    .tx-veguestbook-pi1 fieldset {
        border:none;
    }    
    .tx-veguestbook-pi1 legend {
        display:none;
    }   
    .tx-veguestbook-pi1 .tx-guestbook-freecap {
        float:left;
        display:block;
        background:#F7F7F7;
        border:1px solid #CCC;
    }
    .tx-veguestbook-pi1 .tx-guestbook-freecap {
        margin-left:2.25em;
    }    
    .tx-veguestbook-pi1 .tx-guestbook-freecap img {
        float:left;
        display:block;
        padding-left:0.25em;
    }   
    .tx-veguestbook-pi1 .tx-guestbook-freecap input {
        float:left;
    }   
    .tx-veguestbook-pi1 .tx-guestbook-freecap label {
        clear:both;
        display:block;
        float:none;
        width:10em;
        margin-bottom:0.5em;
    }    
    .tx-veguestbook-pi1 .tx-guestbook-freecap p {
        font-size:75%;
        padding:0.25em;
    }    
    .tx-veguestbook-pi1 .tx-guestbook-freecap h3 {
        display:none;
    }    
    .tx-veguestbook-pi1 .tx-guestbook-freecap span.tx-srfreecap-pi2-cant-read {
        color:#990000;
    }    
    .tx-veguestbook-pi1 .tx-guestbook-clear {
        clear:both;
        display:block;
        height:5px;
    }    
    .tx-veguestbook-pi1 input.tx-guestbook-submit {
        width:auto;
        display:block;
    }
    .tx-veguestbook-pi1 form fieldset{
      padding:10px;
      color:#fff;
      margin:30px 0 0 0;
    }
    .tx-veguestbook-pi1 form fieldset div.tx-guestbook-field input{
      border-radius:0;
    }
    .tx-veguestbook-pi1 form fieldset div.tx-guestbook-field input[type="submit"]{
      background-color:#fff;
    }
    .tx-veguestbook-pi1form fieldset div.tx-guestbook-field label span.tx-guestbook-form-obligationfield {
    
    }
/* =============================================================================
   G?stebuch ende
   ========================================================================== */


/* =============================================================================
   Pagebrowse start
   ========================================================================== */

  #content ul.tx-pagebrowse li {
    margin: 0;
    padding: 0px 5px 0px 0px;
    background: 0 !important;
  }

/* =============================================================================
   Pagebrowse ende
   ========================================================================== */


/* =============================================================================
   Eure Fragen & FAQ start
   ========================================================================== */

  .row-fluid div.span12 .eurefragentop h1,
  .row-fluid div.span12 h2{
    font-size:1.3em !important;
    margin:0;
  }
  
  .eurefragenThema {
  
  }
  
  
  .eurefragenLetzteFrageGrafik img{
    float:left;
    margin:0 25px 0 0;
  }
  a.eurefragenListeletzterEintrag{
    display:block;
    height:20px;
    padding:10px 10px 10px 10px !important;
    color:#fff !important;
  }
  .eurefragenLetzteFrageGrafik div{
    min-height:205px;
    padding:0 30px 0 0;
    background:transparent url(../images/hg_schatten_rechts_unten_ecke.gif) no-repeat right bottom;
  }
  span.eurefragenLetzteFrageName{
    /* display:block; */
    font-weight: bold;
  }  
  .eurefragenLetzteFrageGrafik h1, 
  span.eurefragenLetzteFrageText {
    font-size: 1.3em !important;
    padding:0; 
    margin:0;
    background:0;
    line-height:normal;
  }  
  .eurefragenLetzteFrageAntwort {
   font-size: 1.1em;
  }  
    
  /* B3reich TOP */
    .eurefragentop {
      background:transparent url(../images/schatten_unten_links_lang.gif) no-repeat left bottom;
      margin: 0 0 40px 0;
      padding:0 0 20px 0;
    }
    .eurefragentop h3 {
      background:transparent url(../images/schatten_unten_links_kurz.gif) no-repeat left bottom;
      font-size: 1.8em !important;
      padding: 0 0 10px 5px;
      margin: 0 0 20px 0;
    }
    .eurefragentoplisteoben {
      margin: 0 !important;
      padding: 0 0 20px 0 !important;
    }
    .eurefragentopliste {
      margin: 0 !important;
      padding: 0 !important;
    
    }    
    .eurefragentopliste li{
      background:none !important;
      margin: 10px 10px 10px 0 !important;
      padding: 3px 3px !important;
      width:30%;
      float:left; 
      font-weight:bold;
    }
    .tx-onhelperclasses-pi1 div.eurefragentop ul.eurefragentopliste li a,
    .tx-onhelperclasses-pi1 div.eurefragentop ul.eurefragentopliste20 li a{
      padding:0 25px 0 0;
    }
    .eurefragentop .faqtrenner {
      padding:5px 0 5px 0;
      background: url(../images/dottet_line_horizontal.gif) repeat-x left top;
    }
    .eurefragentopliste li .eurefragentopKategorie {
     display:block;
     padding: 0 0 10px 0;
    } 
    .eurefragentopliste li .eurefragentopBewertung {
     display: none;
    }
    .eurefragentopliste li .eurefragentopName {
     font-weight:normal;
    }   
    .eurefragentopliste li .eurefragentopFrage {
     display:block;
     font-size:1.1em;
     line-height:24px;
     width:180px;
    } 
    div.eurefragentop ul.eurefragentopliste li div.rating {
      position: static;
      margin: 5px 0;
    }
    div.rating {
      background: url(../images/bewertung_leer.png) no-repeat left center;
      width: 92px;
      height: 18px;
      position: absolute;
      right: 15px;
      top: 10px;
    }
    .eurefragentopliste li .eurefragentopKategorie {
      padding-bottom: 0;
    }
    div.eurefragentop ul.eurefragentopliste li div.rating p,
    ul#faqlistedetail li div.rating p,
    ul#faqlistedetail li.aktiv div.rating p {
      background: url(../images/bewertung_voll.png) no-repeat left center;
    }
    ul#faqlistedetail {
      margin: 15px 0;
    }
    ul#faqlistedetail li {
      position: relative;
    }

  /* Bereich TOP  ende */
  ul#teaserliste li,
  ul#faqliste li {
      margin: 0 20px 20px 0 !important;
        padding: 0 0 5px 0 !important;
        width: 45%;
      float:left;
      background: transparent url(../images/schatten_unten_links_kurz.gif) no-repeat left bottom !important;
  }
  ul#teaserliste li a.teaserbox-normal-link,
  ul#faqliste li a.teaserbox-normal-link{
    width:auto;
  }
  ul#teaserliste li .faqlisteimage,  
  ul#faqliste li .faqlisteimage {
   position: relative;
   z-index: 10;  
   margin: 0 0 10px 0;
  }
  ul#teaserliste li .faqlisteimage img,  
  ul#faqliste li .faqlisteimage img {
     position: relative;
     top:0;
     left:0;
     z-index: 10;  
     width:290px;
     padding:0 0 15px 0;
     background: transparent url(../images/schatten_unten_rechts_bilder.gif) no-repeat right bottom;
  }
  ul#teaserliste li .faqlisteimage span,   
  ul#faqliste li .faqlisteimage span,
  ul#faqliste li .faqlisteimage h2 {
   position: absolute;
   z-index: 20;  
   top: 20px;
   right: 30px;
   padding: 10px 20px;
   background: #fff; 
   font-weight: bold;
   font-size: 1.8em;
  }
  ul#faqliste li .faqlisteimage h2 {
    line-height: 22px;
    font-size: 1.8em !important;
  }
  ul#teaserliste li br.clear,  
  ul#faqliste br.clear {
   margin: 0 0 30px 0;
  }

  ul#faqlistedetail li {
    background:none !important;
    border: 1px dotted #d4d4d4;
      padding: 10px 10px!important;
      margin: 0 0 20px 0 !important;  
  }
  #faqlistedetail li p a{
    padding-right:20px;
  }
  ul#teaserliste li p,
  #faqliste li p{
    width:auto;
    padding:0 0 10px 0;
    margin:0 0 5px 0;
    font-size:1.1em;
    line-height:24px;
    background: transparent url(../images/dotted_line_boxen_horizontal.gif) repeat-x bottom;
  }
    
  ul#faqlistedetail li p span{
    font-weight: bold;
  }
  ul#teaserliste li p span,  
  ul#faqliste li p span {
    font-weight: normal !important;  
    color: #313131;
  }  
  ul#faqlistedetail li.aktiv p {
    background: #ededed;  
  }
  ul#teaserliste li {
    float: none;
    width: auto;
  }
  #content ul#teaserliste {
    margin: 15px 0;
  }

/* =============================================================================
   Eure Fragen & FAQ ende
   ========================================================================== */
  

/* =============================================================================
   Liebesgeschichten start
   ========================================================================== */

  #liebesgeschichtenTagcloud {
    margin: 40px 0 0 0;
    padding:0 0 20px 0;  
    line-height: 35px;
    text-align:center;
    background:transparent url(../images/dotted_line_boxen_horizontal.gif) repeat-x bottom;
  }
  #liebesgeschichtenTagcloud {
     background: #fff url(../images/liebesgeschichten_bg.jpg) no-repeat top left  !important;
  }
  #liebesgeschichtenTagcloud span {
    vertical-align: middle;
    white-space: pre-line;
  }
  
  #liebesgeschichtenTagcloud span a {
      padding:20px;
  }
  #liebesgeschichtenZufall > div > div > p > span > a{
    padding:0 25px 0 0;
  }
  
  #selectliebesgeschichten{
    border-radius:0 !important;
    border-width:3px !important;
  }
  
  
  /* Einzelansicht top */
    .liebesgeschichtenEinzel .liebesgeschichtenEinzelGrafik img {
      float:left;
    }
  
  /* Auswahl Liebesgeschichten start */
    #liebesgeschichtenAuswahl {
      margin:0 0 30px 0;
      padding:10px;
      vertical-align:middle;
      color:#fff;
    }
    #liebesgeschichtenAuswahl select{
      border:0;
    }
    #liebesgeschichtenAuswahl button {
      height:25px;
      box-shadow:none;
      border-radius:0 !important;
      margin:10px;
      border:0 !important;
    }  
    #liebesgeschichtenAuswahl label{
      float:left;
      margin:5px 20px 0 0;
      font-size:1.1em;  
      font-weight: bold;
      color: #fff;
    }  
    
    #liebesgeschichtenAuswahl .noscript {
    margin:0;
    padding:0;
    }
    #liebesgeschichtenAuswahl .noscript li {
      line-height:20px;
      color: #fff;
    }  
    #liebesgeschichtenAuswahl .noscript li a{
      color: #fff !important;
    }    

    #liebesgeschichtenZufall h3 {
      background:transparent url(../images/ueberschrift_32px_hg.gif) no-repeat left bottom;
      padding: 0 0 10px 5px;
      margin: 0 0 20px 0;
    } 
    .liebesgeschichteStartEinzel {
     background:transparent url(../images/hg_schatten_rechts_unten_ecke.gif) no-repeat right bottom;
     min-height: 205px;
    }  
    .liebesgeschichteStartGrafik img{
      float:left;
      margin:0 25px 0 0;
    }  
    .liebesgeschichteStartGrafik p{
     margin: 0 15px 0 310px;
    }
    .liebesgeschichteStartGrafik .eurefragenLetzteFrageText {
      font-size: 1.3em !important;
      padding: 5px 0;
    }  
    .liebesgeschichteStartGrafik .startlinkliebesgeschichten {
     display:block;
    }  
    #liebesgeschichtenWeitere {
     margin: 30px 0 0 0;
    }  
    ul#liebesgeschichtenVorschlaege {
      margin: 0 0 10px 0 !important;
    }  
    ul#liebesgeschichtenVorschlaege li {
      background:none !important;
      margin: 10px 0 0 0 !important;
      padding: 3px 3px;
      padding:0 !important;
      width:25%;
      float:left;
    }  
    ul#liebesgeschichtenVorschlaege li p span{
        font-size:1em !important;
    }  
    #liebesgeschichtenWeitere{
      background:transparent url(../images/schatten_unten_links_lang.gif) no-repeat left bottom;
    }
    #liebesgeschichtenWeitere .liebesgeschichtenWeitereLink,
    #liebesgeschichtenZufall .liebesgeschichteStartEinzel .liebesgeschichteStartGrafik p span.startlinkliebesgeschichten {
       background:transparent url(../images/dotted_line_boxen_horizontal.gif) repeat-x top;
       padding: 10px 0 20px 3px;
       margin: 10px 0 0 0;
    }
    #liebesgeschichtenWeitere .liebesgeschichtenWeitereLink a{
      padding:0 25px 0 0;
    }
  
  /* Auswahl Liebesgeschichten ende */
  
  /* Detailseite start */
  
    ul#liebesgeschichtenlistedetail li {
      border: 1px dotted #d4d4d4;
      background:none !important;
            padding: 10px 10px!important;
      margin:20px 0 0 0 !important;
    }
  
    ul#liebesgeschichtenlistedetail li img{
     float: left;
    }  
    ul#liebesgeschichtenlistedetail li p {
     margin: 0 0 0 100px;
    }   
    ul#liebesgeschichtenlistedetail li p span{
      font-weight: bold;
      padding: 0 0 5px 0;
      display:block;  
    }  
    .liebesgeschichtenEinzel {
      min-height:200px;
      background:transparent url(../images/hg_schatten_rechts_unten_ecke.gif) no-repeat right bottom;
    }  
    .liebesgeschichtenEinzel img{
      float:left;
      margin:0 25px 0 0;
    }
    .liebesgeschichtenEinzel strong {
      padding:0 25px 0 0;
      font-size: 1.1em;
      display:block;  
    }  
    .liebesgeschichtenEinzel span {
      padding:0 25px 0 0;
      font-size: 1em;  
      display:block;
    }  
    .liebesgeschichtenEinzel div{
      padding:0 25px 0 0;
      font-size: 1.1em;  
    }
    
  /* Detailseite ende */

/* =============================================================================
   Liebesgeschichten ende
   ========================================================================== */

/* =============================================================================
   Eure Meinung start
   ========================================================================== */

  .euremeinungenGrafik {
   background:transparent url(../images/hg_schatten_rechts_unten_ecke.gif) no-repeat right bottom;
   min-height: 200px;
  }  
  .euremeinungenGrafik img{
    float:left;
    margin:0 25px 0 0;
  }
  .euremeinungenGrafik p{
   display:block;
   margin: 0 15px 0 310px;
  }
  .euremeinungenGrafik p a{
    padding:0 25px 0 0;
  }  
  .euremeinungenGrafik a{
    padding-right:20px;
  }
  span.euremeinungenname{
   margin: 0 0 10px 0;
   font-weight: bold;
    display:block;
  }  
  blockquote.euremeinungentext{
    padding:0 10px 10px 0;
    margin: 0 10px 10px 0;
    border-left: 0;
    background:transparent url(../images/dotted_line_boxen_horizontal.gif) repeat-x bottom;
  }  
  
  /* Detailseite Thema */
  
  /* Formular Sucheregbnisseite */
    #euremeinungenAuswahl{
      margin:20px 0;
      padding:10px 0 10px 10px;
      color:#fff;
    }
    #euremeinungenAuswahl select {
      
    }  
    #euremeinungenAuswahl button {
      height:25px;
      box-shadow:none;
      border-radius:0 !important;
      border:0 !important;
    }
    #euremeinungenAuswahl button,
    #liebesgeschichtenAuswahl button,#videokategorienAuswahl button {
        background-image:none !important;
        width:30px;
        height:30px;
        padding: 0 0 0 10px;
        -webkit-border-top-right-radius: 12px;
        -khtml-border-top-right-radius: 12px;
        -moz-border-top-right-radius: 12px;
        border-top-right-radius: 12px;
        -webkit-border-bottom-right-radius: 12px;
        -khtml-border-bottom-right-radius: 12px;
        -moz-border-bottom-right-radius: 12px;
        border-bottom-right-radius: 12px;
    }
    #euremeinungenAuswahl input.btn{
      border-radius:0 !important;
      border:0;
      margin:0 0 0 10px;
      background-color:#fff;
      font-weight:bold;
    }    
    #euremeinungenAuswahl button,
    #liebesgeschichtenAuswahl button,#videokategorienAuswahl button {
        cursor:pointer;
        background: transparent url(../images/neutral_1/search.png) no-repeat center !important;
    }     
    #euremeinungenAuswahl label{
      float:left;
      margin:5px 20px 0 0;
      font-size:1.1em;
      
      
    }  
    
        
    #euremeinungenAuswahl .noscript {
    margin:0;
    padding:0;
    }
    #euremeinungenAuswahl .noscript li {
      line-height:20px;
      color: #fff;
    }  
    #euremeinungenAuswahl .noscript li a{
      color: #fff !important;
    }    

    .euremeinungenEinzelGrafik {
      min-height:200px;
      background:transparent url(../images/hg_schatten_rechts_unten_ecke.gif) no-repeat right bottom;
    }  
    .euremeinungenEinzelGrafik img{
      float:left;
      margin:0 25px 0 0;
    }
    .euremeinungenEinzelGrafik p{
      padding:0 25px 0 0;
      font-size: 1.1em;  
    }
  
  
  /* Detailseite Liste */
  
    .euremeinungenAuswahl {
       margin: 30px 0;
    }
    ul#euremeinungenlistedetail li {
      border: 1px dotted #d4d4d4;
      background:none !important;
        padding: 10px 10px!important;
      margin:20px 0 0 0 !important;
    }
    ul#euremeinungenlistedetail li img{
     float: left;
    }
    /* gegen blockquote getauscht 
    ul#euremeinungenlistedetail li p {
     margin: 0 0 0 100px;
    }
    */
                ul#euremeinungenlistedetail li blockquote {
     margin: 0 0 0 100px !important;
     padding:15px;
           border-left: 0;
           background-color:#e0e0e0;
    }
    ul#euremeinungenlistedetail li blockquote span{
      font-weight: bold;
      padding: 0 0 5px 0;
      display:block;  
    }
    .tx-onhelperclasses-pi1 form fieldset{
      color:#fff;
      padding: 0 10px 10px 10px;
    }
    .tx-onhelperclasses-pi1 form fieldset legend{
      margin:60px 0 20px 0;
      color:#fff;
      font-weight:bold;
      font-size:1.3em;
    }
    .tx-onhelperclasses-form-field input,
    .tx-onhelperclasses-form-field select,
    .tx-onhelperclasses-form-field textarea{
      border-radius: 0;
    }
    .tx-onhelperclasses-form-field input.tx-onhelperclasses-form-submit{
      float:right;
      background-color:#fff;
    }
    .tx-onhelperclasses-form-field input.tx-onhelperclasses-form-inputfield-radio{
      margin:0 10px 0 0;
    }
    textarea#formmessage.tx-onhelperclasses-form-textarea{
      width:409px;
    }
    .tx-onhelperclasses-pi1 div#euremeinungenAuswahl button{
      margin:0 0 0 10px;
    }
    .tx-onhelperclasses-pi1 div#euremeinungenAuswahl select#selecteuremeinungen{
      margin:2px 0 0 0;
    }
  
/* =============================================================================
   Eure Meinung ende
   ========================================================================== */


/* =============================================================================
   BZGA Shop start
   ========================================================================== */

  .tx-wwbzgashop-pi1 .title {
    font-size: 1.1em;
  } 
  .tx-wwbzgashop-pi1 .shopinfoicon {
    width: 70px;
  }
  
  .tx-bzga-shop-article-buttons {
    margin-top: 15px;
}
  .tx-wwbzgashop-pi1 .shopinfoicon img{
    width: 60px;
    margin:5px 0 0 0;
  }
  .tx-wwbzgashop-pi1 .shopinfoorder,
  .tx-wwbzgashop-pi3 .shopinfoorder {
    font-size: 0.8em;
  }
  .tx-wwbzgashop-pi1 .shortdesc {
    margin: 10px 0;
  }
  .tx-wwbzgashop-pi3 .shopinfoicon2 {
     width: 130px;
  }
  .tx-wwbzgashop-pi3 h3.title {
     margin: 0 0 20px 0;
  } 
  .tx-wwbzgashop-pi3 .shopinfoicon2 img{
     width: 120px;
  }
  .tx-wwbzgashop-pi3 p.shopinfo,
  .tx-wwbzgashop-pi3 div.shopinfo {
     margin: 0 0 10px 0;
  }
  .tx-wwbzgashop-pi3 p.shopinfo strong,
  .tx-wwbzgashop-pi3 div.shopinfo strong{
     font-size: 0.8em;
  }
  .tx-wwbzgashop-pi1 table tbody tr td p span a{
    padding-right:25px;
  }
  .tx-wwbzgashop-pi1 table tbody tr td p span a{
    margin:0 0 0 -6px;
  }  
  .tx-wwbzgashop-pi2 td.cartrow img {
    margin: 0 10px 10px 0;
  }  
  span.bzga-pdf{
    margin:0 20px 0 10px;
  }
  i.icon-download-alt {
    display:none;
  }
  i.icon-shopping-cart, 
  i.icon-list-alt,
  .bzga-icon-pdf {
   padding: 0 10px 0 0 !important;
  }  
  .tx-wwbzgashop-pi2 .error { 
    padding:10px 0;
    color:#ff0000;  
  }  
  .cart_overview {
   margin: 20px 0;
   padding: 10px 10px;
   border: 1px solid  #d4d4d4;
  }
  
  /* Info Anzeigen start */
   
   .alert.alert-info{
     border-radius:0;
     border:0;
     color:#fff;
     font-style:italic;
     /* text-shadow:none; */
   }
   
   .icon-bzga-pdf {
    margin: 0 10px 0 -10px;
    width: 14px;
    height: 14px;
   }

/* =============================================================================
   BZGA Shop ende
   ========================================================================== */
 

/* =============================================================================
   Kontakt-Form start
   ========================================================================== */
  
  #content .container-fluid #kontakt-form ol {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  #content .container-fluid #kontakt-form ol li {
    background: none;
    padding: 0;
  }
  form#kontakt.form-horizontal{
    color:#fff;
    padding:10px;
    margin:30px 0 0 0;
  }
  form#kontakt.form-horizontal input{
    border-radius:0;
  }
  form#kontakt.form-horizontal input[type="submit"]{
    background-color:#fff;
  }
  form#kontakt.form-horizontal div.control-group.error div.controls input,
  form#kontakt.form-horizontal div.control-group.error div.controls textarea{
    background-color:#ffb6b6;
    border:none;
  }
  .control-group.error .control-label, 
  .control-group.error .help-block, 
  .control-group.error .help-inline {
    color: red;
  }
  .Tx-Formhandler span.help-inline{
    display:block;
    color:red;
    font-style:italic;
    margin:10px 0 0 0;
  }
  form#kontakt.form-horizontal div.control-group.error label.control-label{
    color:#fff;
  }
  #terms 
  {float:left;}
  
/* =============================================================================
   Kontakt-Form ende
   ========================================================================== */

/* =============================================================================
   Sprachf?hrer start
   ========================================================================== */
  
  #content .container-fluid .nav-tabs li {
    background: 0;
    padding: 0;
    margin: 0;
  }
  #content .container-fluid #sp-small {
    border-bottom: 0;
    margin: 0;
  }  
  .spinfo2 .spinfosprache{
    background:transparent url(../images/dotted_line_boxen_horizontal.gif) repeat-x bottom;
    font-size:0.95em;
    font-weight:normal;
    letter-spacing:0.37em;
    
  }
  p.antwort{
    font-size:1em;
    margin:0 0 20px 0;
  }
  #sp7.spinfo span strong{
    font-weight: 900; 
  }
  .spinfo2 .spinfosprache {
    font-weight: bold !important; 
  }
  div.sprachfuehrer form#sp-form-small {
    background:transparent url(../images/dotted_line_boxen_horizontal.gif) repeat-x top;
  }
  .sprachfuehrer {
    font-size: 14px;
    margin: 0 0 20px 0;
    padding:0 0 10px 10px;
  }
  .sprachfuehrer h3 {
    margin: 0 0 10px -10px;
    padding:0 0 0 10px;
    font-size: 1.3em !important;
    color:#fff !important;
  }
  .sprachfuehrer .tab-content {
    padding: 5px;
  }
  .sprachfuehrer form {
    margin-top: 10px;
    padding-top: 5px;
  }
  .sprachfuehrer form select {
    font-size: 11px;
    width: 200px;
    padding: 1px 3px;
    margin: 0;
  }
  select#sprachfuehrer{
    font-weight:bold;
    font-size:12px;
    border-radius:0;
    width:170px;
    margin:0 0 0 4px;
  }
  form#sp-form select#sprachfuehrer{
    width:auto;
  }
  #sp-form-small p strong{
    margin:5px 0 0 0;
  }
  .sprachfuehrer form .btn {
    padding: 1px 3px;
    margin-left: 5px;
  }
  div.sprachfuehrer form#sp-form-small p input.btn{
    border-radius:0;
    border:none;
    color:#fff;
    font-weight:bold;
  }
  .sprachfuehrer form p {
    font-size: 11px;
  }
  .sprachfuehrer p.antwort {
    padding: 10px 5px;
  }
  div.sprachfuehrer form#sp-form-small{
    margin:5px 0;
  }
  div.sprachfuehrer ul#sp-small.nav.nav-tabs{
    margin:10px 0 10px 20px;
  }
  div.sprachfuehrer p.text-center button#randomAnswer.btn.btn-mini{
    border:none;
    border-radius:0;
    margin:10px 0;
    text-shadow:none;
    height:30px;
    color:#fff;
    font-weight:bold;
  }
  div.sprachfuehrer p.antwort{
    font-style:italic;
    margin:0 0 5px 0;
  }
  div.sprachfuehrer div.tab-content div#sp-0.tab-pane.active{
    font-weight:bold;
    margin:5px 0 0 0;
    font-size:1em;
  }  
  #content .container-fluid #sp-small li a {
    font-size: 12px;
    margin: 0 !important;
    padding:5px !important;
    border: 0;
    text-align: center;
    font-weight: normal;
    color: #fff !important;
  }
  #content .container-fluid #sp-small li,
  #content .container-fluid #sp-small li:hover{
    border-right:1px solid #fff;
  }
  #content .container-fluid #sp-small li.active{
    border-right:1px solid #fff;
  }

/* =============================================================================
   Sprachf?hrer ende
   ========================================================================== */
 
 
/* =============================================================================
   FCE Eintrag schreiben start
   ========================================================================== */
  
  #eintragschreiben {
   padding: 0 0 20px 0;
   margin: 20px 0 30px 0;
   background: #fff url(../images/schatten_mitte_lang.gif) no-repeat bottom center !important;
   text-align:center;
  }
  
  #eintragschreiben .eintragschreibenText {
   font-size:1.3em;
   font-weight: bold;
   cursor: pointer;
  }
  #eintragschreiben .eintragschreibenText img {
   margin: 0 0 0 10px;
  }

/* =============================================================================
   FCE Eintrag schreiben ende
   ========================================================================== */
  

  
  
/* =============================================================================
   Chat start
   ========================================================================== */
  
    #tx_felogin_loginform{
      padding:20px;
    }
    .tx-felogin-pi1 h3{
      color:#fff !important;
    }
    .tx-felogin-pi1{
      padding:10px;
      color:#fff;
    }
    .tx-felogin-pi1 input{
      border-radius:0;
    }
    .tx-felogin-pi1 label{
      margin:10px 0 0 0;
    }
    .tx-felogin-pi1 input[type="submit"]{
      background-color:#fff;
      margin:20px 0 0 0;
    }
    .tx-srfeuserregister-pi1 p a{
    padding:0 0 0 25px; 
  }
  .form-actions {
  background: 0;
  border-top: 0;
  }
  form#tx-srfeuserregister-pi1-fe_users_form input[type="submit"] {
    background-color: #fff;
  }
  .tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-trash a,
  .tx-srfeuserregister-pi1 .controls a {
    color: #fff !important;
    background: 0;
    padding-left: 0;
  }
  .tx-srfeuserregister-pi1-radio {
    float: left;
    display: block;
  }
  .tx-srfeuserregister-pi1 .controls label {
    margin-left: 20px;
  }
  .chatzuganghinweis{
    border:1px solid #dedede;
    padding:5px;
    text-align:center;
    font-size:1.25em;
    margin:20px 0 0 0;
  }
  .chatzuganghinweis:hover a{
    color:#fff !important;
  }
  
/* =============================================================================
   Chat ende
   ========================================================================== */
  

/* =============================================================================
   Suche start
   ========================================================================== */
   
  .tx-indexedsearch-searchbox-button.submit {
  height:30px;
  width:30px;
  box-shadow:none;
  border-radius:0 !important;
  border:0 !important;
  cursor:pointer;
  background: transparent url(../images/neutral_1/search.png) no-repeat center !important;
}

/* =============================================================================
   Suche ende
   ========================================================================== */
  
  
/* =============================================================================
   Avatar start
   ========================================================================== */

  #avatar .controls-row .radio input[type="radio"] {
    margin-left: 0;
    margin-right: 5px;
  }
  #content .container-fluid #avatar li {
    position: relative;
    padding: 0;
    background: 0;
    margin: 0 0 5px 0;
    float: left;
    width: 20%;
  }
  #content .container-fluid #avatar li label {
    margin-left: 0;
    display: inline;
  }
  #content .container-fluid #avatar ul li p {
    height: 30px;
    margin: 0;
    padding: 0;
  }
  #content .container-fluid #avatar ul li p img {
    width: 30px;
    height: 30px;
  }
  #content .container-fluid #avatar ul li p img.imgHover {
    position: absolute;
    left: -5px;
    top: -10px;
    width: 75px;
    height: 75px;
    z-index: 100;
    cursor: pointer;
    -webkit-box-shadow: 0px 1px 30px -1px rgba(0,0,0,1);
    -moz-box-shadow: 0px 1px 30px -1px rgba(0,0,0,1);
    box-shadow: 0px 1px 30px -1px rgba(0,0,0,1);
  }

/* =============================================================================
   Avatar ende
   ========================================================================== */
   
/* =============================================================================
   Teaserliste Motivseite start
   ========================================================================== */
   
  ul#teaserliste li .faqlisteimage {
    margin: 0;
  }
  
  ul#teaserliste li p {
    margin: 0;
    margin-bottom: 5px;
    padding: 0;
    background: 0;  
  }
  ul#teaserliste li p.more {  
    font-size: 100%;
    margin-bottom: 0;  
    background: transparent url("../images/dotted_line_boxen_horizontal.gif") repeat-x scroll center top;
  }
  ul#teaserliste li a.teaserbox-normal-link {
    background-position: right 7px;
  }
  ul#teaserliste {
    width: 290px;
    overflow: hidden;
    float: right;
  }
  ul#teaserliste li {
    margin: 0px 0 20px 0px !important;
  }
  ul#teaserliste li .faqlisteimage img {
    width: 100%;
  }
  
  #content .row .span6:first-child ul#teaserliste {
    margin-left: 20px;
    float: none;
  } 
  
/* =============================================================================
   Teaserliste Motivseite ende
   ========================================================================== */
   
   .bzga-shop-add-to-cart{
     color:red;
     font-style:italic;
   }
   
/* =============================================================================
   Umfrage
   ========================================================================== */ 

#inline_content {
 padding:5px 5px;
 width: 700px;
 height: 300px;
}   
#ComXumfrage {
 background: #fff url(/fileadmin/images/umfrage/comx-umfrage-hg.jpg) !important;
 padding: 20px 20px;
 height:100%;
 width:100%;
}     

#ComXumfrage p {
 margin: 10px 0 30px 0;
 font-size: 1.2em;
}

#ComXumfrage .buttonleiste {
 text-align:center;
}
#ComXumfrage button {
 color: #fff;
 font-size: 1.5em;
 margin: 0 20px 0 0;
}   

.fb-share{
display:inline;
padding:10px 0 10px 0;
}

.fb-share a{
  text-align:right;
  line-height:3.1;
  margin:5px 0 0 35px;
} 

.themazeile .pfeilrechts, .themazeile .pfeillinks {
  text-indent: -9999px;
}
.teasersmallelement .teaserimage  div{
  position: relative;
}
.teasersmallelement .teaserimage  div h3 {
  position: absolute;
  font-size: 1em !important;
  padding: 0;
  width: 100%;
  height: 100%;
}
.teasersmallelement .teaserimage  div p {
  width: 194px;
  height: 112px;
}
.teasersmallelement .teaserimage  div h3 a {
  display: block;
  position: relative;
  color: #fff !important;
  width: 100%;
  height: 100%;  
} 
.teasersmallelement .teaserimage  div h3 a strong {
  position: absolute;
  display: block;
  left: 5px;
  bottom: 5px;  
  padding: 5px;
  line-height: 100%;
}
.teasersmallelement .teaserimage  div.level-2 h3 a strong {
  width: 100%;
  left: 0;
  top: 0;
  padding: 15px 0 0 0;
}
.teasersmallelement .teaserimage  div h3 a strong span {
  display: block;  
}
.teasersmallelement .teaserimage  div.level-2 h3 a strong span, 
.teasersmallelement_l2 .teaserimage  div.level-2 h3 a strong span {
  font-family: 'Conv_KRITZEL2';
  padding: 0 5px 15px 5px;
  text-align: center;
  font-weight:normal !important;
  color:#fff;
  hyphens: auto; 
}
.teasersmallelement .teaserimage  div h3 a strong span.size-42, .teasersmallelement_l2 .teaserimage  div h3 a strong span.size-42{
  font-size: 2.625em !important;
}
.teasersmallelement .teaserimage  div h3 a strong span.size-40, .teasersmallelement_l2 .teaserimage  div h3 a strong span.size-40{
  font-size: 2.5em !important;
}
.teasersmallelement .teaserimage  div h3 a strong span.size-38, .teasersmallelement_l2 .teaserimage  div h3 a strong span.size-38{
  font-size: 2.375em !important;
}
.teasersmallelement .teaserimage  div h3 a strong span.size-36, .teasersmallelement_l2 .teaserimage  div h3 a strong span.size-36{
  font-size: 2.25em !important;
}
.teasersmallelement .teaserimage  div h3 a strong span.size-34, .teasersmallelement_l2 .teaserimage  div h3 a strong span.size-34{
  font-size: 2em !important;
}
.teasersmallelement .teaserimage  div h3 a strong span.size-32, .teasersmallelement_l2 .teaserimage  div h3 a strong span.size-32{
  font-size: 2em !important;
}
.teasersmallelement .teaserimage  div h3 a strong span.size-30, .teasersmallelement_l2 .teaserimage  div h3 a strong span.size-30 {
  font-size: 1.875em !important;
}
.teasersmallelement .teaserimage  div h3 a strong span.size-28, .teasersmallelement_l2 .teaserimage  div h3 a strong span.size-28 {
  font-size: 1.75em !important;
}
.teasersmallelement .teaserimage  div h3 a strong span.size-24, .teasersmallelement_l2 .teaserimage  div h3 a strong span.size-24 {
  font-size: 1.5em !important;
}
.teasersmallelement .teaserimage  div h3 a strong span.size-22, .teasersmallelement_l2 .teaserimage  div h3 a strong span.size-22 {
  font-size: 1.375em !important;
}
.teasersmallelement .teaserimage  div h3 a strong span.size-21, .teasersmallelement_l2 .teaserimage  div h3 a strong span.size-21{
  font-size: 1.31em !important;
}
.teasersmallelement .teaserimage  div h3 a strong span.size-20, .teasersmallelement_l2 .teaserimage  div h3 a strong span.size-20 {
  font-size: 1.25em !important;
}
.teasersmallelement .teaserimage  div h3 a strong span.size-19, .teasersmallelement_l2 .teaserimage  div h3 a strong span.size-19 {
  font-size: 1.18em !important;
}
.teasersmallelement .teaserimage  div h3 a strong span.size-18, .teasersmallelement_l2 .teaserimage  div h3 a strong span.size-18 {
  font-size: 1.125em !important;
}
.teasersmallelement .teaserimage  div h3 a strong span.size-17, .teasersmallelement_l2 .teaserimage  div h3 a strong span.size-17 {
  font-size: 1.06em !important;
}
.teasersmallelement .teaserimage  div h3 a strong span.size-16, .teasersmallelement_l2 .teaserimage  div h3 a strong span.size-16 {
  font-size: 1em !important;
}
.teasersmallelement .teaserimage  div h3 a strong span.size-15, .teasersmallelement_l2 .teaserimage  div h3 a strong span.size-15 {
  font-size: 0.93em !important;
  hyphens: auto;
}
.teasersmallelement .teaserimage  div h3 a strong span.size-14, .teasersmallelement_l2 .teaserimage  div h3 a strong span.size-14 {
  font-size: 0.875em !important;
}
.teasersmallelement .teaserimage  div h3 a strong span.size-13, .teasersmallelement_l2 .teaserimage  div h3 a strong span.size-13 {
  font-size: 0.81em !important;
}
.teasersmallelement .teaserimage  div h3 a strong span.size-12, .teasersmallelement_l2 .teaserimage  div h3 a strong span.size-12 {
  font-size: 0.75em !important;
}
.teasersmallelement .teaserimage  div h3 a strong span.size-11, .teasersmallelement_l2 .teaserimage  div h3 a strong span.size-11 {
  font-size: 0.68em !important;
} 
h1#header-index {
  display: none;
} 
.row-fluid div.span12 #mehrlesentext h2 {
  color: #313131 !important;
  font-size: 14px !important;
  margin: 0;
  line-height: 22px;
}
.row-fluid div.span12 .eurefragenLetzteFrageGrafik h2 {
  line-height: 22px !important;
  font-size: 1.1em !important;
  color: #313131 !important;
  font-weight: normal;
}
#content .span8 .newsListItem .newsListItemRight h2 {
  font-size: 1.3em !important;
  line-height: 22px !important;
  margin-bottom: 10px;
}
body.aufklapptest #mehrlesen #mehrlesenbtn { display: none; }   
#banner-index #cboxClose { display: block;background-color: #fff;}

.alert.alert-info .internal-link,
.alert {
  text-shadow: none;
}
/* toctoc */
span.tx-tc-textlink { font-weight:bold;}
.tx-tc-cts-ct-box { border-bottom-width: 0 !important;}

.alert.alert-info .internal-link {
             color: #fff !important;   
}

.tx-tc-tooltip2 {
    background-color: transparent;
    background-image: url("../themes/default/img/black.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    border-radius: 3px;
    color: #fff !important;
    display: none;
    font-size: 100%;
    font-weight: normal;
    overflow-wrap: break-word;
    padding: 3px 3px 10px;
    z-index: 90;
}


/*** Anpassungen 28.07.2016 NP Darstellungsfehler Umfrage Startseite START ***/

.umfrageHG .answer{
    width: 50%;
    float: left;
}
/*** Anpassungen 28.07.2016 NP Darstellungsfehler Umfrage Startseite ENDE ***/
.teaserbox-halb-unten:after{
clear:both;
}


/*** Anpassungen TYPO3 7.6 ***/
/*** rsdynamicpoll wird ersetzt durch simplepoll ***/


.simplePollMain > h3 {
    background-color: #fff;
    color: #0000ff;
    float: right;
  font-size: 1.5em !important;
  line-height: 1.0em;
    margin: 0 10px 10px 0;
    padding: 8px;
}
.simplePollSeeVotes > h3 {
    background-color: #fff;
    color: #0000ff;
    float: right;
  font-size: 1.5em !important;
  line-height: 0.8em;
    margin: 0 10px 10px 0;
    padding: 8px;
}
.simplePollSeeVotes > ul {
    background-color: #fff;
    clear: both;
    font-weight: bold;
    width: 80%;
	opacity: 0.9;
}
.simplePollSeeVotes > ul  > li {
	list-style:none;
	margin: 0 0 0 10px !important;
}

.simplePollMain > form {
    background-color: #fff;
	opacity:0.9;
    clear: both;
}
.simplePollRadioClass {
    float: left;
}

.simplePollRadioText {
    font-weight: bold;
    padding-left: 20px;
}
.simplePollMain > form {
    background-color: #fff;
    clear: both;
    left: 20px;
    position: relative;
    width: 80%;
}

.simplePollRow li {
    list-style: outside none none;
}
.simplePollPercentBarLimiter {
	height: 20px;
}
.simplePollPercentBar {
    background-color: #1a5d78;
    float: left;
    height: 16px;
    margin-right: 10px;
}

.startseiteUmfrage {
    margin: 0 0 20px;
    padding: 0;
}
.startseiteUmfrage > .umfrageHG {
    background: transparent url("../images/umfrage_startseite.jpg") no-repeat scroll left top;
    min-height: 200px;
}
.startseiteUmfrage .umfrageHG #tx_rsdynamicpoll_pi1_resultVote .umfrageHG {
    background-image: none !important;
}
.startseiteUmfrage .question {
    padding: 10px;
}
.startseiteUmfrage #tx_rsdynamicpoll_pi1_resultVote {
    background-color: #fff;
    clear: both;
    font-weight: bold;
    margin: -80px 20px 0;
    padding: 10px;
}
.startseiteUmfrage .question span {
    background-color: #fff;
    float: right;
    font-size: 1.4em;
    font-weight: bold;
    margin: 0 10px 10px 0;
    padding: 5px;
    width: auto;
}
.startseiteUmfrage .answer {
    float: left;
    font-size: 1.2em;
    padding: 2px;
    width: 30%;
}
.startseiteUmfrage .answer {
    float: left;
    font-size: 1.2em;
    padding: 0 0 0 2px;
    width: 25%;
}
.startseiteUmfrage .answer {
    float: left;
    font-size: 1.2em;
    padding: 0 0 0 2px;
    width: 25%;
}
.startseiteUmfrage #tx_rsdynamicpoll_pi1_resultVote .total {
    font-size: 1em;
    font-weight: bold;
}
.startseiteUmfrage #tx_rsdynamicpoll_pi1_resultVote .answer_result .antwort {
    font-size: 1.2em !important;
    font-weight: bold;
    padding: 0 5px;
}
.startseiteUmfrage div.umfrageHG div#tx_rsdynamicpoll_pi1_resultVote form input {
    border: medium none;
    color: #fff;
    font-weight: bold;
    height: 30px;
    margin: 0;
}
.startseiteUmfrage div.umfrageHG div#tx_rsdynamicpoll_pi1_resultVote form div.answer {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
}
.startseiteUmfrage div.umfrageHG div#tx_rsdynamicpoll_pi1_resultVote form div.answer input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    float: left;
    margin: 0 10px 0 0;
}
.startseiteUmfrage .umfrageHG  > h3 {
    background-color: #9d1117;
    color: #fff !important;
    font-size: 1.5em !important;
    line-height: 0;
    padding: 20px 10px;
    position: relative;
    top: 5px;
    width: 90px;
}

.dpnglossary.details .description .text {
    display: block;
}
.dpnglossary.details .description > p {
    font-size: 1.1em;
}
.dpnglossary.link {text-decoration: underline dotted;}

.dpnglossary.pagination ul li a {
    background-color: #f5f5f5;
    text-decoration: none;
}
.dpnglossary.pagination ul li a:hover,.dpnglossary.pagination ul li a:focus  {
	background-color: #d5d5d5;
	}

li.character.current {
    background-color: #1a5d94;
    color: #fff;
    height: 25px;
    padding-top: 5px;
    margin: 10px;
    text-align: center;
    width: 32px;
}
.character {
    width: 30px !important;
}
.character.empty {
    padding-top: 5px;
    text-align: center;
    width: 30px;
}
.dpnglossary.pagination ul li.empty {
    color: #aaa !important;
}
.character.last {
    width: 30px;
}
dl {
	columns: 3 100px;
    height: 600px;
    margin-bottom: 20px;
   }