/*******************************************************
  hpk2 Farbschema Layout 7 dunkelblau Menue blau  

  Icon colorimg 		url("../colorimg/
  ersetzen durch		url("../../../../templates/hpk2/css/colorimg/   
*******************************************************/

body {
  color: #5c5c5c; 
  background: #FFFFFF;
}

#headumschlag {
  background: #FFFFFF;
}

#umschlag {
  background: #eaeaea;
}

#handymenue li {
  background-color: #636466;
}
#handymenue ul.handymenue2 li {
  background-color: #FFFFFF;
}
#handymenue ul.handymenue2 .navicon, #handymenue ul.handymenue2 a { 
  color: #2766a1; 
}
.navicon, #handymenue a, #handymenue2 a, #handymenue a:hover  { 
  color: #FFFFFF; 
}
#handymenue ul.handymenue2 li a.aktiv ~ .touch-button i.navicon,
#handymenue ul.handymenue2 li a.aktiv {
	color: #555555;
}

h1, 
h2, 
h3, 
h4, 
h5, 
h6, 
p.news_latest_title  {
  color: #2766a1; /* mittelblau */
}

a {
  color: #2766a1;
}

a:hover,
a:focus {
  color: #555555;
}

a.link-typ1,
a.link-typ3  {
  background: url("../colorimg/typ4-color4.png") no-repeat scroll 0px 3px transparent;
}

a.link-typ1:focus,
a.link-typ1:hover,
a.link-typ3:focus,
a.link-typ3:hover {
  background: url("../colorimg/typ4-color10.png") no-repeat scroll 0px 3px transparent;
}

p.detailsansehen a {
  background: url("../colorimg/typ4-color4.png") no-repeat scroll 0px 1px transparent;
}

p.detailsansehen a:focus,
p.detailsansehen a:hover {
  background: url("../colorimg/typ4-color10.png") no-repeat scroll 0px 1px transparent;
}

a.link-typ2 {
  background: url("../colorimg/typ2-color4.png") no-repeat scroll 0px 2px transparent;
}

a.link-typ2:focus,
a.link-typ2:hover  {
  background: url("../colorimg/typ2-color10.png") no-repeat scroll 0px 2px transparent;
}

.tx-hpkfe-pi-adresse a {
  color: #5c5c5c;
}

.tx-hpkfe-pi-adresse a:hover {
  color: #2766a1;
}

#umschlag li,
#umschlag hr,
#umschlag span.news_title,
#umschlag div.news-list-item,
#umschlag span.news_latest_title,
#umschlag div.news-list-content,
#inhalt input,
#inhalt textarea,
#inhalt select {
  border-color: #2766a1;
}

.sprachauswahl a {  
  background: #2766a1;
  color: #FFFFFF;
}

.cc_container .cc_btn,
.cc_container .cc_btn:visited {
  background-color:#2766a1;
  color:#FFFFFF
}

.cc_container .cc_btn:hover,
.cc_container .cc_btn:active{
  background-color:#1b466f;
  color:#FFFFFF
}

#inhalt table.csc-uploads td {
  border-color: #8c8c8c;
}

#inhalt .tx-hpkfe-pi-partner img {
  border-color: #c3c3c3;
}

#inhalt .tx-hpkfe-pi-partner img:hover {
  border-color: #2766a1;
}

#kopf .hpk_adr_tel {
  border-bottom: 1px solid #eaeaea;
}

#suche .boxsuche_input {
  border-color: #eaeaea;
  background: #eaeaea;
}

#suche .boxsuche_submit {
  background: url("../colorimg/lupe-thin-color4.png") no-repeat 0 0 scroll transparent;
}

#suche .boxsuche_submit:hover {
  background: url("../colorimg/lupe-thin-color12.png") no-repeat 0 0 scroll transparent;
}

#inhalt input.hpk_anf_subm,
#inhalt input.hpk_kon_subm,
#inhalt input.powermail_field.powermail_submit,
#tx_indexedsearch .tx-indexedsearch-search-submit input {
  background-color: #2766a1;
  border-color: #2766a1;
}

#inhalt input.hpk_anf_subm:hover,
#inhalt input.hpk_kon_subm:hover,
#inhalt input.powermail_field.powermail_submit:hover,
#tx_indexedsearch .tx-indexedsearch-search-submit input:hover {
  background-color: #555555; /* dunkelgrau */
  border-color: #555555;
} 

#fussinhalt a {
  color: #717171;
}

#fussinhalt a:hover {
  color: #2766a1;
}

#fussmenue li {
  background: url("../colorimg/typ4-color10.png") no-repeat 0px 9px transparent;
}

#fussmenue li:hover {
  background: url("../colorimg/typ4-color4.png") no-repeat 0px 9px transparent;
}

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

#headernavi {
  background: #636466; /* grau */
}

#headernavi #ebene1u2menueSUB a {
  color: #FFFFFF;
}  

#headernavi ul.ebene1u2menueSUB2  {
  background: #636466;
  border-color: #FFFFFF;
}

#kopfmenue li a:hover,
#headernavi #ebene1u2menueSUB li.ebene1 a:hover,
#headernavi .ebene1u2menueSUB2  a:hover,
#headernavi #ebene1u2menueSUB li.ebene1 a.active,
#headernavi .ebene1u2menueSUB2  a.active {
  background-color: #2766a1; /* dunkelblau */
}

#kopfmenue li { 
  border-color: #FFFFFF;
}

#kopfmenue a {
  color: #FFFFFF;
}

/***************************************/
/*************** Boxen ****************/
/*************************************/

#umschlag .box .csc-header {
  background: #d6d6d6;
}

#inhalt .box,
#submenue_newsbox .news-latest-container {
  background: #FFFFFF;
}

#seitenart-0 #inhalt .layout-7 {
  background: none;
}

#kdeWidget,
#submenue_newsbox .news-latest-container,
#inhalt .csc-frame.box,
#inhalt .IM.box.spalte,
#inhalt .IM.box.normal,
#inhalt .IM.box.ID-3.inhalt,
#inhalt .IM.box.ID-4.inhalt,
#inhalt .IM.box.ID-7.inhalt,
#inhalt .IM.box.ID-8.inhalt {
  -moz-box-shadow: 1px 2px 4px rgba(0,0,0, .2);
  -webkit-box-shadow: 1px 2px 4px rgba(0,0,0, .2);
  box-shadow: 1px 2px 4px rgba(0,0,0, .2);
}

#umschlag #inhalt .IM.box.ID-3.spalte,
#umschlag #inhalt .IM.box.ID-4.spalte,
#umschlag #inhalt .IM.box.ID-7.spalte,
#umschlag #inhalt .IM.box.ID-8.spalte {
	box-shadow: none;
}

/***************************************/
/*************** Slider ***************/
/*************************************/

#sliderumschlag {
  background: #c2d1df; /* hellblau */
}

#slider .flextitle {
  color: #FFFFFF; 
  background: #2766a1;
  background: none repeat scroll 0% 0% rgba(39, 102, 161, 0.8);
}

#slider .flexsubtitle {
  color: #3e3e3e; 
  background: #FFFFFF;
  background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.8);
}

/***************************************/
/*************** mobil ****************/
/*************************************/

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

#navigationmobil a:hover,
#suchemobil a:hover {
  color: #2766a1;
}

#fussumschlag ul#fussmenue li a {
  color: #2766a1;
}

#fussumschlag ul#fussmenue li a:hover,
#fussumschlag ul#fussmenue li a:focus {
  color: #555555;
}

#fussumschlag ul#fussmenue li,
#fussumschlag .handymenue ul.zentralmenue li.ebene1 a {
  border-color: #808080;
}

#suchemobil .boxsuche_input {
  border-color: black;
}

#inhalt .IM.box.inhalt {
  border: 0;
  -moz-box-shadow: 1px 2px 4px rgba(0,0,0, .2);
  -webkit-box-shadow: 1px 2px 4px rgba(0,0,0, .2);
  box-shadow: 1px 2px 4px rgba(0,0,0, .2);
}

}

/********** Cookie **************/

.cookie-wrapper {
	background: rgba( 0, 0, 0, 0.75 );
	box-shadow: 0 0 5px #aeaeae;
}

.cookie-content {
	background: #fff;
	box-shadow: 0 0 5px #acacac;
}

.cookie-list  .dismiss-cookies.cookie-button,
.dismiss-cookies.cookie-button,
.save-cookies.cookie-button,
.save-cookies-settings.cookie-button {
	background: #2766a1;
    color: #fff;
	font-weight: bold;
	height: 50px;
}

.cookie-content fieldset:nth-child(odd),
.cookie-list li:nth-child(odd) {
	background: #f2f2f2;
}

.cookie-content fieldset:nth-child(even),
.cookie-list li:nth-child(even) {
	background: #eaeaea;
}

.cookie-note {
	color: #999;
}

.dismiss-cookies {
	background: #ddd;
	color: #555;
}

.cookie-list-link {
    background: #fff;
    border: 1px solid #aaa;
	color: #aaa;
}

.cookie-list-link:hover {
    background: #2766a1;
    border: 1px solid #2766a1;
    color: #fff;
}

.cookie-list-link:before:hover {
	color: #fff;
}

.cookie-list {
	background: #fff;
} 

.cookie-list li li:nth-child(odd),
.cookie-list li li:nth-child(even) {
	background: transparent;
}

.cookie-icon-wrapper {
	background: #ddd;
}

/*****************************************************/
/**************** Switch Schalter *****************/
/*****************************************************/
.homepage-form .cookie-checkbox:checked + label .switch-background,
.cookie-group-switch .cookie-checkbox:checked + label .switch-background {
	background: #2766a1;
}