html {
	overflow-y:scroll;
}

body {
	margin:auto;
	background-color:#202020;
	font-family:verdana,helvetica,arial,sans-serif;
	font-weight:300;
	font-size:12px;
	color:#E0E0E0;
}

div {
	width:100%;
}

img {
	border:0;
}

h1 {
	font-size:160%;
	font-weight:bold;
	color:#E0E0E0;
	background-color:transparent;
}

h2 {
	font-size:140%;
	font-weight:bold;
	color:#E0E0E0;
	background-color:transparent;
}

h3 {
	font-size:100%;
	font-weight:bold;
	color:#E0E0E0;
	background-color:transparent;
	text-decoration:underline;
}

h4 {
	font-size:100%;
	font-weight:normal;
	color:#E0E0E0;
	background-color:transparent;
	text-decoration:underline;
}

table {
	font-size:100%;
	font-weight:normal;	
}

td {
	font-size:100%;
	font-weight:normal;	
}

th {
	font-size:100%;
	font-weight:bold;	
}

p {
	font-size:100%;
	font-weight:normal;	
}

a {
	font-size:100%;
	font-weight:normal;	
}


input[type=text], 
input[type=password] {
  font-size:   90%; 
  height:      26;
	background-color:#202020;
	font-weight:bold;
	color:#D0D0D0;
	text-decoration:none;
	border:1px solid #666666;
	padding-left:5px;
	padding-top:3px;
	padding-bottom:3px;
	border-radius:6px;
} 

input[type=text]:disabled {
  color:#808080;
  outline: none;
}

input[type=submit],
input[type=reset] {
  cursor: pointer;
	font-size: 90%;
  height:     26;
//	background-color:#202020;
	background: linear-gradient(#808080, #606060, #505050, #606060, #808080);
	font-weight:bold;
	color:#D0D0D0;  
	border:#000000;
  border-width: medium;
  border-style: outset;
	padding-left:5px;
	padding-top:3px;
	padding-bottom:3px;
	border-radius:6px;
}


input[type="file"] {
  position: absolute;  
  opacity: 0;
  cursor: pointer;
	font-size: 0px;
  display: block;
  right: 0;
  text-align: right;
  top: 0;
}

label.inputFileContainer {
  cursor: pointer;
	font-size: 90%;
  height:     26;
	background: linear-gradient(#808080, #606060, #505050, #606060, #808080);
	font-weight:bold;
	color:#D0D0D0;  
	border:#000000;
  border-width: medium;
  border-style: outset;
	padding-left:5px;
	padding-top:3px;
	padding-right:5px;
	padding-bottom:3px;
	border-radius:6px;
  overflow: hidden;
  position: relative;
}


input[type="submit"]:hover {
  border-style: inset;
	color:#FFFFFF;
}


input[type="checkbox"] {
  display: none;
}

input[type="checkbox"] + label {
  display: inline-block;  
  padding-left: 18px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><circle cx='50%' cy='50%' r='45%' fill='black' stroke='gray' stroke-width='1' /></svg>");
  vertical-align:middle;
  cursor:pointer;
}

input[type="checkbox"]:checked + label {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><circle cx='50%' cy='50%' r='45%' fill='black' stroke='gray' stroke-width='1' /><path stroke='green' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' d='m 4,9 4,3 6,-10' /></svg>");
  cursor:pointer;
}

input[type="checkbox"]:disabled + label {
  cursor:default;
}

input[type="checkbox"]:checked:disabled + label {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><circle cx='50%' cy='50%' r='45%' fill='black' stroke='gray' stroke-width='1' /><path stroke='gray' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' d='m 4,9 4,3 6,-10' /></svg>");
  cursor:default;
}


select {
  font-size:   90%; 
  height: 26px;
	background-color:#202020;
	font-weight:bold;
	color:#D0D0D0;
	text-decoration:none;
	border:1px solid #666666;
	padding: 5px 21px 5px 5px;
	border-radius:6px;
	-webkit-appearance: none;  
	-moz-appearance: none; 
  appearance: none;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><polygon points='3,5 7,10 11,5' fill='gray' stroke='gray' stroke-width='1' /></svg>");
  background-repeat: no-repeat;
  background-position: right;
} 

select:disabled {
  color:#808080;
	outline: none;
}

option {
  font-size:   90%; 
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
}





#frame {
	margin:auto;
	width:1002px;
	background-color:#404040;
}


#header {
	margin:auto;
	width:100%;
}

#menubar {
	width:98%;
	padding-left:1.0%;
	padding-right:1.0%;
	background-color:#606060;
	white-space:nowrap;
}

table.menubar {
	border-collapse:collapse;
	border:0px;
}

td.menubar {
	background-color:#606060;
	padding-top:8px;
	padding-bottom:8px;
	padding-left:15px;
	padding-right:15px;
}

a.menubar:link,a.menubar:visited {
	color:#D0D0D0;
	font-size:90%;
	font-weight:bold;
	text-decoration:none;
}

a.menubar:hover,a.menubar:active {
	border-bottom:1px solid #FFFF40;
	color:#FFFF40;
	font-size:90%;
	font-weight:bold;
	text-decoration:none;
	background:none;
}

div.message {
	width:100%;
	height:10px;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:5px;
	color:#FFFFFF;
	font-weight:bold;
}

div.messagesuccess {
	width: 99%;
	background-color:#408040;
	color:#FFFFFF;
	border:0px solid #0A4B14;
	margin:5px 0px 5px 0px;
	padding:3px 5px 3px 5px;
	font-weight:bold;
}

div.messagefailure {
	width: 97%;
	background-color:#B00000;
	color:#FFFFFF;
	border:0px solid #880505;
	margin:5px 0px 5px 0px;
	padding:3px 5px 3px 5px;
	font-weight:bold;
}

table.page {
	width:100%;
	border-collapse:collapse;
	border:0px;
}

td.page {
	vertical-align: top;
	padding-left:5px;
	padding-right:5px;
}

td.menuleft {
	background-color:#606060;
	vertical-align: top;
	padding-left:5px;
	padding-right:5px;
	width:18%;
}

a.menuleft_submenu,a.menuleft_submenu:hover {
  cursor:default;
  user-select:none;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;     
	display:block;
	background-color:#404040;
	font-size:90%;
	font-weight:bold;
	color:#D0D0D0;
	text-decoration:none;
	border:1px solid #D0D0D0;
	padding-left:5px;
	padding-top:2px;
	padding-bottom:2px;
	margin-top:5px;
	margin-bottom:1px;
	border-radius:5px;
}

a.menuleft_submenu:link,a.menuleft_submenu:visited,a.menuleft_submenu:active {
  cursor:pointer;
	display:block;
	background-color:#404040;
	font-size:90%;
	font-weight:bold;
	color:#D0D0D0;
	text-decoration:none;
	border:1px solid #D0D0D0;
	padding-left:5px;
	padding-top:2px;
	padding-bottom:2px;
	margin-top:5px;
	margin-bottom:1px;
	border-radius:5px;
}

a.menuleft_submenu:hover,a.menuleft_submenu:active {
	background-color:#D0D0D0;
	color:#404040;
	border:1px solid #404040;
}

a.menuleft_submenu.inactive {
	background-color:#404040;
	color:#D0D0D0;
	border:1px solid #D0D0D0;
}

a.menuleft_item,a.menuleft_item:hover {
  cursor:default;
  user-select:none;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;     
	display:block;
	background-color:#404040;
	font-size:80%;
	font-weight:normal;
	color:#D0D0D0;
	text-decoration:none;
	border:1px solid #D0D0D0;
	padding-left:5px;
	padding-top:1px;
	padding-bottom:1px;
	margin-left:20px;
	margin-top:1px;
	margin-bottom:1px;
	border-radius:5px;
}

a.menuleft_item:link,a.menuleft_item:visited,a.menuleft_item:active {
  cursor:pointer;
	display:block;
	background-color:#404040;
	font-size:80%;
	font-weight:normal;
	color:#D0D0D0;
	text-decoration:none;
	border:1px solid #D0D0D0;
	padding-left:5px;
	padding-top:1px;
	padding-bottom:1px;
	margin-left:20px;
	margin-top:1px;
	margin-bottom:1px;
	border-radius:5px;
}

a.menuleft_item:hover,a.menuleft_item:active {
	background-color:#D0D0D0;
	color:#404040;
	border:1px solid #404040;
}

a.menuleft_submenu.inactive {
	background-color:#404040;
	color:#D0D0D0;
	border:1px solid #D0D0D0;
}


#footer {
	width:98%;
	font-size:80%;
	text-align:center;
	padding-top:0px;
	padding-bottom:8px;
	color:#D0D0D0;
}

hr.footer {
	background-color:#D0D0D0;
	height:2px;
	border:0px;
}

a:link,a:visited {
	color:#FFFFC0;
	background-color:transparent; 
	text-decoration:none;
}

a:hover,a:active {
	color:#FFFF40;
	background-color:transparent;
  text-decoration:none;
}




table.searchform {
	font-size:100%;
	border-collapse:collapse;
	border:0px;
}

th.searchform {
	background-color:#f4f4f4;
	font-size:100%;
	font-weight:bold;
	text-decoration:underline;
	text-align:center;
}

td.searchform {
	font-size:100%;
	font-weight:normal;
	text-decoration:none;
	text-align:left;
}





.eingabeLogin {
	width:180px;
	height:25px;
	margin-bottom:10px;
}






table.raumreservierung {    
  margin:auto;
  margin-top:25px;
  font-size:12px;
  background: linear-gradient(#202020, #000000, #202020);
  border-radius: 4px;
  border: 0px solid #808080;    
}


th.raumreservierung {
	text-align: center;
  font-weight: bold;
  color: #FFFFFF;
	padding: 3px 7px 4px 7px;
	border-radius: 4px;
}


th.raumreservierung.selecteddate {
	background: linear-gradient(#A080A0, #806080, #705070, #806080, #A080A0);
  padding: 5px 7px 6px 7px;
	border-radius: 4px;
}

th.raumreservierung.header {
	background: linear-gradient(#A0A080, #808060, #707050, #808060, #A0A080);
}


.raumreservierung .period {
  width:80px;  
  cursor: default;
	text-align: center;
  font-weight: normal;
  color: #FFFFFF;
	padding: 3px 7px 4px 7px;
	border-radius: 4px;
	background: linear-gradient(#808080, #606060, #505050, #606060, #808080);
  opacity: 0.4;  
}

.raumreservierung .period.cell {
  color: #FFFFFF;
	background: linear-gradient(#808080, #606060, #505050, #606060, #808080);
  opacity: 0.8;  
}

.raumreservierung .period.cell.room.active:hover {  
  cursor: pointer;
  opacity: 1.0;  
}

.raumreservierung .period.cell.room.active.reserved {
	background: linear-gradient(#B04040, #902020, #801010, #902020, #B04040);
}

.raumreservierung .period.cell.room.inactive.other {
	background: linear-gradient(#F06000, #D04000, #C03000, #D04000, #F06000);
}

.raumreservierung .period.cell.room.inactive.fixed {
	background: linear-gradient(#8080D0, #6060B0, #5050A0, #6060B0, #8080D0);
}

.raumreservierung .period.cell.time {
	background: linear-gradient(#A0A080, #808060, #707050, #808060, #A0A080);
  opacity: 1.0;  
}




div.calendar {
	background: linear-gradient(#202020, #000000, #202020);
  border-radius: 4px;
  border: 1px solid #808080;
  height = 100%;
}

table.calendar {
	background: linear-gradient(#202020, #000000, #202020);
  border-radius: 4px;
  border: 0px solid #808080;
}

th.calendar {
	text-align: center;
  font-weight: bold;
  color: #FFFFFF;
	padding: 3px 7px 4px 7px;
	border-radius: 4px;
}

th.calendar.month {
	background: linear-gradient(#A080A0, #806080, #705070, #806080, #A080A0);
  padding: 5px 7px 6px 7px;
	border-radius: 4px;
}

th.calendar.dayofweek {
	background: linear-gradient(#A0A080, #808060, #707050, #808060, #A0A080);
}

td.calendar {
  cursor: default;
	text-align: center;
  font-weight: normal;
  color: #FFFFFF;
	padding: 3px 7px 4px 7px;
	border-radius: 4px;
	background: linear-gradient(#808080, #606060, #505050, #606060, #808080);
  opacity: 0.4;
}


td.calendar.othermonth {
  opacity: 0.2;
}

td.calendar.selectable {
  color: #FFFFFF;
	background: linear-gradient(#808080, #606060, #505050, #606060, #808080);
  opacity: 0.8;
}

td.calendar.today {
  font-weight: bold;
}

td.calendar.selected {
	background: linear-gradient(#D06020, #B05010, #A04000, #B05010, #D06020);
  opacity: 1.0;
}

td.calendar.selectable:hover {	
  cursor: pointer;
  opacity: 1.0;
}





table.grid {
	background: #080808;
  border-radius: 4px;
  border: 1px solid #808080;
  display:inline-table;
  margin: 0px;
  padding: 0px;
}

th.grid {
	text-align: center;
  font-weight: bold;
  color: #FFFFFF;
	padding: 3px 7px 4px 7px;
	border-radius: 4px;
}

th.grid.title {
	background: linear-gradient(#A080A0, #806080, #705070, #806080, #A080A0);
  padding: 5px 7px 6px 7px;
	border-radius: 4px;
}

th.grid.col {
	background: linear-gradient(#A0A080, #808060, #707050, #808060, #A0A080);
}


td.grid.rowheader {
	text-align: center;
  font-weight: bold;
  color: #FFFFFF;	
	border-radius: 4px;
	background: linear-gradient(#A0A080, #808060, #707050, #808060, #A0A080);
}


td.grid.row {
	text-align: center;
  font-weight: bold;
  color: #FFFFFF;	
	border-radius: 4px;
	background: linear-gradient(#606070, #505060, #404050, #505060, #606070);
  opacity: 0.8;
}

td.grid.row2 {
	text-align: center;
  font-weight: bold;
  color: #FFFFFF;	
	border-radius: 4px;
	background: linear-gradient(#607060, #506050, #405040, #506050, #607060);
  opacity: 0.8;
}


input[type=submit].grid {
  height: auto;
  cursor: default;
	text-align: center;
  font-size: 100%;
  font-weight: normal;
	padding: 3px 7px 4px 7px;
  border-width: 0;
	border-radius: 4px;
  color: #FFFFFF;
	background: linear-gradient(#808080, #606060, #505050, #606060, #808080);
  opacity: 0.8;
}

input[type=submit].grid:disabled {
  opacity: 0.4;  
}

input[type=submit].grid:hover {	
  cursor: pointer;
  opacity: 1.0;
}

input[type=submit].grid:disabled:hover {
  cursor: default;
  opacity: 0.4;
}

input[type=submit].grid.suppressed:disabled {
  opacity: 0.2;
}

input[type=submit].grid.emphasized {
	background: linear-gradient(#8080D0, #6060B0, #5050A0, #6060B0, #8080D0);
}

input[type=submit].grid.emphasized:disabled {
  opacity: 0.8;
}

input[type=submit].grid.marked {
	background: linear-gradient(#D08080, #B06060, #A05050, #B06060, #D08080);
}

input[type=submit].grid.marked:disabled {
  opacity: 0.8;
}

input[type=submit].grid.selected {	
  background: linear-gradient(#B04040, #902020, #801010, #902020, #B04040);
}

input[type=submit].grid.selected:disabled {	
  background: linear-gradient(#B04040, #902020, #801010, #902020, #B04040);
  opacity: 1.0;
}