/*******************************************************
  hpk2 Farbschema Layout 11 grau dunkelblau

  Icon colorimg 		url("../colorimg/
  ersetzen durch		url("../../../../templates/hpk2/css/colorimg/

  Images Layout 11		url("images/
  ersetzen durch		url("../../../../templates/hpk2/css/layout11/images/        
*******************************************************/

body #umschlag {
	background-color: #fff;
}

#handymenue li {
  background-color: #FFFFFF;
}
.navicon, #handymenue a { 
	color: #555555; 
}

#handymenue a:hover {
	color: #1c4173;
}

#handymenue ul.handymenue li a.aktiv ~ .touch-button i.navicon,
#handymenue ul.handymenue li a.aktiv {
	color: #1c4173;
}

a {
  color: #1c4173;
}

.hpk_adresse_kontakt .hpk_adr_mobil a,
.hpk_adresse_kontakt .hpk_adr_tel a {
  color: #555555;
  text-decoration: none;
}

a:focus,
a:hover {
  color: #555555;
}

a.link-typ1,
a.link-typ2,
a.link-typ3,
p.detailsansehen a  {
  background: url("../colorimg/typ3-color4.png") no-repeat scroll 0px 6px transparent;
}

a.link-typ1:focus,
a.link-typ1:hover,
a.link-typ2:focus,
a.link-typ2:hover,
a.link-typ3:focus,
a.link-typ3:hover,
p.detailsansehen a:focus,
p.detailsansehen a:hover {
  background: url("../colorimg/typ3-color10.png") no-repeat scroll 0px 6px transparent;
}

h1#titelueberschrift {
	color: #1c4173;
}

/**********************************************/
/*********** Border **************************/
/********************************************/

#umschlag #inhalt,
#umschlag #hauptinhalt li,
#umschlag #hauptmenue_div li,
#umschlag li,
#fussinhalt,
#umschlag hr,
#umschlag div.news-latest-container,
#umschlag span.news_title,
#umschlag div.news-list-item,
#umschlag span.news_latest_title,
#umschlag div.news-list-content,
#umschlag #inhalt .box,
#suchemobil .boxsuche_input,
#inhalt input,
#inhalt textarea,
#inhalt select,
#inhalt .tx-hpkfe-pi-partner img {
  border-color: #d8d8df;
}

#inhalt .tx-hpkfe-pi-partner img:hover {
  border-color: #1c4173;
}

#inhalt input:hover,
#inhalt textarea:hover,
#inhalt select:hover {
  border-color: #555555;
}

#inhalt .csc-frame.box,
.csc-frame.layout-0 .tx-emasters-lib-uni-pi-video {
	background: #f2f2f2;
}

#inhalt .csc-frame.box.layout-0 {
	background: none;
}

body #umschlag #inhalt .IM.box.layout-30 {
	background: #1c4173;
}

#logo2, 
#drucken, 
#suche {
	background: #f2f2f2;
}

#logo_menu {
	background: #FFFFFF;
	box-shadow: -3px -2px 5px rgba(175, 175, 255, 0.2), 3px -2px 5px rgba(175, 175, 175, 0.2);
}

#inhalt .box,
#inhalt .IM.box.ID-3.inhalt,
#inhalt .IM.box.ID-4.inhalt,
#umschlag div.news-latest-container {
  background-color: #f2f2f2;
}

#inhalt .box.inhalt,
#inhalt .IM.box.ID-3.spalte,
#inhalt .IM.box.ID-4.spalte {
	background: none;
}

#suche .suchetext_input {
	background: #f2f2f2;
	color: #555;
}

#suche .suchetext_input:focus {
	color: #000;
}

#suche .suchetext_submit {
  background-image: url("../colorimg/lupe-color12.png");
}

#suche .suchetext_submit:hover {
  background-image: url("../colorimg/lupe-color4.png");
}

#drucken {
    color: #555;
}

#drucken a {
  color: #555;
  background-image: url("../colorimg/drucken_color12.gif");
}

#drucken a:hover { 
  color: #1c4173; 
  background-image: url("../colorimg/drucken_color4.gif");
}

#logo_menu li.ebene1, 
#kopfmenue_div li  {
  border-color: #e9e9e9;
}

#logo_menu ul.zentalmenu2 {
  color: #e9e9e9;
}

#logo_menu .hauptmenue a,
#logo_menu #kopfmenue_div a {
  color: #555555;
}

#logo_menu .hauptmenue a:hover,
#logo_menu #kopfmenue_div  a:hover,
#logo_menu a.aktiv {
  color: #1c4173;
}

body#seitenart-0 div.news-latest-container, 
body#seitenart-2 div.news-latest-container {
	background: #f2f2f2;
}

#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: #1c4173;
  border-color: #1c4173;
}

#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;
} 

.sprachauswahl a {  
  background: #1c4173;
  color: white;
}

.cc_container .cc_btn,
.cc_container .cc_btn:visited {
  background-color:#1c4173;
  color:#FFFFFF
}

.cc_container .cc_btn:hover,
.cc_container .cc_btn:active{
  background-color:#102745;
  color:#FFFFFF
}

#fussumschlag {
	background: #333;
	box-shadow: 0 2px 10px rgba(30, 30, 30, 0.2), 3px 0 15px rgba(30, 30, 30, 0.2);
}

#fussumschlag #fussinhalt div.tx-hpkfe-pi-adresse {
	color: #fff;
}

#socialshareprivacy {
	background-color: #333;
}

#socialshareprivacy .social_share_privacy_area {
	margin: 0 !important;
}

#fussumschlag #fussinhalt a {
  color: #FFFFFF;
}

#fussumschlag #fussinhalt a:hover {
  color: #1c4173;
}

#fussumschlag div.tx-hpkfe-pi-adresse a {
  color: #555555;
}

#fussumschlag div.tx-hpkfe-pi-adresse a:hover {
  color: #1c4173;
}

#fussumschlag .tx-hpkfe-pi-adresse {
  background: url("../colorimg/hgrau_vert.png") bottom repeat-x; 
  background-color: #FFFFFF;
}

#fussmenue li {
  background: url("../colorimg/fusspfeil-color0.png") 0 2px no-repeat;
}

#fussmenue li:hover {
  background: url("../colorimg/fusspfeil-color12.png") 0 2px no-repeat;
}

@media all and (max-width: 640px) {

	body #navigationmobil a:hover,
	body #suchemobil a:hover {
	  color: #1c4173;
	}

	body #inhalt .box.inhalt {
	  background-color: #FFFFFF;
	}

	body #fussumschlag #fussinhalt div.tx-hpkfe-pi-adresse a {
	  color: #FFFFFF;
	}

	body #fussumschlag #fussinhalt div.tx-hpkfe-pi-adresse a:hover {
	  color: #000000;
	}

	body #fussumschlag .hauptmenue ul.zentralmenue li.ebene1 a,
	body #fussumschlag .hauptmenue ul.zentralmenue li a{
	  border-color: #FFFFFF;
	}

}

/**********************************************/
/******************* Formulare *******************/
/********************************************/

#inhalt button, 
#inhalt input, 
#inhalt select, 
#inhalt textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0 0 0.75em 0;
    border: 0;
    background: #ececec;
    box-shadow: none;
}

/**********************************************/
/*************** Anfahrt *****************/
/********************************************/

@media all and (min-width: 1300px) { 
	.tx-hpkfe-pi-gmap .hpk_con_form {
		background: #f2f2f2;
	}
}

table tr:nth-child(even) {
	background: #f2f2f2;
}

/**********************************************/
/******************* Suche *******************/
/********************************************/

.tx-indexedsearch-res {
	background: #fff;
}

.tx-indexedsearch-res:nth-child(even) {
    background: #f2f2f2;
}

/***************************************************/
/******************* Slider ***********************/
/*************************************************/

body #slider {
	border-bottom: 30px solid #1c4173;
}

#slider .flextitle,
.flex-caption h3 {
	background: #1c4173;
	color: #fff;
}

#slider .flexsubtitle,
.flex-caption div {
	background: rgba( 255, 255, 255, 0.8);
}

.flex-control-nav li a {
	background: #fff;
}

.flex-control-nav li a.active {
	background: #d51130;
}

/***************************************************/
/******************* Partner **********************/
/*************************************************/

.partner img:after {
	background-color:#f00;
}

/***************************************************/
/********************* News ***********************/
/*************************************************/

#inhalt div.news-list-container {
	background: #fff;
}

div.news-list-item {
    background: #f2f2f2;
}

div.newsdatum,
.news-single-rightbox {
	color: #555;
}

/********** 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: #1c4173;
    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: #1c4173;
    border: 1px solid #1c4173;
    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: #1c4173;
}

/*****************************************************/
/**************** Mitarbeitersuche *******************/
/*****************************************************/

.ms_el_1 {
	width: 100%;
}

.ms_el_2 .csc-header,
.ms_el_2 .bodytextcontent {
	width: 100%;
}