/*******************************************************
  hpk2 Farbschema Layout 5 grau streifen rot

  Icon colorimg 		url("../colorimg/
  ersetzen durch		url("../../../../templates/hpk2/css/colorimg/

  Streifen Layout 5		url("hg_bilder/
  ersetzen durch		url("../../../../templates/hpk2/css/layout5/hg_bilder/  
  
  Images Layout 5		url("images/
  ersetzen durch		url("../../../../templates/hpk2/css/layout5/images/        
*******************************************************/

body {
  color: #5c5c5c; 
  background-color: #af0102;
  background-image: url("hg_bilder/diagonale_streifen_rot_rot.jpg"); 
  background-position: center 100px;
}

#handymenue li {
  background-color: #444444;
}
#handymenue ul.handymenue2 li {
  background-color: #FFFFFF;
}
#handymenue ul.handymenue2 .navicon, #handymenue ul.handymenue2 a { 
  color: #555555; 
}
.navicon, #handymenue a, #handymenue a:hover  { 
  color: #FFFFFF; 
}
#handymenue ul.handymenue2 li a.aktiv ~ .touch-button i.navicon,
#handymenue ul.handymenue2 li a.aktiv {
	color: #af0102;
}


h1, 
h2, 
h3, 
h4, 
h5, 
h6, 
p.news_latest_title  {
  color: #5c5c5c;
}

a {
  color: #5c5c5c;
}

a:hover,
a:focus {
  color: #000000;
}

a.link-typ1,
a.link-typ2,
a.link-typ3,
p.detailsansehen  {
  background: url("../colorimg/typ4-color10.png") no-repeat scroll 0 3px 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:focus,
p.detailsansehen:hover {
  background: url("../colorimg/typ4-color12.png") no-repeat scroll 0 3px transparent;
}

#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: #B8B8B8;
}

#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: #5c5c5c;
  border-color: #5c5c5c;
}

#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: #212121;
  border-color: #212121;
}

.sprachauswahl a {
  color: white;
  background: #5c5c5c;
}

.cc_container .cc_btn,
.cc_container .cc_btn:visited {
  background-color:#af0102;
  color:#FFFFFF
}

.cc_container .cc_btn:hover,
.cc_container .cc_btn:active{
  background-color:#790001;
  color:#FFFFFF
}

a.cc_more_info {
  color:#af0102;
}


#innerer_umschlag {
  border-left: #c6c6c6; 
  border-right: #c6c6c6;
  background: url("images/header_verlauf.jpg") repeat-x top; 
  background-color: #FFFFFF;
  -webkit-box-shadow: 1px -10px 6px 4px #5b0101; /* webkit browser*/ 
  -moz-box-shadow: 1px -10px 6px 4px #5b0101; /* firefox */ 
  box-shadow: 1px -10px 6px 4px #5b0101;
}

#submenue_newsbox .news-latest-container,
#inhalt .box {
  border-color: #c1c1c1; 
  background-color: #ebebeb;
}

#headernavi #ebene1u5menu a {
  color: #FFFFFF;
}

#headernavi ul.ebene1u5menu2  {
  background: #444444;
  border-color: #FFFFFF;
}

#headernavi .ebene1u5menu2  a:hover,
#headernavi .ebene1u5menu2  a.active {
  background-color: #b5b5b5;
}

#headernavi #ebene1u5menu a.ebene1{ 
  background: #A0A0A0; /* Old browsers */
  background: -moz-linear-gradient(top,  #A0A0A0 40%, #444444 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,#A0A0A0), color-stop(100%,#444444)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #A0A0A0 40%,#444444 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #A0A0A0 40%,#444444 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #A0A0A0 40%,#444444 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #A0A0A0 40%,#444444 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#A0A0A0', endColorstr='#444444',GradientType=0 ); /* IE6-9 */
}

#headernavi #ebene1u5menu a.ebene1:hover {   
  background: #BFBFBF; /* Old browsers */
  background: -moz-linear-gradient(top,  #BFBFBF 40%, #5B5B5B 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,#BFBFBF), color-stop(100%,#5B5B5B)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #BFBFBF 40%,#5B5B5B 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #BFBFBF 40%,#5B5B5B 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #BFBFBF 40%,#5B5B5B 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #BFBFBF 40%,#5B5B5B 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#BFBFBF', endColorstr='#5B5B5B',GradientType=0 ); /* IE6-9 */
}

#headernavi #ebene1u5menu a.ebene1.active {   
  background: #BFBFBF; /* Old browsers */
  background: -moz-linear-gradient(top,  #BFBFBF 40%, #5B5B5B 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,#BFBFBF), color-stop(100%,#5B5B5B)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #BFBFBF 40%,#5B5B5B 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #BFBFBF 40%,#5B5B5B 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #BFBFBF 40%,#5B5B5B 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #BFBFBF 40%,#5B5B5B 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#BFBFBF', endColorstr='#5B5B5B',GradientType=0 ); /* IE6-9 */
}

#submenue_newsbox {
  background: url("images/nav_trennlinie.jpg") no-repeat right top;
}

#suche form,
#suche .suchetext_input {
  border-color: #eaeaea;
  background: #eaeaea;
  color: #5c5c5c;
}

#suche .suchetext_submit {
  background: url("../colorimg/lupe-thin-color10.png") no-repeat 0 1px scroll transparent;
}

#suche .suchetext_submit:hover {
  background: url("../colorimg/lupe-thin-color12.png") no-repeat 0 1px scroll transparent;
}

#slidershadow {  
  background-image: url("images/pic_shadow.png");
}

#inhalt .tx-hpkfe-pi-partner img {
  border-color: #c1c1c1; 
}

#inhalt .tx-hpkfe-pi-partner img:hover {
  border-color: #5c5c5c;
}

#navigationmobil a:hover,
#suchemobil a:hover {
  color: #5c5c5c;
}

#fussumschlag {
  color: #f5f5f5;
  background: -moz-linear-gradient(top, rgba(255,244,244,0.5) 2%, rgba(255,244,244,0.21) 58%, rgba(255,255,255,0) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,rgba(255,244,244,0.5)), color-stop(58%,rgba(255,244,244,0.21)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(255,244,244,0.5) 2%,rgba(255,244,244,0.21) 58%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(255,244,244,0.5) 2%,rgba(255,244,244,0.21) 58%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(255,244,244,0.5) 2%,rgba(255,244,244,0.21) 58%,rgba(255,255,255,0) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(255,244,244,0.5) 2%,rgba(255,244,244,0.21) 58%,rgba(255,255,255,0) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80fff4f4', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}

#fussumschlag #fussborderleft {
  background: -moz-linear-gradient(top,  rgba(198,198,198,0.85) 22%, rgba(195,195,195,0.85) 23%, rgba(0,0,0,0) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(22%,rgba(198,198,198,0.85)), color-stop(23%,rgba(195,195,195,0.85)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(198,198,198,0.85) 22%,rgba(195,195,195,0.85) 23%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(198,198,198,0.85) 22%,rgba(195,195,195,0.85) 23%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(198,198,198,0.85) 22%,rgba(195,195,195,0.85) 23%,rgba(0,0,0,0) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(198,198,198,0.85) 22%,rgba(195,195,195,0.85) 23%,rgba(0,0,0,0) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9c6c6c6', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}

#fussumschlag #fussborderright {
  background: -moz-linear-gradient(top,  rgba(198,198,198,0.85) 22%, rgba(195,195,195,0.85) 23%, rgba(0,0,0,0) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(22%,rgba(198,198,198,0.85)), color-stop(23%,rgba(195,195,195,0.85)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(198,198,198,0.85) 22%,rgba(195,195,195,0.85) 23%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(198,198,198,0.85) 22%,rgba(195,195,195,0.85) 23%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(198,198,198,0.85) 22%,rgba(195,195,195,0.85) 23%,rgba(0,0,0,0) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(198,198,198,0.85) 22%,rgba(195,195,195,0.85) 23%,rgba(0,0,0,0) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9c6c6c6', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}

#fussumschlag #fussinhalt .hpk_adr_tel2 a,
#fussumschlag ,
#fussumschlag a {
  color: #FFFFFF;
}

#fussumschlag a:hover {
  color: #212121;
}

#fussmenue li a {
  background: url("../colorimg/typ4-color0.png") no-repeat 0 1px scroll transparent;
}

#fussmenue li a:hover {
  background: url("../colorimg/typ4-color12.png") no-repeat 0 1px scroll transparent;
}

#seitenart-0 .news-latest-container {
  background-color: #FFFFFF;
}

@media only screen and (max-width: 640px) { 
body #inhalt .box.inhalt {
  background-color: #ebebeb;
}
}

/***************************************/
/*************** Slider ***************/
/*************************************/

#slider .flextitle {
  color: #FFFFFF; 
  background: #e2001a;
  background: none repeat scroll 0% 0% rgba(226, 0, 26, 0.8);
}

#slider .flexsubtitle {
  color: #3e3e3e; 
  background: #FFFFFF;
  background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.8);
}

/********** 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: #5c5c5c;
    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: #5c5c5c;
    border: 1px solid #5c5c5c;
    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: #5c5c5c;
}