body	{box-sizing: border-box;}
*	{box-sizing: inherit;}
body			{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; background-color:#FFFFFF; }
img.vorschau	{ border:1px solid #000000;}
img				{ border:0px; }
td				{ padding-left:2px; padding-right:2px; }

td.cards				{ background-color:#153975; color:#fff; font-weight:bold; padding:8px; font-size:150%; }
td.cardsHell			{ background-color:#CCDAFD; }
td.cardsHellKlein		{ background-color:#CCDAFD; font-size:110%; }

td.plakate				{ background-color:#153975; color:#fff; font-weight:bold; padding:8px; font-size:150%; }
td.plakateHell			{ background-color:#CCDAFD; }
td.plakateHellKlein		{ background-color:#CCDAFD; font-size:110%; }

table.autoTable td {text-decoration:none; font-weight:normal; font-size:110%;padding:8px 8px;}
table.autoTable tr:nth-child(odd) td {background-color:#DDD; color:#000000;}
table.autoTable tr:nth-child(even) td {background-color:#EEE; color:#000000;}
/*table.autoTable tr:not(.head):nth-child(odd):hover td:not(.areas):not(.areasHell) {background-color:#CCF;}
table.autoTable tr:not(.head):nth-child(even):hover td:not(.areas):not(.areasHell) {background-color:#DDF;}*/
table.autoTable tr.head td { background-color:#94AFF5; color:#000000; text-decoration:none; font-weight:bold; font-size:100%; }
td.cardsUeberschrift, td.areasUeberschrift, td.userUeberschrift, td.plakateUeberschrift 	{ background-color:#94AFF5; color:#000000; text-decoration:none; font-weight:bold; font-size:100%; }
td.cardsZeileGerade, td.areasZeileGerade, td.userZeileGerade, td.plakateZeileGerade 	{ background-color:#EEE; color:#000000; text-decoration:none; font-weight:normal; font-size:110%; }
td.cardsZeileUngerade, td.areasZeileUngerade, td.userZeileUngerade, td.plakateZeileUngerade	{ background-color:#DDD; color:#000000; text-decoration:none; font-weight:normal; font-size:110%; }
table tr:hover>td.areasZeileGerade,table.cards tr:hover>td.cardsZeileGerade,table tr:hover>td.userZeileGerade {background-color:#DDF;}
table tr:hover>td.areasZeileUngerade,table.cards tr:hover>td.cardsZeileUngerade,table tr:hover>td.userZeileUngerade {background-color:#CCF;}

td.areas, table.autoTable tr td.areas 				{ background-color:#153975; color:#fff; font-weight:bold; padding:8px; font-size:150%; }
td.areasHell, table.autoTable tr td.areasHell			{ background-color:#CCDAFD; }
td.areasHellKlein, table.autoTable tr td.areasHellKlein		{ background-color:#CCDAFD; font-size:110%; }

td.user 				{ background-color:#153975; color:#fff; font-weight:bold; padding:8px; font-size:150%; }
td.userHell				{ background-color:#94AFF5; }
td.userHellKlein		{ background-color:#CCDAFD; font-size:110%; }

table.menuleiste 	{ background-color: #FFFFFF; white-space:nowrap;
	border-spacing: 0px;  border: 0px; border-collapse:separate;  margin: 0px; margin-top:10px;margin-left:1px;}
/* table td:first-child	{padding-left:0;} */ 
.header-logo	{margin-left:1px;}
td.menuLeer 	{ color:#FFFFFF;  background-color : #153975;   border-right: 1px solid #FFFFFF; }
td.menuItem 	{ color:#fff; background-color : #2154a8; border-right: 1px solid #FFFFFF;}
table td.no-entries-td	{color:Gray;padding:20px;text-align: center;}

a.buttonMenuleiste 	{ color:#fff; text-decoration:none; font-size:125%;  white-space:nowrap; padding:15px; font-weight:bold;  }
.menuleiste	td {padding:6px 20px;}
.menuleiste	tr {background-color:rgb(21, 57, 117);}
.menuleiste td.menuUser:hover, .menuleiste td.menuAreas:hover,  .menuleiste td.menuCards:hover { 
	/*background-color:rgb(21, 57, 117);*/ background-color:rgba(255,255,255,0.5); /*text-shadow: 0 0 2px black;*/ }
table.cards td	{padding:6px 8px;white-space:nowrap;}

td.cardsUeberschrift, td.areasUeberschrift, td.userUeberschrift,
td.cardsZeileGerade, td.printZeileGerade, td.areasZeileGerade, td.userZeileGerade , td.statistikZeileGerade, 
td.templatesZeileGerade,	td.cardsZeileUngerade, td.printZeileUngerade, td.areasZeileUngerade, td.userZeileUngerade, 
td.statistikZeileUngerade, td.templatesZeileUngerade, table.cards td.cardsUeberschrift, td.plakateZeileUngerade, td.plakateZeileGerade	{padding:8px 8px;}

input[type=text], textarea, select	{
	border-radius:3px;
	box-shadow:2px 2px 2px rgba(0,0,0,0.1);
	width:300px;
	border:1px solid rgb(21, 57, 117);
	padding: 4px 8px;
	background:white;
}

input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number]	{
	border-radius:3px;
	box-shadow:2px 2px 2px rgba(0,0,0,0.1);
	width:300px;
	border:1px solid rgb(21, 57, 117);
	padding: 4px 8px;
	background:white;
	-moz-appearance: textfield;
}


select.half-size	{width:148px;}
input[type=text]:focus, textarea:focus, select:focus		{
	background-color: rgba(228, 235, 255, 1);
	box-shadow:3px 3px 3px rgba(0,0,0,0.2);
}
table.bestellungTable td {padding:6px 6px;}


/* Buttons */
a.button	{ cursor:pointer;
	margin: 4px 0 8px;
	text-decoration:none;
	padding:2px 10px;
	color:rgb(21, 57, 117);font-size:14px;
	border:1px solid rgb(21, 57, 117);background:#e7e7e7;border-radius:/*6px*/4px;
	box-shadow:1px 1px 1px rgba(0,0,0,0.25);
	}
table.cards td.cardsHell a.button, .bestellungTable a.button	{display:inline-block;padding:6px 20px;margin:10px 20px;}
a.button:hover	{ background:#f5f5f5;/*border-color:#bbb;*/	 }
a.button.disabled	{color:gray; }
a.button.disabled img	{opacity:0.5;}

.bestellungTable.isSubmitting	{ opacity: 0.75; }

.bestellungTable.isSubmitting input, .bestellungTable.isSubmitting select, .bestellungTable.isSubmitting textarea	{background-color:#ccc;}

.error div { border: #ff0000 solid 2px; }
.error-msg { font-family: 'Courier New', Courier, monospace; }

.gray {color:gray !important;}