html,body,#breadcrumb,#breadcrumb a,#breadcrumb a.bclast {color:black;background-color:white}
body.leben,body.freizeit,body.wirtschaft,body.rathaus,body.allgemein,body.machmal {background-color:white}
#usecookies {text-align:center;padding:5px;background-color: white;display:none;position:relative;z-index:50;height:36px;overflow-y:hidden;}

#outerall {background-image: url("/glimg/wrapper_bg0.gif")}
#topnavi {background-color: white;color:black}
#topnavi a,{color:black}
#footer,#footer a{color:white}
#footer {font-size:1em;background-color:black;color:white}
a,#infoholder a {color:#0000EE;text-decoration:underline}
#topnavi input {border-color:black}
#startkacheln  {background-image: url("/img/home/bubblesbgmorecontrast.png");}
#navigation {background-color: black;}
#bereichshead,#startflaeche {background-color: darkblue}
#startflaeche a:hover {background-image: url(img/pfeil_rechts_blau_more_contrast.png)}
#navigation a.active {color:aqua}
.leben,body.leben #bereichshead,a#lebenanc,a#lebenanc:hover {background-color:darkgreen}
body.leben #navigation a.active {color:LightGreen;}
.wirtschaft,body.wirtschaft #bereichshead,a#wirtschaftanc,a#wirtschaftanc:hover  {background-color:blue}
body.wirtschaft #navigation a.active {color:cyan;}
.freizeit,body.freizeit #bereichshead,a#freizeitanc,a#freizeitanc:hover {background-color:#6A006A;}
body.freizeit #navigation a.active {color:HotPink ;}
.rathaus,body.rathaus #bereichshead,a#rathausanc,a#rathausanc:hover {background-color:brown}	
body.rathaus #navigation a.active {color:BurlyWood;}
.machmal ,body.machmal #bereichshead {background-color:#800000;text-shadow:none;}	
body.machmal #navigation a.active {color:white;font-weight:bold;}
a.button, button, input#goog-wm-sb {background-color: darkblue;border: 1px solid black;}
a.button:hover,button:hover,button:active,input#goog-wm-sb:hover {color:black}
select option:hover {background:black;color:white}
option {background:white;color:black}
select option.myoption:focus,select option.myoption:hover,select option.myoption:active {background: url(/glimg/wrapper_bg0.gif) top left repeat #000;}
button.flickity-prev-next-button {color:black;background:none;}
button.flickity-prev-next-button:hover {color:#0000EE}
button.flickity-prev-next-button svg {display:none;}
h1.seo {color:black;font-size:18px;display:none;}
#searchform button span, #mobsearchform button span {color:black}

#infoholder div.info:hover {background-color:darkblue}
#infoholder div.info div.infocontent {background-color:white;color:black;border-right-color:darkblue;box-shadow:none;border:1px solid darkblue;border-right-width:10px}
#infoholder div.info div.hook {background-color: darkblue;}
#infoholder div.info.active {box-shadow: none;}
body.leben #infoholder div.info,body.leben #infoholder div.info.active,body.leben #infoholder div.info.active:hover, body.leben #infoholder div.info div.hook{background-color:darkgreen}
body.leben #infoholder div.info div.infocontent {border-color:darkgreen;}
body.leben  #infoholder div.info:hover {background-color:darkblue}
body.freizeit #infoholder div.info,body.freizeit #infoholder div.info.active,body.freizeit #infoholder div.info.active:hover,body.freizeit #infoholder div.info div.hook{background-color:#6A006A} 
body.freizeit #infoholder div.info div.infocontent {border-color:#6A006A}
body.freizeit  #infoholder div.info:hover {background-color:darkblue}
body.wirtschaft #infoholder div.info,body.wirtschaft #infoholder div.info.active,body.wirtschaft #infoholder div.info.active:hover,body.wirtschaft #infoholder div.info div.hook{background-color:blue} 
body.wirtschaft #infoholder div.info div.infocontent {border-color:blue}
body.wirtschaft  #infoholder div.info:hover {background-color:darkblue}
body.rathaus #infoholder div.info,body.rathaus #infoholder div.info.active,body.rathaus #infoholder div.info.active:hover,body.rathaus #infoholder div.info div.hook{background-color:brown} 
body.rathaus #infoholder div.info div.infocontent {border-color:brown}
body.rathaus  #infoholder div.info:hover {background-color:darkblue}
body.machmal #infoholder div.info,body.machmal #infoholder div.info.active,body.machmal #infoholder div.info.active:hover,body.machmal #infoholder div.info div.hook{background-color:#800000} 
body.machmal #infoholder div.info div.infocontent {border-color:#800000;background-color:#ffffff}
body.machmal  #infoholder div.info:hover {background-color:darkblue}
body.allgemein #infoholder div.info,body.allgemein #infoholder div.info.active,body.allgemein #infoholder div.info.active:hover,body.allgemein #infoholder div.info div.hook{background-color:darkblue} 
body.allgemein #infoholder div.info div.infocontent {border-color:darkblue}
body.allgemein  #infoholder div.info:hover {background-color:#0000ee}

#homenews a.forward, #homekultur a.forward {background-color:rgba(255,255,255,1);color:black}




#aemteraufeinenklickdiv .aeteaser {background-color:brown}
#aemteraufeinenklickdiv .aeteaser:hover,#aemteraufeinenklickdiv .aeteaser.noanc,#aemteraufeinenklickdiv .aeteaser.noanc:hover {border-color:brown}

@media (max-width:1020px) {
 		#outerall {background:none;}
		body.leben #navigation {background-color:darkgreen}
    body.freizeit #navigation {background-color:#6A006A}
    body.wirtschaft #navigation {background-color:blue}
    body.rathaus #navigation {background-color:BurlyWood}
    body.machmal #navigation {background-color:#800000}
    body.leben #navigation a.active,body.freizeit #navigation a.active,body.wirtschaft #navigation a.active,body.rathaus #navigation a.active,body.machmal #navigation a.active {color:white;font-weight:bold}

 		
}