ul {
list-style:none;
}
h1,h2,h3,h4,h5,h6,pre,code {
font-size:1.0em;
}
a,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {
margin:0;
padding:0;
}
a img,:link img,:visited img {
border:none;
margin:0;
padding:0;
}

a {
 color: #000000;
}
a:hover {
 color:#000000;
 text-decoration: none;
}

html{
margin:0;
padding:0;
}

body {
background-color: #FFFFFF;
margin:0px;
padding:0px;
color:#000000;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:100.01%;
}

html>body {
font-size:16px;
}

h1 {
font-size:1.6em;
}

h2 {
background-color: #FFFFFF;
color: #666633;
font-size:1.4em;
}

h3 {
font-size:1.2em;
}

h4 {
background-color: #FFFFFF;
color: #666633;
font-size: 0.9em;
display:inline;
}

h4.title {
background-color: #FFFFFF;
color: #666633;
font-size: 1.0em;
display:inline;
}

h5 {
background-color: #FFFFFF;
color: #666633;
font-size: 0.9em;
font-variant:small-caps;
}

hr {
border: 1px solid #666633;
padding: 0px;
margin: 0px;
margin-bottom: 2px;
}

p {
 font-size: 0.8em;
}

p.help {
 padding-left:10px;
 display:inline;
 font-size: 0.6em;
}

p.version {
 padding-left:10px;
 display: inline;
 font-size: 0.6em;
 text-align: right;
 color: #CECECE;
}

p.error {
background-image:url('../images/layout/sign_error.gif');
background-repeat:no-repeat;
background-position:5px top;
border: 2px solid #FF0000;
padding:10px 10px 15px 50px;
margin-bottom:10px;
font-size:0.8em;
}

p.hint {
background-image:url('../images/layout/sign_hint.gif');
background-repeat:no-repeat;
background-position:5px top;
border: 2px solid;
border-color:#FFCC00;
padding:10px 10px 15px 50px;
margin-bottom:10px;
font-size:0.8em;
}

p.make{
background-image:url('../images/layout/sign_ok.gif');
background-repeat:no-repeat;
background-position:5px top;
border: 2px solid #2ADF55;
padding:10px 10px 10px 50px;
margin-bottom:10px;
font-size:0.8em;
}

p.content {
width: 500px;
 padding: 3px;
 margin: 3px;
}
p.content_popup {
 padding: 2px;
 margin: 2px;
}

p.content_help {
width: 450px;
 padding: 3px;
 margin: 3px;
}

h4.menu {
background-color: #CCCC99;
border: 0.1em solid #FFFFFF;
color: #000000;
display: block;
font-size: 0.8em;
padding:2px 2px 2px 0.5em;
text-decoration:none;
margin-bottom: 1px;
}

.navcontainer {
font-size: 0.8em;
text-align:left;
padding: 5px;
margin-bottom: 2px;
}

.navcontainer a {

}
.navcontainer a:hover{
color: #000000;
text-decoration: none;
}

#title {
  width: 152px;
  margin: 5px 0px 0px 5px;
  padding: 0px;
  position:absolute;
}

#menu {
  width: 140px;
  border: 1px solid #666633;
  margin: 0px 0px 0px 5px;
  padding: 5px;
  cursor: pointer;
  left:0px;
  position:absolute;
  top:35px;
}

#content {
  float: left;
  padding: 5px;
  left: 160px;
  position:absolute;
  top:0px;
  width: 80%
}

#content_help {
  float: left;
  padding: 5px;
  left: 160px;
  position:absolute;
  top:0px;
  width: 450px;
}

.link {
  font-size: 0.8em;
}

#content label { 
  display: block;
  float: left;
  width: 135px;
  margin-right:5px;
  margin-bottom: 2px;
  padding:2px;
}

#content .showtable label { 
  display: block;
  float: left;
  width: 135px;
  font-size: 1.0em;
  margin-right:5px;
  margin-bottom: 2px;
  padding:2px;
}

#content_popup {
  padding: 5px;
}

#content_popup label { 
  display: block;
  float: left;
  width: 135px;
  font-size: 1.0em;
  margin-right:5px;
  margin-bottom: 2px;
  padding:2px;
}

form br { /* Alle Zeilenumbrüche in Formularen auswählen */
  clear: left; /* das floating der labels und inputs aufheben */
}
input.form_style {
  border: 1px solid #666633;
  width: 270px;
}
input.form_style_file {
  border: 1px solid #666633;
  padding-left: 3px;
  width: 220px;
  margin: 2px; 
}

select.form_style {
  border: 1px solid #666633;
}

textarea.form_style {
  border: 1px solid #666633;
}

input.form_style_disabled {
  background-color: #CECECE;
  border: 1px solid #666633;
  width: 270px;

}

input.form_style_date {
  border: 1px solid #666633;
  width: 120px;
  
}

fieldset {
  padding: 10px;
}
.popup {
  font-size: 0.8em; 
}

legend {
  margin-bottom: 5px;
  font-size: 0.9em; 
}

table {
  border-spacing: 0px;
}

table tr.invert {
  background-color: #CCCC99;
}

table tr.odd {
  background-color: #CCCC99;
}

table.showtable {
  border: 1px solid #666633;
  font-size: 0.8em;
}

table.showtable_2 {
  border: 1px solid #666633;
  font-size: 0.8em;
}

table.showtable_2 td {
  padding-left :2px;
  padding-bottom :2px;
  text-align:left;
  border-left: 1px solid #666633;
  vertical-align: top;
}

table.showtable_2 th {
  background-color: #666633;
  color: #FFFFFF;
  font-weight:normal;
  padding:2px;
  margin-bottom: 2px;
  text-align:left;
}

table.showtable_2 h4 {
  background-color: #666633;
  color: #FFFFFF;
  height: 16px;
  padding: 1px;
}

table.showtable th {
  background-color: #666633;
  color: #FFFFFF;
  font-size: 1.0em;
  font-weight:normal;
  padding:2px;
  text-align:left;
}

table.showtable td {
  border-bottom: 1px solid #666633;
  border-left: 1px solid #666633;
  padding:2px;
  text-align:left;
  vertical-align: top;
}
table.notable {
  border-top: 2px solid #666633;
  border-bottom: 2px solid #666633;
}

table.notable th {
  background-color: #666633;
  color: #FFFFFF;
  font-size: 1.0em;
  font-weight:normal;
  padding:2px;
  text-align:left;
}


#login label { 
  display: block;
  float: left;
  width: 135px;
  margin-right:5px;
  margin-bottom: 2px;
  padding:2px;
}

/* Kalender */

#calendarDiv{
  position:absolute;
  width:205px;
  border:1px solid #000000;
  padding:1px;
  background-color:#FFFFFF;
  font-family:arial;
  font-size:10px;
  padding-bottom:20px;
  visibility:hidden;
}

#calendarDiv span,#calendarDiv img{
  float:left;
}
#calendarDiv .selectBox,#calendarDiv .selectBoxOver{
  line-height:12px;
  padding:1px;
  cursor:pointer;
  padding-left:2px;
}

#calendarDiv .selectBoxTime,#calendarDiv .selectBoxTimeOver{
  line-height:12px;
  padding:1px;
  cursor:pointer;
  padding-left:2px;
}

#calendarDiv td{
  padding:3px;
  margin:0px;
  font-size:10px;
}

#calendarDiv .selectBox{
  border:1px solid #CCCC99;
  color:#CCCC99;
  position:relative;
}

#calendarDiv .selectBoxOver{
  border:1px solid #FFFFFF;
  background-color: #666633;
  color:#FFFFFF;
  position:relative;
}
#calendarDiv .selectBoxTime{
  border:1px solid #666633;
  color:#000000;
  position:relative;
}
#calendarDiv .selectBoxTimeOver{
  border:1px solid #000000;
  color:#000000;
  position:relative;
}

#calendarDiv .topBar{
  height:16px;
  padding:2px;
  background-color:#666633;
}

#calendarDiv .activeDay{/* Active day in the calendar */
  color:#FF0000;
}

#calendarDiv .todaysDate{
  height:17px;
  line-height:17px;
  padding:2px;
  background-color:#CCCC99;
  text-align:center;
  position:absolute;
  bottom:0px;
  width:201px;
}

#calendarDiv .todaysDate div{
  float:left;
}

#calendarDiv .timeBar{
  height:17px;
  line-height:17px;
  background-color:#CCCC99;
  width:72px;
  color:#FFFFFF;
  position:absolute;
  right:0px;
}

#calendarDiv .timeBar div{
  float:left;
  margin-right:1px;
}

#calendarDiv .monthYearPicker{
  background-color:#CCCC99;
  border:1px solid #AAAAAA;
  position:absolute;
  color:#000000;
  left:0px;
  top:15px;
  z-index:1000;
  display:none;
}

#calendarDiv #monthSelect{
  width:70px;
}
#calendarDiv .monthYearPicker div{
  float:none;
  clear:both;
  padding:1px;
  margin:1px;
  cursor:pointer;
}
#calendarDiv .monthYearActive{
  background-color:#666633;
  color:#CCCC99;
}

#calendarDiv td{
  text-align:right;
  cursor:pointer;
}

#calendarDiv .topBar img{
  cursor:pointer;
}
#calendarDiv .topBar div{
  float:left;
  margin-right:1px;
}

.multipleSelectBoxControl span{	/* Labels above select boxes*/
  font-family:arial;
  font-size:11px;
  font-weight:bold;
}
.multipleSelectBoxControl div select{	/* Select box layout */
  font-family:arial;
  height:100%;
}
.multipleSelectBoxControl input{	/* Small butons */
  width:25px;	
}

.multipleSelectBoxControl div{
  float:left;
}

.multipleSelectBoxDiv {

}

/* Tooltip */
.tool-tip {
  color: #fff;
  width: 239px;
  z-index: 13000;
}

.tool-title {
  font-weight: bold;
  font-size: 11px;
  margin: 0;
  color: #CCCC99;
  padding: 8px 8px 4px;
  background-color: #000000;
}

.tool-text {
  color: #FFFFFF;
  font-size: 11px;
  padding: 4px 8px 8px;
  background-color: #000000;
}

#area {
  background:transparent url(../images/layout/area.png) no-repeat scroll center;
  cursor:pointer;
  height:14px;
  width:650px;
}

#knob { 
  background:transparent url(../images/layout/slider.png) no-repeat scroll center;
  cursor:pointer;
  color: #FFFFFF;
  font-weight: bold;
  text-align: center;
  height:15px;
  width:30px;
}

#view.planview {
  overflow: visible;
  float: left;
  z-index: 5;
  position: relative;
  top:auto;
  left:auto;
}

/* Grundlegende Einstellungen für Button */
div.buttonsmall {
  height: 20px;
  margin: 2px;
  margin-top: 5px;
  font-size: 0.8em;
}
a.buttonsmall {
  background:transparent url("../images/button/btn_bg_submit_small_left.gif") no-repeat scroll top left;
  display:block;
  float:left;
  height:20px;
  margin-right:5px;
  font-weight:bold;
  color:#FFFFFF;
  text-decoration:none;
}
a.buttonsmall:hover{
  color: #FFFFFF;
}
a.buttonsmall span {
  background:transparent url("../images/button/btn_bg_submit_small_right.gif") no-repeat top right;
  display:block;
  line-height:11px;
  padding:4px 10px 5px 0px;
  margin-left:10px;
}
.button {
background-color: #666633;
border: 1px ridge #CCCCCC;
color: #FFFFFF;
font-weight: bold;
font-size: 0.7em;
margin:0pt;
padding:2px;
text-align:center;
}

.clear {
 clear: both;
 height: 15px;
 margin: 0px;
 padding: 0px;
}
.sensor {
 background-color: #00FF00;
 font-size: 0.8em;
 color: #000000;
 padding: 2px;
 white-space:nowrap;
}
.plot {
 background-color: #FFFFFF;
 font-size: 0.8em;
 color: #000000;
 padding: 2px;
}