/*
.container_12{
  width: 1030px;
}
.container_12 .grid_12 {
  width:1030px;
}

.container_12 .grid_5 {
  width:515px;
}

.container_12 .grid_6 {
  width:550px;
}
.container_12 .grid_9 {
  width:790px;
}

.container_12 .grid_3 {
    width: 239px;
}
*/
.grid_content {margin-left:8px; margin-right:5px;}

/* ######################################################################################################

** ### Vorbereitende Ma�?nahmen | Reset ##################################################################

** ######################################################################################################

*/

  /* Hiermit werden die Randabstände und border aller HTML-Elemente auf Null gesetzt. Damit wird das       

  ** Aussehen der Webseite in unterschiedlichen Browsern vereinheitlicht. 

  

  #top *,
#topshadow *,
#header *,
#headernav *,
#breadcrumb *,
#content .firstcol *,
#content .lastcol *,
#minheight *,
#footer */


* { margin:0; padding: 0; } 
inhalt p{margin-top:10px;margin-bottom:8px;}


  /* Das zurücksetzen der Innen- und Au�?enabstände verursacht zu kleine Selectboxen. Dies wird korrigiert */

  option {padding-left: 0.4em}

  

  /*

  ** Die nachfolgenden Angaben entstammen dem Artikel 'Useful Code Snippets' von Mike Foskett

  ** [http://www.websemantics.co.uk/tutorials/useful_css_snippets/]

  */

  

  /* Vertikalen Scrollbalken im Netscape & Firefox erzwingen. Dies verhindert, dass zentrierte Layouts 

  ** um 10 Pixel springen wenn der Seiteninhalt kleiner wird als die Höhe des Browserfensters. */

  html { height: 100% } 

  body { 

  /*  min-height: 101%;  */

  /* Beseitigung des Rundungsfehlers bei Schriftgrö�?en im Opera sowie Standardformatierungen */

    font-size: 100.01%; 

  /* FIX: Verhindert, dass positionierte Elemente nicht verschoben werden when die Grö�?e des Browser 

      Fensters geändert wird. */

    position: relative; 

  

  /* Vorgabe der Standardfarben und Textausrichtung*/     

    color: #000;        

    background: #fff;

    text-align: left; 

  } 

  

  /* Standardrahmen zurücksetzen */

  fieldset, img { border:0; }

 

  /* Anpassung für Safari Browser. font-size:100% ist für den Safari in Formularen zu gro�? */ 

  select, input, textarea { font-size: 99% }



body { 
  font-family: Arial,'PTSansRegular',  sans-serif;
  color:#000;
  font-size: 12px;
  background-color: #fff;
  background-image: url(../images/bg.png);
  background-position: top left;
  background-repeat: repeat-x;
  }

html, body {
  width:100%;
  height:100%; 
}
.navbar-header .menu_oben{
  margin-top: 15px; 
}

.navbar{
  margin-bottom: 0px;
  }

#top {
  height:50px;
  
}

#top a {
  color: #fff;
  text-decoration: none;
  display: inline-block;
}

#header {
  hheight:160px;
}

.headerlogo {
 // margin-top: 10px;
}

.headertext {
  font-family: Arial,'AlegreyaItalic',  sans-serif;
  font-size: 12px;
  color: #44403f;
  margin-top: 1px;
  padding-left: 10px;
}
.portalslogan{font-weight:bold;margin-top: 6px;}
#page_margins {
  width: 984px; 
  position: relative;  
  margin: 0px auto 0px auto;
  
}

.topshadow {
  background: url(../images/topbg.jpg) no-repeat center top;
  height: 16px
}

.container a {
  color: #516371;
  text-decoration: underline;
  /*font-family: 'AlegreyaItalic', Arial, sans-serif;*/
}

.container {
  font-size: 14px;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  word-wrap: break-word;
}


.headerbild {
  bbackground: url("../images/headerbildbg.jpg") no-repeat scroll right bottom;
  ppadding-bottom: 19px;
  //margin-top: 10px;
}

#headernav {
  margin-top: 5px;
}

#headernav ul, .footerbg ul {
  list-style-type: none;
  position: relative;
    float: left;
    /*left:50%;*/
     margin: 0 auto;
     padding: 0;
  
  
}

.topnav {
  display : inline-block;
  margin-bottom: 15px;
  bbackground-color: none;
}

.fb-like {
  Margin-top: 40px;
}

.news-single-imgcaption{
  font-size: 12px
  }
.topnav a:hover{
  background-color: none;
}

.col2top {
  float: right;
}

.footerbg ul {
  padding-top: 10px;
}

#headernav ul li, .footerbg ul li {
   display: inline-block;
   float: left;

     float: left;

     padding: 0px 11px;
     list-style: none;
     border-right: 1px solid #d9dde1;
  margin: 3px 0px;
}

.nav > li > a:focus{
  background-color: none;
}

.nav > li > a:hover{
  background-color: none;
}

.footerbg ul li {
     padding: 0px 22px;
}

#headernav ul li:last-child, .footerbg ul li:last-child {
     border-right: 0;
}


#headernav ul li a, .footerbg ul li a {
   color: #000;
   text-decoration: none;
   padding-left: 3px;
   padding-right: 3px;
   padding-bottom: 0px;
}

.footerbg ul li a {
   padding-bottom: 0px;
}

#headernav ul li a:hover, #headernav ul li a.current {
   background-color: transparent;
   text-decoration: none;
  
}

.footerbg ul li a {
  color: #fff;
}

#breadcrumb {
  margin-top: 10px;
  padding-bottom: 7px;
  font-size: 11.5px;
  border-bottom: 1px solid #D9DDE1;
}


/* ############### Footer ############### */
div#root {
  position:relative;
  height:auto !important;
  height:100%;
  min-height:100%;
  margin:0px auto -66px;
}
 
div#minheight {
  height:85px;
  clear:both;
}

.footerzurueck{
margin-top:25px;
}
/* ############### Root  Footer unten fixe Hoehe  ############### */



#footer {
    width:100%;
  position:absolute;
  
  bottom:0px !important;
    height:60px;
    clear:both;
}

#footercontent {  
    height:66px;
}

.footershadow {
  background: url(../images/bottombg.jpg) no-repeat center top;
  height: 16px
}
    
.footerbg {
  
  height: 50px;
  color: #fff;
}

#top .container {
  font-size: 14px;
}

#top .container .portallink {
   background: url(../images/toppfeil.png) no-repeat left center;
  padding-left: 25px;
}

.col-md-3 {
  font-size: 12px;
}
    
.col-md-3 h1 {
  font-size: 14px;
  font-weight: normal;
  
  font-family: Arial,'PTSansBold',  sans-serif;
  margin-bottom: 20px;
}

.col-md-3 .boxcont {
  margin-bottom:15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #D9DDE1;
}

.col-md-3 .boxcont:last-child {
  border-bottom: 0;
}

.col-md-3 li a.menu, .col-md-3 a.menu {
  color: #000;
  text-decoration: none;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial,'PTSansRegular',  sans-serif;
  line-height:1;
}

.col-md-3 li {
  list-style-type: none;
  margin-left: 0;
  
}


.col-md-3 li.m2{padding:1px 0 1px 0;}
.col-md-3 li.m2:last-child{padding-bottom:3px;}

#footer .container a {
  color: #fff;
  text-decoration: none;
}

#footer .col-md-12 {
  text-align: center;
  padding-top: 13px;
}
#breadcrumb .container .col-md-12 {
  font-size: 13px !important;
}

.breadcrumpcol {

  font-family: Arial,'PTSansBold',  sans-serif;
  padding-right: 7px;
  
}


    
.firstcol {
  border-right: 1px solid #D9DDE1;
}

.lastcol {
  border-left: 1px solid #D9DDE1;
}

.firstcolin {
  padding-right: 15px;
}

.lastcolin {
  padding-left: 15px;
}
.col-md-3 li.m1 a.menu_active {font-style:italic;}
.col-md-3 li.m2 a.menu,.col-md-3 li.m2sub a.menu {
font-size:12px;padding-left:0px;}
.col-md-3 li.m2 a.menu_active {font-size:12px;padding-left:10px;font-style:italic;}

.col-md-3 li.m3 a.menu {font-size:12px;padding-left:20px;}
.col-md-3 li.m3 a.menu_active {font-size:12px;padding-left:20px;font-style:italic;} 
.col-md-3 li.m4 a.menu_active,.col-md-3 li.m5 a.menu_active,.col-md-3 li.m6 a.menu_active {font-style:italic;}
div.topdown {background-color:white;}
div.topdown h1{font-size:14px;display:block;}

#content .container .col-md-3 {padding-top:15px;}
#content .container .col-md-3 select{margin:3px 0 3px 0;}

table td {padding:2px;}

ul.menueul2 {background-color:white;}

table.tbl_beraterprofil,table.printview {padding:5px; border-collapse: collapse;width:500px;}
table.tbl_beraterprofil td,table.printview td {padding:5px;}
table.tbl_beraterprofil td.kasten-head,table.printview td.kasten-head,.csc-default td.kasten-head
{
  font-weight:normal;
  border-bottom:1px #D9DDE1 solid;
  padding:8px;
  font-size:14px;
}
.csc-default td.kasten-head{width:530px;}
table.printview {width:600px;}



.col-md-3 li.m1 {
   padding: 2px 0px 5px 14px;
    background: url("../pfeil_sidebar_nosub.png") no-repeat scroll 3px 7px rgba(0, 0, 0, 0);
}



.col-md-3 li.m1sub, .col-md-3 li.m2sub, .col-md-3 li.m3sub, .col-md-3 li.m4sub, .col-md-3 li.m5sub, .col-md-3 li.m6sub, .col-md-3 li.m7sub   {
   padding: 4px 0px 0px 14px;
    background: url("../pfeil_sidebar.png") no-repeat scroll 3px 7px rgba(0, 0, 0, 0);
   
}

.col-md-3 li.m2 {
    background: url("../pfeil_sidebar_nosub.png") no-repeat scroll 3px 7px rgba(0, 0, 0, 0);
    padding: 4px 0px 0px 14px !important;
}

.col-md-3 li.m3 {
    background: url("../pfeil_sidebar_nosub.png") no-repeat scroll 3px 7px rgba(0, 0, 0, 0);
    padding: 4px 0px 0px 14px !important;
}
.col-md-3 li.m4 {
    background: url("../pfeil_sidebar_nosub.png") no-repeat scroll 3px 7px rgba(0, 0, 0, 0);
    padding: 4px 0px 0px 14px !important;
}
.col-md-3 li.m5 {
    background: url("../pfeil_sidebar_nosub.png") no-repeat scroll 3px 7px rgba(0, 0, 0, 0);
    padding: 4px 0px 0px 14px !important;
}
.col-md-3 li.m6 {
    background: url("../pfeil_sidebar_nosub.png") no-repeat scroll 3px 7px rgba(0, 0, 0, 0);
    padding: 4px 0px 0px 14px !important;
}
.col-md-3 li.m2 a.menu, .col-md-3 li.m2 a.menu_active {
    padding-left: 0;
}

.col-md-3 li.m3 a.menu, .col-md-3 li.m3 a.menu_active {
    padding-left: 0;
}

.csc-default ul {margin-left:8px;}

#partner_checkboxlist .partner_checkboxlisttbl span {line-height:21px;}
#partner_checkboxlist .partner_checkboxlisttbl span a {padding-left:2px;}

#content input, #content select,#content textarea {font-size:12px;font-family:arial;}

h3,h4,h5,h6,font,td,tr,table {font-size:12px;}
h1{font-size:16px;font-weight:bold;}
h2 {font-size:16px;}
h3{font-size:14px;font-weight:bold;}
h4 {font-size:14px;}
h5{font-weight:bold;}

#content h1 {font-weight:bold;}
#content li.cur p.curp{background-color:#eeeeee;}

#content li p{padding:3px 0 3px 0;}
div.csc-mailform-field {display:block;margin-bottom:5px;clear:left;}
div.csc-mailform-field label{width:200px;text-align:right;padding-right:5px;display:block;float:left;margin-bottom:5px;}
div.csc-mailform-field input,
div.csc-mailform-field textarea{width:250px;text-align:left;padding-left:5px;float:left;margin-bottom:5px;}
div.csc-mailform-field input.csc-mailform-check {width:15px;}

div.csc-mailform-label {display:block;margin-bottom:5px;clear:left;}
span.csc-mailform-radio legend{display:none;}
div.csc-mailform-field input.csc-mailform-radio{float:left;width:20px;clear:left;}

span.csc-mailform-radio label{text-align:left;}

#inhalt ul,#inhalt ol {list-style-position:outside;margin: 1em 1.5em; }
#inhalt ul ul,#inhalt ol ol {list-style-position:outside;margin: 0.5em 1.5em; }


#inhalt .carousel-indicators {margin: 0; width: 100%; left: 0%;}


#inhalt p {margin: 1em 0px; }

.topdown select{
  display:block;
  width: 200px;
  margin-top: 7px;
}

#tx-lzgallery-pi1-fotos {
    border-color: #D9DDE1;
}
#tx-lzgallery-pi1-fotonav {
    border-color: #D9DDE1;
}

ul.topnav li.mo_suche input[type="text"] {
  padding-left: 20px;
  height: 20px;
}

ul.topnav li.mo_suche input.search_submit {
  position: absolute;
  margin-top: 2px;
  margin-left: 2px;
}

ul.topnav li.mo_suche div.form-group {
  margin-top: -3px;
}
#navbar a:hover,#navbar a:focus{  text-decoration: none;
  background-color: transparent;}

.btn-searchhead {
  padding: 9px 12px; 
}

.portalslogan {
  max-width:400px;
}

.container-fluid {
  max-width:1200px;
  }
.icon-barcolor1{
  background-color: #fff;
}

.icon-barcolor2{
  background-color: #000;
}
.c1.in {
  position: relative;
  z-index: 99999;
  background-color: #016801;
}
.c2.in {
  position: relative;
  z-index: 99999;
  background-color: #fff;
}
.navbar-collapse.in .btn-searchhead{
  width: 100%;
 }
.navbar2 li a{
    font-family: arial;
    ffont-size: 12px;
    text-decoration: none;
    color: #000;
}
a.menu_oben:hover {
  text-decoration: none;
}
.menu_oben{
  padding-top:0px;
}
.navbar-nav > li > .menu_oben{
  padding-top:0px;
}

/* #################### IMAGES RESPONSIVE ############ */
div.csc-textpic-left .csc-textpic-imagewrap {
    /* float: left; */
    float: none;
}

div.csc-textpic-right .csc-textpic-imagewrap {
    /* float: right; */
    text-align: right !important;
    float: none;
}

div.csc-textpic-right .csc-textpic-imagewrap .csc-textpic-image img {
    text-align: right !important;
    display: inline !important;
}

div.csc-textpic-intext-left .csc-textpic-imagewrap {
    /* float: left; */
     max-width: 60%;
}

div.csc-textpic-intext-right .csc-textpic-imagewrap {
   /* float: right; */
    max-width: 60%;
}

div.csc-textpic-intext-right .csc-textpic-imagewrap .csc-textpic-image  {
 
}

div.csc-textpic-center .csc-textpic-center-inner {
    float: none !important;
    position: static ;
    right: 0;
}
div.csc-textpic-center .csc-textpic-center-inner table {width:100%;}
div.csc-textpic-center .csc-textpic-center-outer {
    float: none !important;
    position: static;
    right: 0;
    text-align: center;
}

div.csc-textpic-center .csc-textpic-imagewrap img {
    display: inline;
}

img, div.csc-textpic .csc-textpic-imagewrap img  {
    height:auto;
    /*display:block;*/
    max-width:100% !important;
}
        
DIV.csc-textpic-above DIV.csc-textpic-imagewrap,
DIV.csc-textpic-below DIV.csc-textpic-imagewrap,
DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI,
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image {
    float: none;
}

@media screen and (max-width: 600px) { 
    div.csc-textpic-intext-left .csc-textpic-imagewrap {
       float: none;
    }
    
    div.csc-textpic-intext-right .csc-textpic-imagewrap {
      float: none;
        max-width: 100%;
    }
    div.csc-textpic-intext-left .csc-textpic-imagewrap {
        /* float: left; */
         max-width: 100%;
    }
}

/* Style for Imagerow right*/ 
div.csc-textpic-right .csc-textpic-imagewrap .csc-textpic-imagerow {
   float: right;
}

/* #################### END IMAGES RESPONSIVE ############ */


@media print{

.col-sm-push-3{left:0%;}
  .col-sm-6,.col-md-6,.col-lg-3 {
    width: 100%;
  }
.col-sm-3,.col-md-3,.col-lg-3{
    width: 0%;
  }
  div#navoben, div#obentop, nav#obentop, #footer,.footerzurueck,.col-sm-3,
 .col-md-3,.col-lg-3,.navbar, .firstcol, .headernav,.lastcol, .typo3-adminPanel,div.headerbild img {display:none;}

}


.newform .fieldrow {
    margin: 5px auto;
}
.newform .fieldrow select, .newform .fieldrow input {
    width: 150px;
}
.newform .fieldrow label {
    width: 60px;
    display: inline-block;
}
.panel-group .panel-title .accordion-toggle {
    text-decoration: none;
}
#infoboxen_links div.frame-default {border-bottom: 1px solid #D9DDE1;}

h2.ui-accordion-header {
    padding: 10px 15px;
    background-color: #fff;
    margin: 5px 0 0 0;
    border: 1px solid #ddd;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

div.ui-accordion-content {
    padding: 10px 15px;
    background-color: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

div.frame > div.ui-accordion-content:last-child {
    margin-bottom: 25px;
}

.ge-accordion > div:last-child {
    margin-bottom:25px;
}
ul.tx-indexedsearch-browsebox {
    list-style-position: outside;
    margin: 1em 1.5em;
    display: flex;
    justify-content: center;
    margin: 10px;
    list-style: none;
}

ul.tx-indexedsearch-browsebox > li {
    margin: 0 5px 0 5px;
}