@CHARSET "UTF-8";

/*

	rot #EC271F R236 G39 B31
	rot neu #EC271F R 209 G 0 B 25
	hellgrün #4BAF3E	76 175 62
	dunkelgrün #226A32 34 106 50
	
	Urheber (§ 13 UrhG): Maik Ernemann, ordana GmbH, Karl-Peters-Str. 22, 46242 Bottrop
 
© 2021 ordana GmbH
Diese Software ist urheberrechtlich geschützt. Das Urheberrecht liegt, sofern nicht ausdrücklich anders gekennzeichnet, bei Maik Ernemann, ordana GmbH. Alle Rechte, einschließlich der Vervielfältigung, Veröffentlichung, Vermarktung, Vermietung, des Verkaufs oder dergleichen, bleiben vorbehalten.
 
Die Eckhardt Vornbrock Garten und Landschaftsbau GmbH sowie die maxi-garagen Verwaltung GmbH erhalten ein einfaches, nicht übertragbares Nutzungsrecht an der Software im derzeitigen Ist-Zustand (24.06.2021) zur Nutzung für Ihre eigenen Unternehmen. Für diese Nutzung darf die Software auch Ihrerseits weiterentwickelt werden. Die Galabau/maxigaragen hat aber nicht das Recht und wird nicht, die Software (zu) vermarkten, (zu) verkaufen, (zu) vermieten, (zu) veröffentlichen oder dergleichen.
 
Wem gegen das Urheberrecht verstößt, drohen strafrechtliche Sanktionen nach §§ 106 ff. UrhG, Unterlassungsansprüche und Schadensersatzansprüche. Das gilt auch für die Entfernung des Urheberhinweises.

Ausgenommen hiervon sind alle Open Source und nach GNU General Public License lizenzierte Softwarebestandteile.



*/



@font-face {
	font-family: Open-Sans;

	src: url('fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

html,body {
  margin:0;
  padding:0;
  font-family: Open-Sans, Arial, Helvetica, sans-serif;
  font-size:10px;
  height:100%;
  width:100%;
  -webkit-print-color-adjust: exact;
  background-color:#f1f3f4;

}

.garageAPP_courtmap_logo {
	padding-top: 25px;
}

.garageAPP_courtmap_header {
	background: rgb(75,75,77);
	height: 90px;
	margin: 5px 5px 5px 5px;
	padding-bottom: 10px;
}


.garageAPP_content {
	margin: 50px 0px 0px 30px;
	padding-bottom: 50px;	
	float:left;
	min-width:1200px;
/* 	max-height:550px; */
	overflow:auto;
	box-sizing: content-box;
	padding-right: 17px;
}

#garageAPP_clear {
  clear:left;
}

.garageAPP_displayNone {
  display:none;
}

#garageAPP_logout {
	margin: 25px 30px 0px 0px;
	display:none;
	text-align:right;
	float:right;
}

.garageAPP_logout {
	cursor: pointer;
	color: #000000;
	border: 1px solid #000000;
	background-color: #EED5FF;
	width: 120px;
	padding: 2px;
	line-height: 130%;
}

.garageAPP_ContentView {
	margin: 5px 40px 0px 130px;
	padding-bottom: 50px;
	min-width: 1000px;
	min-height: 700px;
}

.garageAPP_footer_version {
	
	position:fixed;
	right:0;
	bottom:0;
	margin-right: 10px;
	margin-bottom:10px;
}

.garageAPP_footer_copyright {
	
	position:fixed;
	left:0;
	bottom:0;
	margin-left: 10px;
	margin-bottom:10px;
}

#garageAPP_popupFormular_CustomerStorageCalculatorFormular {
	margin-top: 10px;
    position: absolute;
    top: 70;
    width: 100%;
}

.garageAPP_CustomerStorageCalculatorFormular_header {
	text-align: left;
    font-size: 20px;
    color: red;
    font-weight: bold;
    padding-left: 15px;
    background: #e1e1e1;
    margin-bottom: 10px;
    padding-top: 10px;
    height:40px;
}

.garageAPP_CustomerStorageCalculatorFormular_button{
    font-size: 20px;
    padding: 5px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    border: 1px solid red;
    background-color: red;
    text-align: center;
    cursor: pointer;
    width: 40px;
    height: 40px;
    color:white;
}

.garageAPP_CustomerStorageCalculatorFormular_button_request{
    font-size: 20px;
    padding: 5px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    border: 1px solid green;
    background-color: green;
    text-align: center;
    cursor: pointer;
    width:100%;
    color:white;
    margin-bottom: 5px;
   	/*
   	margin:5px;
    transform: translateX(10%);
    */
}

.garageAPP_CustomerStorageCalculatorFormular_button_reset{
    font-size: 20px;
    padding: 5px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    border: 1px solid red;
    background-color: red;
    text-align: center;
    cursor: pointer;
    width:100%;
    color:white;
    margin-bottom: 5px;
    /*
    margin:5px;
    transform: translateX(10%);
    */
}

.garageAPP_CustomerStorageCalculatorFormular_groupit {
	border: 1px solid #BBBBBB;
    overflow: hidden;
    margin: 0px;
    padding: 10px;
    margin: 5px;
}

.garageAPP_CustomerStorageCalculatorFormular_GroupHeader {
    text-align: center;
    font-size: 14px;
    color: #ffffff;
    background: #BBBBBB;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #BBBBBB;
    border-right: 1px solid #BBBBBB;
    margin-bottom: 20px;
}

.garageAPP_CustomerStorageCalculatorFormular_placeItCenter {
	margin-left: auto; 
	margin-right: auto;
	max-width:800px;
}

.garageAPP_CustomerStorageCalculatorFormular_goods_rendering {
	
}

.garageAPP_CustomerStorageCalculatorFormular_table_formular{
	width: 100%;
    padding-left: 10px;
}

.garageAPP_CustomerStorageCalculatorFormular_IMG {
	background-color: red;
	width:20px;
}

.garageAPP_CustomerStorageCalculatorFormular_td_formular{
	font-size:20px;
	color:red;
}

.garageAPP_CustomerStorageCalculatorFormular_storagetouse {
	font-size:40px;
	color:red;
	text-align:center;
}

.garageAPP_CustomerStorageCalculatorFormular_footer {

	text-align:center;
}


.garageAPP_center {
	margin: auto;
    display: table-cell;
    vertical-align: middle
}

.garageAPP_footer_ssllogo {
	float:right;
	margin-right:10px;
}


.tooltip {

	position:absolute;
	border:1px solid #D10019;
	border-top:5px solid #D10019;
	background-color:#fff;
	border-radius:0px;
	padding:5px;
	color:#000;
	font-size:12px;
	white-space:pre !important;
	z-index:10000;
	transform: none;
	-moz-transfor:none;
   	-webkit-transform:none;
   	-o-transform:none;
    -ms-transform:none;
    

}


#ordana_uploadstate {

}

#ordana_uploadstate_container {
		position:absolute;
		width: 300px;
		height:150px;
		
		border:1px solid #D10019;
	background-color:#fff;
	border-radius:0px;
	padding:5px;
	color:#000;
	font-size:12px;
	z-index:10000;
	
	top: 50%;
  left: 50%;
  margin: -100px 0 0 -150px;
}


H1, H2, H3, H4, H5,H7 P, TD, UL, OL, BLOCKQUOTE, INPUT, TEXTAREA, SELECT { font-family: Open-Sans, Arial, Helvetica, sans-serif; color:#000000; font-size:12px; }
A { color:#000033; text-decoration:none;}
A:link { color:#5B7FC2; text-decoration:none; }
A:visited { color:#5B7FC2; text-decoration:none; }
A:active { color:#2C3264; text-decoration:none;}
A:hover { color:#2C3264; text-decoration:none; }
FORM { margin:0px 0px 0px 0px;}
P, PRE { margin:0px 0px 0px 0px; font-size: 11px;}
P, TD, UL, OL { font-size:11px; }

H1 { font-size:20px; color:#000; padding-top:10px;}
H2 { font-size:18px; color:#000; margin:0px;}
H3 { font-size:14px; color:#000; font-weight:normal;}
H4 { font-size:14px; color:#000; font-weight:normal; padding-left:10px;}
H6 { font-size:14px; color:#000; padding-top:0px; font-weight:bold;}
H7 { font-size:14px; color:#fff; font-weight:normal; padding-left:10px; padding-top:6px; float:left;}



input, textarea {
  	font-size: 12px;

  	text-shadow: 0px 1px 0px white;
  	padding: 10px;
  	border: solid 1px #888;
  	
	-webkit-border-radius: 0px;

}

input[type="checkbox"] {
 	-webkit-appearance:none;/* Hides the default checkbox style */ 
 	height:30px;
 	width:30px;
 	cursor:pointer;
 	position:relative;
 	-webkit-transition: .15s;
 	text-shadow: 0px 1px 0px white;
  	padding: 10px;
  	border: solid 1px #888;
  	background-image: linear-gradient(bottom, rgb(245,245,245) 17%, rgb(219,219,219) 100%);
	background-image: -o-linear-gradient(bottom, rgb(245,245,245) 17%, rgb(219,219,219) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(245,245,245) 17%, rgb(219,219,219) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(245,245,245) 17%, rgb(219,219,219) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(245,245,245) 17%, rgb(219,219,219) 100%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.17, rgb(245,245,245)),
		color-stop(1, rgb(219,219,219))
	);
	-webkit-border-radius: 0px;

	 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#F5F5F5, endColorstr=#DBDBDB);
     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#F5F5F5, endColorstr=#DBDBDB)";

}

input[type="checkbox"]:checked {
 background:green;
}

input[type="checkbox"]:before, input[type="checkbox"]:checked:before {
 	position:absolute;
 	top:0;
	left:0;
	width:100%;
	height:100%;
	line-height:30px;
	text-align:center;
 	color:#fff;
 	content: 'X';
}

input[type="checkbox"]:checked:before {
 	content: '✔';
}

input[type="checkbox"]:hover:before {
 	background:rgba(255,255,255,0.3);
}

.comvio-strom-email-btn{
	margin-top:5px !important;
/*
	margin-bottom:10px !important;
*/
}


SELECT {
	-webkit-appearance: button;
	-webkit-border-radius: 0px;
	-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
	-webkit-padding-end: 20px;
	-webkit-padding-start: 2px;
	-webkit-user-select: none;
	background-image: url(../images/oeffnen-dunkel.png);
	background-size:15px;
	background-color: #fff;
	background-position: 97% center;
	background-repeat: no-repeat;
	border: 1px solid #AAA;
	color: #000;
	font-size: 12px;
	overflow: hidden;
	padding: 10px 10px;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 300px;
	height:39px;
	-webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;   
   -webkit-border-radius: 0;  /* Safari 3-4, iOS 1-3.2, Android 1.6- */    
   -moz-border-radius: 0;  /* Firefox 1-3.6 */     
   border-radius: 0;  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */

}


.garageAPP_input_big_placeholder::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: black;
    font-weight:bold;
    font-size:14px;
}
.garageAPP_input_big_placeholder:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: black;
    font-weight:bold;
    font-size:14px;
}
.garageAPP_input_big_placeholder::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: black;
    font-weight:bold;
    font-size:14px;
}
.garageAPP_input_big_placeholder:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: black;
    font-weight:bold;
    font-size:14px;
}



.garageAPP_welcomeline {
	font-size: 20px;
	margin-top:20px;
}

.garageAPP_renderGarageTypes input {
  	font-size: 12px;
  	height:20px;
  	text-shadow: 0px 1px 0px white;
  	padding: 0px;
  	border: solid 1px #888;
  	background-image: linear-gradient(bottom, rgb(245,245,245) 17%, rgb(219,219,219) 100%);
	background-image: -o-linear-gradient(bottom, rgb(245,245,245) 17%, rgb(219,219,219) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(245,245,245) 17%, rgb(219,219,219) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(245,245,245) 17%, rgb(219,219,219) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(245,245,245) 17%, rgb(219,219,219) 100%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.17, rgb(245,245,245)),
		color-stop(1, rgb(219,219,219))
	);

	 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#F5F5F5, endColorstr=#DBDBDB);
     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#F5F5F5, endColorstr=#DBDBDB)";
     max-width:200px;
}

.garageAPP_renderGarageTypes select {
	-webkit-appearance: button;
	-webkit-border-radius: 0px;
	-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
	-webkit-padding-end: 20px;
	-webkit-padding-start: 2px;
	-webkit-user-select: none;
	background-image: url(../images/oeffnen-mittel.png), -webkit-linear-gradient(rgb(219, 219, 219), rgb(245, 245, 245) 100%, rgb(219, 219, 219));
	
	background-position: 97% center;
	background-repeat: no-repeat;
	border: 1px solid #AAA;
	color: #000;
	font-size: 12px;
	overflow: hidden;
	padding: 0px 10px;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 190px;
}


.garageAPP_renderGarageTypes input[type="checkbox"] {
 	-webkit-appearance:none;/* Hides the default checkbox style */ 
 	height:2em;
 	width:2em;
 	cursor:pointer;
 	position:relative;
 	-webkit-transition: .15s;
 	background:grey;
}

.garageAPP_renderGarageTypes input[type="checkbox"]:checked {
 	background:green;
}


select option.selected {
  font-weight: bold;
  color: red;
}

select option.checked {
  font-weight: bold;
  color: red;
}

#garageAPP_login_Form {
	position: absolute;
	width: 100%;
	top:30%;
	z-index: 200;
}

#garageAPP_login_HeaderName {
	text-align:center;
	margin-bottom:10px;
}


#garageAPP_login_Body {
	text-align:center;
}

.garageAPP_FormField_register {
	margin-top: 10px;
	clear:left;
}

.garageAPP_login_buttonregister{
	font-size: 14px;
	color: #fff;
	width: 200px;
	background: -moz-linear-gradient(
		top,
		#ff0000 0%,
		#ff7a7a 36%,
		#f58e8e 50%,
		#fa8c8c);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#ff0000),
		color-stop(0.36, #ff7a7a),
		color-stop(0.50, #f58e8e),
		to(#fa8c8c));
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	border: 1px solid #000000;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 3px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 3px rgba(255,255,255,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 3px rgba(255,255,255,1);
		
	border:1px solid #226A32;
}


.ordana_waitingimg {
   position: relative;
   opacity: 0.5;
   z-index:100000; 
}

.ordana_waitingBackground {
	position: absolute; 
	z-index:50; 
	top: 0px; 
	left: 0px; 
	height:100%; 
	width:100%; 
	overflow:hidden; 
	/* background-color:rgba(0, 0, 0, 0.75); */
}

.ordana_waitingBackgroundWhite {
	position: absolute; 
	z-index:10050; 
	top: 0px; 
	left: 0px; 
	height:100%; 
	width:100%; 
	overflow:hidden; 
	background-color:rgba(255, 255, 255, 0.75);
}


/* Status Messages */

#garageAPP_errorstatusmessagediv LABEL  {
    font-size:12px;
    font-weight:bold;
    border-bottom: 1px solid#e1e1e1;
}

#garageAPP_errorstatusmessagediv SPAN  {
   	font-size:12px;
}

.garageAPP_FormfieldErrorHandler {
  border:1px solid red;
}

.garageAPP_form_errorhandler {
  font-size:10px; 
  color:red;
  margin-left:2px;
  /*float:left;*/
}

.garageAPP_form_errorhandler_Login {
  font-size:10px; 
  color:red;
  margin-left:2px;
  clear:left;
}

.garageAPP_statusmessage {
	font-size:14px;
}

#garageAPP_StatusMessageGood {
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #5CFF6F),
	color-stop(1, #7FFAB0),
	color-stop(1, #1CFF77)
);

background-image: -o-linear-gradient(bottom, #5CFF6F 0%, #7FFAB0 100%, #1CFF77 100%);
background-image: -moz-linear-gradient(bottom, #5CFF6F 0%, #7FFAB0 100%, #1CFF77 100%);
background-image: -webkit-linear-gradient(bottom, #5CFF6F 0%, #7FFAB0 100%, #1CFF77 100%);
background-image: -ms-linear-gradient(bottom, #5CFF6F 0%, #7FFAB0 100%, #1CFF77 100%);
background-image: linear-gradient(to bottom, #5CFF6F 0%, #7FFAB0 100%, #1CFF77 100%);

    color: #fff;
    font-size: 16px;
    line-height: 1;
    text-align:center;
    padding:10px;

    z-index: 200;
	position: absolute;
	right:0;
	bottom:0;
	width:200px;
	margin:10px;
	overflow: hidden;
	height:100px;
	vertical-align:middle;
	
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}

#garageAPP_StatusMessageBad {
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #FF5C67),
	color-stop(1, #FA7F7F),
	color-stop(1, #FF1B27)
);
background-image: -o-linear-gradient(bottom, #FF5C67 0%, #FA7F7F 100%, #FF1B27 100%);
background-image: -moz-linear-gradient(bottom, #FF5C67 0%, #FA7F7F 100%, #FF1B27 100%);
background-image: -webkit-linear-gradient(bottom, #FF5C67 0%, #FA7F7F 100%, #FF1B27 100%);
background-image: -ms-linear-gradient(bottom, #FF5C67 0%, #FA7F7F 100%, #FF1B27 100%);
background-image: linear-gradient(to bottom, #FF5C67 0%, #FA7F7F 100%, #FF1B27 100%);

    color: #fff;
    font-size: 16px;
    line-height: 1;
    text-align:center;
    padding:10px;
    
    z-index: 200;
	position: absolute;
	right:0;
	bottom:0;
	width:200px;
	margin:10px;
	overflow: hidden;
	height:100px;
	vertical-align:middle;
	
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}

/***************************/
/*  Formulardesign         */
/***************************/

.garageAPP_pointer {
	cursor:pointer;
}

.garageAPP_formular {
    float:left;
	
	position: absolute;
	top: 5%;
	left: 1%;
	right:1%;

	margin-top: -25px;
	border:5px solid #D10019;

	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, rgba(255, 255, 255, 0.75)),
		color-stop(1, rgba(240, 240, 240, 0.75))
	);
	background-image: -o-linear-gradient(bottom, rgba(255, 255, 255, 0.75) 0%, rgba(240, 240, 240, 0.75) 100%);
	background-image: -moz-linear-gradient(bottom, rgba(255, 255, 255, 0.75) 0%, rgba(240, 240, 240, 0.75) 100%);
	background-image: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.75) 0%, rgba(240, 240, 240, 0.75) 100%);
	background-image: -ms-linear-gradient(bottom, rgba(255, 255, 255, 0.75) 0%, rgba(240, 240, 240, 0.75) 100%);
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.75) 0%, rgba(240, 240, 240, 0.75) 100%);
       
}

.garageAPP_shadowBox {

	-webkit-box-shadow: 10px 10px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 10px 10px 0px rgba(0, 0, 0, 0.15);
	box-shadow: 10px 10px 0px rgba(0, 0, 0, 0.15);
	margin-right: 12px;
	margin-bottom: 12px;
}

.garageAPP_formularWindowTop {
	height:27px;
	width:100%;
	background-color: #D10019;

}

.garageAPP_formularWindowContent {
	padding:10px;
	background-color:white;
	overflow:hidden;
}

.garageAPP_formularWindowTopIconsRight {
	text-align:right;
}

.garageAPP_formularWindowTopTextLeft {
	text-align:left;
	color:white;
	float:left;
	font-size:14px;
	/*width: 600px;*/
	font-weight: bold;
}


.garageAPP_formularWindowTopMenu {
	min-height: 30px;
    width: 100%;
    background-color: #787878;
    overflow: auto;
}

.garageAPP_overlaybgFormular {
	position: absolute; 
	z-index:50; 
	top: 0px; 
	left: 0px; 
	height:100%; 
	width:100%;
	overflow:auto;
	z-index:100;
	background-color: rgba(75,75,77, 0.90);

}

.garageAPP_overlaybgFormular_black {
	position: absolute; 
	z-index:50; 
	top: 0px; 
	left: 0px; 
	height:100%; 
	width:100%;
	overflow:auto;
	z-index:100;
	
	background: rgb(100,104,112);
	background: -moz-linear-gradient(left, rgba(100,104,112,0.75) 0%, rgba(46,46,46,0.75) 100%); 
	background: -webkit-linear-gradient(left, rgba(100,104,112,0.75) 0%,rgba(46,46,46,0.75) 100%); 
	background: linear-gradient(to right, rgba(100,104,112,0.75) 0%,rgba(46,46,46,0.75) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#646870', endColorstr='#2e2e2e',GradientType=1 );


}

.garageAPP_securitycode{
	padding-left: 2px;
	padding-top:10px;
}

.garageAPP_groupit {
  /* border:1px solid #D10019; */
  overflow:hidden;
  margin: 5px 5px 5px 5px;
  min-width:500px;
  padding-bottom:10px;
  background-color: #eee;
}

.garageAPP_groupit_garage {
  /* border:1px solid #D10019; */
  overflow:hidden;
  margin: 5px 5px 5px 5px;
  width: 220px;
  float:left;
  padding-bottom:10px;
  background-color: #eee;
}

.garageAPP_GroupHeader {
  text-align:left;
  font-size:20px;
  color:red;
  font-weight: bold;
  padding-left:15px;
  padding-top:15px;
  float:left;
}

.garageAPP_GroupHeader_garage {
  text-align:left;
  font-size:18px;
  color:red;
  font-weight: bold;
  padding-left:15px;
  padding-top:15px;
  width:250px;
  float:left;
}

.garageAPP_groupitfloat {
  float:left;
  width:100%;
}

.garageAPP_groupit_button {
  overflow:hidden;
  margin: 5px 5px 5px 5px;
  min-width:750px;
}

.garageAPP_groupit_button_field {
  overflow:hidden;
  margin: 5px 5px 5px 5px;
  min-width:750px;
}

.garageAPP_groupitClear{
  clear:left;
}

.garageAPP_placeitleft {
  float:left;
  padding:5px;
  margin:2px;
  min-width:500px;
}

.garageAPP_placeitright {
	float:right;
	padding:5px;
	margin:2px;
	min-width:500px;
}

.garageAPP_placeitdown {
  clear:left;
  padding:5px;
  margin:2px;
  min-width:1000px;
}

.garageAPP_placeitformular {
  clear:left;
  padding:5px;
  margin: auto;
  width: 50%; 
}

.garageAPP_label {
  	width: 250px;
	text-align:left;
	font-size: 12px;
	margin-left:1px;
}

.garageAPP_formular span {
	font-size: 14px;
	/* float: left; */
	height: 34px;
}

.garageAPP_unchanged {
	font-size: 14px;
	/* float: left; */
	height: 34px;
}

.garageAPP_FormField {
	margin-left: 10px;
	clear:left;
}

.garageAPP_input_checkbox_fields_default_singlecontainer {
}

.garageAPP_input_fields_default_singlecontainer {
	min-width:750px;
}

.garageAPP_textarea_fields_default_singlecontainer{
	margin: 2px; 
	min-width:750px;
	height: 70px;
}

.garageAPP_input_fields_default_multicontainer {
	min-width:375px;
}

.garageAPP_input_fields_time_multicontainer {
	width: 125px;
}

.garageAPP_input_fields_list_multicontainer {
	width: 125px;
	font-size: 12px;
	padding: 5px;
}

.garageAPP_select_fields_default_multicontainer {
	min-width:375px;
}

.garageAPP_select_fields_default_ecurrentcontainer {
	width:175px;
}

.garageAPP_select_fields_default_multicontainer_multiple{
	min-width:375px;
	height:100px;
	overflow:scroll;
}

.garageAPP_select_fields_default_multicontainer_Multiselect{
	min-width:475px;
	height:300px;
	overflow:auto;
}

.garageAPP_textarea_fields_default_multicontainer{
	margin: 2px; 
	min-width:375px;
	height: 70px;
}

.garageAPP_textarea_fields_documentTemplates_default_multicontainer{
	margin: 2px; 
	width: 99%;
	height: 550px;
}

.garageAPP_input_fields_default_multicontainer_big {
	width: 99%;
}

.garageAPP_textarea_fields_default_multicontainer_large{
	margin: 2px; 
	min-width:375px;
	height: 200px;
}

.garageAPP_textarea_fields_default_multicontainer_articleprice{
	margin: 2px; 
	min-width:375px;
	height: 60px;
}

.garageAPP_informationText {
	font-size: 16px;
	padding: 13px;
	border: 1px solid #e1e1e1;
	color: black;
	min-width: 356px;
}

.garageAPP_spanTextInnerInformation {
	font-size: 16px;
	padding: 13px;
	color: black;
}

.garageAPP_button_formular {
	font-size: 14px;
	color: #fff;
	padding: 12px 60px;
	background: -moz-linear-gradient(
		top,
		#ff0000 0%,
		#ff7a7a 36%,
		#f58e8e 50%,
		#fa8c8c);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#ff0000),
		color-stop(0.36, #ff7a7a),
		color-stop(0.50, #f58e8e),
		to(#fa8c8c));
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	border: 1px solid #000000;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 3px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 3px rgba(255,255,255,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 3px rgba(255,255,255,1);

	border:1px solid #226A32;
	float:left;
	text-align: center;
	margin-left: 10%;
	width: 12%;
	cursor:pointer;
}



.garageAPP_button_submit_formular{
	font-size: 14px;
	color: #fff;
	padding: 12px 60px;
	background: -moz-linear-gradient(
		top,
		#ff0000 0%,
		#ff7a7a 36%,
		#f58e8e 50%,
		#fa8c8c);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#ff0000),
		color-stop(0.36, #ff7a7a),
		color-stop(0.50, #f58e8e),
		to(#fa8c8c));
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	border: 1px solid #000000;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 3px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 3px rgba(255,255,255,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 3px rgba(255,255,255,1);

	border:1px solid #226A32;
	float:left;
	text-align: center;
	margin-left: 10px;
	margin-top:35px;
	width: 220px;
	cursor:pointer;
}

/*
.garageAPP_button_submit{
	font-size: 14px;
	color: #fff;
	padding: 12px 60px;
	background: -moz-linear-gradient(
		top,
		#ff0000 0%,
		#ff7a7a 36%,
		#f58e8e 50%,
		#fa8c8c);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#ff0000),
		color-stop(0.36, #ff7a7a),
		color-stop(0.50, #f58e8e),
		to(#fa8c8c));
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	border: 1px solid #000000;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 3px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 3px rgba(255,255,255,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 3px rgba(255,255,255,1);

	border:1px solid #226A32;
	float:left;
	text-align: center;
	margin-left: 10%;
	width: 12%;
	cursor:pointer;
}
*/

.garageAPP_button_submit{
	font-size: 14px;
	color: #fff;
	padding: 12px 60px;
	
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	border: 1px solid #000000;
	background-color:green;
	border:1px solid #226A32;
	float:left;
	text-align: center;
	margin-left: 10%;
	width: 12%;
	cursor:pointer;
}

.garageAPP_button_close{
	font-size: 14px;
	color: #fff;
	padding: 12px 60px;
	background: -moz-linear-gradient(
		top,
		#ff0000 0%,
		#ff7a7a 36%,
		#f58e8e 50%,
		#fa8c8c);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#ff0000),
		color-stop(0.36, #ff7a7a),
		color-stop(0.50, #f58e8e),
		to(#fa8c8c));
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	border: 1px solid #000000;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 3px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 3px rgba(255,255,255,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 3px rgba(255,255,255,1);

	border:1px solid #226A32;
	float:left;
	text-align: center;
	margin-left: 25%;
	width: 12%;
	cursor:pointer;
}

.garageAPP_button_passwordgen{
	font-size: 12px;
	color: #fff;
	padding: 5px 2px;
	background: -moz-linear-gradient(
		top,
		#ff0000 0%,
		#ff7a7a 36%,
		#f58e8e 50%,
		#fa8c8c);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#ff0000),
		color-stop(0.36, #ff7a7a),
		color-stop(0.50, #f58e8e),
		to(#fa8c8c));
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	border: 1px solid #000000;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 3px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 3px rgba(255,255,255,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 3px rgba(255,255,255,1);

	border:1px solid #226A32;
	float:right;
	text-align: center;
	width: 150px;

}

.garageAPP_button_multipleSelect{
	font-size: 12px;
	color: #fff;
	padding: 5px 2px;
	background: -moz-linear-gradient(
		top,
		#ff0000 0%,
		#ff7a7a 36%,
		#f58e8e 50%,
		#fa8c8c);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#ff0000),
		color-stop(0.36, #ff7a7a),
		color-stop(0.50, #f58e8e),
		to(#fa8c8c));
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	border: 1px solid #000000;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 3px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 3px rgba(255,255,255,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 3px rgba(255,255,255,1);

	border:1px solid #226A32;
	text-align: center;
	width: 150px;

}

.garageAPP_table_formular {
  	width:350px;
  	margin-top:15px;
  	margin-left:10px;
}

.garageAPP_table_statistics_formular {
  	width:600px;
  	margin-top:15px;
  	margin-left:10px;
}

.garageAPP_table_statistics_formular {
  	width:550px;
  	margin-top:15px;
  	margin-left:10px;
}

.garageAPP_table_formular td{
  	font-size:14px;
  	
}

/***************************/
/*  Validation       */
/***************************/
.garageAPP_valDefault {
	border-right: 4px solid yellow;
}


/*************************************************************/
/**Lists                        **/
/*************************************************************/

.div-table {
	display: table;
	width:100%;
	font-size:14px;
	font-weight:normal;
	min-width:1024px;
}
.div-table-row {
	display: table-row;
	width:100%;
	font-weight:normal;
	height:40px;
}
.div-table-cell {
	display: table-cell;
	border:none;
	border-bottom: solid 1px #eee;
	padding: 3px;
	cursor:pointer;
	vertical-align: middle;
}

.row-block {background:#e6e6e6;}
.row-block-hover {background:#FEDDD9; color:#000;}
.table-head {background:#c8c8c8; color:#000; font-weight:normal;}

.garageAPP_row-block_Closed {
	background-color:#F5A9A9;
	z-index: 10000;
}

.garageAPP_internalLink {
	text-decoration:underline;
	font-weight:bold;
	cursor:pointer;
	color:#5B7FC2;
}

/*
	jconfirm Button
*/

.jconfirm {
	font-size:12px;
}


.jconfirm.jconfirm-white 
.jconfirm-box 
.jconfirm-buttons button.btn-default, 
.jconfirm.jconfirm-light 
.jconfirm-box 
.jconfirm-buttons button.btn-default {
	background: #D10019;
	color: #fff;
	padding-left: 120px;
	padding-right:100px;
	cursor: pointer;
	text-transform: none;
	font-size: 14px;
	font-weight: normal;
	text-shadow: none;
	border: 1px solid #BBBBBB;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.jconfirm.jconfirm-white 
.jconfirm-box 
.jconfirm-buttons button.btn-default, 
.jconfirm.jconfirm-light 
.jconfirm-box 
.jconfirm-buttons button.btn-default:hover {
	background: #D10019;
	color: #fff;
	padding-left: 120px;
	padding-right:100px;
	cursor: pointer;
	text-transform: none;
	font-size: 14px;
	font-weight: normal;
	text-shadow: none;
	border-radius: 0px;
	border: 1px solid #BBBBBB;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.jconfirm.jconfirm-white .jconfirm-box, .jconfirm.jconfirm-light .jconfirm-box {
  	margin: 0 auto;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
	border-radius: 0px;
	border:1px solid #D10019;
}


/***************************/
/*  limiting    */
/***************************/

#garageAPP_LIMIT-rows {
	margin-top:5px;
	margin-bottom:5px;	
/* 	width:350px; */
}


.garageAPP_limiting {
	border: 1px solid #D10019;
	padding:5px;
	cursor:pointer;
	font-size:12px;
	font-weight:normal;
}

.garageAPP_limiting_bold {
	border: 1px solid #D10019;
	padding:5px;
	cursor:pointer;
	font-size:12px;
}


/***************************/
/*  Courtmap Garage style    */
/***************************/

.garageAPP_courtmap_garage {
	border: 1px solid #ccc;
}

.garageAPP_courtmap_garage_plain {
	border: none;
	background-color:#fff;
}

#garageAPP_GarageCourtMapView_mapview {
	
	size:landscape;
	
}

.garageAPP_GarageCourtMapView_mapview_rows {

	margin-left: 20px;
	margin-right: 10px;
	
}

.garageAPP_courtmap_garage_img_400V {
	
		
}

.garageAPP_garagecourtlegend {
	float:left;
	margin-left:20px;
	cursor:pointer;
	width:60px;
	border: 1px solid #BBBBBB;
	text-align:center;
	padding:2px;
	z-index: 99;
	position: relative;
}

.garageAPP_show_legend {
	position:absolute;
	background-color:#fff;
	border: 1px solid #D10019;
	padding:10px;
	z-index:1000;
}

.garageAPP_show_fibu {
	position:absolute;
	background-color:#fff;
	border: 1px solid #D10019;
	padding:10px;
	right:0;
	cursor:pointer;
}

/*************************************************************/
/**GarageAPP main Page                        **/
/*************************************************************/

.garageAPP_mainPage_headline {
	
	background-color:#787878;
	margin-bottom:1px;
	height:40px;
	color:#fff;
	padding-top: 10px;
}

/*************************************************************/
/**GarageAPP Search                        **/
/*************************************************************/

#garageAPP_search {
	bottom: 0px;
	margin-top: 20px;
	margin-bottom: 20px;
	
}

#garageAPP_customerSearchField {
	bottom: 0px;
	margin-top: 20px;
	margin-bottom: 20px;
	
}

#garageAPP_search_name {
	font-size:20px;
}

#garageAPP_searchMashine {
	padding-top:50px;
	float:left;
	width:50%;
	min-width: 600px;
}

#garageAPP_search input {
  	font-size: 14px;
  	color: #787878;
  	padding: 10px;
  	border: solid 1px #888;
  	background-image: linear-gradient(bottom, rgb(245,245,245) 17%, rgb(219,219,219) 100%);
	background-image: -o-linear-gradient(bottom, rgb(245,245,245) 17%, rgb(219,219,219) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(245,245,245) 17%, rgb(219,219,219) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(245,245,245) 17%, rgb(219,219,219) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(245,245,245) 17%, rgb(219,219,219) 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.17, rgb(245,245,245)),
		color-stop(1, rgb(219,219,219))
	);
	font-weight: normal;
	background-image: url(../images/lupe.png);
	background-size: 30px 30px;
	background-position: 99% center;
	background-repeat: no-repeat;
		color: #787878;
	 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#F5F5F5, endColorstr=#DBDBDB);
     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#F5F5F5, endColorstr=#DBDBDB)";
}

input::placeholder {
	
	color: #787878;
	
}

#garageAPP_garagecourtSelector {
	
	    margin-top: 20px;
    margin-bottom: 18px;
    margin-left: 500px;
    
}


.garageAPP_garagecourtSelector {
	
	height:40px;
	border: solid 1px #888;
	font-size: 12px;
	color: #787878;
	font-weight: normal;
}

#garageAPP_garagecourtSelectorText {
	
	margin-top: 31px;
	font-size: 14px;
	margin-left: 20px;
	margin-right: 10px;
	font-weight: bold;
	color: #787878;
	float:left;
}
#garageAPP_garagecourtUbersichtPDF{
	margin-left: 825px;
	position: relative;
	top: -48px;
	font-size: 14px;
	font-weight: bold;
	color: #787878;
}


/*************************************************************/
/**GarageAPP Files Rendering                        **/
/*************************************************************/

.garageAPP_fileslist_rendering {
	
	margin-top:10px;
	height: 150px;
}

.garageAPP_rendering_info_images {
	
	padding:12px;
	
}

/* old
.garageAPP_imageenlarge {
	position: absolute;
	margin-right: auto;
	margin-left: -25px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 0;
	right: 0;
	margin: 0 auto;
}
*/
.garageAPP_imageenlarge {
	position: absolute;
	margin-right: auto;
	width: 90%;
	height: 90%;
	margin: 3%;
}

/*************************************************************/
/**GarageAPP IMG Rendering                        **/
/*************************************************************/

.garageAPP_img_arrow {
	width: 15px;
	cursor:pointer;
	margin-right: 10px;
	margin-top: 10px;
}

.garageAPP_img_icon_table{
	width: 15px; 
	padding-left: 20px;
}

.garageAPP_img_icon_garage{
	width: 15px; 
	padding-left: 0px;
}

.garageAPP_img_icon_table_pdf{
	width: 25px; 
	padding-left: 20px;
}

.garageAPP_CustomerRequestFormular_show_info_images {
	text-align:left;
	margin-left:10px;
}

.garageAPP_img_infoImages {
	width:375px;
	margin-top:10px;
}

.garageAPP_CustomerRequestFormular_show_info_images {
	text-align:left;
	margin-left:10px;
}

.garageAPP_overview_count {
	float:right;
	margin-top:5px;
	margin-right:10px;
	font-size:14px;
}

.garageAPP_overview_icon {
	float:right;
	margin-top:-3px;
	margin-right:10px;
	font-size:14px;
}

.garageAPP_img_thumbnails {
	width:60px;	
}

.garageAPP_img_thumbnails_container {
	float:left;
	margin:5px;
}

.garageAPP_incident_thumbnail_container {
	margin:5px;
	margin-top:10px;
}

.cv_btn_green{
	font-size: 14px;
	color: #fff;
	background: green;;
	border: 1px solid #BBBBBB;
	text-align: center;
	cursor:pointer;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	padding: 10px 30px;
}

.cv_disabled{
	background-color: #eee;
	cursor: default;
}