/*******************************************************
  hpk2 Farbschema Layout 5 blau streifen blau 

  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: #2766a1;
  background-image: url("hg_bilder/diagonale_streifen_blau_blau.jpg"); 
  background-position: center 100px;
}

#handymenue li {
  background-color: #51a2ec;
}
#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;
}

a {
  color: #2766a1;
}

a:hover,
a:focus {
  color: #555555;
}

.hpk_adresse_kontakt .hpk_adr_mobil a,
.hpk_adresse_kontakt .hpk_adr_tel a {
  color: #555555;
  text-decoration: none;
}

a.link-typ1,
a.link-typ2,
a.link-typ3,
p.detailsansehen {
  background: url("../colorimg/typ4-color4.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-color10.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: #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;
  border-color: #555555;
}

.sprachauswahl a {
  color: white;
  background: #5c5c5c;
}

.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:#194269;
  color:#FFFFFF
}

a.cc_more_info {
  color:#2766a1;
}

#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 #15538c;
  -moz-box-shadow: 1px -10px 6px 4px #15538c;
  box-shadow: 1px -10px 6px 4px #15538c;
}

#submenue_newsbox .news-latest-container,
#inhalt .box {
  border-color: #c1c1c1; 
  background-color: #ebebeb;
}

#headernavi #ebene1u5menu a {
  color: #FFFFFF;
}

#headernavi ul.ebene1u5menu2  {
  background: #428fd6;
  border-color: #FFFFFF;
}

#headernavi .ebene1u5menu2  a:hover,
#headernavi .ebene1u5menu2  a.active {
  background-color: #13487b;
}

#headernavi #ebene1u5menu a.ebene1{ 
  background: #428fd6;
  background: -moz-linear-gradient(top,  #428fd6 40%, #29659d 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,#428fd6), color-stop(100%,#29659d));
  background: -webkit-linear-gradient(top,  #428fd6 40%,#29659d 100%);
  background: -o-linear-gradient(top,  #428fd6 40%,#29659d 100%);
  background: -ms-linear-gradient(top,  #428fd6 40%,#29659d 100%);
  background: linear-gradient(to bottom,  #428fd6 40%,#29659d 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#428fd6', endColorstr='#29659d',GradientType=0 );
}

#headernavi #ebene1u5menu a.ebene1:hover {   
  background: #51a2ec;
  background: -moz-linear-gradient(top,  #51a2ec 40%, #3381ca 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,#51a2ec), color-stop(100%,#3381ca));
  background: -webkit-linear-gradient(top,  #51a2ec 40%,#3381ca 100%);
  background: -o-linear-gradient(top,  #51a2ec 40%,#3381ca 100%);
  background: -ms-linear-gradient(top,  #51a2ec 40%,#3381ca 100%);
  background: linear-gradient(to bottom,  #51a2ec 40%,#3381ca 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#51a2ec', endColorstr='#3381ca',GradientType=0 );
}

#headernavi #ebene1u5menu a.ebene1.active {   
  background: #51a2ec;
  background: -moz-linear-gradient(top,  #51a2ec 40%, #3381ca 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,#51a2ec), color-stop(100%,#3381ca));
  background: -webkit-linear-gradient(top,  #51a2ec 40%,#3381ca 100%);
  background: -o-linear-gradient(top,  #51a2ec 40%,#3381ca 100%);
  background: -ms-linear-gradient(top,  #51a2ec 40%,#3381ca 100%);
  background: linear-gradient(to bottom,  #51a2ec 40%,#3381ca 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#51a2ec', endColorstr='#3381ca',GradientType=0 );
}

#submenue_newsbox {
  background: url("images/nav_trennlinie.jpg") no-repeat right top;
}

#suche form,
#suche .suchetext_input {
  border-color: #eaeaea;
  background: #eaeaea;
  color: #2766a1;
}

#suche .suchetext_submit {
  background: url("../colorimg/lupe-thin-color4.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: #2766a1;
}

#navigationmobil a:hover,
#suchemobil a:hover {
  color: #2766a1;
}

#fussumschlag {
  color: #0a3660;
  background: -moz-linear-gradient(top,  rgba(255,255,255,0.7) 7%, rgba(255,255,255,0.68) 10%, rgba(255,255,255,0) 97%, rgba(255,255,255,0) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(7%,rgba(255,255,255,0.7)), color-stop(10%,rgba(255,255,255,0.68)), color-stop(97%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(255,255,255,0.7) 7%,rgba(255,255,255,0.68) 10%,rgba(255,255,255,0) 97%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(255,255,255,0.7) 7%,rgba(255,255,255,0.68) 10%,rgba(255,255,255,0) 97%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(255,255,255,0.7) 7%,rgba(255,255,255,0.68) 10%,rgba(255,255,255,0) 97%,rgba(255,255,255,0) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(255,255,255,0.7) 7%,rgba(255,255,255,0.68) 10%,rgba(255,255,255,0) 97%,rgba(255,255,255,0) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3ffffff', 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 ,
#fussumschlag a {
  color: #3d3d3d;
}

#fussumschlag a:hover {
  color: #2766a1;
}

#fussmenue li a {
  background: url("../colorimg/typ4-color10.png") no-repeat 0 1px scroll transparent;
}

#fussmenue li a:hover {
  background: url("../colorimg/typ4-color4.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;
}
}

/***************************************/
/*************** Cookie ****************/
/*************************************/

.cc-banner {
	background: #fff;
	box-shadow: 0 0 10px #aeaeae;
}

.cc-btn {
	background: #2766a1;
	border-radius: 8px;
	color: #fff;
}

a.cc-btn:hover {
	color: #fff;
    background: #555555;
}
