/* PIEWeb.de CSS Redesign 2023 */
/* (c) 2007-2023 KI Kunststoff Information GmbH, Bad Homburg, Germany */



/* Hauptbereiche */

#header {
	height: 120px;
	background-color:#00248F;
	min-width:1000px;
	display: none;
}
#headermain, #main, #header2023, .headerfootergrenze {
	width: 1170px;
	padding: 0px 15px;
}
#headermain {
	background-color: #00248F;
	height: 100px;
}

#footer {
	clear:both;
	background-color:#00248F;
	min-width:1000px;
}
#footermain {
	padding: 30px 0px 50px 0px ;
	text-align: center;
	font-size: 16px;
	font-family: poppins-regular, arial, helvetica, sans-serif;
	line-height: 24px;
	color: #FFFFFF;
}

/* Box-Elemente allgemein */

.boxGELBheadline, .boxGRAUheadline, .staticboxheadline, .ct1 {
    font-size: 16px;
    /*padding: 10px 20px 10px 20px !important;*/
	padding: 5px 20px 5px 20px !important;
    border-radius: 5px 5px 0px 0px;
    font-family: poppins-semibold, arial, helvetica, sans-serif;
	background-color: #00248F;
	color: #FFFFFF;
}
.boxGRAUheadline a {background-color: transparent !important; color: #FFFFFF !important;}

#mobil-agent {background-color:#FFF; margin: 30px 0px 10px 20px; padding: 0px;}
.mobilcheck-link1, .mobilcheck-link2 {
	float: left;
	display: block;
	width: 760px;
	height: 85px;
	padding-top: 35px;
	text-align: center;
	background-color: #00248F;
	color: #000;
	font-family: poppins-semibold, arial, helvetica, sans-serif;
	font-size: 38px;
}
.mobilcheck-link1 {margin: 10px 0px 40px 0px;}
a:hover.mobilcheck-link1, a:hover.mobilcheck-link2 {background-color: #B30000; color: #FFF;}

/* Textelemente speziell */

select.Menue{
	background-color:#F8F7FF;
	z-index: 5;
	margin-bottom: 10px;
	width: 400px;
}
#rechtschartform option.Menue0 {
	color:#FFFFFF !important;
	background-color:#00248F;
	z-index: 5;
}

option.Menue1{
	color:#FFFFFF;
	background-color:#EEEEEE;
	z-index: 5;
}

a.btn-primary-2023, input.btn-primary-2023, button.btn-primary-2023, input.vt_button, p.btn-primary-2023-wrapper input,
a.btn-primary-white-2023, input.btn-primary-white-2023, button.btn-primary-white-2023, p.btn-primary-2023-white-wrapper input
{
	font-family: poppins-semibold, helvetica, sans-serif;
	font-weight: normal;
	font-size: 14px !important;
	color: #FFFFFF;
	background-color: #00248F;
	padding: 10px 30px;
	border: solid #00248F 2px;
	box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
	border-radius: 5px;
	transition : 0ms;
	transform: translateY(0);
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	text-decoration: none !important;
}
a.btn-suche-2023, input.btn-suche-2023, button.btn-suche-2023 {
	float: right;	
}
a.btn-primary-2023:hover, input.btn-primary-2023:hover, button.btn-primary-2023:hover, input.vt_button:hover,  p.btn-primary-2023-wrapper input:hover,
a.btn-primary-white-2023:hover, input.btn-primary-white-2023:hover, button.btn-primary-white-2023:hover, p.btn-primary-2023-white-wrapper input:hover 
{ 
	transition : 0ms;
	padding: 10px 30px;
	transform : translateY(-0px);
	background-color: #BFCFFF; 
	color: #FFFFFF;
	border: solid 2px #BFCFFF;						 
}
a.btn-primary-white-2023, input.btn-primary-white-2023, button.btn-primary-white-2023, p.btn-primary-2023-white-wrapper input 
{
	background-color: #FFFFFF;
	color: #696a6e;
	border: solid #FFFFFF 2px;
}

.btn-login-2023, a.btn-login-2023 {
	font-family: poppins-semibold, helvetica, sans-serif;
	font-weight: normal;
	font-size: 14px;
	color: #FFFFFF;
	background-color: #00248F;
	padding: 5px 30px;
	border: solid #00248F 2px;
	box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
	border-radius: 5px;
	transition : 0ms;
	transform: translateY(0);
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	text-decoration: none !important;
	margin-bottom: 5px;
}

.btn-login-2023:hover, a.btn-login-2023:hover{
	transition : 0ms;
	transform : translateY(-0px);
	background-color: #BFCFFF;
	color: #FFFFFF;
	border: solid 2px #BFCFFF;
}

.btn-login-2023:focus, a.btn-login-2023:focus,
a.btn-primary-2023:focus, input.btn-primary-2023:focus, button.btn-primary-2023:focus, input.vt_button:focus,  p.btn-primary-2023-wrapper input:focus
{
    border-color: #696a6e !important;
}
a.btn-primary-white-2023:focus, input.btn-primary-white-2023:focus, button.btn-primary-white-2023:focus, p.btn-primary-2023-white-wrapper input:focus 
{
    border-color: #696a6e !important;
}
.hover,
a:hover.buttonrahmen, 
input:hover.LoginButton, 
input:hover.buttonrahmen {
	background-color:#BFCFFF !important;
	cursor: pointer;
	text-decoration: none;
}

/* PP Detailseite */
.pp-detail-tabelle thead td {font-weight: bold;background-color: #00248F; color:#FFF;}
.pp-detail-tabelle td.zwischentitel {font-weight: bold;	background-color: #00248F; color: #FFF;}
.spotpreis-links  ul {list-style:none;list-style-image:url(/img/link_icon_blau.gif);}
#pp-spot-auswahl li a:hover {background-color: #00248F;color: #FFF;}
.tab-menu2 li a { 
	width:200px;
	background: #999AA1;
	padding: 2px ; 
	border:1px solid #999AA1;
	float:left; 
	text-decoration: none; 
	color: #FFF; 
	font-weight: bold; 
	margin-left: 0px;
	margin-right:30px;
	height: 15px;
}
.tab-menu2 li.active a {background-color: #00248F; color:#FFF; border-color: #00248F;}
a.tabmenuli2:hover {background-color: #00248F ; color:#FFF; border-color: #00248F;}
.zebratitel { background-color: #8BA8FE; border-bottom:1px solid #696A6D; font-weight:bold; font-size:1.1em}
.zebratable { background-color: #8BA8FE;}
.zebrakopf { background-color: #BFCFFF;}
.zebrazeile { background-color:#F9F9F9;}

/* Verlinkungen */

#headersubnav li a, .loginbox a, .staticboxfooter a, .boxGRAUfooter a, .norightsbox a, .icongrau, .icongelb, .icongelb2, .startseite, .userarchivbox a, #artikel a.link_page {
	padding: 0px 10px 0px 15px;
	background-image:url(/img/link_icon_hellblau.gif);
	background-repeat: no-repeat;
	background-position: 0px 7px;
	background-color: transparent;
}

#footermain a {margin: 0px 10px; color: #FFFFFF}

.staticboxfooter a, .boxGRAUfooter a, .icongelb, .icongelb2, .startseite, #artikel a.link_page {
	background-image:url(/img/link_icon_grau.gif);
}

.loginbox a:hover {
	background-color: #ecebf3;
}

/* Tabellen / Listen */

ul.liste-gelb li, ul.liste-gelb2 li, div.liste-gelb li {
	list-style-image:url(/img/link_icon_hellblau.gif);
}


/* Datencharts und Tabellen */

table#preis-ueberblick th {
	background-color: #00248F;
	font-weight:bold;
	text-align:left;
}


/* Navigation Pull-Down */

.navi-neu2023 > li > a {
	float: right;
	text-align:center;
	color: #000;
	font-size: 16px;
	font-family: poppins-regular, arial, helvetica, sans-serif;
	text-decoration: none;
	padding: 10px 11px 20px 11px;
	margin-right: 0px;
	border-top: 1px solid #FFFFFF;
	border-bottom-width: 0px;
	border-radius: 15px 15px 0px 0px;
}
.navi-neu2023 > li:hover > a {
	border: 1px solid #c1c5d0;
	border-bottom-width: 0px;
	background-color: #FFFFFF;
	z-index: 11;
	position: relative;
	padding: 10px 10px 10px 10px;
}
.navi-neu2023 > li#navi-suche:hover > a {
	border-width: 0px;
	padding: 8px 11px 22px 11px;
	-ms-transform: scale(115%); /* IE 9 */
	-webkit-transform: scale(115%); /* Safari 3-8 */
	transform: scale(115%); 
	transition: transform .5s ease;
}
.navi-neu2023 > li > div a:hover , .navi-neu2023 > li > div a:hover.nav-h3, .nav-active-page { 
	background-color: #ecebf3 !important;
}
/* Container */
.navi-neu2023 .container-1, .navi-neu2023 .container-2, .navi-neu2023 .container-3, .navi-neu2023 .container-4 { }
.navi-neu2023 .container-1 { 
	width: 500px; 
	margin-left: -196px;
	border-radius: 15px 15px 15px 0px !important;
}
.navi-neu2023 .container-2 { width: 550px; }
.navi-neu2023 .container-3 { 
	width: 500px;
	margin-left: -40px;
	border-radius: 15px 15px 15px 0px !important;
}
.navi-neu2023 .container-4 { 
	width: 250px; 
	margin-left: -38px;
	border-radius: 15px 15px 15px 0px !important;
}
.navi-neu2023 .container-5 { 
	width: 500px; 
	margin-left: -381px;
	border-radius: 15px 15px 15px 0px !important;
}

/* K&T */
.kt-list-type {
	background-image:url(/_g_img/icon/link_icon_blau_12x12.gif);
	background-repeat:no-repeat;
	background-position: 0px 3px;
	padding-left: 15px;
	color: #47484b;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 14px;
	margin-bottom: 5px;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
	background: transparent !important;
	background-color: #00248F !important;
	border-width: 0px !important;
	color: #FFF !important;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited
{
	color: #FFF !important;
}