body
{
	background-color: #fff;
	color: #333;
	width: 100%;
	height: 100%;
	min-width: 700px;
	margin: 0;
	margin-top: 5em;
	padding: 0;
	font-size: 1em;
	-moz-transition: font-size 0.3s ease-in-out;
	-webkit-transition: font-size 0.3s ease-in-out;
	font-family: serif;
}


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

label, input, select { /* Alle Labels UND Formularelemente auswählen */
	display: block;
	float: left;
	width: 20em; /* Breite.*/
	font-weight: bold;
	font-size:1em;
	margin-bottom: 1.5em;
}
label {
	text-align: right; 
	padding-right: 1em; 
	padding-top: 0.3em;
	height: 1.5em;
}

label:disabled {
	color: gray;
}

input[type=checkbox]
{
	width: 1.5em;
	height: 1.3em;
}
.checktext
{
	width: 98%;
	margin: 0;
	line-height: 1em;
	height: 1em;
	display: inline;
	text-align: left;
	white-space:nowrap;
}
.checktext_align
{
	width: 98%;
	margin-left: 35%;
	line-height: 1em;
	height: 1em;
	display: inline;
	text-align: left;
	white-space:nowrap;
}
.checktext input
{
	margin: 0;
	margin-left: 30%;
	height: 1em;
	
}

.colorchooser input
{
	width: 1em;
	height: 1em;
}
.colorchooser
{
	text-align:center;
	width: 17em;
	margin: 0 auto;
}
.colorchooser label
{
	width: 2em;
}
.colorbox
{
	width: 2em;
	height: 2em;
	border: 0.1em solid #aaa;
	border-radius: 0.5em;
	box-shadow: inset 0em 0em 0.3em rgba(0,0,0,0.7);
	margin-left: -0.2em;
	margin-top: -0.4em;
}	
.searchform
{
	width: 20em;
	margin: 0 0.3em 0 0.3em;
	font-size: 1em;
}
.anr_select
{
	width: 5em;
	margin: 0;
}
.typ_select
{
	margin: 0;
	width: 10em;
}
#folgedays
{
	display: inline;
	float: none;
	margin:0;
	width: 5em;
}
#folgedayslbl
{
	display:inline;
	float:none;
	width: auto;
}
#folgetyp
{
	display: inline;
	float: none;
	margin:0;
	width: 10em;
}
#folgetyplbl
{
	display:inline;
	float:none;
	width: 10.5em;
}

.centersrc
{
	width: 52em;
	margin: 0 auto;
}
.centersmallsrc
{
	width: 35em;
	margin: 0 auto;
}
form br { /* Alle Zeilenumbrüche in Formularen auswählen */
	clear: left; /* das floating der labels und inputs aufheben */
}

[required] {
   box-shadow: 0 0 0.5em rgba(0, 150, 0, .9);
 }
 
 :invalid {
   box-shadow: 0 0 0.5em rgba(255, 0, 0, .9);
 }
 
.errortype {
	color: #ff0;
	font-weight: bold;
	text-decoration: underline;
}
.errordesc {
	color: #ff0;
	font-style: italic;
}
.errorline {
	color: #ff9;
	font-style: italic;
}
.spell{
	font-weight: bold;
	font-size: 0.8em;
	background: url(../pics/icons/check.png) center left no-repeat;
	background-size: 12%;
	padding-left: 1.5em;
	border: 0;
	line-height: 1.5em;
}
.spell:hover{
	background-size: 16%;
}

.preview{
	font-weight: bold;
	font-size: 0.8em;
	background: url(../pics/icons/search.png) center left no-repeat;
	background-size: 12%;
	padding-left: 1.5em;
	border: 0;
	line-height: 1.5em;
}
.preview:hover{
	background-size: 16%;
}

.sweig_spacer{
	position: relative;
	display: block;
	float: left;
	font-weight: bold;
	background-size: 100%;
	width: 1.2em;
	height: 1.2em;
	top: -0.6em;
	left: 0;
	border: 0;
}

.nosave
{
	background: #faa url(../pics/icons/error.png) center no-repeat;
	background-size: contain;
}

.nosave input
{
	opacity: 0.5;
}

.sweig{
	position: relative;
	display: block;
	float: left;
	font-weight: bold;
	background: url(../pics/icons/switch.png) center left no-repeat;
	background-size: 100%;
	width: 1.2em;
	height: 1.2em;
	top: -0.6em;
	left: 0;
	border: 0;
}
.sweig:hover{
	-moz-transform: scale(1.2);
	-moz-transform-origin: center;
}
.swart{
	position: relative;
	display: block;
	float: left;
	font-weight: bold;
	background: url(../pics/icons/switch.png) center left no-repeat;
	background-size: 100%;
	width: 3em;
	height: 3em;
	vertical-align: top;
	top: -2.5em;
	left: 0;
	border: 0;
}
.swart:hover{
	-moz-transform: scale(1.2);
	-moz-transform-origin: center;
}
.nopagebreak{
	position: relative;
	display: block;
	float: left;
	font-weight: bold;
	background: url(../pics/icons/nopagebreak.png) center left no-repeat;
	background-size: 100%;
	width: 3em;
	height: 3em;
	vertical-align: top;
	top: -2.5em;
	left: 50%;
	border: 0;
}
.nopagebreak:hover{
	-moz-transform: scale(1.2);
	-moz-transform-origin: center;
}
.pagebreak{
	position: relative;
	display: block;
	float: left;
	font-weight: bold;
	background: url(../pics/icons/pagebreak.png) center left no-repeat;
	background-size: 100%;
	width: 3em;
	height: 3em;
	vertical-align: top;
	top: -2.5em;
	left: 50%;
	border: 0;
}
.pagebreak:hover{
	-moz-transform: scale(1.2);
	-moz-transform-origin: center;
}
input:not([type=submit]), textarea{
	border-radius: 0.3em;
	padding-left: 0.2em;
	background: #fff url(../pics/uniform/inputbg.png) no-repeat;
	background-size: 101% 110%;
}

.bigtextarea
{
	min-width: 40em;
	min-height: 10em;
}


input:disabled, textarea:disabled, select:disabled
{
	opacity: 0.2;
}

input[type=file]
{
	box-shadow: 0 0 0 #fff;
	border: 1px solid black;
}

input:not([type=submit]):hover, textarea:hover
{
	background: #efe url(../pics/uniform/inputbg.png) no-repeat;
	background-size: 101% 110%;
	opacity: 1;	
}

	
.tooltip {
	background-color:#eee;
	border:1px solid #fff;
	padding: 0.1em 0.3em 0 0.3em;
	/*width:200px;*/
	display:none;
	color:#000;
	text-align: left;
	font-size: 1em;
	/* outline radius for mozilla/firefox only */
	box-shadow:0 0 10px rgba(0,0,0,0.7);
	border-radius: 0.5em;
	z-index: 11000;
}

input[type=submit] { /* den Submit-Button */
	float: none;
	display: inline;
	margin: 1.5em auto;
	width: 15em;
	height: auto;
	box-shadow: 0 0 0.7em #0a0;
}
button { /* den Submit-Button */
	font-weight: bold;
	font-size: 1em;
}

box.abbr { /* den Submit-Button */
	float: none;
	display: inline;
	margin: 1em auto;
	width: 15em;
	height: auto;
	box-shadow: 0 0 0.7em #a00;
}
input[type=submit]:hover{
	box-shadow: 0 0 0.5em rgba(0, 150, 0, .9);
}

#str
{
	width: 16.5em;
}
#hnr
{
	width: 3em;
}
#ort
{
	width: 14.5em;
}
#plz
{
	width: 5em;
}
#telort
{
	width: 14.5em;
}
#telplz
{
	width: 5em;
}


.histico
{
	width: 2em;
	height: 2em;
	vertical-align:middle;	
	margin-right: 0.5em;
}
br
{
	clear: both;
}

.setupdiv
{
	width: 45em;	
	margin: 0 auto;
}

fieldset
{
	border-width: 0;
	border-radius: 0.5em;
	margin: 0 auto;
	background-color: #fff;
	box-shadow: inset 0em 0em 0.3em rgba(0,0,0,0.7);
	padding-top: 1.5em;
	max-width: 50em;
}
fieldset.nolim
{
	border-width: 0;
	border-radius: 0.5em;
	margin: 0 auto;
	background-color: #fff;
	box-shadow: inset 0em 0em 0.3em rgba(0,0,0,0.7);
	padding-top: 1.5em;
	max-width: 500em;
	width: 95%;
	text-align: center;
}
fieldset.big
{
	max-width: 70em;
}

fieldset.big-scroll
{
	overflow: scroll;
	max-height: 30em;
	max-width: 70em;
}

fieldset.small
{
	width: 13em;
	float: left;
	margin: 0 0.5em 0 0.5em;
	padding-top: 1em;
}
fieldset.smallcenter
{
	width: 13em;
	margin: 0 auto;
	padding-top: 1em;
}

fieldset.note
{
	max-width: 20em;
	float: left;
	margin: 0 0.5em 0 0.5em;
	padding-top: 1em;
}

legend 
{
	width: 100%;
	margin-top: 0;
	padding-top: 1em;
	margin-top:2em;
	font-weight: bold;
	border-bottom: 1px solid rgba(0,0,0,0.3);	
	text-align: center;
}

span.big
{
	font-weight: bold;
	color: #000;
	font-size: 3em;
	text-shadow: 0.1em 0.1em 0.1em #aaa;
}

#notes
{
	background-color: #ffe;
	color: #000;
	overflow: hidden;
	border: 1px solid black;
	border-radius: 0.6em;
	opacity: 0.8;
	position: fixed;
	top: 50%;
	left: -11.4em;
	width: 11em;
	height: 30em;
	margin: -12em 0.2em;
	padding: 0.3em 0.6em 0.3em 0.6em;
	box-shadow: 0em 0em 0.4em #000;
	-moz-transition: all 2s ease-in-out 0.5s;
	-webkit-transition: all 2s ease-in-out 0.5s;
	
}
#notes:hover
{
	
	-moz-transition: all 0.5s ease-in-out; 
	-moz-transform: translate(10.5em, 0em);
	-webkit-transition: all 0.5s ease-in-out; 
	-webkit-transform: translate(10.5em, 0em);
	 
}

.hovernotes
{
	
	-moz-transition: all 0.5s ease-in-out; 
	-moz-transform: translate(10.5em, 0em);
	-webkit-transition: all 0.5s ease-in-out; 
	-webkit-transform: translate(10.5em, 0em);
	 
}

.noteshead
{
	font-weight: bold;
	text-align: center;
	border-bottom: 0.2em double #cc0;
	padding-top: 0.5em;
}
#personalnotes
{
		font-size: 1em;
		width: 95%;
		height: 12em;
		overflow: auto;
		background: #ffe;
		box-shadow: 0 0 0 #000;
		border: 0;
		border-radius: 0;
		resize: none;
		color: #a00;
		font-weight: bold;
}
#globalnotes
{
		font-size: 1em;
		margin: 0;
		padding: 0;
		width: 95%;
		height: 12em;
		overflow: auto;
		background: #ffe;
		box-shadow: 0 0 0 #000;
		border: 0;
		border-radius: 0;
		resize: none;
		color: #a00;
		font-weight: bold;
}


h1
{
	font-size: 2em;
	font-weight: 100;
	font-variant: small-caps;
	margin-bottom: 2em;
	background-color: #f5f5f5;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	text-shadow: 0.2em 0.1em 0.2em rgba(0,0,0,0.7);
}

h2
{
	font-size: 1.6em;
	font-weight: normal;
	font-variant: small-caps;
	padding: 0;
	margin: 0;
	margin-top: 1em;

}

h3
{
	text-align:center;
	font-size: 1.3em;
	font-weight: normal;
	font-variant: small-caps;
	padding: 0;
	margin: 0.5em 0 0 0;
}

.textbox
{
    border-width: 0;
	border-radius: 0.5em;
	margin: 0.5em auto;	
	background-color: #fff;
	box-shadow: inset 0em 0em 0.3em #555;
	padding: 0.5em 1em 0.5em 1em;
	text-align: left;
}

.warning
{
	border: 0.1em solid black;
	border-radius: 0.5em;
	box-shadow: inset 0em 0em 0.3em rgba(0,0,0,1);
	background: #ffc url(../pics/icons/warningbg.png) center no-repeat;
	background-size: contain;
	margin: 0.5em auto;	
	color: #000;
	width: 35em;
}

.warning[disabled=disabled]
{
	opacity: 0.4;
}

.error
{
	border: 0.1em solid black;
	border-radius: 0.5em;
	box-shadow: inset 0em 0em 0.3em rgba(0,0,0,1);
	background: #e33 url(../pics/icons/errorbg.png) center no-repeat;
	background-size: contain;
	margin: 0.5em auto;	
	padding: 0.5em;
	color: #fff;
	width: 35em;
}

.ok
{
	border: 0.1em solid black;
	border-radius: 0.5em;
	box-shadow: inset 0em 0em 0.3em rgba(0,0,0,1);
	width: 35em;	
	margin: 0.5em auto;	
	background: #cfc url(../pics/icons/okbg.png) center no-repeat;
	background-size: contain;
	padding: 0.5em;
	color: #000;
}

.message
{
	border: 0.1em solid black;
	border-radius: 0.5em;
	box-shadow: inset 0em 0em 0.3em rgba(0,0,0,1);
	width: 35em;	
	margin: 0.5em auto;	
	background: #eee url(../pics/icons/notice.png) center no-repeat;
	background-size: contain;
	padding: 0.5em;
	color: #000;
}

.line
{
	height: 0em;
	width: 100%;
	border-bottom: 0.2em double #aaa;
	margin: 0; 
	padding: 0;
}

.rightsicon
{
	width: 2em;
	height: 2em;
	margin-right: 0.5em;
}
.rechnadd
{
	width: 2em;
	height: 2em;
	margin: 0.5em;
	margin-left: 0;
	box-shadow: inset 0 0 0.1em rgba(0,0,0,0.7), 0.1em 0.1em 0.3em rgba(0,0,0,0.5);
	background: url("../pics/icons/rechn.png") center no-repeat;
	background-size: 90%;
	border-radius: 0.2em;
	display: inline-block;
	float: left;

}
td .rechnadd
{
	width: 1.5em;
	height: 1.5em;
	margin: 0;
	margin-left: 0.2em;
}
.rechnadd:hover
{
	/*-moz-transform: scale(1.4, 1.4);
	-webkit-transform: scale(1.4, 1.4);*/
	box-shadow: inset 0 0 0.2em rgba(0,0,0,0.9), 0.1em 0.1em 0.3em rgba(0,0,0,0.8);
}

.rechnstorn
{
	width: 2em;
	height: 2em;
	margin: 0.5em;
	margin-left: 0;
	box-shadow: inset 0 0 0.1em rgba(0,0,0,0.7), 0.1em 0.1em 0.3em rgba(0,0,0,0.5);
	background: url("../pics/icons/storn.png") center no-repeat;
	background-size: 90%;
	border-radius: 0.2em;
	display: inline-block;
	float: left;

}
td .rechnstorn
{
	width: 1.5em;
	height: 1.5em;
	margin: 0;
	margin-left: 0.2em;
}
.rechnstorn:hover
{
	/*-moz-transform: scale(1.4, 1.4);
	-webkit-transform: scale(1.4, 1.4);*/
	box-shadow: inset 0 0 0.2em rgba(0,0,0,0.9), 0.1em 0.1em 0.3em rgba(0,0,0,0.8);
}

.rechnnostorn
{
	width: 2em;
	height: 2em;
	margin: 0.5em;
	margin-left: 0;
	box-shadow: inset 0 0 0.1em rgba(0,0,0,0.7), 0.1em 0.1em 0.3em rgba(0,0,0,0.5);
	background: url("../pics/icons/nostorn.png") center no-repeat;
	background-size: 90%;
	border-radius: 0.2em;
	display: inline-block;
	float: left;

}
td .rechnnostorn
{
	width: 1.5em;
	height: 1.5em;
	margin: 0;
	margin-left: 0.2em;
}
.rechnnostorn:hover
{
	/*-moz-transform: scale(1.4, 1.4);
	-webkit-transform: scale(1.4, 1.4);*/
	box-shadow: inset 0 0 0.2em rgba(0,0,0,0.9), 0.1em 0.1em 0.3em rgba(0,0,0,0.8);
}

.termadd
{
	width: 2em;
	height: 2em;
	margin: 0.5em;
	margin-left: 0;
	box-shadow: inset 0 0 0.1em rgba(0,0,0,0.7), 0.1em 0.1em 0.3em rgba(0,0,0,0.5);
	background: url("../pics/icons/termadd.png") center no-repeat;
	background-size: 90%;
	border-radius: 0.2em;
	display: inline-block;
	float: left;

}
td .termadd
{
	width: 1.5em;
	height: 1.5em;
	margin: 0;
	margin-left: 0.2em;
}
.termadd:hover
{
	/*-moz-transform: scale(1.4, 1.4);
	-webkit-transform: scale(1.4, 1.4);*/
	box-shadow: inset 0 0 0.2em rgba(0,0,0,0.9), 0.1em 0.1em 0.3em rgba(0,0,0,0.8);
}
.angadd
{
	width: 2em;
	height: 2em;
	margin: 0.5em;
	margin-left: 0;
	box-shadow: inset 0 0 0.1em rgba(0,0,0,0.7), 0.1em 0.1em 0.3em rgba(0,0,0,0.5);
	background: url("../pics/icons/ang.png") center no-repeat;
	background-size: 90%;
	border-radius: 0.2em;
	display: inline-block;
	float: left;

}
td .angadd
{
	width: 1.5em;
	height: 1.5em;
	margin: 0;
	margin-left: 0.2em;
}
.angadd:hover
{
	/*-moz-transform: scale(1.4, 1.4);
	-webkit-transform: scale(1.4, 1.4);*/
	box-shadow: inset 0 0 0.2em rgba(0,0,0,0.9), 0.1em 0.1em 0.3em rgba(0,0,0,0.8);
}
.letteradd
{
	width: 2em;
	height: 2em;
	margin: 0.5em;
	margin-left: 0;
	box-shadow: inset 0 0 0.1em rgba(0,0,0,0.7), 0.1em 0.1em 0.3em rgba(0,0,0,0.5);
	background: url("../pics/icons/letter.png") center no-repeat;
	background-size: 90%;
	border-radius: 0.2em;
	display: inline-block;
	float: left;

}
td .letteradd
{
	width: 1.5em;
	height: 1.5em;
	margin: 0;
	margin-left: 0.2em;
}
.letteradd:hover
{
	/*-moz-transform: scale(1.4, 1.4);
	-webkit-transform: scale(1.4, 1.4);*/
	box-shadow: inset 0 0 0.2em rgba(0,0,0,0.9), 0.1em 0.1em 0.3em rgba(0,0,0,0.8);
}
.gutschradd
{
	width: 2em;
	height: 2em;
	margin: 0.5em;
	margin-left: 0;
	box-shadow: inset 0 0 0.1em rgba(0,0,0,0.7), 0.1em 0.1em 0.3em rgba(0,0,0,0.5);
	background: url("../pics/icons/gutschr.png") center no-repeat;
	background-size: 90%;
	border-radius: 0.2em;
	display: inline-block;
	float: left;

}
td .gutschradd
{
	width: 1.5em;
	height: 1.5em;
	margin: 0;
	margin-left: 0.2em;
}
.gutschradd:hover
{
	/*-moz-transform: scale(1.4, 1.4);
	-webkit-transform: scale(1.4, 1.4);*/
	box-shadow: inset 0 0 0.2em rgba(0,0,0,0.9), 0.1em 0.1em 0.3em rgba(0,0,0,0.8);
}
.bestadd
{
	width: 2em;
	height: 2em;
	margin: 0.5em;
	margin-left: 0;
	box-shadow: inset 0 0 0.1em rgba(0,0,0,0.7), 0.1em 0.1em 0.3em rgba(0,0,0,0.5);
	background: url("../pics/icons/best.png") center no-repeat;
	background-size: 90%;
	border-radius: 0.2em;
	display: inline-block;
	float: left;

}
td .bestadd
{
	width: 1.5em;
	height: 1.5em;
	margin: 0;
	margin-left: 0.2em;
}
.bestadd:hover
{
	/*-moz-transform: scale(1.4, 1.4);
	-webkit-transform: scale(1.4, 1.4);*/
	box-shadow: inset 0 0 0.2em rgba(0,0,0,0.9), 0.1em 0.1em 0.3em rgba(0,0,0,0.8);
}
.projectadd
{
	width: 2em;
	height: 2em;
	margin: 0.5em;
	margin-left: 0;
	box-shadow: inset 0 0 0.1em rgba(0,0,0,0.7), 0.1em 0.1em 0.3em rgba(0,0,0,0.5);
	background: url("../pics/icons/project.png") center no-repeat;
	background-size: 90%;
	border-radius: 0.2em;
	display: inline-block;
	float: left;

}
td .projectadd
{
	width: 1.5em;
	height: 1.5em;
	margin: 0;
	margin-left: 0.2em;
}
.projectadd:hover
{
	/*-moz-transform: scale(1.4, 1.4);
	-webkit-transform: scale(1.4, 1.4);*/
	box-shadow: inset 0 0 0.2em rgba(0,0,0,0.9), 0.1em 0.1em 0.3em rgba(0,0,0,0.8);
}
.mahnadd
{
	width: 2em;
	height: 2em;
	margin: 0.5em;
	margin-left: 0;
	box-shadow: inset 0 0 0.1em rgba(0,0,0,0.7), 0.1em 0.1em 0.3em rgba(0,0,0,0.5);
	background: url("../pics/icons/mahn.png") center no-repeat;
	background-size: 90%;
	border-radius: 0.2em;
	display: inline-block;
	float: left;

}
td .mahnadd
{
	width: 1.5em;
	height: 1.5em;
	margin: 0;
	margin-left: 0.2em;
}
.mahnadd:hover
{
	/*-moz-transform: scale(1.4, 1.4);
	-webkit-transform: scale(1.4, 1.4);*/
	box-shadow: inset 0 0 0.2em rgba(0,0,0,0.9), 0.1em 0.1em 0.3em rgba(0,0,0,0.8);
}
.add
{
	width: 2em;
	height: 2em;
	margin: 0.5em;
	margin-left: 0;
	box-shadow: inset 0 0 0.1em rgba(0,0,0,0.7), 0.1em 0.1em 0.3em rgba(0,0,0,0.5);
	background: url("../pics/icons/add.png") center no-repeat;
	background-size: 90%;
	border-radius: 0.2em;
	display: block;
	float: left;

}
.add:hover
{
	/*-moz-transform: scale(1.4, 1.4);
	-webkit-transform: scale(1.4, 1.4);*/
	box-shadow: inset 0 0 0.2em rgba(0,0,0,0.9), 0.1em 0.1em 0.3em rgba(0,0,0,0.8);
}
.addcenter
{
	width: 2em;
	height: 2em;
	margin: 0 auto;
	box-shadow: inset 0 0 0.1em rgba(0,0,0,0.7), 0.1em 0.1em 0.3em rgba(0,0,0,0.5);
	background: url("../pics/icons/add.png") center no-repeat;
	background-size: 90%;
	border-radius: 0.2em;
	display: block;
}
.addcenter:hover
{
	/*-moz-transform: scale(1.4, 1.4);
	-webkit-transform: scale(1.4, 1.4);*/
	box-shadow: inset 0 0 0.2em rgba(0,0,0,0.9), 0.1em 0.1em 0.3em rgba(0,0,0,0.8);
}
.check
{
	width: 2em;
	height: 2em;
	margin: 0.5em;
	margin-left: 0;
	box-shadow: inset 0 0 0.1em rgba(0,0,0,0.7), 0.1em 0.1em 0.3em rgba(0,0,0,0.5);
	background: url("../pics/icons/check.png") center no-repeat;
	background-size: 90%;
	border-radius: 0.2em;
	display: block;
	float: left;
}
td .check
{
	width: 1.5em;
	height: 1.5em;
	margin: 0;
	margin-left: 0.2em;
}
.check:hover
{
	/*-moz-transform: scale(1.4, 1.4);
	-webkit-transform: scale(1.4, 1.4);*/
	box-shadow: inset 0 0 0.2em rgba(0,0,0,0.9), 0.1em 0.1em 0.3em rgba(0,0,0,0.8);
}
.cross
{
	width: 2em;
	height: 2em;
	margin: 0.5em;
	margin-left: 0;
	box-shadow: inset 0 0 0.1em rgba(0,0,0,0.7), 0.1em 0.1em 0.3em rgba(0,0,0,0.5);
	background: url("../pics/icons/cross.png") center no-repeat;
	background-size: 90%;
	border-radius: 0.2em;
	display: block;
	float: left;
}
td .cross
{
	width: 1.5em;
	height: 1.5em;
	margin: 0;
	margin-left: 0.2em;
}
.cross:hover
{
	/*-moz-transform: scale(1.4, 1.4);
	-webkit-transform: scale(1.4, 1.4);*/
	box-shadow: inset 0 0 0.2em rgba(0,0,0,0.9), 0.1em 0.1em 0.3em rgba(0,0,0,0.8);
}
.copy
{
	width: 2em;
	height: 2em;
	margin: 0.5em;
	margin-left: 0;
	box-shadow: inset 0 0 0.1em rgba(0,0,0,0.7), 0.1em 0.1em 0.3em rgba(0,0,0,0.5);
	background: url("../pics/icons/copy.png") center no-repeat;
	background-size: 90%;
	border-radius: 0.2em;
	display: block;
	float: left;
}
td .copy
{
	width: 1.5em;
	height: 1.5em;
	margin: 0;
	margin-left: 0.2em;
}
.copy:hover
{
	/*-moz-transform: scale(1.4, 1.4);
	-webkit-transform: scale(1.4, 1.4);*/
	box-shadow: inset 0 0 0.2em rgba(0,0,0,0.9), 0.1em 0.1em 0.3em rgba(0,0,0,0.8);
}
.mail
{
	width: 2em;
	height: 2em;
	margin: 0.5em;
	margin-left: 0;
	box-shadow: inset 0 0 0.1em rgba(0,0,0,0.7), 0.1em 0.1em 0.3em rgba(0,0,0,0.5);
	background: url("../pics/icons/mail.png") center no-repeat;
	background-size: 90%;
	border-radius: 0.2em;
	display: block;
	float: left;
}
td .mail
{
	width: 1.5em;
	height: 1.5em;
	margin: 0;
	margin-left: 0.2em;
}
.mail:hover
{
	/*-moz-transform: scale(1.4, 1.4);
	-webkit-transform: scale(1.4, 1.4);*/
	box-shadow: inset 0 0 0.2em rgba(0,0,0,0.9), 0.1em 0.1em 0.3em rgba(0,0,0,0.8);
}
.changeadr
{
	width: 2em;
	height: 2em;
	margin: 0.5em;
	margin-left: 0;
	box-shadow: inset 0 0 0.1em rgba(0,0,0,0.7), 0.1em 0.1em 0.3em rgba(0,0,0,0.5);
	background: url("../pics/icons/adress_change.png") center no-repeat;
	background-size: 90%;
	border-radius: 0.2em;
	display: block;
	float: left;
}
td .changeadr
{
	width: 1.5em;
	height: 1.5em;
	margin: 0;
	margin-left: 0.2em;
}
.changeadr:hover
{
	/*-moz-transform: scale(1.4, 1.4);
	-webkit-transform: scale(1.4, 1.4);*/
	box-shadow: inset 0 0 0.2em rgba(0,0,0,0.9), 0.1em 0.1em 0.3em rgba(0,0,0,0.8);
}
.del
{
	width: 2em;
	height: 2em;
	margin: 0.5em;
	margin-left: 0;
	box-shadow: inset 0 0 0.1em rgba(0,0,0,0.7), 0.1em 0.1em 0.3em rgba(0,0,0,0.5);
	background: url("../pics/icons/del.png") center no-repeat;
	background-size: 90%;
	border-radius: 0.2em;
	display: block;
	float: left;
}
td .del
{
	width: 1.5em;
	height: 1.5em;
	margin: 0;
	margin-left: 0.2em;
}
.del:hover
{
	/*-moz-transform: scale(1.4, 1.4);
	-webkit-transform: scale(1.4, 1.4);*/
	box-shadow: inset 0 0 0.2em rgba(0,0,0,0.9), 0.1em 0.1em 0.3em rgba(0,0,0,0.8);
}
.projects
{
	width: 2em;
	height: 2em;
	margin: 0.5em;
	margin-left: 0;
	box-shadow: inset 0 0 0.1em rgba(0,0,0,0.7), 0.1em 0.1em 0.3em rgba(0,0,0,0.5);
	background: url("../pics/icons/project.png") center no-repeat;
	background-size: 90%;
	border-radius: 0.2em;
	display: block;
	float: left;
}
td .projects
{
	width: 1.5em;
	height: 1.5em;
	margin: 0;
	margin-left: 0.2em;
}
.projects:hover
{
	/*-moz-transform: scale(1.4, 1.4);
	-webkit-transform: scale(1.4, 1.4);*/
	box-shadow: inset 0 0 0.2em rgba(0,0,0,0.9), 0.1em 0.1em 0.3em rgba(0,0,0,0.8);
}
.file
{
	width: 2em;
	height: 2em;
	margin: 0.5em;
	margin-left: 0;
	box-shadow: inset 0 0 0.1em rgba(0,0,0,0.7), 0.1em 0.1em 0.3em rgba(0,0,0,0.5);
	background: url("../pics/icons/file.png") center no-repeat;
	background-size: 90%;
	border-radius: 0.2em;
	display: block;
	float: left;
}
td .file
{
	width: 1.5em;
	height: 1.5em;
	margin: 0;
	margin-left: 0.2em;
}
.file:hover
{
	/*-moz-transform: scale(1.4, 1.4);
	-webkit-transform: scale(1.4, 1.4);*/
	box-shadow: inset 0 0 0.2em rgba(0,0,0,0.9), 0.1em 0.1em 0.3em rgba(0,0,0,0.8);
}

.print
{
	width: 2em;
	height: 2em;
	margin: 0.5em;
	margin-left: 0;
	box-shadow: inset 0 0 0.1em rgba(0,0,0,0.7), 0.1em 0.1em 0.3em rgba(0,0,0,0.5);
	background: url("../pics/icons/print.png") center no-repeat;
	background-size: 90%;
	border-radius: 0.2em;
	display: block;
	float: left;
}
td .print
{
	width: 1.5em;
	height: 1.5em;
	margin: 0;
	margin-left: 0.2em;
}
.print:hover
{
	/*-moz-transform: scale(1.4, 1.4);
	-webkit-transform: scale(1.4, 1.4);*/
	box-shadow: inset 0 0 0.2em rgba(0,0,0,0.9), 0.1em 0.1em 0.3em rgba(0,0,0,0.8);
}

.printcenter
{
	width: 2em;
	height: 2em;
	margin: 0 auto;
	box-shadow: inset 0 0 0.1em rgba(0,0,0,0.7), 0.1em 0.1em 0.3em rgba(0,0,0,0.5);
	background: url("../pics/icons/print.png") center no-repeat;
	background-size: 90%;
	border-radius: 0.2em;
	display: block;
}
td .printcenter
{
	width: 1.5em;
	height: 1.5em;
	margin-left: 0.2em;
}
.printcenter:hover
{
	/*-moz-transform: scale(1.4, 1.4);
	-webkit-transform: scale(1.4, 1.4);*/
	box-shadow: inset 0 0 0.2em rgba(0,0,0,0.9), 0.1em 0.1em 0.3em rgba(0,0,0,0.8);
}

.left
{
	width: 2em;
	height: 2em;
	margin: 0.5em;
	margin-left: 0;
	box-shadow: inset 0 0 0.1em rgba(0,0,0,0.7), 0.1em 0.1em 0.3em rgba(0,0,0,0.5);
	background: url("../pics/icons/left.png") center no-repeat;
	background-size: 90%;
	border-radius: 0.2em;
	display: block;
	float: left;
}
td .left
{
	width: 1.5em;
	height: 1.5em;
	margin: 0;
	margin-left: 0.2em;
}
.left:hover
{
	/*-moz-transform: scale(1.4, 1.4);
	-webkit-transform: scale(1.4, 1.4);*/
	box-shadow: inset 0 0 0.2em rgba(0,0,0,0.9), 0.1em 0.1em 0.3em rgba(0,0,0,0.8);
}

.right
{
	width: 2em;
	height: 2em;
	margin: 0.5em;
	margin-left: 0;
	box-shadow: inset 0 0 0.1em rgba(0,0,0,0.7), 0.1em 0.1em 0.3em rgba(0,0,0,0.5);
	background: url("../pics/icons/right.png") center no-repeat;
	background-size: 90%;
	border-radius: 0.2em;
	display: block;
	float: left;
}
td .right
{
	width: 1.5em;
	height: 1.5em;
	margin: 0;
	margin-left: 0.2em;
}
.right:hover
{
	/*-moz-transform: scale(1.4, 1.4);
	-webkit-transform: scale(1.4, 1.4);*/
	box-shadow: inset 0 0 0.2em rgba(0,0,0,0.9), 0.1em 0.1em 0.3em rgba(0,0,0,0.8);
}
.cal-list
{
	width: 2em;
	height: 2em;
	margin: 0.5em;
	margin-left: 0;
	box-shadow: inset 0 0 0.1em rgba(0,0,0,0.7), 0.1em 0.1em 0.3em rgba(0,0,0,0.5);
	background: url("../pics/icons/cal-list.png") center no-repeat;
	background-size: 90%;
	border-radius: 0.2em;
	display: block;
	float: left;
}
td .cal-list
{
	width: 1.5em;
	height: 1.5em;
	margin: 0;
	margin-left: 0.2em;
}
.cal-list:hover
{
	/*-moz-transform: scale(1.4, 1.4);
	-webkit-transform: scale(1.4, 1.4);*/
	box-shadow: inset 0 0 0.2em rgba(0,0,0,0.9), 0.1em 0.1em 0.3em rgba(0,0,0,0.8);
}
.cal
{
	width: 2em;
	height: 2em;
	margin: 0.5em;
	margin-left: 0;
	box-shadow: inset 0 0 0.1em rgba(0,0,0,0.7), 0.1em 0.1em 0.3em rgba(0,0,0,0.5);
	background: url("../pics/icons/cal.png") center no-repeat;
	background-size: 90%;
	border-radius: 0.2em;
	display: block;
	float: left;
}
td .cal
{
	width: 1.5em;
	height: 1.5em;
	margin: 0;
	margin-left: 0.2em;
}
.cal:hover
{
	/*-moz-transform: scale(1.4, 1.4);
	-webkit-transform: scale(1.4, 1.4);*/
	box-shadow: inset 0 0 0.2em rgba(0,0,0,0.9), 0.1em 0.1em 0.3em rgba(0,0,0,0.8);
}
.partner
{
	width: 2em;
	height: 2em;
	margin: 0.5em;
	margin-left: 0;
	box-shadow: inset 0 0 0.1em rgba(0,0,0,0.7), 0.1em 0.1em 0.3em rgba(0,0,0,0.5);
	background: url("../pics/icons/kunden.png") center no-repeat;
	background-size: 90%;
	border-radius: 0.2em;
	display: block;
	float: left;
}
td .partner
{
	width: 1.5em;
	height: 1.5em;
	margin: 0;
	margin-left: 0.2em;
}
.partner:hover
{
	/*-moz-transform: scale(1.4, 1.4);
	-webkit-transform: scale(1.4, 1.4);*/
	box-shadow: inset 0 0 0.2em rgba(0,0,0,0.9), 0.1em 0.1em 0.3em rgba(0,0,0,0.8);
}
.now
{
	width: 2em;
	height: 2em;
	margin: 0.5em;
	margin-left: 0;
	box-shadow: inset 0 0 0.1em rgba(0,0,0,0.7), 0.1em 0.1em 0.3em rgba(0,0,0,0.5);
	background: url("../pics/icons/now.png") center no-repeat;
	background-size: 90%;
	border-radius: 0.2em;
	display: block;
	float: left;
}
td .now
{
	width: 1.5em;
	height: 1.5em;
	margin: 0;
	margin-left: 0.2em;
}
.now:hover
{
	/*-moz-transform: scale(1.4, 1.4);
	-webkit-transform: scale(1.4, 1.4);*/
	box-shadow: inset 0 0 0.2em rgba(0,0,0,0.9), 0.1em 0.1em 0.3em rgba(0,0,0,0.8);
}

.map
{
	width: 2em;
	height: 2em;
	margin: 0.5em;
	margin-left: 0;
	box-shadow: inset 0 0 0.1em rgba(0,0,0,0.7), 0.1em 0.1em 0.3em rgba(0,0,0,0.5);
	border-radius: 0.2em;
	background: url("../pics/icons/map.png") center no-repeat;
	background-size: contain;
	display: inline-block;
	vertical-align: middle;
	float: left;
}
td .map
{
	width: 1.5em;
	height: 1.5em;
	margin: 0;
	margin-left: 0.2em;
}
.map:hover
{
	/*-moz-transform: scale(1.4, 1.4);
	-webkit-transform: scale(1.4, 1.4);*/
	box-shadow: inset 0 0 0.2em rgba(0,0,0,0.9), 0.1em 0.1em 0.3em rgba(0,0,0,0.8);
}

.edit
{
	width: 2em;
	height: 2em;
	margin: 0.5em;
	margin-left: 0;
	box-shadow: inset 0 0 0.1em rgba(0,0,0,0.7), 0.1em 0.1em 0.3em rgba(0,0,0,0.5);
	background: url("../pics/icons/edit.png") center no-repeat;
	background-size: 90%;
	border-radius: 0.2em;
	display: inline-block;
	float: left;
}
td .edit
{
	width: 1.5em;
	height: 1.5em;
	margin: 0;
	margin-left: 0.2em;
}
.edit:hover
{
	/*-moz-transform: scale(1.4, 1.4);
	-webkit-transform: scale(1.4, 1.4);*/
	box-shadow: inset 0 0 0.2em rgba(0,0,0,0.9), 0.1em 0.1em 0.3em rgba(0,0,0,0.8);
}

.key
{
	width: 2em;
	height: 2em;
	margin: 0.5em;
	margin-left: 0;
	box-shadow: inset 0 0 0.1em rgba(0,0,0,0.7), 0.1em 0.1em 0.3em rgba(0,0,0,0.5);
	background: url("../pics/icons/key.png") center no-repeat;
	background-size: 90%;
	border-radius: 0.2em;
	display: inline-block;
	float: left;
}
td .key
{
	width: 1.5em;
	height: 1.5em;
	margin: 0;
	margin-left: 0.2em;
}
.key:hover
{
	/*-moz-transform: scale(1.4, 1.4);
	-webkit-transform: scale(1.4, 1.4);*/
	box-shadow: inset 0 0 0.2em rgba(0,0,0,0.9), 0.1em 0.1em 0.3em rgba(0,0,0,0.8);
}

.block
{
	width: 2em;
	height: 2em;
	margin: 0.5em;
	margin-left: 0;
	box-shadow: inset 0 0 0.1em rgba(0,0,0,0.7), 0.1em 0.1em 0.3em rgba(0,0,0,0.5);
	background: url("../pics/icons/block.png") center no-repeat;
	background-size: 90%;
	border-radius: 0.2em;
	display: inline-block;
	float: left;
}
td .block
{
	width: 1.5em;
	height: 1.5em;
	margin: 0;
	margin-left: 0.2em;
}
.block:hover
{
	/*-moz-transform: scale(1.4, 1.4);
	-webkit-transform: scale(1.4, 1.4);*/
	box-shadow: inset 0 0 0.2em rgba(0,0,0,0.9), 0.1em 0.1em 0.3em rgba(0,0,0,0.8);
}

.deblock
{
	width: 2em;
	height: 2em;
	margin: 0.5em;
	margin-left: 0;
	box-shadow: inset 0 0 0.1em rgba(0,0,0,0.7), 0.1em 0.1em 0.3em rgba(0,0,0,0.5);
	background: url("../pics/icons/deblock.png") center no-repeat;
	background-size: 90%;
	border-radius: 0.2em;
	display: inline-block;
	float: left;
}
td .deblock
{
	width: 1.5em;
	height: 1.5em;
	margin: 0;
	margin-left: 0.2em;
}
.deblock:hover
{
	/*-moz-transform: scale(1.4, 1.4);
	-webkit-transform: scale(1.4, 1.4);*/
	box-shadow: inset 0 0 0.2em rgba(0,0,0,0.9), 0.1em 0.1em 0.3em rgba(0,0,0,0.8);
}

.iconspacer
{
	width: 2em;
	height: 2em;
	float: left;
}
	
table
{
	margin:0px auto;
	padding:0px;
	text-align: left;
}
table.userlist
{
	text-align: center;
	margin: 0 auto;
}
table th
{
	border-bottom: 0.1em solid black;
	padding: 0.2em;
	margin: 0;
}
table td
{
	border-bottom: 0.1em solid gray;
	padding: 0em 1em 0em 1em;
	padding-left: 0.5em;
	margin: 0;
}
#arttbl td
{
	padding-top: 1em;
	padding-bottom: 1em;
	vertical-align: top;
	border-top: 0.1em solid gray; 
	border-bottom: 0;
}
.noline td
{
	border: 0;
}

#include_content
{
	text-align: center;
}
#kommsrc_list
{
	max-height: 20em;
	overflow: auto;
}
.widthlimiter
{
	margin: 0 auto;
	text-align: center;
	max-width: 70em;
}
.centersidebyside
{
	margin: 0 auto;
	text-align: center;
}
.fifty
{
	text-align: center;
	width: 45%;
	padding: 0.2em;
	padding-left: 1em;
	float: left;
}
.sidebyside
{
	text-align: center;
	width: 58%;
	padding: 0.2em;
	padding-left: 1em;
	float: left;
}
.sidebysidePDF
{
	text-align: center;
	width: 38%;
	padding-top: 0;
	padding-left: 0.2em;
	float: left;
	height: 300em;
}

.pdfpreviewimg
{
	width: 94%;
	border: 0.1em solid #ccc;
	box-shadow: 0.2em 0.2em 0.8em #aaa;
	padding: 3%;
}
.saveimg
{
	width: 2.5em;
	height:2.5em;
}
.bottomspace
{
	clear: both;
	height:4em;
}
.leftalign
{
	text-align: left;
}

.editable
{
	font-weight: bold;
	border: 1px dotted gray;
	padding: 0.1em 0.2em 0.1em 0.2em;
	line-height: 1.5em;
	margin: 0.1em;
}
.editable:hover
{
	background-color: #dfd;
	cursor: pointer;
}
.noentry
{
	font-weight: normal;
	font-style: italic;
	color: gray;
}

#loading {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	background: #000 url(../pics/progress.gif) center center no-repeat;
	color:#BBB;
	height:100%;
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	opacity: 0.8;
	z-index: 3;
}
#loading p
{
	margin-top: 2em;
	font-size: 2.5em;
	font-weight: bold;
}

#statusbar
{
	display: block;
	position: fixed;
	bottom: 0%;
	width: 100%;
	opacity: 0.85;
	color: #000;
	border-top: 0.1em solid #666;
	box-shadow: 0 0 0.4em #000;
	background-color: #eff;
	font-size: 1em;
}
.stat
{
	float: left;
	width: 25%;
	padding-top: 0.1em;
	text-align: center;
}
.msg_me .msg_head
{
	color: #361;
	font-size: 0.9em;
	font-weight: normal;
	font-family: Monospace;
}

.msg_foreign .msg_head
{
	color: #378;
	font-size: 0.9em;
	font-weight: normal;
	font-family: Monospace;
}

.msg_me
{ 
	/*
	border-radius: 1em;
	border: 0;
	width: 20em;
	padding: 0.3em;
	margin-left: 30em;
	box-shadow: inset 0.1em 0.1em 0.8em rgba(0,100,180,0.9), 0.3em 0.3em 0.5em rgba(0,0,0,0.5);
	*/ 
	width: 20em;
   margin-left: 25em;
   padding: 0;
   border: 1px outset rgba(0,0,0,0.5);
   border-radius: 1em;
   background: #bfa url(../pics/icons/notice.png) center no-repeat;
   background-size: contain;
   box-shadow: 0 0.3em 0.9em rgba(0,0,0,0.5), inset 0 0.4em 0.4em rgba(255,255,255,1), inset 0 1.2em 0.3em rgba(255,255,255,0.5), inset 0 1em 2em rgba(255,255,255,0.15), inset 0 -1.5em 3em rgba(0,0,0,0.3); 
}
.msg_foreign
{
	
	width: 20em;
	margin-left: 2em;
   padding: 0;
   border: 1px outset rgba(0,0,0,0.5);
   border-radius: 1em;
   background: #aef url(../pics/icons/notice.png) center no-repeat;
   background-size: contain;
   box-shadow: 0 0.3em 0.9em rgba(0,0,0,0.5), inset 0 0.4em 0.4em rgba(255,255,255,1), inset 0 1.2em 0.3em rgba(255,255,255,0.5), inset 0 1em 2em rgba(255,255,255,0.15), inset 0 -1.5em 3em rgba(0,0,0,0.3); 
}
#schnellbar
{
	position: fixed;
	width: 32em;
	top: 0em;
	left: 50%;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	background: rgba(200,220,240,0.3);
	border-bottom-left-radius: 1em;
	border-bottom-right-radius: 1em;
	border: 1px solid #ccc;
	border-top: 0;
	margin-left: -21em;
	text-align: center;
	z-index: 2;
}
.schnellicon
{
	width: 2.2em;
	height: 2.2em;
	padding: 0.2em;
	margin: 0 0.3em 0 0.3em;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	border-radius: 0.7em;
	box-shadow: inset 0 0 0.2em rgba(0,0,0,0.4), 0 0.2em 0.3em rgba(0,0,0,0.6);
	background: rgba(200,200,200,0.4);
}
.schnellicon:hover
{
	box-shadow: inset 0 0 0.3em rgba(0,0,0,0.5), 0 0.3em 0.4em rgba(0,0,0,0.5);
	background: rgba(250,250,250,0.4);
	/*-moz-transform: scale(1.6, 1.6);
	-moz-transform-origin: bottom center;
	-webkit-transform: scale(1.7, 1.7);
	-webkit-transform-origin: bottom center;
	*/
}
.justify
{
	text-align: justify;
}

.blocked{
	opacity: 0.6;
	background-color: #fba;
}
.artselect
{
	margin: 0;
}
.art
{
	height: 1.2em;
	width: 100%;
	margin: 0;
}
.work
{
	height: 1.2em;
	width: 50em;
	margin: 0;
}
.workstd
{
	height: 1.2em;
	width: 3em;
	margin: 0;
}
.workdate
{
	height: 1.2em;
	width: 5em;
	margin: 0;
}
.artmen
{
	height: 1.2em;
	width: 4em;
	margin: 0;
}
.artmeneinh
{
	width: 5.5em;
	margin: 0;
}
#rabatt
{
	width: 3em;
	margin: 0;
}
#rabattdesc
{
	width: 20em;
	margin: 0;
}
.pricetd
{
	width: 10em;
}
.artpr
{
	height: 1.2em;
	width: 5.5em;
	margin: 0;
}
.artpreinh
{
	width: 4em;
	margin: 0;
}
.artlabel
{
	height: 1.3em;
	line-height: 1.2em;
	vertical-align: middle;
	width: 100%;
	text-align: center;
	margin: 0;
	white-space:nowrap;
}
.artcheck
{
	height: 1em;
	width: 1.2em;
	margin: 0;
	display: inline;
}
.arteig
{
	height: 1.2em;
	font-weight: normal;
	width: 52%;
	margin: 0;
}
.artwa
{
	height: 1.2em;
	width: 50%;
	margin: 0;
	margin-left: 25%;
}
.artval
{
	height: 1.2em;
	width: 20%;
	margin: 0;
}
.arteinh
{

	width: 15%;
	margin: 0;
}

.headingimgL
{
	margin-left: 0em;
	margin-bottom: -6em;
	width: 6em;
	height: 6em;
}
.headingimgR
{
	margin-left: 30em;
	margin-bottom: -6em;
	width: 6em;
	height: 6em;
}

/*!!!! CALENDAR !!!!*/
#weekview
{
	margin: 0 auto;
	padding: 0;
	position: relative;
	width: 84em;
	height: 67em;
	border: 1px solid gray;
	border-radius: 0.5em;
	box-shadow: inset 0em 0em 0.3em rgba(0,0,0,0.7);
}
.hourline
{
	height: 0em;
	width: 81em;
	border-bottom: 0.1em dotted gray;
	position: absolute;
	left: 3em;
}
.hourline_desc
{
	position:absolute;
	left: 0.4em;
}

.weekdayhead
{
	position: absolute;
	width: 9.8em;
	height: 2.5em;
	padding-top: 0.2em;
	top: -1.5em;
	background-color: #fff; /*AEF cef*/
	border-radius: 0.5em;
	border: 0.1em solid gray;
	box-shadow: inset 0em 0em 0.5em rgba(0,0,0,0.7), 0.2em 0.2em 0.5em rgba(0,0,0,0.5);
}
.nowweekdayhead
{
	position: absolute;
	width: 9.8em;
	font-weight: bold;
	height: 2.5em;
	padding-top: 0.2em;
	top: -1.5em;
	background-color: #bfc;
	border-radius: 0.5em;
	border: 0.1em solid gray;
	box-shadow: inset 0em 0em 0.5em rgba(25,50,10,0.7), 0.2em 0.2em 0.5em rgba(0,0,0,0.5);
}
.nowweekdaybg
{
	position: absolute;
	width: 9em;
	font-weight: bold;
	height: 42em;
	padding-top: 0.2em;
	top: 7em;
	left: 14em;
	background-color: #bfc;
	box-shadow: inset 0 0 1.5em #fff, inset 0 0 0.7em #fff, inset 0 0 0.5em #fff;
}
.weekdaybg
{
	position: absolute;
	width: 9em;
	font-weight: bold;
	height: 42em;
	padding-top: 0.2em;
	top: 7em;
	background-color: #ddd;
	box-shadow: inset 0 0 1.5em #fff, inset 0 0 0.7em #fff, inset 0 0 0.5em #fff;
}

#timeline
{
	position: absolute;
	width: 80em;
	left: 3em;
	height: 0.01em;
	border-top: 0.1em solid red;
	box-shadow: 0.1em -0.1em 0.2em #F00	
}
.weekday_line
{
	position: absolute;
	width: 0.01em;
	height: 65em;
	top: 1em;
	border-left: 0.1em solid black;
	box-shadow: 0em 0em 0.2em #000;
}
.legendcolbox
{
	padding: 0.1em 0.3em 0.1em 0.3em;
	margin: 0.2em 0.2em 0.2em 0.2em;
	width: 2em;
	height: 2em;
	border-radius: 0.5em;
	border: 0.1em solid black;
	box-shadow: inset 0em 0em 0.5em #000, 0.2em 0.2em 0.3em rgba(0,0,0,0.5);
	font-weight: bold;
	text-shadow: 0 -1px 1px #fff, 1px 0 1px #fff, 0 1px 1px #fff, -1px 0 1px #fff;
}
.terminbox
{
	position: absolute;
	padding: 0;
	border-radius: 0.5em;
	border: 0.1em solid black;
	box-shadow: inset 0em 0em 0.5em #000, 0.2em 0.2em 0.3em rgba(0,0,0,0.5);
}
.mabox
{
	position: absolute;
	padding: 0;
	border-radius: 0.2em;
	border: 0.1em solid gray;
	opacity: 0.5;
}
.doneterminbox
{
	position: absolute;
	padding: 0;
	border-radius: 0.5em;
	border: 0.1em solid gray;
}
.rotate
{
	position: absolute;
	top: 0;
	left: 0.5em;
	-moz-transform-origin: 55% 110%;
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg); 
	font-weight: bold;
	text-shadow: 0 -1px 1px #fff, 1px 0 1px #fff, 0 1px 1px #fff, -1px 0 1px #fff;
}
a .rotate
{
	color: #000;
}
.terminbox:hover
{ 
	box-shadow: inset 0em 0em 0.7em #000,inset 0em 0em 0.2em #000, 0.3em 0.3em 0.4em #000;
}
.doneterminbox:hover
{
	box-shadow: inset 0em 0em 0.4em #aaa,inset 0em 0em 0.4em #aaa, 0.2em 0.2em 0.3em #ccc;
}

.weatherinfo
{
	position: absolute;
	top: -6em;
	width: 9em;
	height: 5.5em;
	background-size: contain;
	background-repeat: no-repeat;
}
.weathericon
{
	width: 7em;
}
/*!!!! END CALENDAR !!!!*/


#question {

		/* overlay is hidden before loading */
		display:none;

	}