@import url("/SIMarktdatenShop/css/myfaces.css");

@import url("/SIMarktdatenShop/css/sprengnetter.css");

* {
	box-sizing: inherit;
}

/* osm-karte */
div#map {
	width: 700px;
	height: 490px;
	margin: 0 auto 10px auto;
}

.addressPanel {
	clear: both;
	width:700px;
	margin: 0 auto;
	margin-bottom: 10px;
}
/*
 * Reset browser specific definitions and define universalities
 */
html,body,div,p,h1,h2,h3,span,a,table,th,td,form,img,hr,input,textarea,select
	{
	margin: 0;
	padding: 0;
	font-family: "Eina01-Regular", "Helvetica", sans-serif;
	vertical-align: top;
	color: #000000;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
}


body.preload *{
    animation-duration: 0s !important;
    -webkit-animation-duration: 0s !important;
    transition:background-color 0s, opacity 0s, color 0s, width 0s, height 0s, padding 0s, margin 0s !important;}

.info_frage_link span {
	color: #005CA9;
}
h1,h2,h3{
	color: #005CA9;
}

input,textarea,select, label {
	font-size: 14px;
}
input[type="text"], input[type="password"]{
	height: 28px !important;
	font-size: 14px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	border-width: 1px;
	border-color: #CCCCCC !important;
	border-style: solid ;
	padding: 0 10px !important;
	box-sizing: border-box !important;
}
input[type="checkbox"]{
	height: 20px;
	width: 18px;
/*	margin-top: 1px;
	margin-right: 3px;*/
}
.checkbox_row input[type="checkbox"]{
	height: 20px !important;
}
input[type="radio"]{
	width: 20px;
	height: 13px;
}
textarea {
	border-color: #CCCCCC !important;
}
.checkbox input[type="checkbox"], .attrPosition input[type="radio"] {
	opacity: 0;
}

.checkbox label, .attrPosition label {
	position: relative;
	display: inline-block;
}

.checkbox label::before,
.checkbox label::after, .attrPosition label::before, .attrPosition label::after {
	position: absolute;
	content: "";

	/*Needed for the line-height to take effect*/
	display: inline-block;
}

/*Outer box of the fake checkbox*/
.checkbox label::before{
	height: 16px;
	width: 16px;
	margin-top: -2px;
	margin-right: 0;

	border: 1px solid #7d7d7d;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	left: -23px;

	/*(24px line-height - 16px height of fake checkbox) / 2 - 1px for the border
     *to vertically center it.
     */
	top: 3px;
}
.attrPosition label::before {
	height: 13px;
	width: 13px;
	border: 1px solid #7d7d7d;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-khtml-border-radius: 7px;
	border-radius: 7px;
	left: -19px;
	top: 2px;
}

/*Checkmark of the fake checkbox*/
.checkbox label::after {
	height: 5px;
	width: 9px;
	border-left: 2px solid;
	border-bottom: 2px solid;

	transform: rotate(-45deg);

	left: -19px;
	top: 5px;
}
.attrPosition label::after {
	height: 0px;
	width: 0px;
	border: 4px solid #005ca9;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-khtml-border-radius: 7px;
	border-radius: 7px;
	left: -15px;
	top: 6px;
}

/*Hide the checkmark by default*/
.checkbox input[type="checkbox"] + label::after, .attrPosition input[type="radio"] + label::after{
	content: none;
}

/*Unhide on the checked state*/
.checkbox input[type="checkbox"]:checked + label::after, .attrPosition input[type="radio"]:checked + label::after {
	color: black;
	content: "";
}
.attrPosition input[type="radio"]:checked + label::before{
	border-color: #005ca9;
}
.checkbox input[type="checkbox"]:focus + label::before, .checkbox input[type="checkbox"]:hover + label::before{
	-webkit-box-shadow: 0 0 3px #005ca9, inset 0 2px 2px #8f8f8f;
	box-shadow: 0 0 3px #005ca9, inset 0 2px 2px #8f8f8f;
}
.attrPosition input[type="radio"]:hover + label::before, .attrPosition input[type="radio"]:focus + label::before{
	/*border-color: #005ca9;*/
	-webkit-box-shadow: 0 0 3px #005ca9, inset 0 2px 2px #8f8f8f;
	box-shadow: 0 0 3px #005ca9, inset 0 2px 2px #8f8f8f;
  }
.checkbox_ohne_label label::before{
	margin-top: -18px;
}
.checkbox_ohne_label label::after{
	margin-top: -16px;
}
.checkbox input[type="checkbox"]:disabled + label::before {
	background-color: #E4E4E4;
	color: #cccccc;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.checkbox input[type="checkbox"]:disabled + label::after {
	color: #7d7d7d;
}
.login_input_text, .login_input_password {
	width: 100%;
	background-color: white !important;
}
/*
 * Bilder immer ohne Rahmen!
 */
img {
	border: 0px;
}

/*
 * Standard Style des Web-Shops für Adressbezogene Daten.
 */
body {
	text-align: center; /* for IE */
	background-position: center 0;
	background-repeat: repeat-y;
	background-color: #FFFFFF;
}
body.preload_makler {
	background-image: url(../images/BG_03.jpg);
	background-size: contain;
}

/*
 * Dieser Container wird benötigt, damit alles mittig angezeigt wird.
 */
div#containerMiddel {
	text-align: left;
	width: auto;
	margin: 61px auto 0px auto;
	max-width: 1188px;
}

/*
 * Container für die Kopfzeile.
 */
div#header {
	clear: both;
	top:0;
	margin-bottom: 20px;
	text-align: center;
	position: fixed;
	width: 100%;
	z-index: 2000;
}

div#header.scrollDown{
	top: -108px;
}

/*
 * Container für die linkte Seite (neben dem Hauptinhalt).
 * TODO:topcontainer für Breadcrumbs(umbenennen)
 */
div#topContainter {
	width: 100%;
	height: 100%;
	min-height: 100px;
	height: auto !important; /* für moderne Browser */
	height: 100px; /*für den IE */
}

/*
 * Container für den Hauptinhalt der Seite.
 */
div#center {
	margin-left: 0;
	padding-left: 0;
	background: none; /*white red */
    width: 100%;
	margin-bottom: 100px;
}

/*
 * Container für die rechte Seite (neben dem Hauptinhalt).
 * TODO: nach links legen, in Seiten umbenennen
 */
/*div#left {

	width: 100%;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	background-color: white;
	min-height: 500px;
	float:left;
}

div#bottom_center {
	width: 100%;
	float: left;
	text-align: center;
}

div#bottom_center .box_yellow_headline{
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	border-bottom: 1px solid #005CA9;
	margin-bottom: 20px;
} */
/*
 * Container für die Fußzeile.
 */
div#footer {
	clear: both;
	background-color: white;
}

/*
 * Text Style für die Texte im Footer und Header.
 */
.text_footer,.text_header_button,.text_header_button_login,.text_header_button_right, .text_header_button_login_double {
	color: white;
	margin-left: 15px;
	margin-right: 15px;
	padding-top: 6px;
	font-size: 18px;
	text-align: left;
	vertical-align: middle;
	text-decoration: none;
	height: auto;
}

.text_footer_big, .text_footer_small{
	max-width: 1188px;
	margin-left: auto;
	margin-right: auto;
}
.text_footer_small{
	display: none;
}

.media_footer {
	color: white;
	border-top: 1px solid white;
	max-width: 1188px;
	margin: 50px auto 0px auto;
	padding-top: 50px;
}

.media_footer a:hover {
	/*background-color: #004e90;*/
	color:#005ca9;
	background-color: white;
}

.media_footer .link_footer_fb {
	padding: 10px;
	background-image: url(../images/icons/fb.svg);
	z-index: 1;
}
.media_footer .link_footer_tw {
	margin-left: 20px;
	padding: 10px;
	background-image: url(../images/icons/twitter.svg);
	z-index: 1;
}
.media_footer .link_footer_xi {
	margin-left: 20px;
	padding: 10px;
	background-image: url(../images/icons/xing.svg);
	z-index: 1;
}
.media_footer .link_footer_yt {
	margin-left: 20px;
	padding: 10px;
	background-image: url(../images/icons/yt.svg);
	z-index: 1;
}.media_footer .link_footer_fb:hover {
	 padding: 10px;
	 background-image: url(../images/icons/fb_blue.svg);
	 z-index: 1;
 }
.media_footer .link_footer_tw:hover {
	margin-left: 20px;
	padding: 10px;
	background-image: url(../images/icons/twitter_blue.svg);
	z-index: 1;
}
.media_footer .link_footer_xi:hover {
	margin-left: 20px;
	padding: 10px;
	background-image: url(../images/icons/xing_blue.svg);
	z-index: 1;
}
.media_footer .link_footer_yt:hover {
	margin-left: 20px;
	padding: 10px;
	background-image: url(../images/icons/yt_blue.svg);
	z-index: 1;
}



.text_header_button_login_double, .text_header_button, .text_header_button_login {
	vertical-align: bottom;
	padding-top: 0;
	margin-left: 0;
	margin-right: 0;
	padding-left: 35px;
	padding-right: 36px;
	padding-bottom: 11px;
	display: inline-block;
	margin-bottom: 11px
}
.text_header_button_login_double:hover, .text_header_button:hover, .text_header_button_login:hover{
	/*border-bottom: 8px solid #b2cee5;
	padding-bottom: 13px;
	margin-bottom: 1px;*/
}

.text_header_button_login_double:active, .text_header_button:active, .text_header_button_login:active{
	/*border-bottom: 8px solid white;*/
}
.text_header_button_login_double {
	padding-left: 25px;
	padding-right: 26px;
}

/*
 * Linie von links nach rechts... 
 */
.line {
	clear: both;
	font-size: 11px;
	background-color: #CCCCFF;
	border-top: 1px solid #474b56;
	border-bottom: 1px solid #474b56;
	padding: 15px 15px;
}

/*
 * Bild von michel dev.
 */
#visual {
	float: left;
}

.contact {
	border-top: 1px solid white;
}

/******************************************************
 * GroubBox um die Auflistung der Produkte (serviceausblick.xhtml)
 *
 * groubbox_mein_konto wird bei den Verwaltungsseiten unter 
 * "Mein Konto" verwendet.
 ******************************************************/
.groubbox, .groubbox_mein_konto {
	margin-top: 8px;
	margin-bottom: 30px;
	border: none;
	padding: 5px 0;
	color: black;
	font-size: 16px;
	width: 100%;
	box-sizing: border-box;
}
.groubbox{
	border: 1px solid #005CA9;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}
.groubbox_mein_konto {
	width: 100%;
}

/*******************************************************
 *
 *******************************************************/
div#right table {
	font-size: 11px;
}

/*******************************************************
 * Mein Konto styles
 ******************************************************/
.mein_konto_box {
	padding-top: 5px;
}

.mein_konto_box a {
	/*color: #deb600; */
	color: #005CA9;
}

/*******************************************************
 * Styles für die unterschiedlichen Tabellen Spalten bei der direkt Kasse.
 *******************************************************/
.direkt_kasse_tablecolum_waehrung {
	width: 30px;
	/*border-right: 1px #555555 solid;*/
	border: none;
	padding-left: 4px;
	text-align: left;
}

.direkt_kasse_tablecolum_preis {
	text-align: right;
}

.direkt_kasse_tablecolum_beschriftung {
	/*border-right: 1px #555555 solid; */
	border: none;
	text-align: left;	
}

/*******************************************************
 * Styles für die unterschiedlichen Button (speichern, abbrechen etc.)
 * Werden benötigt, da Standard-Buttons in den unterschiedlichen Browsern
 * und auf unterschiedlichen Betriebssystemen unterschiedlich angezeigt werden
 *******************************************************/
.btn_zurueck,body .ui-button.btn_weiter,.btn_weiter,.btn_speichern,.btn_new_register_mail,.btn_registration,.btn_abbrechen,.btn_password_change,.btn_hinzufuegen,
.btn_suchen,.btn_loeschen,.btn_adresse_suchen,.btn_marktdaten,.btn_login,body .ui-button.btn_gutschein,body .ui-button.btn_adresse_aendern, .btn_adresse_aendern,
.btn_direkt_kasse_extern_kaufen,
.btn_hochladen,.btn_paypal_checkout,.btn_geocoder,.btn_kontingent,.btn_dashboard_reverse,.btn_info, .btn_info_help,body .ui-button.btn_export,.btn_stripe,.nav_button,
#cookiedisclaimerCloser, #cookiedisclaimerOptOut
	{
	border: 0;
	padding: 5px;
	width: auto;
	height: auto;
	background:#005CA9 none;
	/*padding-left: 20px; */
	margin-right: 5px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	color: #FFFFFF;
	text-shadow: none;
	box-shadow: none;
	line-height: 1.4;
	display: block;
	font-size: 14px;
	padding: 4px 8px;
	cursor: pointer;
	outline:none;
}

.btn_dashboard_reverse{
	background-color: #e40521;
}
.btn_dashboard_reverse:hover{
	background-color: #005ca9;
}

body .ui-button.ui-button-text-only .ui-button-text {
	padding: 0;
}

.ui-button{
	margin:0 1px 1px 1px;
	padding: 0px 1px;
}
.btn_login, .btn_geocoder{
	padding: 10px;
}
.btn_geocoder{
	padding: 4px ;
}
.btn_kontingent{
	margin-bottom: 20px;
}
.btn_kontingent_wm{
	width: 120px;
	height:120px;
	font-size: 20px !important;
}
.btn_kontingent_angebot_img_left{
	width: 250px;
	display: inline;
	margin-top: -50px;
	margin-bottom: -30px;
	margin-right: -250px;
 }
.btn_kontingent_angebot_img_right{
	width: 250px;
	display: inline;
	margin-top: -50px;
	margin-right: 47px;
	position: absolute;
	right: 0px;
	left: auto;
	z-index: 1;
}
.btn_kontingent_angebot_img_left:hover, .btn_kontingent_angebot_img_right:hover{
	/*cursor: pointer;*/
}
.ui-button:hover, .btn_zurueck:hover,.btn_weiter:hover,.btn_speichern:hover,.btn_new_register_mail:hover,.btn_registration:hover,.btn_abbrechen:hover,#cookiedisclaimerCloser:hover, #cookiedisclaimerOptOut:hover,
.btn_password_change:hover,.btn_hinzufuegen:hover,.btn_suchen:hover,.btn_loeschen:hover,.btn_adresse_suchen:hover,.btn_marktdaten:hover,.btn_login:hover,.btn_export:hover,
.btn_gutschein:hover,.btn_adresse_aendern:hover,.btn_direkt_kasse_extern_kaufen:hover,.btn_hochladen:hover,.btn_geocoder:hover,.btn_kontingent:hover, li:hover > .btn_kontingent,
.btn_stripe:hover, body .ui-button.ui-state-hover
{
	background: #e40521 none;
}

.ui-button:active, .btn_zurueck:active,.btn_weiter:active,.btn_speichern:active,.btn_new_register_mail:active,.btn_registration:active,.btn_abbrechen:active,
.btn_password_change:active,.btn_hinzufuegen:active,.btn_suchen:active,.btn_loeschen:active,.btn_adresse_suchen:active,.btn_marktdaten:active,.btn_login:active,.btn_export:active
.btn_gutschein:active,.btn_adresse_aendern:active,.btn_direkt_kasse_extern_kaufen:active,.btn_hochladen:active,.btn_geocoder:active,.btn_kontingent:active, .btn_stripe:active,
body .ui-button.ui-state-active
{
	background: #b90012 none;
}
.ui-button:focus, .btn_zurueck:focus,.btn_weiter:focus,.btn_speichern:focus,.btn_new_register_mail:focus,.btn_registration:focus,.btn_abbrechen:focus,
.btn_password_change:focus,.btn_hinzufuegen:focus,.btn_suchen:focus,.btn_loeschen:focus,.btn_adresse_suchen:focus,.btn_marktdaten:focus,.btn_login:focus,.btn_export:focus
.btn_gutschein:focus,.btn_adresse_aendern:focus,.btn_direkt_kasse_extern_kaufen:focus,.btn_hochladen:focus,.btn_geocoder:focus,.btn_kontingent:focus, .btn_stripe:focus,
body  .ui-button.ui-state-focus
{
	outline: none;
	border:0;
}
.btn_paypal_checkout{
	background-image: url(/SIMarktdatenShop/images/buttons/checkout-logo-small-alt-de.png);
	background-size:cover;
	background-position: 0 0;
	width: 163px;
}
.btn_paypal_checkout:active{
	background-image: url(/SIMarktdatenShop/images/buttons/checkout-logo-small-alt-de.png);
	background-size:cover;
	background-position: 163px 0;
}
.btn_paypal_checkout:hover{}
.btn_paypal_checkout_spreng, .btn_paypal_checkout_spreng:active, .btn_paypal_checkout_spreng:hover{
	background-image: url(/SIMarktdatenShop/images/icons/paypal.svg);
	background-size:97px 24px;
	background-position: 95%;
	background-repeat: no-repeat;
	text-align: left;
	width: 158px;
	font-size: 10px;
	height: 27px;
}
.btn_stripe, .btn_stripe:hover, .btn_stripe:active{
	background-image: url(/SIMarktdatenShop/images/icons/credit_card_inv.svg);
	background-size: contain;
	background-position-x: 78% ;
	background-repeat: no-repeat;
	width: 88px;
	text-align: left;
	font-size: 10px;
	height: 55px;

}
.btn_stripe:hover{
	background-image: url(/SIMarktdatenShop/images/icons/credit_card_red.svg);
}
.btn_stripe:active{
	background-image: url(/SIMarktdatenShop/images/icons/credit_card_active.svg);
}
.pp_stripe_table{
	margin: 0 auto;
	width: 90%;
}
.pp_stripe_table td.pp_stripe_column {
	width:50%;
	padding: 0 0 25px 0;
	border: 1px solid #005ca9;
}
.pp_stripe_table tbody tr td.pp_stripe_column:first-child{
	border-right: none;
}
.pp_stripe_textbox{
	margin: 20px auto;
}
.pp_stripe_text{
	font-weight: bold;
}
.image_makler_aktion_dashboard_right{
	width: 100px;
	margin-left: 315px;
	margin-top: -80px;
}
.image_makler_aktion_dashboard_left{
	width: 100px;
	margin-left: 90px;
	margin-top: -80px;
}
.login_makler_angebot_right{
	width: 300px;
	margin-left: 565px;
	margin-top: -65px;
	margin-bottom: -165px;
}
.login_makler_angebot_left{
	width: 300px;
	margin-left: -100px;
	margin-top: -40px;
	margin-bottom: -165px;
}

.ui-button span{
	color: #FFFFFF;
	font-size: 14px;
	font-family: "Eina01-Regular", sans-serif;
	font-weight: normal;
}
.ui-button.btn_popup span{
	color: #FFFFFF;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	display: block;
	font-size: 14px;
	padding: 8px 12px 8px 12px;
}
body ui-button.ui-button-text-only .ui-button-text{
	padding: 4px 8px;
}

.ui-widget .btn_info, .btn_info
{
	border: 1px #005ca9 solid;
	padding: 0px 8px; !important;
	background: #ffffff none;
	margin-right: 5px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-bordder-radius: 4px;
	border-radius: 4px;
	color: #005ca9;
	text-shadow: none;
	box-shadow: none;
	font-size: 12px; !important;
	cursor: pointer;
	outline: none;
}

body .ui-button.ui-button-text-only.btn_info .ui-button-text
{
	padding: 0 0;
}


.btn_info span{
	color: #005ca9;
	background-image: linear-gradient(to right, #005ca9, #ffffff 60%, #005ca9);
	-webkit-background-clip: text;
	font-size: 11px;
	font-family: "Eina01-Regular", sans-serif;
	font-weight: normal;
}

body .ui-button.btn_info.ui-state-hover
{
	border: 1px #005ca9 solid;
	background: #005ca9;
	color: white;
}

body .ui-button.btn_info.ui-state-hover .ui-button-text {
	color: white;
}


body .ui-button.btn_info.ui-state-active
{
	border: 1px #005ca9 solid;
	background: #005ca9;
	color: white;
}


body .ui-button.btn_info.ui-state-focus
{
	border: 1px #005ca9 solid;
	background: #005ca9;
	outline: none;
	color: white;
}
body .ui-button.btn_info_help{
	float: left;
	margin-left: 10px;
	border-radius: 45px;
	padding: 8px 24px 10px 24px;
}
body .ui-button.btn_info_help span{
	color: #ffffff;
	background: #005ca9;
	-webkit-background-clip: text;
	font-size: 11px;
	font-family: "Eina01-Regular", sans-serif;
	font-weight: bold;
}



body .ui-button.btn_info_help.ui-state-hover
{
	border: 1px #005ca9 solid;
	background: #ffffff;
	color: #005ca9;
	outline: none;
}
body .ui-button.btn_info_help.ui-state-hover .ui-button-text,
body .ui-button.btn_info_help.ui-state-active .ui-button-text,
body .ui-button.btn_info_help.ui-state-focus .ui-button-text{
	color: #005ca9;
	outline: none;
}


body .ui-button.btn_info_help.ui-state-active
{
	background: #005ca9;
	color: white;
}


body .ui-button.btn_info_help.ui-state-focus
{
	border: 1px #005ca9 solid;
	background: #ffffff;
	color: #005ca9;
	outline: none;
}

body .ui-button.btn_info_help .ui-button-text{
	font-size: 35px;
	font-family: "Eina01-Regular", sans-serif;
	font-weight: normal;
}


.btn_direkt_kasse_extern_kaufen:disabled{
	background: #7D7D7D;
}

.ui-inputfield{

}
.lnk_cookie_disclaimer {
	border: 0px;
	height: 21px;
	display: inline-block;
	width: auto;
	color: #005ca9;
	padding-top:0;
	padding-left: 0;
}
.lnk_cookie_disclaimer:hover {
	color: #e40521;
}

/*
 * Textfarbe für deaktivierten Text (stark gräulicher Text)
 */	
.text_deaktiviert_class {
	color: #005CA9;
}

.fixedTable{
    table-layout: fixed;
}

.emailCompletion,
.emailCompletion .ui-widget{
	font-size: 14px;
	max-width: 700px;
	margin: 0 auto;
}
.emailCompletion p{
	margin: 10px 0px;
}

.emailCompletion .ui-button.ui-state-default{
	background: none;
	border:none;
	background-color: #005CA9;
	text-shadow: none;
	box-shadow: none;
}
.emailCompletion .ui-button.ui-state-default.ui-state-hover{
	background-color: #e40521;
}

.preistabelle_paypal{
	width: 580px;
	display: block;
	margin-right: auto;
	margin-left: auto;
	padding-top: 50px;
}

/*
 * Liegenschaftskarten-Positionsmakierung
 */
.attrPosition input[type="radio"] + label {
	margin-right: 10px;
	font-size: 14px;
}
/* Margin-Bottom */
.margin-b10 {
	margin-top: 5px;
	margin-bottom: 10px;
}

.width100 {
	width: 100%;
}

.twocolumn.width100 td {
	width: 50%;
}
.label_div{
	margin-bottom: 20px;
	text-align: justify;
}
th{color: #005CA9;}
th span{color: #005CA9;}
table#tabelle_preise{
	border-collapse: collapse;
}
table#tabelle_preise tbody tr th{
	padding: 5px;
	background-color: #EDEDED;
	border-top: 1px solid #7d7d7d;
	border-bottom: 1px solid #7d7d7d;
	border-left: 1px solid #7d7d7d;
}
table#tabelle_preise tbody tr td{
	padding :5px;
	border-left: 1px solid #7d7d7d;
	border-bottom: 1px solid #7d7d7d;
}
table#tabelle_preise tbody tr{
	border-right: 1px solid #7d7d7d;
}
table#tabelle_preise tbody tr.redLine td{
	border-bottom: 1px solid red;
}

.hide_scrollbar::-webkit-scrollbar {
	display: none;
}
.hide_NoChrome{
	overflow-y: hidden;
	overflow-x: visible;
	left: 20px !important;
	top: 57px !important;
}

#cookiedisclaimer a:hover {text-decoration:underline;}

#cookiedisclaimer div {padding:10px; padding-right:40px;}

#cookiedisclaimer {
	outline: 1px solid #7d7d7d;
	text-align:left;
	border-top:1px solid #fff;
	background: white;
	position:fixed;
	bottom:0px;
	z-index:10000;
	width:100%;
	max-width: 1188px;
	left: 0;
	right: 0;
	margin: 0 auto;
	padding: 5px;
	}
#cookiedisclaimerCloser, #cookiedisclaimerOptOut {
	text-decoration: none;
	cursor:pointer;
	display: inline-block;
	margin-bottom: 5px;

}

.cookie_text{
	width: 90%;
	padding-top: 20px;
	padding-bottom: 20px;
}
.cookie_buttons{
	align-content: right;
	/*width: 30%; */
	padding-top: 25px;
}

.cookie_button_grid{
	width: auto;
	margin-left: auto;
	margin-right: auto;
}

.preview_map{
	overflow: hidden;
	width: 280px;
	height: 280px;
}
.preview_map_image{
	top:-280px;
	left:-280px;
	width: 840px;
	height: 840px;
}

/* Style the tab */
.sf-tab {
	overflow: hidden;
	border: none;
	background-color: #ffffff;
	color: #FFFFFF;
}

/* Style the buttons that are used to open the tab content */
.sf-tab button {
	background-color: #ffffff;
	float: left;
	border: 1px solid #005ca9;;
	outline: none;
	cursor: pointer;
	padding: 14px 16px;
	transition: 0.3s;
}

/* Change background color of buttons on hover */
.sf-tab button:hover {
	background-color: #005ca9;
	color: #FFFFFF;
}

/* Create an active/current tablink class */
.sf-tab button.active {
	background-color: #005ca9;
	color: #FFFFFF;
}

/* Style the tab content */
.sf-tabcontent {
	display: none;
	padding: 6px 12px;
	border: 1px solid #005ca9;
}

@media (max-width: 700px) {
	.login_input_text, .login_input_password{
		width: 100%;
		box-sizing: border-box;
	}
	.addressPanel {
		width: 97%;
		margin-left: auto;
	}
	.label_div{
		margin-bottom: 0;
		width: 97%;
		margin-right: auto;
		margin-left: auto;
	}
	div#map.service_map{
		width: 97%;
		/*max-width: 500px;*/
		height: auto;
		padding-bottom: 70%;
		float: none;
		margin-left: auto;
		margin-right: auto;
		box-sizing: border-box;
		-webkit-box-sizing:border-box;
		-moz-box-sizing: border-box;
	}
	input,textarea,select, label, .attrPosition input[type="radio"] + label {
		font-size: 12px;
	}
	input[type="text"], input[type="password"]{
		font-size: 12px;
		box-sizing: border-box;
	}
}
@media screen and (max-width: 1244px) {
	div#contact {
		width: 700px;
	}
	div#contact .contact__context img{
		width: 135px;
	}
}
@media (max-width: 1060px){
	.text_header_button{
		display: block;
		color: #005ca9;
        padding-left:0;
        padding-bottom: 6px;
        padding-right: 0;
	}
	.text_header_button:hover{
		border: none;
		background: #005ca9;
		color: white;
	}
	.dropdownIconMobile{
		margin-left: auto;
		margin-right: 10px;
		display: block;
		background-image: url(/SIMarktdatenShop/images/icons/menu_weiss.svg);
		background-size: cover;
		width: 40px;
		height: 35px;
	}
	.dropDownMobile{
		display: none;
	}
	.logoutBig input:hover ~ .dropDownMobile, .dropDownMobile:hover{
		max-height: 600px;
		padding: 5px;
		border:  1px solid #005ca9;
		transition: max-height 0.25s ease-in;
		-moz-border-radius: 4px;
		max-width: 320px;
		text-align: left;
		display: block;
		background: white;
		z-index: 1001;
	}
	.dropdownMobilePlaceholder input:hover ~ .dropDownMobile, .dropDownMobile:hover{
		max-height: 600px;
		padding: 5px;
		border:  1px solid #005ca9;
		transition: max-height 0.25s ease-in;
		-moz-border-radius: 4px;
		max-width: 320px;
		text-align: left;
		display: block;
		background: white;
		z-index: 1001;
	}
	.text_footer, .text_header_button, .text_header_button_login, .text_header_button_right, .text_header_button_login_double, .dropdownLink, .dropdownHilfe{
		color: #005ca9;
	}
	.text_header_button_login_double, .dropdownWrapper{
		display: block;
	}
	.text_header_button_login_double{
		margin: 0;
		padding-bottom: 7px;
	}
}
@media (max-width: 760px){
	.text_footer_small{
		display: block;
	}
	.text_footer_big{
		display: none;
	}
}
@media (max-width: 480px){
}

.non-mobile {
	display: block;
}
.mobile {
	display: none;
}

.ui-tieredmenu.mobile .ui-menu-list.ui-helper-reset {
	background: #fff;
	border-radius: 4px;
	padding: 0.25rem;
}

.ui-tieredmenu.mobile .ui-menu-list.ui-helper-reset > .ui-menuitem {
	display: block;
	padding: 0 5px;
	margin: 0;
}

.ui-tieredmenu.mobile .ui-menu-list.ui-helper-reset > .ui-menuitem .ui-menuitem-link {
	text-align: left;
}

.ui-tieredmenu.mobile .ui-menu-list.ui-helper-reset > .ui-menuitem .ui-menuitem-link .ui-menuitem-text {
	color: #005ca9;
	font-size: 16px;
	line-height: 24px;
}

.ui-tieredmenu.mobile .ui-menu-list.ui-helper-reset > .ui-menuitem .ui-menuitem-link.ui-submenu-link .ui-icon {
	color: #005ca9;
}

.ui-tieredmenu.mobile .ui-menu-list.ui-helper-reset > .ui-menuitem .ui-menu-list {
	width: fit-content;
	border-radius: 4px;
	padding: 0.25rem;
}

.ui-tieredmenu.mobile .ui-menu-list.ui-helper-reset > .ui-menuitem .ui-menu-list > .ui-menuitem {
	display: block;
}

@media(max-width: 700px) {
	.non-mobile {
		display: none;
	}
	.mobile {
		display: inline-block;
	}
	.nav_button {
		margin-top: 14px !important;
		margin-right: 10px !important;
		float: right;
		border-radius: 0 !important;
		width: 50px !important;
		background: none !important;
		background-image: url(../images/icons/menu_weiss.svg) !important;
		background-repeat: no-repeat !important;
		background-size: contain !important;
		height: 58px !important;
		border: none !important;
	}
	.nav_link_sprengnetter {
		margin-top: 20px;
	}
}