/**************Body********************/



body{

  background: url("/fileadmin/Resources/Public/bootstrap/img/hgr_sonnenblumen.jpg") no-repeat fixed; /* hg-monika-lazar_re.jpg  hgr_hauswand.jpg  hgr_dummheit_tut_weh.jpg */

  background-size:100% auto;

  font-family: "Open Sans", Tahoma, "Arial Narrow", Arial, Helvetica, sans-serif;

}





/**************Header  *******************/



header {

    /* background-color: rgba(255,255,255,.5);

    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) inset, 0 1px 0 rgba(255, 255, 255, 0.1);

    border-radius:2px;

    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;

    margin-bottom: 5px;

    min-height: 8px;

    padding: 1px; */

}



header .img-responsive{

  text-align:right;

}



header .col-xs-8,header .col-md-8, header .col-md-2, header .col-xs-6, header .col-md-6, header .col-md-4, header .col-xs-3, header .col-md-3{

  padding:0px;

}



/*

header .monika{

 min-height:150px;

 background:url("https://monika-lazar.de/fileadmin/Resources/Public/bootstrap/img/monika_portraet.png") no-repeat 20% 0%;

 background-size:20% auto;

}

*/





header .monika h1{

font-size:1.8em;

  padding-bottom:0px;

  padding-top:30px;

  margin-bottom:0px;

}



header .monika h3{

  font-size:1.2em;

  padding-top:0px;

  margin-top:0px;

}



header .monika-xs{

background:none;

}



header .monika-sm h1, header .monika-xs h1{

font-size:1.4em;

padding-top:40px;

}



header .monika-sm h3, header .monika-xs h3{

font-size:1.2em;

}



/************Schriftarten******************/





header .h1 a {

  color:#000;

  font-size: 0.8em;

  margin:0;

  padding:0;

}

.middle a{

  color:#000;

}

header  h1 {

  font-size: 0.8em;

  color:#663366;

  margin:0;

  padding:0;

  

}



.h1, h1 a {

    font-size: 1.3em;

    margin:0;

    padding:0;
    
   color:#000;

}

.h1, .h2, .h3, h1, h2, h3 {

    color:#663366;
    margin:0 0 10px 0;
    padding:0;
    line-height:1.2em;

}



.h1   {
    margin-bottom: 10px;
    margin-top: 5px;
}

.h2  {
    margin-bottom: 20px;
    margin-top: 5px;
}

.inhalt-padd  .h2{
      font-size:1.0em;
}

p {
    margin-bottom: 5px;
    margin-top:10px;
    font-size:120%;
}


a {

    color:#663366!important;

    text-decoration: none;

}


a:hover  {

    color:#000!important;

    text-decoration:underline;

}
.h1 a, .h2 a, .h3 a, h1 a, h2 a, h3 a {
    color:#000;
}

/************* Menüleiste *******************/





.navbar{

  border:none;

  background:none;

}

/*  laestige p's in Navigation unsichtbar machen  BEGIN */

#navbar p{
  display:none;
}
/* laestige p's in Navigation unsichtbar machen  END */

.navbar-collapse{

 border-top: none;

}



.navbar-collapse {

    padding-left:0;

   /*  padding-right:15px;  - da stimmt was nicht! ergibt unschönen horizontalen Scrollbalken im Togglemenue */

   margin-right:0; /*  bringt das was??? */

}





/* ******* navbar versuch ines 13.14./10.2015 BEGIN ****** */



.nav{

   

}



.navbar-nav{

   

}





.mainnav{

   

}



.navbar {

    background:none;

    border:none;

    margin-bottom: 20px;

    padding:0;

}



.navbar-default {

    background:none;

    border: none;

}



nav{

    background:none;

    border: none;

    padding:0px;

}



.collapse {

    display: none; /* sorgt dafür, dass togglemenü nicht sichtbar hinter dem inhalt stehenbleibt */

}



/* ** inhaltsbereich luftiger machen ** */



.news-list-view{

  background:none;

  margin-bottom:20px;

}



.news-single{

  margin-bottom:20px;

}



.inhalt-padd{



}



.inhalt-padd-news{

 background-color:none !important;



}





.inhalt-padd-news h1, .article{

  background-repeat: repeat-x;

  background-image:linear-gradient(to bottom, #fff 0px, #ddd 100%);

  border-color: #dcdcdc;

  border-radius:5px;

  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;

  min-height: 8px;

  padding:0 20px;

}



.inhalt-padd-news h1{

margin-top:0px;

}







.inhalt-padd > .article{

    opacity:1.0 !important;

}



/* ******* navbar versuch ines 13.10.2015 END ****** */

/* Bildergalerie Trenner neu definieren BEGIN */

.trenner, .trenner2{display:block;width:100%;height:5px;border-top:1px dotted #666;margin-bottom:5px;margin-top:10px;}


/* Bildergalerie Trenner neu definieren END */


/************ Navigation *******************/





#nav{

  padding:0px;

}



#navbar{



}



.mainnav{



}



.mainnav li{

  margin-right:5px;



}



.mainnav li.dropdown-submenu{

  margin-right:5px;

  text-align:center;

}



.mainnav li.left {

  margin-right:0px;

  padding:0px;



}





.navbar{

  padding:0px;

}



.navbar .container{

  padding:0px;

}



.navbar-default {

    background-image:none;

    box-shadow:none;

}



/* ******* Toggle Menue Box Eigenschaften BEGIN ******* */





.navbar-header{

  background-repeat: repeat-x;

  background-image: linear-gradient(to bottom, #fff 0px, #ddd 100%);

  border-color: #dcdcdc;

  border-radius:5px;

  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;

  min-height: 8px;

  text-align:center;

}



/* ******* Toggle Menue Box Eigenschaften END ******* */



.nav li , .navbar-nav li {

  color:#fff;

}



.nav .navbar-nav li{

 /* float:left;*/

  margin: 0;

  margin-right:5px;

  list-style:none;

}



.nav li a, .nav li a.active {

    color:#00000;

    display:block;

}



.nav li.active{

    background-repeat: repeat-x;

    border-color: #dcdcdc;

    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) inset, 0 1px 0 rgba(255, 255, 255, 0.1);

    background-image: linear-gradient(to bottom, #ccc 0px, #aba6a6 100%);

    border-radius:2px;

    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;

    margin-bottom: 5px;

    min-height: 8px;

    padding: 1px;

    color:#00000;

}



.orange, .green, .lila, .grey{

    background-repeat: repeat-x;

    border-color: #dcdcdc;

    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) inset, 0 1px 0 rgba(255, 255, 255, 0.1);



    border-radius:2px;

    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;

    margin-bottom: 5px;

    min-height: 8px;

    padding: 1px;

    color:#00000;



}



.grey{

  background-image: linear-gradient(to bottom, #ccc 0px, #aba6a6 100%);

  color:#000000;

}



.grey a{

 color:#000000;

}



.orange{

  background-image: linear-gradient(to bottom, #ff9933 0px, #fcb56f 100%);

    color:#000;

}



.green {

  background-image: linear-gradient(to bottom, #99cc33 0px, #bdfd3e 100%);

    color:#000;

}





.lila {

  background-image: linear-gradient(to bottom, #9966cc 0px, #ba79da 100%);

    color:#000;

}



/************Navigation 2   *******************/



.navi2{

  padding:0px;

  margin:0px;

  float:left;

}



.navi2 .navbar-nav li{

  float:left;

  margin: 0;

  margin-right:5px;

  list-style:none;

}



.navi2 li a{

    color:#00000; display:block;

}







 .navbar .container-fluid{    

  /* background-color: rgba(255,255,255,.5);

  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) inset, 0 1px 0 rgba(255, 255, 255, 0.1);

    border-radius:2px;

    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;

    margin-bottom: 5px;

    min-height: 8px;

    padding: 1px; */



}



/***********Toogle************/



.navbar-toggle {

   background-color:#CCC;

  float:none;

}





.navbar-toggle .icon-bar {

    border-radius: 1px;

    display: block;

    height: 2px;

    width: auto;

}



/***********Container**********/



.container-fluid {    

  height: 100%;

  margin: 0;

  padding:0;

}



.bottom {

  width:100%;

  background:#663366;

  padding:40px 20px;

}

/* #99cc33 #3a1160 #270944*/

.bottom .container{

  padding:0px;
 color:#fff;
}

.bottom .container h2, .bottom .container a{

 color:#e8bde8 !important;
}







.hgr-footer{

 /* background:#270944;  99cc33 #3a1160 */

}











footer .col-sm-4 {

    padding: 20px;

}



/*  #c1848 ist die Begrüßung auf Startseite! */

.inhalt-padd, #c1848{

 background:#fff;

  background-repeat: repeat-x;

  background-image: linear-gradient(to bottom, #fff 0px, #ddd 100%);

  border-color: #dcdcdc;

  border-radius:5px;

  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;

  margin-bottom: 20px;

  min-height: 8px;

  padding:20px;



}



.sidebar{

  padding:0px;

    margin:0;

}





.sidebar .inhalt-padd-news{

 background:#fff;

  background-repeat: repeat-x;

  background-image: linear-gradient(to bottom, #fff 0px, #ddd 100%);

  border-color: #dcdcdc;

  border-radius:5px;

  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;

  margin-bottom: 20px;

  min-height: 8px;

  padding:20px;

}





nav a {

    /* color:#fff!important; */

    text-decoration: none;

    display: block;

}







.dropdown-submenu a, .dropdown-menu a {

    color:#000!important;

    text-decoration: none;

}

/* *****************  Spaltengroessen abwandeln BEGIN    ****************** */

     .col-md-12 {padding-right: 0;}


/* ***************** Breadcrumb ****************** */
.breadcrumb {
    background-color:none;
    list-style: outside none none;
    margin-bottom: 5px;
    padding: 8px 0;
}
.breadcrumb > li {
    display: inline-block;
    font-size: 0.8em;
}
.breadcrumb li:first-child {
    padding-left: 10px;
}

/*********Bilder in 100 %iger Höhe****************/

.middle img, .bottom img  {

  width:100%;

  max-width: 100%;

  height: auto;

}



/*********Footer Navigation***********************/



.menu-1 ul{

  margin:12px 0 0 0;

  padding:0;

}



.menu-1 li  {

  margin:0;

  padding-bottom:10px;

  list-style:none;
    font-size: 1.2em;
    line-height: 1;
    list-style: outside none none;

}




.menu-1 a {

  display: block;

  text-decoration: none;

}

 

.menu-1 a:focus,

.menu-1 a:hover {

  color: royalblue;
  text-decoration: underline;

}



/********************** 40 px padding raus ******************/

sidebar ul {

    -moz-padding-start: 0;
    display: block;
    list-style-type: disc;
    margin-block-end: 1em;
    margin-block-start: 1em;
    padding: 0 0 0 15px;
    font-size:1.2em;
}



/*************Suche********************/



.form-control {

 width:70%;

 float:left;

}



/*************News-Single********************/



 news-single {

    background-color: #FFF;

}



.header h3{

    margin: 0 0 20px 0!important;
    padding: 10px 0 0;
}





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



.menu {

    display: inline-block;

}

.menu ul {

    list-style: outside none none;

    margin: 0;

    padding: 0;

    text-align: left;

    white-space: nowrap;

}

.menu li {

    display: block;

    position: relative;

}

.menu ul ul {

    border-radius: 0 0 5px 5px;

    left: -99999px;

    padding: 10px 0;

    position: absolute;

    top: 50px;

    transition: opacity 0.5s ease 0s;

    z-index: 0;

}

.menu ul ul ul {

    border-radius: 5px;

    left: 100%;

    margin-top: -35px;

    top: auto;

}

.menu ul li.left > ul {

    left: auto;

    right: 0;

    top: 50px;

}

.menu ul li.left ul li > ul {

    left: auto;

    margin-top: -35px;

    right: 100%;

    top: auto;

}

.menu > ul {

    display: inline-block;

    margin: 0 auto;

}

.menu > ul {

}

.menu > ul > li {

    float: left;

    position: relative;

}

.menu ul {

    background: #FFF none repeat scroll 0 0;

}

.menu a {

    color: #fff;

    display: block;

    font: 13px/25px "texgyreadventorbold","lucida sans",arial,sans-serif;

    padding: 0 30px 0 20px;

    position: relative;

    text-decoration: none;

    text-transform: uppercase;

    z-index: 10;

}

.menu > ul > li > a {

    height: 50px;

    line-height: 50px;

}

.menu > ul > li > b {

    background: #CCC;

    display: block;

    height: 50px;

    margin-top: -50px;

    position: relative;

    transition: all 0s ease 0.5s;

    width: 100%;

    z-index: 100;

}

.menu ul ul > li > b {

    display: block;

    height: 25px;

    margin-top: -25px;

    position: relative;

    transition: all 0s ease 0.5s;

    width: 100%;

    z-index: 100;

}

.menu li:hover > b {

    width: 0;

}

.menu li.left ul a {

    padding: 0 20px 0 30px;

    text-align: right;

}

.menu li:hover > a, .menu ul li:hover > a {

    background: #CCC none repeat scroll 0 0;

    color: #fff;

    text-decoration: underline;

}

.menu ul li a.hassub {

    background: rgba(0, 0, 0, 0) url("https://monika-lazar.de/fileadmin/Resources/Public/bootstrap/css/arrow-down.html") no-repeat scroll right center;

}

.menu li ul li a.hassub {

    background: rgba(0, 0, 0, 0) url("https://monika-lazar.de/fileadmin/Resources/Public/bootstrap/css/arrow-right.html") no-repeat scroll right center;

}

.menu li.left ul li a.hassub {

    background: rgba(0, 0, 0, 0) url("https://monika-lazar.de/fileadmin/Resources/Public/bootstrap/css/arrow-left.html") no-repeat scroll left center;

}

.menu ul li:hover > a.hassub {

    background-color: #555;

    color: #fff;

    text-decoration: underline;

}

.menu li.left ul li:hover > a.hassub {

    background-color: #555;

    color: #fff;

    text-decoration: underline;

}

.menu ul ul, .menu ul ul ul, .menu ul li.left > ul, .menu ul li.left ul li > ul {

    left: -9999px;

    opacity: 0;

    right: auto;

}

.menu ul li:hover > ul {

    left: 0;

    opacity: 1;

}

.menu ul ul li:hover > ul {

    left: 100%;

    opacity: 1;

}

.menu ul li.left:hover > ul {

    left: auto;

    opacity: 1;

    right: 0;

}

.menu ul li.left ul li:hover > ul {

    left: auto;

    opacity: 1;

    right: 100%;

}

@media only screen and (max-width: 768px) {

.wrapper {

    width: 100%;

}

label.toggle {

    display: block;

}

.menuHolder {

    background: #875 none repeat scroll 0 0;

    height: 0;

    padding-top: 40px;

    position: relative;

    right: 0;

    text-align: center;

    top: 0;

    width: 100%;

    z-index: 10;

}

.menu {

    background: #875 none repeat scroll 0 0;

    border-radius: 10px;

    display: none;

    height: 300px;

    margin: 6px auto;

    overflow-x: hidden;

    overflow-y: scroll;

    width: 300px;

}

.menu ul {

    list-style: outside none none;

    margin: 0;

    padding: 0;

    text-align: left;

    white-space: nowrap;

    width: 250px;

}

.menu li {

    display: block;

    position: relative;

}

.menu ul ul {

    border-radius: 0;

    padding: 0;

    position: static;

}

.menu ul ul ul {

    border-radius: 0;

    margin-top: 0;

}

.menu ul li.left > ul {

}

.menu ul li.left ul li > ul {

    margin-top: 0;

}

.menu > ul {

    display: block;

    margin: 0;

    padding: 20px 0;

    position: relative;

}

.menu > ul {

}

.menu > ul > li {

    float: none;

}

.menu ul {

    background: transparent none repeat scroll 0 0;

}

.menu a {

    color: #fff;

    display: block;

    font: 13px/30px "texgyreadventorbold","lucida sans",arial,sans-serif;

    padding: 0 30px 0 20px;

    position: relative;

    text-decoration: none;

    text-transform: uppercase;

    z-index: 10;

}

.menu > ul > li > a {

    color: #fc6;

    font-size: 15px;

    height: 30px;

    line-height: 30px;

}

.menu > ul > li > b, .menu ul ul > li > b {

    display: none;

}

.menu li.left ul a {

    padding: 0 30px 0 20px;

    text-align: left;

}

.menu li:hover > a, .menu ul li:hover > a {

    background: #555 none repeat scroll 0 0;

    color: #fff;

    text-decoration: none;

}

.menu ul li a.hassub {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

}

.menu li ul li a.hassub {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

}

.menu li.left ul li a.hassub {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

}

.menu ul li:hover > a.hassub {

    background-color: #CCC;

    color: #fff;

    text-decoration: none;

}

.menu li.left ul li:hover > a.hassub {

    background-color: #CCC;

    color: #fff;

    text-decoration: none;

}



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





.navbar-nav .open .dropdown-menu {

    background-color: #fff;

}


.csc-textpic-text {margin:15px 0 0 0;}


/* ******************* News stylen  BEGIN *********************** */

    .news-single .article .header {padding-top:20px;}  /* steht nochmal in der mobils-style - dieses hier greift nicht, warum auch immer */

   .news-list-view .article .header {margin-top:20px !important;}
 
   .news .article h3 {padding-top: 20px;}



/*  #c1848 ist die Begrüßung auf Startseite!  - derzeit ausgeblendet - Stand 26.10.2015*/
   #c1848{

   }

/* ***************  Grußwort per Newsplugin BEGIN ********************* */

#c1870  .footer {display:none;}


#c1870 .news .news-list-view .article{
  /* greift komischerweise nur bei handy - global in news-basic.css festlegen! */
}

#c1870 .news news-list-view .article a{
  /* greift komischerweise nur bei handy - global in news-basic.css festlegen! */
}


/* ***************  Grußwort per Newsplugin END ********************* */

/* .news .news-list-view .article .news-img-wrap .no-media-element{display:none;}

.news .news-list-view .article .news-img-wrap img {
  display:none;
  border:1px solid #f00!important;
}

*/


.news .article .news-img-wrap img {
    float: left;
    height: auto;
    padding: 5px 0!important;
    width: auto;
}

/* *************  IMAGEANZEIGE MAGNIFIC POPUP BEGIN ********************  */

/* GREIFT NUR BEI HANDY!!*/

.sidebar .inhalt-padd .csc-textpic-imagewrap .csc-textpic-imagerow .csc-textpic-imagecolumn .csc-textpic-image{
  padding-bottom:20px !important;

}

div.csc-textpic-imagecolumn, td.csc-textpic-imagecolumn .csc-textpic-image {
  padding-bottom:20px !important;

}


div.csc-textpic-imagecolumn.csc-textpic-lastcol, td.csc-textpic-imagecolumn.csc-textpic-lastcol .csc-textpic-image{
  margin-bottom:20px !important;

}


/* *************  IMAGEANZEIGE MAGNIFIC POPUP END ********************  */

/* *************** INHALTSBEREICH CONTENT BEGIN  *******************  */

#c320 ul{
  padding:20px !important;
  margin:20px !important;
}

#c320 li{
  padding:20px !important;
  margin:20px !important;

}


/* *************** INHALTSBEREICH CONTENT END  *******************  */

/* ***************** SIDEBAR BEGIN *********************  */
.sidebar .news .news-list-view  .article .news-img-wrap, .sidebar .news .news-list-view  .article .footer{
 display:none;
}


/* ***************** SIDEBAR END *********************  */


/*ol, ul {
    margin-bottom: 10px;
    margin-top: 0;
    padding: 0 0 0 15px;
}+/

/* ***************** SOCIAL MEDIA BEGIN  ************/

.socialmedia{
    color:#000!important;
}

.socialmedia a{
    color:#000!important;
}

/* ***************** SOCIAL MEDIA END  ************/


div.csc-textpic .csc-textpic-imagewrap img {
    border: medium none;
    display: block;
    margin: 10px 0 0;
}

table .tx_gbeventstd td, table .tx_gbeventstd th {
    padding:0 10px!important;
}


/* Initiativfonds Tabellen BEGIN  */

table.inifonds-tab .inifonds-tr-2  td{
border-bottom:1px dotted #ccc !important;
}


/* Initiativfonds Tabellen END  */


/* BILDERGALERIE BEGIN */
div.csc-textpic div.csc-textpic-imagerow-last, div.csc-textpic div.csc-textpic-imagerow-none div.csc-textpic-last {
    margin-bottom: 10px !important;
}
/* BILDERGALERIE END */


/* Startseite individueller textblock */

#c2535{
color:#ffffff;
}


/* Willkommen */
#c1870 .news .teaser-text a.more{
display:none !important;
}