/* Global Styles */

body {
  background-color: #FFFFFF;
	font-size: 12px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif, Verdana;
	text-decoration: none;
	padding: 0 3px 0 3px;
	margin: 5px 0 0 0;
}

.copyright {
	font: 11px "Helvetica Neue",Helvetica,Arial,sans-serif;
	color: #686868;
	padding-top: 4px;
    float: right;
	/* text-shadow:0 1px 0 #808080; */
}


.content { font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	padding: 0 3px 0 3px;
	margin: 5px 0 0 0;
}

.tdcontent { font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	margin: 5px 0 0 0;
}

img {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10;
}

td {
	margin: 0;
}

button {
	cursor: pointer;
	margin: 0 5px 0 5px;
}

.tagline {
	font: 11px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	line-height:20;
}
.navCheckBoxLink {
	FONT-SIZE:11px;
	COLOR:#000000;
	FONT-WEIGHT:bold;
	LINE-HEIGHT:13px;
	FONT-FAMILY:Arial, Helvetica, Sans-serif;
	margin-bottom:15px;
	display:block;
}

.head {
	color:#FFFFFF;
	font:24px Arial, Helvetica, sans-serif;
	letter-spacing:.3em;
	line-height:26px;
	padding:5px;
}

.logo {
	color:#FFFFFF;
	padding:15px;
}

.title {
	font-size:18px;
	color:#ffd18a;
	line-height:34px;
}


.source A {
	margin: 5px;
	background: yellow;
	color: red;
}

.icon {
	float:left;
	margin:5px 5px;
}

.content-table {
	margin: 0 0 0 0;
	overflow:hidden;
}

.energy-table {
	margin: 0 0 0 0;
}

.navigation-list {
	margin: 10 0 0 0;
}

.langPanel {
	float:right;
}

.arrow-link {
    /*font-weight: bold;*/
	  font-size:12px;
	  line-height: 25px;
    padding: 5px 0 0 5px;
    margin: 15px 0 0 0;
	  cursor: pointer;
    text-decoration: none;
}

.arrow-link:hover {
   color: #E60000;
   cursor: pointer;
}

.arrow-link-disabled {
	  color: #4B4B4B;
    font-size:12px;
    padding: 5px 0 0 5px;
    margin: 15px 0 0 0;
    cursor: auto;
}
.arrow-link-bold {
    font-weight: bold;
}

.linkPanel {
	float:right;
}

.link-en {
	FONT-SIZE: 14px;
	COLOR: #000000;
	LINE-HEIGHT: 18px;
	FONT-FAMILY: Arial, Helvetica, Sans-serif, Verdana;
	cursor: pointer;
	TEXT-DECORATION: none; 
	white-space: nowrap;
	font-weight:bold;
}

.link-tab {
	FONT-SIZE: 12px;
	COLOR: #000000;
	LINE-HEIGHT: 28px;
	FONT-FAMILY: Arial, Helvetica, Sans-serif, Verdana;
	cursor: pointer;
	TEXT-DECORATION: none; 
	white-space: nowrap;
	font-weight:bold;
}

.link-button {
	padding: 0 0 0 0;
	border: 0;
	FONT-SIZE: 12px;
	COLOR: #000000;
	FONT-FAMILY: Arial, Helvetica, Sans-serif, Verdana;
	cursor: pointer;
	TEXT-DECORATION: none; 
	white-space: nowrap;
	font-weight:bold;
	width:220px;
	height: 33px;
	background: url(../img/button.png) no-repeat;
}

.link-button:hover {
  background: url(../img/button_pressed.png) no-repeat;
}

.link-button:active {
  background: url(../img/button_down.png) no-repeat;
}

.link-button:disabled {
	padding: 0 0 0 0;
	border: 0;
	FONT-SIZE: 12px;
	COLOR: #C0C0C0;
	FONT-FAMILY: Arial, Helvetica, Sans-serif, Verdana;
	cursor: default;
	TEXT-DECORATION: none; 
	white-space: nowrap;
	font-weight:bold;
	width:220px;
	height: 33px;
	background: url(../img/button_down.png) no-repeat;
}

.link-small-button {
	padding: 0 0 0 0;
	border: 0;
	FONT-SIZE: 12px;
	COLOR: #000000;
	FONT-FAMILY: Arial, Helvetica, Sans-serif, Verdana;
	cursor: pointer;
	TEXT-DECORATION: none; 
	white-space: nowrap;
	font-weight:bold;
	width:85px;
	height: 33px;
	background: url(../img/button_small.png) no-repeat;
}

.link-small-button-energy {
	border: 0;
	FONT-SIZE: 12px;
	COLOR: #000000;
	FONT-FAMILY: Arial, Helvetica, Sans-serif, Verdana;
	cursor: pointer;
	TEXT-DECORATION: none;
	white-space: nowrap;
	font-weight:bold;
	width:85px;
	height: 33px;
	background: url(../img/button_small.png) no-repeat;
	float: right;
	margin-right: 100px
}

.link-small-button:hover{
  background: url(../img/button_small_pressed.png) no-repeat;
}

.link-small-button:active{
  background: url(../img/button_small_down.png) no-repeat;
}

.link-small-button:disabled {
	padding: 0 0 0 0;
	border: 0;
	FONT-SIZE: 12px;
	COLOR: #C0C0C0;
	FONT-FAMILY: Arial, Helvetica, Sans-serif, Verdana;
	cursor: default;
	TEXT-DECORATION: none; 
	white-space: nowrap;
	font-weight:bold;
	width:85px;
	height: 33px;
	background: url(../img/button_small_down.png) no-repeat;
}

.link-toolbar {
	white-space: nowrap;
	margin: 14px 10 10 10;
	COLOR: #4B4B4B;
	font: 13px "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight:bold;
	cursor: pointer;
	TEXT-DECORATION: none; 
	/* text-shadow:0 1px 0 #808080; */
}

.link-toolbar:hover {
	margin: 14px 10 10 10;
	COLOR: #E60000;
}

.link-toolbar:active {
	margin: 14px 10 10 10;
	COLOR: #000000;
}

.link-app {
	font: 16px "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight:bold;
  COLOR: #4B4B4B;
  cursor: pointer;
  TEXT-DECORATION: none; 
  white-space: nowrap;
}

.link-app:hover {
  COLOR: #E60000;
  cursor: pointer;
  TEXT-DECORATION: none; 
  white-space: nowrap;
}

.link-app:active {
  COLOR: #000000;
  cursor: pointer;
  TEXT-DECORATION: none; 
  white-space: nowrap;
}

.menu {
	white-space: nowrap;
	margin: 14px 10 10 10;
	COLOR: #4B4B4B;
	font: 13px "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight:bold;
	cursor: pointer;
	TEXT-DECORATION: none; 
	/* text-shadow:0 1px 0 #808080; */
}

.menu:hover {
	margin: 14px 10 10 10;
	COLOR: #E60000;
}

.menu:active {
	margin: 14px 10 10 10;
	COLOR: #000000;
}
.submenu {
	margin: 5px 10;
	padding: 5px 0 0 0;
	COLOR: #5D5D5D;
	font: 11px "Helvetica Neue",Helvetica,Arial,sans-serif;
	cursor: pointer;
	TEXT-DECORATION: none; 
	white-space: nowrap;
	display:block;
}

.submenu:hover {
	margin: 5px 10;
	COLOR: #E60000;
	font: 11px "Helvetica Neue",Helvetica,Arial,sans-serif;
	cursor: pointer;
	/*TEXT-DECORATION: none;*/ 
	white-space: nowrap;
}

.submenu:active {
	margin: 5px 10;
	COLOR: #000000;
	font: 11px "Helvetica Neue",Helvetica,Arial,sans-serif;
	cursor: pointer;
	TEXT-DECORATION: none; 
	white-space: nowrap;
}

fieldset {
  font-family: Arial, Helvetica, sans-serif, Verdana;
  font-size: 12px;
  font-weight: lighter;
  text-decoration: none;
  margin: 0 0 10px 0;
  padding: 0 0 0 10px;
  border: 1px #000000 solid;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
}

.borderRound {
  border: 1px #000000 solid;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
}

.dialogBorder {
  border: 1px #9B9B9B solid;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
}

.inputField {
	font: 12px "Helvetica Neue",Helvetica,Arial,sans-serif;
	border-style: solid;
	border-width: 1px;
	border-color: #4B4B4B;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
}

.roomInfo{
	width:100%;
  margin-bottom:5;
}


.combo {
  border: 1px #4B4B4B solid;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
}

.progress {
	border: 1px #808080 solid;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
}

.progressCell {
	border: 0px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
}
.link-kl {
	FONT-SIZE: 12px;
	COLOR: #000000;
	LINE-HEIGHT: 13px;
	FONT-FAMILY: Arial, Helvetica, Sans-serif, Verdana;
	TEXT-DECORATION: none;
	white-space: nowrap;
	font-weight:bold;
	cursor: pointer;
}
A.link-kl-disable {
	FONT-SIZE: 12px; COLOR: gray; LINE-HEIGHT: 13px; FONT-FAMILY: Arial, Helvetica, Sans-serif, Verdana; TEXT-DECORATION: none; white-space: nowrap; font-weight:bold;
}

.text-link {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000000; LINE-HEIGHT: 13px; FONT-FAMILY: Arial, Helvetica, Sans-serif, Verdana; TEXT-DECORATION: none
}
.headline-link {
	FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, Sans-serif, Verdana; TEXT-DECORATION: none
}
.link-kl A {
	FONT-SIZE: 12px; COLOR: #000000; LINE-HEIGHT: 13px; FONT-FAMILY: Arial, Helvetica, Sans-serif, Verdana; TEXT-DECORATION: none
}
.link-kl A:hover {
	FONT-SIZE: 12px; COLOR: #000000; LINE-HEIGHT: 13px; FONT-FAMILY: Arial, Helvetica, Sans-serif, Verdana; TEXT-DECORATION: none
}
.text-link A:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000000; LINE-HEIGHT: 13px; FONT-FAMILY: Arial, Helvetica, Sans-serif, Verdana; TEXT-DECORATION: none
}
.headline-link A:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, Sans-serif, Verdana; TEXT-DECORATION: none
}
A.text-link {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000000; LINE-HEIGHT: 13px; FONT-FAMILY: Arial, Helvetica, Sans-serif, Verdana; TEXT-DECORATION: none
}
A.text-link:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000000; LINE-HEIGHT: 13px; FONT-FAMILY: Arial, Helvetica, Sans-serif, Verdana; TEXT-DECORATION: none
}
A.headline-link {
	FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, Sans-serif, Verdana; TEXT-DECORATION: none
}
A.headline-link:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, Sans-serif, Verdana; TEXT-DECORATION: none
}
A.link-kl {
	FONT-SIZE: 12px; COLOR: #000000; LINE-HEIGHT: 13px; FONT-FAMILY: Arial, Helvetica, Sans-serif, Verdana; TEXT-DECORATION: none
}
A.link-kl:hover {
	FONT-SIZE: 12px; COLOR: #000000; LINE-HEIGHT: 13px; FONT-FAMILY: Arial, Helvetica, Sans-serif, Verdana; TEXT-DECORATION: none
}
A.link-image {
   FONT-SIZE: 64px; COLOR: #000000; LINE-HEIGHT: 48px; FONT-FAMILY: Arial, Helvetica, Sans-serif, Verdana; TEXT-DECORATION: none
}
.headline-druck {
	FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, Sans-serif, Verdana
}

SELECT, .title, .text {  font-family: Arial, Helvetica, sans-serif, Verdana; font-size: 12px; font-weight: lighter; text-decoration: none; padding: 0; margin: 0;}

.image { font-family: Arial, Helvetica, sans-serif, Verdana; font-size: 12px; font-weight: normal; text-decoration: none; padding: 0 3px 0 3px; margin: 0;}

legend { font-family: Arial, Helvetica, sans-serif, Verdana; font-size: 12px; font-weight: bold; text-decoration: none; padding: 0 3px 0 3px; margin: 0;}

.content #isInfo A {
  text-decoration:none;
  font-weight: bold;
  color: #4B4B4B
}


h1, h2, h3, h4, h5{
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-weight: bold;
	text-decoration: none;
	padding: 0;
	margin: 0;
}

.title{  font-weight: bold; }

.aPeriod {
  height:60; 
  width:100%;
  cursor:pointer; 
}

.selected {
  color : red;
  text-decoration:underline;
}

.fileinputs {
  position: relative  ;
}

td.fakefile {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
}

input.file {
	cursor: pointer;
  position: absolute;
  height:33px;
  top: 0px;
  left: 0px;
  text-align: right;
  -moz-opacity:0 ;
  filter:alpha(opacity: 0);
  opacity: 0;
  z-index: 2;
}

/* wizzard styles */

.wtitle { font-family: Arial, Helvetica, sans-serif, Verdana;
  font-size: 14px;
  font-weight: normal;
  text-decoration: none;
  padding: 20px 3px 0px 3px;
  margin: 5px 0 0 0;
}

.dialogBorder#wizzardFrame{
	z-index: 102; 
	position:absolute;
	left:30%;
	top:25%;
	width:380px;
	height:350px; 
	padding:8px;
}

#wContent{
	padding:3px; 
	position:static;
}

.logobar {
	background-color:#FFF;
	margin-top: 10px;
	margin-bottom: 25px;
	min-height: 30px;
	width: auto;	
}

.logobar_left {
	background-color:#E60000;
	min-height: 35px;
	width: 805px;
	float: left;
	}
.logobar_right {
	background-image: url(/img/miele-logo-immer-besser.png);
	min-height: 50px;
	width: 142px;
	float: right;
}

.w_logobar {
	background-color:#FFF;
}

.w_logo {
	background-image: url(/img/logo.png);
	min-height: 25px;
	min-width: 101px;
	width: 101px;
	height: 25px;
	float: right;
}

.w_logo_title{
	background-color:#E60000;
	min-height: 25px;
	height: 25px;
	width: 291px;	
	float: left;	
}

.w_help_text {
	padding-left:20px;
}