/* ************************************************************
* (c)2006-2016 by Lothar Beck, Präsentationsdesigner          *
* import in the styles for wsd                                *
************************************************************ */
		button{
			cursor:pointer;
		}
		.screen{
			position:absolute;
			margin:0px 0px 0px 0px;
			border:4px inset #2200ee;
			right:0px;
			bottom:0px;
			top:0px;
			left:0px;
		}
		#layer2{
			position:relative;
			background-color:rgba(242,248,248,0.8);
			border:4px double rgb(80,80,80);
			width:100%;
			min-width: 310px; 
			max-width: 310px; 
			height: 296px;
			border-radius:0.5%;
			margin:15px auto 5px auto;
			z-index:12;
		}
		#timetoback{
			display:inline-block;
			position:relative;
			margin-top:2px;
			margin-left:10%;
		}
		#timeforward{
			display:inline-block;
			position:relative;
			margin-left:calc(75% - 10%);
		}
		table#calendar{
			position:relative;
			margin:1px auto 5px auto;
			width:92%;
			border-collapse:collapse;
			height:200px;
		}
		#calendar caption#cal_title{
			display:block;
			position:absolute;
			height:24px;
			width:120px;
			font-size:1.00em;
			font-weight:bold;
			top:4px;
			left:26%;
		}
		table#calendar tbody{
			display:block;
			position:relative;
			margin:28px auto 1px auto;
			width:94%;
			border-collapse:collapse;
			height:200px;
			background: rgb(250,245,250);
		}
		table#calendar td{
			border: 1px solid black;
			padding: 0.4em;
			text-align: center;
		}
		
		td:nth-of-type(1) {
		background-color: #efefef;
		color: #a544a5;
		}
		table#calendar tr:first-of-type {
		background-color: rgb(161,161,161);
		border-width:2px;
		border-style:solid;
		border-color:rgb(2,3,2);
		color: #4e4e4e;
		font-weight: bold;
		} 
		td:nth-of-type(8) {
		background-color: rgb(155,230,230);
		color: #666;
		}
		td.heute {
		color:yellow; 
		font-weight: bold;
		background-color: #8899e6;
		}
		td.kalendertag {
		cursor:pointer;
		}
		td.kalenderwoche {
		color:#1f1f1f; 
		font-weight: 500;
		font-style:italic;
		background-color: #eaeaef;
		}
		td.happyday {
		color:rgb(255,255,51); 
		font-weight:bold;
		background-color:#ee4488;
		}
		#notewrite{
			display:none;
			position:absolute;
			margin:20px auto 20px auto;
			background-color:rgba(204,104,154,0.88);
			height:640px;
			width:350px;
			padding:20px;
			cursor:move;
			z-index:1;
		}
		#close{
			position:absolute;
			top:2px;
			right:5px;
			background-color:red;
			color:rgb(244,244,244);
		}
		#checkdate{
			text-align:center;
			top:20px;
		}
		#layer1 .content{
			position:relative;
			height:300px;
			margin:10px auto 5px auto;
			width: 100%;
			background-image:url('filemanager.png');
			background-repeat:no-repeat;
			background-size:99% 99%;
		}

		/* Ende Calendar */
		/* Beginn Calendar Layer */




		form#noteevent{
			text-align:left;
		}
		#checkdate{
			text-align:center;
			top:20px;
		}
		label.lbnotes{
			display:block;
			position:relative;
			width:20%;
			height:28px;
			margin-top:10px;
			margin-left:10px;
			font-weight:bold;
		}
		label.lbnotes:nth-of-type(1){
			display:block;
			position:relative;
			width:80%;
		}
		label.lbnotes:nth-of-type(2){
			display:block;
			position:relative;
			width:80%;
		}
		label.lbnotes:nth-of-type(3){
			display:block;
			position:relative;
			width:80%;
		}
		label.lbnotes:nth-of-type(4){
			display:inline-block;
			width:40%;
			
		}
		label.lbnotes:nth-of-type(5){
			display:inline-block;
			width:40%;
		}
		label.lbnotes:nth-of-type(6){
			display:inline-block;
			width:40%;
		}
		label.lbnotes:nth-of-type(7){
			display:inline-block;
			width:40%;
		}
#before_spinner{
	margin:4px auto 4px 20px;
	width:80%;
}
		#before_spinner label.lbnotes:nth-of-type(1){
			display:inline-block;
			width:22%;
		}
		#before_spinner label.lbnotes:nth-of-type(2){
			display:inline-block;
			width:22%;
		}
		#before_spinner label.lbnotes:nth-of-type(3){
			display:inline-block;
			width:22%;
		}
		input.eventdate{
			display:block;
			position:relative;
			width:31%;
			height:20px;
			border-radius: 4px;
			margin-top:1px;
			margin-left:10px;
			padding:1% 2%;
			font-weight:400;
			font-size:1.02em;
		}
		input.eventdate:-moz-read-only{
			background:rgb(241,222,100);
		}
		input.eventdate:read-only{
			background:rgb(241,222,100);
		}
		input.eventdate:nth-of-type(1){
			width:80%;
		}
		input.eventdate:nth-of-type(2){
			width:80%;
		}
		input.eventdate:nth-of-type(3){
			width:80%;
		}
		input.eventdate:nth-of-type(4){
			display:inline-block;
			width:35%;
		}
		input.eventdate:nth-of-type(5){
			display:inline-block;
			width:35%;
		}
		input.eventdate:nth-of-type(6){
			display:inline-block;
			width:35%;
		}
		input.eventdate:nth-of-type(7){
			display:inline-block;
			width:35%;
		}
		#before_spinner input#before_days{
			display:inline-block;
			width:12%;
			margin-left:10px;
		}
		#before_spinner input#before_hours{
			display:inline-block;
			width:12%;
			margin-left:20px;
		}
		#before_spinner input#before_minutes{
			display:inline-block;
			width:12%;
			margin-left:20px;
		}

#timespinner .ui-spinner{
	margin:15% auto 15% auto;
}
form#noteevent .ui-spinner{
	width:23%;
	left:15px;
}
#timespinner{
	display:block;
	position:absolute;
	margin-top:3%;
	margin-left:20%;
	height:90px;
	width:80%;
	background-color:rgba(211,211,211, 0.95);
	border-radius:.51em;
	z-index:1;
}
input#starteventtime1, input#starteventtime2,input#starteventtime3{
	display:inline-block;
	width:20px;
}
		#lbnote{
			display:block;
			position:relative;
			width:60%;
			height:20px;
			margin-top:20px;
		}
		textarea#note{
			display:inline-block;
			position:relative;
			width:75%;
			height:48px;
			margin-top:12px;
			margin-left:10px;
		}
		
button#save{
	display:block;
	position:relative;
	height:28px;
	width:120px;
	border-radius: 4px;
	background-color:rgba(12,133,244,.55);
	text-align:center;
	font-weight:bold;
	margin:20px auto 10px auto;
}
button#save:hover{
	background-color:rgba(112,233,214,.55);
	margin:20px auto 10px auto;
}

@media screen and (max-width: 680px) and (orientation:landscape) {
	
		h1{
			font-size:1.6em;
		}
		section{
			display:block;
			overflow-x:hidden;
			height:calc(800px);
		}
		#notewrite{
			display:none;
			position:absolute;
			margin:20px auto 20px auto;
			background-color:rgba(154,154,154,0.88);
			height:640px;
			width:350px;
			padding:20px;
			cursor:move;
			z-index:1;
		}



}
/* Ende Calendar Layer */