html, body {
	background: #cccccc;
	color:#000000;
	margin: 0;
	padding-top: 0.5em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	padding-bottom: 1em;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10pt;
	height:100 %;
}

h1 {
	font-size: 1em;
}
h2 {
	font-size: 0.83em;
}

td {
	vertical-align: top;
	margin: 0;
	padding: 0;
}
tr {
	margin: 0;
	padding: 0;
}
fieldset {
	overflow: auto;
	white-space:nowrap;
}

table {
	table-layout: fixed;
	overflow: hidden;
	border: 0;
	width: 100%;
	padding: 0;
	margin: 0;
	border-spacing: 0;
	border-collapse: collapse;
	height: 100%;
}
button{
	margin: 0;
	padding: 0;
}
div {
	position: relative;
}
li {
	list-style-type: none;
}
object.upload {
	display: block;
	width:100%;
	height: 500px;
}



.smallfont {
	font-size: 11px;
}
.bkColor {
	background: #FFFFFF;
}
.DarkCDColor {
 	background: #0b2a51; 
 	color:#FFFFFF;
}
.LightCDColor {
	background:  #A8AFC7;
	color: #000000;
}
.MedCDColor {
	/*background:  #87a1d2;*/
	background:  #515D80;
	color: #FFFFFF;
}
.linkButton {
	font-size-adjust: none;
}
.linkButton:hover {
	cursor: pointer;
}
.error {
	color: #FF0000;
}
.msg {
	color: #E87B14;
}
.HeaderRow {
	height: 70px;
}
.italic {
	font-style:italic;
}
.portalBackground {
	background-color: #fff;
}


p.version {
	font-size: 9pt;
	color : #A8AFC7;
}

div.portal {
	border: 1px #eee solid;
	background-color: #fff;
	height: 100%;
	bottom-margin: 0px;
	min-height: 800px;
}
div.indent {
	top:100px;
	left:100px;
	width: 100%;
}
div.shortindent {
	top:20px;
	left:20px;
	width: 100%;
}

div.file {
	width:600px;
}


button.tablelink {
	text-align: left;
}
button.default {
	border: 0;
	background-color: transparent;
	background-image:url(picturemodules/button.cgi?height=20px&width=80px);
	background-position: 0 0;
	background-size: auto auto;
	background-repeat: no-repeat;
	height:20px;
	width:80px;
	vertical-align: middle;
}
button.black {
	color: #000000;
}
button.submit {
	width:124px;
}
button.image {
	border: 0;
	background-color: transparent;
}
button.go{
	border: 0;
	background-color: transparent;
	background-image:url(picturemodules/button.cgi?height=20px&width=30px);
	background-position: 0 0;
	background-size: auto auto;
	background-repeat: no-repeat;
	height: 20px;
	width: 30px;
	vertical-align: middle;
	color: #000000;
}

span.LogoButton {
	background-image:url(pictures/Logo.png);
    background-repeat:no-repeat;
    background-position: right center;
    background-size: auto auto;
    display: block;
}
button.LogoButton {
   border: 0;
  
   width:100%;
   background: transparent;
}


span.TULogoButton {
	background-image:url(pictures/TU_Logo_weiss.png);
    background-repeat:no-repeat;
    background-position: left center;
    background-size: auto auto;
     display: block;
}	
button.TULogoButton {
    border: 0;
    width:100%;
   
    background: transparent;
}

button.backLink {
	color: #0059A3;
	background-color: #fff;
	height: 20px;
	border: 0;
	Display: block; 
	margin-left: 5px;  
	text-align: left;
	text-indent:20px;
	font-size: 10pt;
}
button.navButton {
  color: #0059A3;
  height: 20px;
  border: 0;
  display: block; 
  margin-left: 5px;  
  text-align: left;
  text-indent:20px;
  font-size: 10pt;
  /*background-image:url(pictures/triangle.png);
  background-repeat:no-repeat;
  background-position:0 0.5em;*/
  background-color: transparent;
}
button.LoginButton {
  height: 20px;	
  width: 100%;
  border: 0;
  text-align: center;
  font-size:10pt;
}
button.LoginButton:hover {
	background: #0b2a51;
	color: #FFFFFF;
}
button.navButton:hover {
  /*background-image:url(pictures/triangle2.png);
  background-repeat:no-repeat;
  background-position:0 0.5em;*/
  font-weight: bold; 
}
button.navButtonSelect {
	color: #E87B14;
}
button.impButton {
  border :0;
  text-align: right;
  font-size:8pt;
}
button.actionButton{
	border: 0;
	height: 15px;
	width: 15px;
	background-repeat:no-repeat;
	background-position: center center;
}
button.delete{
	background-image:url(pictures/delete.png);
}
button.publish{
	background-image:url(pictures/publish.png);
}
button.publishtk{
	background-image:url(pictures/publishtk.png);
}
button.download{
	background-image:url(pictures/download.png);
}
button.view{
	background-image:url(pictures/view.png);
}
button.view_wave{
	background-image:url(pictures/view_wave.png);
}
button.view_many{
	background-image:url(pictures/view_many.png);
}
button.view_wave_many{
	background-image:url(pictures/view_wave_many.png);
}
button.show{
	background-image:url(pictures/show.png);
	
}
button.fileButton {
	border: 0;
	font-size: 11px;
	height: 14px;
}
button.textButton {
	border: 0;
	font-size: 11px;
	height: 14px;
	color: #000000;
	text-align: left;
}
button.linktextButton {
	border: 0;
	font-size: 12px;
	height: 14px;
	text-decoration: underline;
	color: #0000FF;
}
button.linktextButton:hover {
	cursor: pointer;
}
button.linktextButton:visited {
	color: #800080;
}
button.linktextButton:active {
	color: #FF0000;
}

button.fileButton:hover {
	color: #0059A3;
	text-decoration:underline; 
}
button.tableHeader {
	font-size: 11px;
	border: 0;
}
button.tableHeaderSelected {
	text-decoration:underline;
}
button.selected {
	font-weight: bold;
}


thead.List {
	border-bottom: 15px solid white;
}


col.statistic{
	width: 120px;
}
col.navcolpre{
	width: 62px;
}
col.navcol {
	width:200px;
}
col.LabelCol{
	width: 100px;
}
col.EditCol {
	width: 300px;
}
col.LoginCol {
	width: 100px;
}

col.InfoCol {
	width: *;	
}
col.edge {
	width: 1px;
}
col.rightborder {
	border-right: #0b2a51 1px solid;
}
col.impressum {
	width: 70%;
}


tr.SubHeaderRow {
	height: 20px;
	vertical-align:middle;
	overflow: hidden;
}

tr.navTable {
	border-bottom: 1px dotted #0b2a51;
	border-top: 1px dotted #0b2a51;
	height: 1.4em;
	width: 50px;
}
tr.navcell {
	min-height: 350px;
}

col.preList {
	width: 160px;
}

tr.Foot {
	height: 20px;
}
tr.impressum {
	vertical-align: bottom;
}

button.IEEH_Logo {
	background-image:url(pictures/IEEH_Logo.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #FFFFFF;
	height: 70px;
	width: 70px;
	float: left;
	vertical-align: middle;
	border: 0;
}
button.imp_TU_Logo {
	background-image:url(pictures/TU_Logo.png);
	background-repeat: no-repeat;
	background-position: right top;
	background-color: #FFFFFF;
	float: right;
	height: 70px;
	width: 70px;
	vertical-align: middle;
	border: 0;
}


td.LoginData {
	color: #FFFFFF;
	font-size: 8pt;
	text-align: right;
	width:100%;
	vertical-align:middle;
	padding-right:10px;
	white-space:nowrap; 
}
td.SubHeaderCellTable{
	text-align: left;
	vertical-align:middle;
}
td.bottomedge {
	vertical-align: bottom;
}
td.graphic {
	padding: 20px;
}
td.impressum {
  text-align: right;
  padding-bottom: 10px;
  padding-right: 10px;
  vertical-align: text-bottom;
}
td.impressum_Text {
	text-align: center;
}

td.contentCell {
	width: 100%;
	padding-right: 20px;
	padding-left: 20px;
	padding-top:10px;
}
td.LogoCell {
	overflow: hidden;
}
td.browser {
	text-align:right;
	font-size: 8pt;
	color : #A8AFC7;
	padding-right:5px;
}
td.welcome {
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 10px;
	padding-bottom: 10px;
	overflow: hidden;
	height: 100px;
}
td.Lampe1 {
	background-image:url(pictures/Energiesparlampen.JPG);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
td.Netz {
	background-image:url(pictures/Netzgeraete.JPG);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;

}
td.Lampe2 {
	background-image:url(pictures/Energiesparlampen_an.JPG);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
td.LED {
	background-image:url(pictures/LED.JPG);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
td.PandaBig {
	height: 80px;
	background-size: auto;
}
span.PandaBig {
	background-image:url(pictures/PandaBig.png);
	background-repeat: no-repeat;
	background-position: center;
	display: block;	
	height: 80px;
}

td.Mobile {
	background-image:url(pictures/mobile.JPG);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}


td.preList{
	height: 30px;
}
td.statistic {
	margin-left: 10px;
}

table.help{
	height: *;
	overflow: auto;
}
table.help tr td.addhelp {
	padding-top:30px;
}
table.welcome {
	border-spacing: 10px;
	border-collapse: separate;
}

table.welcome td{
	text-align: center;
	
}
table.edge tr {
	height:1px;
}
table.edge th {
	background: #0b2a51;  
}
table.edge th.semi {
	opacity: 0.3;
}
table.edge th.ssemi {
	opacity: 0.4;
}

table.adminheader {
	border-spacing: 10px 4px;
	border-collapse: separate;
	width: auto;
}
table.impressum {
	border-spacing: 10px;
	border-collapse: separate;
}


table.ListTable {
	border-width: 2px;
	border-style: solid;
	text-align: center;
}

table.FileTable {
	text-align: left;
	font-size: 11px;
	empty-cells: show;
	
	width: 100%;
}
table.FileTable select {
	text-align: left;
	font-size: 11px;
	width: 200px;
	font-family: Courier;
}

table.FileTable tfoot {
	height: 2.5em;
}


table.FileTable th {

	text-align: left;
	border-bottom: white 3px solid;
	padding-left: 3px;
	padding-right: 3px;

}
table.FileTable td {
	text-align: left;
	border-bottom: white 2px solid;
	vertical-align: middle;
	padding-left: 3px;
	padding-right: 3px;
	overflow: hidden;
}
table.FileTable td.actionButton {
	text-align: center;
	
}

table.FileTable col.checkbox {
	width: 24px;
}

table.FileTable col.date {
	width: 160px;
}
table.FileTable col.state {
	width: 50px;
}
table.FileTable col.actionButton {
	width: 20px;
}
table.FileTable col.shortcol {
	width: 64px;
}
table.FileTable col.textcol {
	width: 200px;
}
table.FileTable col.textcol_short {
	width: 100px;
}
table.FileTable col.textcol_sshort {
	width: 50px;
}
table.FileTable col.vartext button{
	text-align:left;
}

table.pageTable td {
	border-top: 0;
	border-bottom: 0;
	border-right: 0;
	border-left: 1px solid black;
	text-align: center;
}

table.ShowTable {
	padding: 1em;
}
table.ShowTable col.param{
	width: 20em;
}
table.ShowTable td, table.ShowTable th{
	text-align: left;
}


table.navTable {
	overflow: visible; 
	margin-left: auto;
	margin-right: 0px;
	margin-top: 40px;
	width: 85%;
}


table.text {
	border-collapse: separate;
	border-spacing: 10px;
}

table.text td {
	border: 1px black solid;
	
}
table.text th {
	border: 1px black solid;
}

table.text tr.header {
	height: 50px;
	background: #F9DDA4;
}
table.text th.header{
	white-space: nowrap;
	overflow: auto;
}

table.text tr.content {
	background: #FDF2D1;
	margin-bottom: 10px;
}
table.text td.content{
	padding: 6px;
}
table.text td.content div{
	overflow: auto;
	white-space: nowrap;
}

table.setting {
	max-width: 600px;
	border-right: 1px #F9DDA4 solid;
	border-bottom: 1px #F9DDA4 solid;
	border-collapse: separate;
	
}
table.setting thead tr.head{
	background-color: #FDF2D1;
	height: 50px;
	
}
table.adminsetting {
	max-width: 600px;
	border-right: 1px #C8A2C8 solid;
	border-bottom: 1px #C8A2C8 solid;
	border-collapse: separate;
	
}
table.adminsetting thead tr.head{
	background-color: #F4E0E8;
	
	
}



fieldset.setting {
	margin: 20px;
	padding-top: 10px;
	padding-right: 5px;
	padding-left: 20px;
	padding-bottom: 5px;
	
	border-color: #F9DDA4;
	border-top-width: 2px;
	border-top-style: solid;
	border-left-width: 2px;
	border-left-style: solid;
	border-bottom: none;
	border-right: none;
}
fieldset.adminsetting {
	border-color: #C8A2C8;
}
fieldset.setting label {
	text-align: left;
	width: 150px;
	display: block;
	float: left;
}
fieldset.setting input {
	width: 200px;
	border: 1px #0b2a51 solid;
}
fieldset.setting input.file {
	width: auto;
	border: 1px #0b2a51 inset;
}

fieldset.setting select {
	width: 200px;
}
fieldset.setting li {
	margin-bottom: 10px;
}
fieldset.setting button {
	float: right;
}

fieldset.dialog {
	margin-right: 20px;
	padding: 0;
}
fieldset.dialog label{
	text-align: left;
	width: 100px;
	display: block;
	float: left;
}
fieldset.dialog li {
	margin-bottom: 5px;
	line-height: 1.5em;
}

fieldset.dialog input.publish {
	margin-left: 100px;
	width: auto;
	
}
fieldset.dialog button.dialog {
	margin-left: 100px;
}
fieldset.dialog button {
	width: 8em;
	height: 1.8em;
}

table.statistic {
	margin: 5px;
	width: 80%;
	height: 10%;
	color: #0b2a51;

}
table.statistic thead {
	font-variant: small-caps;
	font-style: italic;
	border-bottom: 1px dotted #0b2a51;
}
table.statistic tbody th{
	padding-top: 20px;
	height:3em;
}
table.statistic td {
	text-align: right;
	height: 1em;
}
table.statistic tbody td {
	border-bottom: 1px dotted #0b2a51;
}
table.statistic tfoot th {
	height: 100%;
	padding-top: 40px;
	border-top: 1px dotted #0b2a51;
}
table.autoheight {
	height: auto;
}

tr.fill_row td{
	height: 100%;
}
tr.ShowTable {
	border-bottom: 1px black solid;
}
a.graphic {
	color: #fff;
}
select.search {
	min-width: 12.2em;
}
li.numbers {
	list-style-type: decimal;
}

td.center {
	text-align: center;
}
a.small {
	font-size: 9px;
}

span.settings {
	white-space:pre;
}