/**
 * @author      Maximilian Tränkner
 * @package     Joomla!
 * @subpackage  TEV Template
 * @link        http://www.tageselternverein.de
 * @copyright   Tageselternverein Tübingen
 *
 * Tageselternverein Tübingen
 * Copyright (C) 2017 Tageselternverein Tübingen
 *
**/


/* ************** ALLGEMEINE FORMATIERUNGEN *********************
*****************************************************************/


* {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body
{
  background: rgb(255,222,13);
  min-height: 1050px;
  margin: 0px;
  padding: 0px;
  width: 100%;
  height: 100%;
}



/* ************************** TYPO ****************************
*****************************************************************/

 body{
	font-family: 'Open Sans', Arial, sans-serif;
    font-weight: 300;
	font-size: 12px;
    -webkit-text-size-adjust: 100%;
	color: black;
}

p{
	margin-top: 0;
    margin-bottom: 7px;
    line-height: 17px;
}

strong
{
    font-weight: bold !important;
}


#content ul
{
    padding-left: 20px;
}


#content li
{
    list-style-position: outside;
    line-height: 17px;
}

#content a
{
    color: rgb(144,144,144);
    text-decoration: none;
}

footer a
{
    color: inherit;
    text-decoration: none;
}

#content a:hover
{
    color: rgb(255,222,13);
}

code{
	font-size: 2pt;
	color: #666;
	display:block;
	
	background: rgb(204,204,204);
    background-size: 36px 36px;

    border: 1px solid #333;
}


#artikeltext p:first-child{
	margin-top: 0px;
}

h1,h4 {
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 16px;
	text-align:left;
	font-weight: bold;
    line-height: 40px;
	color: rgb(100,100,102);
}

h2, h5 {
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 12px;
	text-align:left;
	font-weight: bold;
	color: rgb(100,100,102);
}

#sidebar h3 {
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 20px;
	font-weight: 700;
	color: #000;
	display:block;
	background: #999999;
	width: 230px;
	height: 30px;
	line-height: 30px;
	text-indent: 20px;
	border-bottom: 1px #CCC;
}




#artikeltext{
	line-height: 18px;
}

footer
{
	text-align: left;
	line-height: 43px;
	font-size: 10px;
    color: #909090;
}
	
/* ****************** SPEZIAL EINSTELLUNGEN *********************
*****************************************************************/

/* Tätigkeitsbegleitend Links Abstand (TODO: 7) */
#content > div > div > h3
{
    line-height: 20px;
}

/* Abstand zwischen Beiträgen */
[class|="leading"] {
    margin-bottom: 20px;
}

/* ************************** LAYOUT ****************************
*****************************************************************/
#container
{
    width: 100%;
    height: 100%;
}

#wrapper{
  width: 1000px;
  min-height: 80vh;
  margin: 0 auto;
  overflow: hidden !important; /* FF Scroll-leiste */ 
}

#sidebar-container
{
    height: 80vh;
    width: 280px;
    min-width: 245px;
    float:left;
}

#main-container
{
    min-height: 80vh;
    width: 720px;
    float: left;
}

#main-header{
  padding: 0;
  margin: 0;
  margin-top: 17px;
  width: 100%;
  height: 310px;
  float:left;
}


#nav-container
{
    background: #ffffff;
    width: 100%;
	height: 42px;
}

#nav-inner-container
{
    width: 1000px;
	height: 42px;
    margin: 0 auto;
}

#nav-placeholder
{
    width: 280px;
	height: 42px;
    float: left;
}

#main-navigation
{
	width: 720px;
	height: 42px;
	float:left;
    position: relative;
    box-sizing: border-box;
}

#headerbild
{
    padding: 0;
    margin: 0;
	background: #fff;
	background-repeat:no-repeat;
	width: 100%;
	height: 100%;
	float:left;
}

/****** TABELLEN *********/

#content table {
    width: 100%;
    border-collapse: collapse;
}

/* Zebra striping */
#content tr:nth-of-type(odd) {
    background: #eee;
}

#content th {
    background: #333;
    color: white;
    font-weight: bold;
}

#content td, #content th {
    padding: 6px;
    border: 1px solid #ccc;
    text-align: left;
}

/******* KARTE *********/

#content .bezirk{
    /*fill:#ED7106; // wird in seitenklassen gesetzt */
    transition: .6s fill;
    stroke:#FFFFFF;
    stroke-width:4;
    stroke-miterlimit:10;
    cursor: pointer;
}

#content .bezirksbezeichnung{
    fill:#FFFFFF;
    font-family: 'Open Sans', Arial, sans-serif;
    font-size:21.2504px;
    pointer-events: none !important;
}

#content .ortschaft{
    fill:#FFFFFF;
    font-family: 'Open Sans', Arial, sans-serif;
    font-size:17.1531px;
    cursor: pointer;
}


#content .bezirk:hover {
    fill: rgb(144,144,144) !important;
}

#content .ortschaft:hover {
    fill: rgb(100,100,100) !important;
}

#content #mapcontainer
{
    height: 330px;
    position: relative;
}

#content figure
{
    width: 400px;
    right: 0px;
    position: absolute;
}

#content svg
{
    width: 100%;
}

#content .kontakt
{
    display: none;
    padding-bottom: 20px;
    width: 100%;
    overflow: hidden;
}

#content .initial
{
    display: inline-block;
}

#content .kontakt img
{
    width: 130px;
    position: relative;
    float: left;
    margin-right: 20px;
}

#content .kontakt .visitenkarte
{
    padding-top: 5px;
    overflow: hidden;
    word-wrap: break-word;
}

/***** ComboBox from http://r4fx.github.io/mate/doc/www/forms.html#nav-basic ******/
#content .combobox select
{
    position: absolute;
    width: 100%;
    
    display: block;
    padding: 6px 12px;
    line-height: 1.3;
    color: #555;
    background-color: #fff;

    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20fill%3D%22%23555555%22%20%0A%09%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%22-261%20145.2%2024%2024%22%20style%3D%22enable-background%3Anew%20-261%20145.2%2024%2024%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20d%3D%22M-245.3%2C156.1l-3.6-6.5l-3.7%2C6.5%20M-252.7%2C159l3.7%2C6.5l3.6-6.5%22%2F%3E%0A%3C%2Fsvg%3E");
    padding-right: 25px;
    background-repeat: no-repeat;
    background-position: right center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

#content .combobox select::-ms-expand 
{
    display: none;
}

#content .combobox
{
    position: relative;
    width: 100%;
    height: 35px;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 10px;
    display: none;
}


/****** STARTSEITE *******/
.startseite #main-header
{
    width: 100%;
    height: 400px;
    padding: 20px;
    padding-bottom: 0;
    background-color: #fff;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

#main-header .moduletable, #main-header .custom
{
    width: 100%;
    height: 100%;
}

.startseite .divTable   
{
    display: table;
    width: 100%;
    height: 100%;
    border-collapse: separate;
    border-spacing: 6px;
}

.startseite .divTableRow 
{
    display: table-row;
}

.startseite .divTableCell 
{
    display: table-cell;
    position: relative;
}

.startseite .imgCell 
{
    position: absolute;
    /*overflow: hidden; removed because IE*/
    height: 100%;
    width: 100%;
}

.startseite .captionCell 
{
    position: absolute;
    overflow: hidden;
    text-align: center;
    height: 40px;
    width: 100%;
    bottom: 0px;
}

.startseite .imgCell a{
    display: block;
    width: 100%;
    height: 100%;
}

.startseite .captionCell a{
    line-height: 40px;
    font-family: 'Open Sans', Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
    text-decoration: none;
    display: block;
    width: 100%;
    height: 100%;
}

.startseite .divTable img
{
    width: 100%;
}

.rot
{
    background-color: rgb(214,0,90);
}

.orange
{
    background-color: rgb(237,112,0);
}

.gruen
{
    background-color: rgb(99,178,44);
}

.turkis
{
    background-color: rgb(0,173,186);
}

.grau
{
    background-color: rgb(100,100,102);
}

#headerbild .custom > p
{
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#headerbild .custom > p > img 
{
    width: 100%; 
	object-fit: cover; /* Notiz: JS ändert das für IE */
	overflow: hidden; 
}

/************ CSS Fallback from Modernizr *************/
#headerbild.compat-object-fit {
    background-size: cover;
    background-position: center;
}
#headerbild.compat-object-fit img {
    opacity: 0;
}


#section-wrapper{
	width: 100%;
	background: #ffffff;
	float:left;
    min-height: 500px;
}

#logo
{
    width: 100%;
	height: 335px;
}

#logo img
{
    width: 240px;
}

#logotext p
{
    font-size: 11px;
    color: rgb(100,100,102);
}

#logotext
{
    padding-left: 51px;
    padding-top: 3px;
    width: 240px;
    height: 20px;
}

#sidebar{
	width: 100%;
	float:left;
	margin-top: 25px;
    margin-left: 51px;
}

#content{
	width: 100%;
	float:left;
}

#content > div {
	padding: 20px;
}

#content:first-child 
{
	padding-top: 0px;
}


/****** FORMULAR *******/
#content form input[type=text], #content form textarea
{
    padding: 3px 3px;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

#content form input[type=text]:focus, #content form textarea:focus
{
    border: 3px solid #ccc;
    padding-bottom: 2px;
    padding-top: 2px;
}

#content input[type=submit], #content button 
{
    padding: 3px 3px;
    margin: 8px 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    cursor: pointer;
}

#content input[type=submit]:hover,  #content button:hover 
{
    opacity: 0,6;
}

#content form legend
{
    font-family: 'Open Sans', Arial, sans-serif;
	font-size: 12px;
	text-align:left;
	font-weight: bold;
	color: rgb(100,100,102);
}

#content form select
{
    display: inline-block;
    box-sizing: border-box;
}


footer
{
	width: 100%;
	/*height: 42px;*/
	float:left;
}

footer p{
    padding-top: 10px;
    padding-left: 20px;
    color: rgb(100,100,102);
    font-size: 9px;
    line-height: normal;
}
	


/* ************************** NAVIGATION ************************
*****************************************************************/

#navlogo
{
    display: none;
}

#navcheckbox
{
    display: none;
    box-sizing: border-box;
}

#navlabel
{
    display: none;
    box-sizing: border-box;
}

.dynnavcheckbox
{
    display: none;
    box-sizing: border-box;
}

.dynnavlabel
{
    display: none;
    box-sizing: border-box;
}


#main-navigation .menu{
	list-style-type: none;
}

#main-navigation > div
{
    width: 100%;
    height: 100%;
    display: table;
    table-layout: fixed;
}

#main-navigation > div ul
{
    display: flex;
    flex-direction: row;
    margin: 0;
    padding: 0;
}

#main-navigation > div li
{
    flex-grow: 1;
    flex-basis: 0;
    text-align: center;
}

#main-navigation > div li a{
	height: 42px;
	display: block;
	
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 42px;
	text-align: center;
	color: rgb(100,100,102);
	text-decoration: none;
	
	border-left: 1px solid #909090;
}

#main-navigation > div li:last-child a{
    border-right: 1px solid #909090;
}

#main-navigation > div li a:hover
{
	background-color: rgb(255,222,13);
	
	-webkit-transition: all 400ms ease-in;
	-moz-transition: all 400ms ease-in;
	-ms-transition: all 400ms ease-in;
	-o-transition: all 400ms ease-in;
	transition: all 400ms ease-in;
}


#main-navigation > div ul > li > ul
{
    display: none;
}


/* ************************** SUB-NAVIGATION ************************
*****************************************************************/


#sidebar .menu{
	list-style-type: none;
	width: 230px;
}

#sidebar .menu li a{
	width: 230px;
	height: 25px;
	display: block;
	float:left;
    
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 25px;
	color: rgb(144,144,144);
	text-decoration: none;
	
	-webkit-transition: all 200ms ease-in;
	-moz-transition: all 200ms ease-in;
	-ms-transition: all 200ms ease-in;
	-o-transition: all 200ms ease-in;
	transition: all 200ms ease-in;
}

#sidebar .menu li > ul li
{
	list-style-type: none;
}

#sidebar .menu li > ul li a
{
    text-indent: 20px;
    text-decoration: none;
    font-weight: normal;
}

#sidebar .menu li a:hover
{
	color: rgb(100,100,102) !important;
}

/* ************************** AKTUELLES *************************
*****************************************************************/

/* Video Highlight*/
.startseite #sidebar .newsflash-title:first-of-type
{
    margin-bottom: 10px;
}

.startseite #sidebar .newsflash-title:first-of-type a
{
    color: rgb(214,0,90);
}

.startseite #sidebar .newsflash-title:first-of-type a:before
{
    background-image: url('../images/VideoIcon.png');
    background-size: 20px 20px;
    display: inline-block;
    width: 20px; 
    height: 20px;
    content:"";
    margin-right: 5px;
    vertical-align: -36%;
}
/* Video Highlight Ende*/

.startseite #sidebar div
{
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box; 
    
    overflow: auto;
    
}

.startseite #sidebar .moduletable
{
    width: 200px;
}

.startseite #sidebar .moduletable div
{
    width: 100%;
    overflow: hidden;
}

.startseite #sidebar h5 a
{
    color: rgb(100,100,102);
    text-decoration: none;
}

.startseite #sidebar h5 a:hover
{
    color: rgb(144,144,144);
}

.startseite #sidebar .moduletable p
{
    font-size: 11px;
    color: rgb(100,100,102);
    word-wrap: break-word;
    line-height: 1.3;
}

.startseite #sidebar h5
{
    padding-top: 10px;
    line-height: 1.3;
}

.startseite #logo
{
    height: 155px !important;
}


/************************** In Beiträgen ***********************/
.linkliste {
    margin-top: 28px;
}

.linkliste p{
    border-top: 1px solid #DFDFDF;
    padding: 16px 0;
    font-weight: bold;
    margin-bottom: 0;
}

.linkliste p:last-of-type {
    border-bottom: 1px solid #DFDFDF;
}


/* ************************** RESPONSIVE ************************
*****************************************************************/

/* Medium devices (tablets, less than 992px)*/
@media (max-width: 1000px) 
{
    #nav-inner-container
    {
        width: 100%;
    }
    
    #main-navigation
    {
        width: 100%;
    }
    
    #nav-placeholder
    {
        display: none;
    }
    
    #wrapper
    {
        width: 100%;
        display: flex;
        flex-direction: row;
    }
    
    #sidebar-container
    {
        width: auto;
    }
    
    #sidebar .moduletable
    {
        width: 189px;
    }
    
    #main-container
    {
        width: 100%;
    }
    
}

@media (max-width: 875px) 
{
    /********* MAIN CONTAINER ********/
    
    #sidebar-container
    {
        display: none;
    }
    
    #main-container
    {
        width: 720px;
        margin: 0 auto;
    }
    
    #main-navigation 
    {
        display: block;
        box-sizing: border-box;
    }
    
    #main-navigation a
    {
        font-size: 12px !important;
    }
    
    #main-navigation > div
    {
        display: block;
        box-sizing: border-box;
    }
    
    #main-navigation div .nav 
    {
		display: none;
        box-sizing: border-box;
	}
    
    #main-navigation .nav-child 
    {
		display: none;
	}
    
    #navlabel {
        display: block;
        width: 40px;
        height: 40px;
        cursor: pointer;
        position: absolute;
        right: 20px;
        top: 0px;
	}
    
    #navlogo
    {
        display: block;
    }
    
    #navlogo img
    {
        height: 38px;
        position: absolute;
        padding: 2px 2px 0px 2px;
    }
    
    #navlabel:after{
      content:'';
      display: block;
      width: 30px;
      height: 5px;
      background: #777;
      margin: 7px 5px;
      box-shadow: 0px 10px 0px #777, 0px 20px 0px #777
    }
    
    
    #navcheckbox:checked ~ .nav 
    {
  		display: block;
        background: #fff;
  		z-index: 9999;
  		position: absolute;
        top: 42px;
        right: 20px;
		left: 20px;
        border-left: 1px solid #909090;
        border-right: 1px solid #909090;
	}
    
    .dynnavlabel 
    {
        display: block;
        width: 60px;
        height: 30px;
        cursor: pointer;
        position: absolute;
        right: 0px;
	}
    
    .dynnavlabel:before 
    {
        content: "";
        display: inline-block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 10px 10px 0 10px;
        border-color: #fff transparent transparent transparent;
        margin-top: 10px;
    }
    
    
    .dynnavcheckbox:checked ~ .nav-child 
    {
  		display: block !important;
        background: #fff;
	}
    
    #main-navigation > div > ul .nav-child .dynnavlabel:before 
    {
        border-color: rgb(100,100,102) transparent transparent transparent !important;
    }
    
    
    #main-navigation > div li:first-child a
    {
        border: none;
        border-bottom: 1px solid #909090;
    }
    
    #main-navigation > div li a
    {
        color: #777;
        text-align: left;
        height: 30px;
        line-height: 30px;
        border: none;
        border-bottom: 1px solid #909090;
	}

	#main-navigation > div ul li 
    {
		display: block;
  		float: none;
  		width: 100%;
  		text-align: left;
		text-indent: 30px;
        box-sizing: border-box;
	}

	#main-navigation > div > ul > li 
    {
  		margin-left: 0px;
	}

    #main-navigation > div ul > li > ul
    {
        display: block;
    }
    
	#main-navigation > div > ul li ul li 
    {
  		display: block;
		float: none;
	}
  
	#main-navigation > div > ul li ul 
    {
		display: block;
  		position: relative;
  		width: 100%;
		z-index: 9999;
		float: none;
	}
    
    /*Tagesmütter*/
    #main-navigation > div > ul > .item-101 > a
    {
        background-color: rgb(214,0,90);
        color: #fff;
    }
    
    #main-navigation > div > ul > .item-101 > ul > li > a
    {
        color: rgb(214,0,90);
    }
    
    /*Kinderfrauen*/
    #main-navigation > div > ul > .item-113 > a
    {
        background-color: rgb(214,0,90);
        color: #fff;
    }
    
    #main-navigation > div > ul > .item-113 > ul > li > a
    {
        color: rgb(214,0,90);
    }
    
    /*Eltern*/
    #main-navigation > div > ul > .item-114 > a
    {
        background-color: rgb(237,112,0);
        color: #fff;
    }
    
    #main-navigation > div > ul > .item-114 > ul > li > a
    {
        color: rgb(237,112,0);
    }
    
    /*Unternehmen*/
    #main-navigation > div > ul > .item-115 > a
    {
        background-color: rgb(99,178,44);
        color: #fff;
    }
    
    #main-navigation > div > ul > .item-115 > ul > li > a
    {
        color: rgb(99,178,44);
    }
    
    /*Kommunen*/
    #main-navigation > div > ul > .item-116 > a
    {
        background-color: rgb(0,173,186);
        color: #fff;
    }
    
    #main-navigation > div > ul > .item-116 > ul > li > a
    {
        color: rgb(0,173,186);
    }
    
    /*Der Verein*/
    #main-navigation > div > ul > .item-117 > a
    {
        background-color: rgb(255,222,13);
        color: rgb(100,100,102);
    }
    
    #main-navigation > div > ul > .item-117 .dynnavlabel:before 
    {
        border-color: rgb(100,100,102) transparent transparent transparent !important;
    }
    
    #main-navigation > div > ul > .item-117 > ul > li > a
    {
        color: rgb(100,100,102);
    }
}

@media (max-width: 720px) 
{
    /********* MAIN CONTAINER ********/
    
    #main-container
    {
        width: 100%;
        margin: 0;
    }
    
    #main-header
    {
        margin-top: 0;
    }
    
}

@media (max-width: 600px) 
{
    #main-header
    {
        height: 250px;
    }
    
    #content img
    {
        max-width: 100%;
        height: auto !important;
    }
    
    
    /******** STARTSEITE *******/
    .startseite #main-header .moduletable
    {
        display: none !important;
    }
    
    .startseite #main-header
    {
        height: 200px !important;
        padding: 0 !important;
    }
        
    .startseite #headerbild
    {
        background-image: url(../images/BildDerVerein.jpg);
        background-size: cover;
        background-repeat:no-repeat;
        background-position: center center;
    }
}

@media (max-width: 500px) 
{
    #main-header
    {
        height: 200px;
    }
    
    
    /******** KONTAKTE ******/
    #content .combobox
    {
        display: block;
    }
    
    #content #mapcontainer
    {
        display: none;
    }
}

@media (max-width: 400px) 
{
    /******* HEADERBILD ******/
    #headerbild .custom > p > img 
    {
        width: auto;
        height: 100%;
        margin: 0 !important;
    }
    
    /******** KONTAKTE ******/
    #content .kontakt img
    {
        float: none;
        margin-bottom: 5px;
    }
    
    #content .kontakt .visitenkarte 
    {
        float: none;
    }
        
}

@media (max-height: 575px) 
{
    #main-header
    {
        height: 200px;
    }
    
    /******* HEADERBILD ******/
    .verein #headerbild .custom > p > img , .kinderfrauen #headerbild .custom > p > img, .tagesmuetter #headerbild .custom > p > img, .eltern #headerbild .custom > p > img 
    {
        margin: -40% 0;/* center some images */
    }
    
    #logo
    {
        height: 220px;
    }
}

/* ************************ SEITENKLASSEN ***********************
*****************************************************************/

/* Startseite */

.startseite #main-header
{
}

/* Tagesmuetter */

.tagesmuetter 
{
    background: rgb(214,0,90);
}

.tagesmuetter h1
{
    color: rgb(214,0,90);
}

.tagesmuetter h2
{
    color: rgb(214,0,90);
}

.tagesmuetter .item-101 > a
{
    background: rgb(214,0,90) !important;
    color: #fff !important;
}

.item-page.tagesmuetter 
{
    background: #fff;
}

.blog.tagesmuetter
{
    background: #fff;
}

.tagesmuetter #sidebar .menu li a
{
    color: rgba(255,255,255,0.7);
}

.tagesmuetter #sidebar .active > a{
    color: rgba(255,255,255,1) !important;
}

.tagesmuetter #logotext p
{
    color: #fff !important;
}

.tagesmuetter footer p
{
    color: #fff !important;
}

.tagesmuetter #main-navigation .menu li a:hover
{
    background: rgb(214,0,90);
    color: #fff !important;
}

.tagesmuetter #sidebar .menu li a:hover
{
	color: #fff !important;
}

.tagesmuetter #content a:hover
{
    color: rgb(214,0,90) !important;
}

.tagesmuetter #content .bezirk{
    fill: rgb(214,0,90);
}

/* Kinderfrauen */

.kinderfrauen 
{
    background: rgb(214,0,90);
}

.kinderfrauen h1
{
    color: rgb(214,0,90);
}

.kinderfrauen h2
{
    color: rgb(214,0,90);
}

.kinderfrauen .item-113 > a
{
    background: rgb(214,0,90) !important;
    color: #fff !important;
}

.item-page.kinderfrauen 
{
    background: #fff;
}

.blog.kinderfrauen
{
    background: #fff;
}

.kinderfrauen #sidebar .menu li a
{
    color: rgba(255,255,255,0.7);
}

.kinderfrauen #sidebar .active > a{
    color: rgba(255,255,255,1) !important;
}

.kinderfrauen #logotext p
{
    color: #fff !important;
}

.kinderfrauen footer p
{
    color: #fff !important;
}

.kinderfrauen #main-navigation .menu li a:hover
{
    background: rgb(214,0,90);
    color: #fff !important;
}

.kinderfrauen #sidebar .menu li a:hover
{
	color: #fff !important;
}

.kinderfrauen #content a:hover
{
    color: rgb(214,0,90) !important;
}

.kinderfrauen #content .bezirk{
    fill: rgb(214,0,90);
}

/* Eltern */

.eltern 
{
    background: rgb(237,112,0);
}

.eltern h1
{
    color: rgb(237,112,0);
}

.eltern h2
{
    color: rgb(237,112,0);
}

.eltern .item-114 > a
{
    background: rgb(237,112,0) !important;
    color: #fff !important;
}

.item-page.eltern 
{
    background: #fff;
}


.blog.eltern
{
    background: #fff;
}

.eltern #sidebar .menu li a
{
    color: rgba(255,255,255,0.7);
}

.eltern #sidebar .active > a{
    color: rgba(255,255,255,1) !important;
}

.eltern #logotext p
{
    color: #fff !important;
}

.eltern footer p
{
    color: #fff !important;
}

.eltern #main-navigation .menu li a:hover
{
    background: rgb(237,112,0);
    color: #fff !important;
}

.eltern #sidebar .menu li a:hover
{
	color: #fff !important;
}

.eltern #content a:hover
{
    color: rgb(237,112,0) !important;
}

.eltern #content .bezirk{
    fill: rgb(237,112,0);
}

/* Unternehmen */

.unternehmen 
{
    background: rgb(99,178,44);
}

.unternehmen h1
{
    color: rgb(99,178,44);
}

.unternehmen h2
{
    color: rgb(99,178,44);
}

.unternehmen .item-115 > a
{
    background: rgb(99,178,44) !important;
    color: #fff !important;
}

.item-page.unternehmen 
{
    background: #fff;
}

.blog.unternehmen
{
    background: #fff;
}

.unternehmen #sidebar .menu li a
{
    color: rgba(255,255,255,0.7);
}

.unternehmen #sidebar .active > a{
    color: rgba(255,255,255,1) !important;
}

.unternehmen #logotext p
{
    color: #fff !important;
}

.unternehmen footer p
{
    color: #fff !important;
}

.unternehmen #main-navigation .menu li a:hover
{
    background: rgb(99,178,44);
    color: #fff !important;
}

.unternehmen #sidebar .menu li a:hover
{
	color: #fff !important;
}

.unternehmen #content a:hover
{
    color: rgb(99,178,44) !important;
}

.unternehmen #content .bezirk
{
    fill: rgb(99,178,44);
}

/* Kommunen */

.kommunen 
{
    background: rgb(0,173,186);
}

.kommunen h1
{
    color: rgb(0,173,186);
}

.kommunen h2
{
    color: rgb(0,173,186);
}

.kommunen .item-116 > a
{
    background: rgb(0,173,186) !important;
    color: #fff !important;
}

.item-page.kommunen 
{
    background: #fff;
}

.blog.kommunen
{
    background: #fff;
}

.kommunen #sidebar .menu li a
{
    color: rgba(255,255,255,0.7);
}

.kommunen #sidebar .active > a{
    color: rgba(255,255,255,1) !important;
}

.kommunen #logotext p
{
    color: #fff !important;
}

.kommunen footer p
{
    color: #fff !important;
}

.kommunen #main-navigation .menu li a:hover
{
    background: rgb(0,173,186);
    color: #fff !important;
}

.kommunen #sidebar .menu li a:hover
{
	color: #fff !important;
}

.kommunen #content a:hover
{
    color: rgb(0,173,186) !important;
}

.kommunen #content .bezirk
{
    fill: rgb(0,173,186);
}

/* Verein */

.verein .item-117 > a
{
    background: rgb(255,222,13);
}

.verein #sidebar .active > a{
    color: rgb(100,100,102) !important;
}

.verein #content .bezirk
{
    fill: rgb(100,100,102);
}

/* Info */

.info #section-wrapper
{
    background-color: transparent;
    margin-top: -76px;
}

.info #content img
{
    margin-left: -23px;
}

.info footer
{
    display: none;
}

.info #content a:hover
{
    color: rgb(144,144,144);
}