@charset "UTF-8";

/* ** ********************************************************** ** */
/* *** 					Defaultwerte							*** */
/* ** ********************************************************** ** */
body,html					{margin:0;padding:0;font-weight:normal !important;}

p,h1,h2,h3,h4				{margin:0;padding:0;font-weight:normal;}

ul,li						{margin:0;padding:0;list-style:none;}

a,
a:link,
a:visited,
a:active,
a:hover 					{text-decoration:none;color:#000;font-weight:normal;}

a.backLinkButton			{border:none;color:#fff;background:#005a7f;font-size:1.17em;padding:6px 9px;display:block;float:right;width:auto;text-align:center;min-width:120px;margin-right:25px;}

a.homePageLink				{border:none;color:#005a7f;font-size:1.17em;padding:6px 9px;font-weight:bold;float:left;width:auto;text-align:center;}

table						{border-collapse:collapse;margin:0;padding:0;cellspacing:0;cellpadding:0;}
th 							{font-weight:normal;}

a,
img 						{border:none;}

input,
textarea,
select,
.box_wrapp 					{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-o-border-radius:0;-ms-border-radius:0;margin:0;}

/* ** ********************************************************** ** */
/* *** 				Allgemeine Klassen							*** */
/* ** ********************************************************** ** */
body,
html						{font-family:'Open Sans',Verdana,sans-serif;font-size:11px;}

/* häufige styles */
.bold 						{}

/* Clear & Float */
.clear						{clear:both;}
.left 						{float:left !important;}
.right 						{float:right !important;}

/* Absände */
tr.spacer td				{height:15px;background:#fff!important;}
.spacer_mini				{height:15px;clear:both;}
.spacer_small				{height:30px;clear:both;}
.spacer_middle				{height:45px;clear:both;}
.spacer_big					{height:60px;clear:both;}
.spacer_bigger				{height:70px;clear:both;}

/* Allgemeine Elemente */
h2,h3						{margin:0 0 15px 0;font-size:1.4em;color:#000;}
h3							{font-size:1.2em;}
h3 span 					{font-size:11px;display:block;}

h1.listTitle,
h2.listTitle,
h3.listTitle				{float:left;}

h1.header_with_icon,
h2.header_with_icon,
h3.header_with_icon			{float:left; margin: 0 10px 0 0;}

p 							{line-height:1.5em;}
p.errorMessage				{color: red; font-weight: bold; text-align: right;}

a:hover 					{position:relative;}
a[alt]:hover:after 			{content: attr(alt);padding:7px;border:1px solid #6d7579;color:#000;font-size:1em;background:#fff;display:block;width:auto;position: absolute;left: 0;top: 100%;z-index: 20;white-space: nowrap;}

ul li:before				{content:' ';background:url(../images/list.gif) no-repeat left 4px;display:inline-block;height:1em;width:8px;}

/* Blätterung*/
.paging 					{float:right;}
.paging a,
.paging span				{display:inline-block;height:28px;font-size:1.17em;color:#000;display:block;float:left;padding:7px 10px 0 10px;border-left:1px dotted #d5d9d8;margin-left:-1px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;}
.paging a:hover 			{color:#cc0033;}
.paging span.active 		{background:#f2f4f3;border-left:none;}
.paging a.arrow 			{background-image:url(../images/paging_back.png);background-repeat:no-repeat;width:36px;background-position:0 -146px;border-left:none;}
.paging a.arrow.next 		{background-image:url(../images/paging_next.png);}
.paging a.arrow:hover 		{background-position:0 0;}
.paging a.arrow.disabled	{background-position:0 -68px;}

/* Button */
a.button,
a.button:link,
a.button:visited,
a.button:active,
a.button:hover,
input[type="submit"],
button 				 		{border:none;color:#fff;background:#005a7f;font-family:'Open Sans',Verdana,sans-serif;font-size:1.17em;padding:6px 9px;display:block;float:right;width:auto;text-align:center;min-width:120px;}
input[type="submit"] 		{padding:0 10px;}

a.forgotPassword			{color:#cc0033;background:url(../images/arrow_right.png) left center no-repeat;padding-left:10px;display:inline-block;margin-top:9px;}

.buttonLeft					{float:left;}

/* Formulare */
label						{display:block;float:left;width:30%;padding-top:12px;font-size:1em;color:#000;}
label.label_small			{font-size:0.9em;}
label span 					{display:block;font-size:0.8em;}

input,
textarea,
select						{font-size:11px;border:1px solid #6d7579;float:left;height:32px;margin-bottom:10px;font-size:1em;color:#000;padding:2px 10px 0 10px;}
select 						{padding-left:7px;}
textarea 					{height:116px;}

input.noBorderInput			{border:none;}

.form_part input			{width:69%;}
.form_part .inputWithUnits	{width:60%;}
.form_part .longInput		{width:70%;}
.form_part .smallInput		{width:64%;margin-left: 2%;}

.form_part .checkboxWrapper	{float: left; width: 16px;}
.form_part .checkbox		{width: auto;}

.form_part
input.hasDatepicker			{width: 100px}
.captchaInput               {margin-left: 30%;}

.radio_wrapper,
.checkbox_wrapper			{float:left;height:32px;width:16px;margin-bottom:10px;margin-right:7px;background:url(../images/radiobutton.png) no-repeat center center;overflow:hidden;z-index:2;}
.checkbox_wrapper			{background-image:url(../images/checkbox.png);}
input[type="radio"],
input[type="checkbox"]		{float:left;}
input[type="checkbox"]		{margin-bottom: 8px; margin-top: 2px}
label.radiobutton			{width:auto;margin-right:15px;margin-left:15px;}
.checkbox_wrapper.active	{background-image:url(../images/checkbox_checked.png);}
.radio_wrapper.active,
.active .radio_wrapper		{background-image:url(../images/radiobutton_selected.png);}

.select_wrapper,
.numbers_wrapper 			{border:1px solid #6d7579;width:69%;float:left;height:32px;margin-bottom:10px;overflow:hidden;background:url(../images/select.png) no-repeat right center;}
.numbers_wrapper 			{background-image:url(../images/numbers.png);}

.select_wrapper.table		{width:77%;}

select,
.numbers_wrapper input,
input[type="number"]	 	{width:120%;border:none;float:none;background:transparent;}

img.infoIcon 				{margin-left: 5px; margin-top: 6px; cursor: pointer;}

option 						{padding:5px 10px;}

input.readonly 				{color:#b0b6b8;}

input.zip 					{width:20%;margin-right:2.7%}
input.city 					{width:47.3%;}



input.small,
div.small					{width:21%;margin-right:2.7%}
div.small input[type="number"]{width:160%;border:none;float:none;background:transparent;}

/* Upload Button */
input[type="text"].fileupload_new {width:57.3%;margin-right:2.7%;}
input[type="button"].fileupload_new {width:10%;background:url(../images/icon_upload.png) no-repeat center center #fff;border:none;}

/* Ausgegraute Button */
.disabled 					{opacity:0.5;filter: Alpha(Opacity=50);cursor:default;}

/* Fehler- / Infomeldungen */
.layer						{display:none;position:fixed;width:100%;height:100%;top:0;left:0;}
.layer .content				{background:#fff;border: 2px solid #000;float: none;margin: 100px auto;padding: 30px;position: relative;width: 700px;z-index: 300;}
.layer .background 			{position:absolute;z-index:200;top:0;left:0;width:100%;height:100%;background:#fff;opacity:0.5;filter: Alpha(Opacity=50);}
.layer .content .btn_close 	{background:url(../images/icon_stornieren.png) no-repeat center center;width:18px;height:18px;display:block;position:absolute;top:30px;right:30px;}

.notify 					{padding-left:80px;background-repeat:no-repeat;background-position:left top;background-image:url(../images/notify_error.png);}

/* ** ********************************************************** ** */
/* *** 					Grundgerüst								*** */
/* ** ********************************************************** ** */

.col						{width:47%;}
.col.col-l					{float:left;}
.col.col-r					{float:right;}
.col_50 					{float:left;width:50%;}
.col_50_margin_34			{float:left;width:50%;margin-left: 34px;}

.col-three					{float:left; width:80%}
.col-three .col-l			{float:left; width: 33%;}
.col-three .col-m			{float:left; width: 33%;}
.col-three .col-r			{float:right; width: 33%;}
.col-three label			{width:auto;}

.colLong						{width:100%;}
.colLong.col-l					{float:left;}
.colLong.col-r					{float:right;}
.colLong input					{width:85.3%;}
.colLong label					{width:14.1%;}


/* ** ********************************************************** ** */
/* *** 						Inhalte								*** */
/* ** ********************************************************** ** */

a.btn_gespeicherte,
a.btn_favoriten 			{background:url(../images/icon_save.png) no-repeat right center;display:block;text-align:right;padding:10px 25px 8px 0;font-size:1.17em;}
a.btn_favoriten 			{background-image:url(../images/icon_fav.png);margin-right:-3px;padding-right:28px;}
a.btn_delete				{background:url(../images/icon_stornieren.png) no-repeat right center;display:block;text-align:right;padding:12px 25px 20px 0;font-size:1.17em;}

.nummerierung 				{padding:15px 10px 10px 10px;font-size:1.55em;border:1px solid #6d7579;float:left;margin-top:-1px;}

.btn_weiter 				{border-bottom:2px solid #6d7579;}
.btn_weiter a 				{cursor:pointer;margin-bottom:-8px;display:block;float:right;font-size:1.17em;padding-left:23px;background:url(../images/arrow_jumper.png) no-repeat 10px 3px #fff;}

.with_button textarea,
.with_button .numbers_wrapper {width:60%;}
.btn_textarea 				{float:right;}
.btn_entfernen,
.btn_hinzufuegen 			{width:24px;height:24px;padding:0;background-repeat:no-repeat;background-position:center center;background-color:#000;background-image:url(../images/icon_minus.gif);display:block;}
.btn_hinzufuegen 			{background-image:url(../images/icon_plus.gif);margin-bottom:10px;}

.time span  				{display:block;float:left;padding-top:12px;margin-right:2.7%;}
.time .small 				{width:25%;}
.time .calendar 			{display:block;float:left;background:url(../images/icon_calendar.png) no-repeat center center;width:22px;height:32px;}
.time span:first-child 		{margin-left:-25px;}
.time input					{width:25%;}



.col.last					{width:17.5%;margin-top:-50px;}
.col.last label				{width:auto;}
.col.last input[type="submit"] {width:100%;}
.col.last .button 			{float:none;}
.backButton					{margin-right:25px;margin-bottom:10px;}

.suggest_wrapper 			{position:relative;}
.suggest 					{position:absolute;z-index:10;top:31px;left:30%;border:1px solid #b0b6b8;padding:10px 10px 5px 10px;color:#b0b6b8;width:100%;background:#fff;}
.suggest td					{padding:0 5px 5px 0;background:#fff !important;cursor:pointer;}
.suggest span 				{color:#000;}

.help						{background:url(../images/icon_help.png) no-repeat center center;width:16px;height:16px;display:inline-block;}
.help-icon					{width:16px;height:16px;}

div.div_border				{border-style:solid;border-width:1px;padding:15px;}


/* Buchungsübersicht */
table						{width:100%;}
table input, 
table .select_wrapper 		{margin:0;}

.data tr:nth-child(2n) td	{background:#d5d9d8;}
.data td 					{padding:0 15px 0 0;height:32px;}
.data td:first-child		{padding-left: 15px;}

.data tr.sort td 			{border-top:1px solid #6d7579;border-bottom:1px solid #6d7579;padding-right:0;height:45px;}
.data tr.sort td p 			{float:left;}
.data tr.sort td p.txt		{padding-top:1px;}
.data tr.sort td a 			{background:url(../images/arrow_up.png) no-repeat left top;display:block;width:10px;height:7px;padding-right:7px;padding-bottom:2px;}
.data tr.sort td a.desc 	{background-image:url(../images/arrow_down.png);background-position:left bottom;padding-bottom:0;padding-top:2px;}
.data tr.sort td.active p.txt {text-decoration:underline;}

.data tr.filter td 			{padding:10px 10px 10px 0;background:none;height:auto;}
.data tr.filter td input[type="text"],
.data tr.filter td input[type="submit"],
.data tr.filter td .select_wrapper{width:100%;}
.data tr.filter td .select_wrapper select {width:160%;}

.data td.buttons 			{width:70px;padding:0 10px;}
.data td.buttons a 			{width:18px;height:18px;display:none;float:right;margin-right:3px;background-repeat:no-repeat;background-position:center center;cursor:pointer;}
.data td.buttons a:first-child {margin-right:0;}		
.data td.buttons a.vorlage 	{background-image:url(../images/icon_vorlage.png);}
.data td.buttons a.bearbeiten {background-image:url(../images/icon_bearbeiten.png);}
.data td.buttons a.stornieren {background-image:url(../images/icon_stornieren.png);}

.uebersicht_entwuerfe .data td.buttons {width:50px;}

.data td a.fav,
.data td a.fav_selected		{width:18px;height:18px;display:none;background-repeat:no-repeat;background-position:center center;cursor:pointer;background-image:url(../images/icon_fav_empty.png);} 
.data td a.fav_selected		{display:block;background-image:url(../images/icon_fav.png);} 

table.CTdataTable tbody tr.row:hover td {border-top:1px solid #000;border-bottom:1px solid #000;}
table.CTdataTable tbody tr.row:hover td:first-child {border-left:1px solid #000;}
table.CTdataTable tbody tr.row:hover td:last-child {border-right:1px solid #000;}
table.CTdataTable tbody tr.row:hover td.buttons a,
table.CTdataTable tbody tr.row:hover td a.fav	{display:block;}

/* Meine Daten */
table .checkbox_wrapper		{height:16px;background-position:center -10px;margin:5px 0;}
table .checkbox_wrapper input {height:16px;}

.tabellarische_ausgabe span.label,
.tabellarische_ausgabe span.input {display:block;float:left;padding-right:10px;}
.tabellarische_ausgabe span.label {width:100px;}
.tabellarische_ausgabe span.input span {}

/* Fehler- / Infomeldungen */
#fehlermeldung .left 		{width:66%;}
#fehlermeldung .right 		{width:33%;}

#info_fahrzeug table 		{border-top:1px solid #000;}
#info_fahrzeug th,
#info_fahrzeug td 			{border-top:1px solid #000;padding:10px 10px 10px 0;vertical-align:top;width:25%;}
#info_fahrzeug th 			{text-align:left;}
#info_fahrzeug tr:first-child td,
#info_fahrzeug tr:first-child th 	{border-top:3px solid #000;/*border-left:10px solid #fff;*/}
#info_fahrzeug tr.main td,
#info_fahrzeug tr.main th  	{border-top:2px solid #000;}

/* ** ********************************************************** ** */
/* *** 						Footer								*** */
/* ** ********************************************************** ** */
footer .basiclink {
	font-size: 11px;
}

footer #footer {
	margin: 80px 0px 0px 0px;
	padding: 8px 0px 15px 0px;
	position: relative;
}

footer #footer div.footercontent {
	margin-bottom: 28px;
}

footer #footer a.footer-link:hover, footer #footer .footer-link>a:hover
	{
	text-decoration: underline;
	color: #6D7579;
}

footer #footer #footerrow {
	border-top: solid 1px #D5D9D8;
	position: relative;
	padding-bottom: 10px;
	padding-bottom: 20px;
	padding-top: 4px;
}

footer #footer #footerrow span {
	font-size: 11px;
	line-height: 16px;
	
	font-size: 11px;
}

footer #footer #footerrow .spacer {
	display: inline-block;
	text-align: center;
	width: 18px;
}


/* ** ********************************************************** ** */
/* *** 						Messages							*** */
/* ** ********************************************************** ** */
.errorMessageContainer,
.confirmMessageContainer {
	margin-bottom: 20px;
	display: block;
	color: #cc0033;
	
}

.confirmMessageContainer{
	color: #8dc255;
}

.headerWithData{
	
	font-size:1.2em;
}

.headerHintSmall{
	font-size:0.9em;
	display:inline;
	padding-top: 0px;
	padding-bottom: 0px;
}


/* ** ********************************************************** ** */
/* *** 					Tenant sections							*** */
/* ** ********************************************************** ** */
label.messageLarge {
	width: 50%;
}
label.messageLarge.italic {
	font-style: italic;	
}

input.messageLarge {
	width: 50%;
}


/* ** ********************************************************** ** */
/* *** 			Location Opening Hours Section					*** */
/* ** ********************************************************** ** */
.inputTime{
	width: 15% !important;
}

.timesTo{
	width: 15% !important;
	text-align: center;
}

.paddingLeft{
	padding-left:30%;
}

.paddingRight{
	padding-right:30%;
}

label.fullMessage {
	width: 100%;
}

p.openingHourError {
	padding: 0 0 0 0;
	text-align: left;
}
.openingHourErrorContainer {
	width:100%;
	float: left;
}
.openingHourErrorInline {
	width: 30%;
	display: inline-block;
	vertical-align: top;
}

/* ** ********************************************************** ** */
/* *** 					Order sections							*** */
/* ** ********************************************************** ** */
div.section_toggle{
	margin: 0 0 0 10px;
	float: left;
	height: 20px;
	width: 20px;
	display: inherit;
}

div.section_toggle.show {
	background: url(../images/plus.png) no-repeat left center;
}

div.section_toggle.show.disabled {
	background: url(../images/plus-gray.png) no-repeat left center;
}

div.section_toggle.hide {
	background: url(../images/minus.png) no-repeat left center;
}

div.section_toggle.hide.disabled {
	background: url(../images/minus-gray.png) no-repeat left center;
}

/* File upload */

label.fileupload_new {
    background: #fff url("../images/icon_upload.png") no-repeat scroll center center;
    border: medium none;
    min-width: 5px;
    width: 10%;
}

label.oneLeftColumn{
	width : 40%;
}
label.units{
    width: 2%;
    margin-left: 12px;
}

/* Calendar rows in forms */
.calendarRow{
	width : 69%;
	float: left;
}

.calendarRow .hourMinuteSeparator{
	float:left; 
	margin: 5px 0 0 10px;
}
/* Inputs with content inside */
.inputIconContainer	 	 	{ position: relative; padding:0; margin:0; height: 35px;}
.inputIconContainer  img { position: relative; bottom:34px;  height:18px; left:534px;}
.inputIconContainer  label.units { position: absolute; bottom:8px;  height:18px; left: 562px;}

.fileUploadedInline {
	text-align: right;
	margin-right: 30px;
	margin-left: 30px;
}


/* ** ****************************************************** ** */
/* *** 			Login Modal Section				         	*** */
/* ** ****************************************************** ** */
.login{
	max-width: 700px;
}
.labelLogin{
	width: 25% !important;
}
.inputLogin{
	width: 75% !important;
	float:right;
}

/*imprint page*/
.imprint-block {
	font-size: small;
}

.imprint-block p {
	margin: .2rem 0;
	font-size: small;
	padding: 0px
}

.imprint-block .brand {
	font-weight: 700;
}

.imprint-block a {
	text-decoration: none;
}

.imprint-block a:hover {
	text-decoration: underline;
}

.imprint-separator {
	border: none;
	margin: .8rem 0;
}

.footer-links {
	display: flex;
	align-items: center;
	gap: 5px;
}

.footer-links a {
	display: flex;
	align-items: center;
}