/* (c) 2010 - 2011 Uwe Disch.  All rights reserved. */
html, body {
width:100%;
height:100%;
margin:0;
padding:0;
font-family:Verdana, "Bitstream Vera Sans", "DejaVu Sans", Helvetica, sans-serif
}
body.pageBg {
background:#034A7D url('img/bg_page.jpg') no-repeat top center
}
body.pageBg2 {
background:#034A7D url('img/bg_page2.jpg') no-repeat top center
}
img {
border:0
}
#header {
height:56px;
background:url('img/bg_header.png') repeat-x
}
#header .startvisual {
overflow:hidden;
height:56px;
background:url('img/visualStart.png') no-repeat top left
}
#header h1 {
float:right;
margin:0 10px 0 0;
padding:0;
line-height:56px;
letter-spacing:-1px;
font-size:19px;
color:#FFF
}
#header a.back {
float:left;
height:30px;
margin:13px 6px 0 10px;
text-decoration:none;
line-height:30px;
background:url('img/btn_backLeft.png') no-repeat left
}
#header a.back span {
display:block;
margin:0 -6px 0 0;
padding:0 6px 0 13px;
font-size:12px;
font-weight:700;
color:#FFF;
background:url('img/btn_backRight.png') no-repeat right
}
.header_connection {
float:right;
overflow:hidden;
margin:6px 0
}
.header_connection .connectionText {
float:left;
height:38px;
padding:0 10px 0 15px;
line-height:38px;
font-size:14px;
font-weight:700;
color:#FFF;
background:url('/common/styles/img/bg_boxConnectionLeft.png') no-repeat left
}
.header_connection .connectionStatus {
float:right;
height:38px;
padding:0 15px 0 0;
line-height:38px;
font-size:14px;
color:#FFF;
background:url('/common/styles/img/bg_boxConnectionRight.png') no-repeat right
}
.header_connection .connectionStatus span.online, .header_connection .connectionStatus span.offline {
display:block;
height:38px;
padding:0 0 0 25px;
line-height:38px
}
.header_connection .connectionStatus span.online {
background:url('/common/styles/img/ico_statOnline.png') no-repeat left
}
.header_connection .connectionStatus span.offline {
background:url('/common/styles/img/ico_statOffline.png') no-repeat left
}
#container {
width:90%;
margin:10px auto
}
#container p {
font-size:14px;
color:#FFF
}
#container p a {
color:#FFF
}
#container p a:hover {
text-decoration:none
}
ul {
margin:0;
padding:0;
list-style-type:none
}
#main ul {
margin:0;
padding:0;
font-size:14px;
list-style-type:none;
color:#FFF
}
#main li {
padding:0 0 6px 10px;
background:url('img/ico_arrow.gif') no-repeat 0 5px
}
#navigation li {
height:60px;
margin:5px 15px 5px 0;
background:url('img/btn_left.png') no-repeat left
}
#navigation li a {
display:block;
height:60px;
margin:0 -15px 0 0;
line-height:60px;
text-align:center;
text-decoration:none;
background:url('img/btn_right.png') no-repeat right
}
#navigation li a span {
font-size:16px;
font-weight:700;
color:#205A86
}
#container .head {
height:39px;
margin:0 12px 0 0;
line-height:39px;
background:url('img/bg_boxHeadLeft.png') no-repeat left
}
#container .head .inner {
height:39px;
margin:0 -12px 0 0;
padding:0 0 0 12px;
background:url('img/bg_boxHeadRight.png') no-repeat right
}
#container .head .inner h2 {
font-size:18px;
color:#FFF
}
#container .content {
margin:0 12px 0 0;
background:url('img/bg_boxContentLeft.png') no-repeat bottom left
}
#container .content .inner {
margin:0 -12px 0 0;
padding:10px;
background:url('img/bg_boxContentRight.png') no-repeat right bottom
}
#container .content .inner .options {
margin:-10px 0;
padding:10px 0;
background:url('img/bg_boxContent.png') repeat-x center bottom
}
#container .warning528outer {
overflow:hidden;
margin:-10px 0 10px 0;
padding:10px 0 0;
background:url('img/bg_boxContent.png') repeat-x center top
}
#container .warning528 {
overflow:hidden;
margin:0 0 4px;
background:#255B81
}
#container .warning528 table td.first, #container .warning528 table td.last {
width:20%
}
#container .warning528 table td {
padding:5px 0
}
#container .warning528 table img {
margin:0 15px 0 0
}
#container .warning528 table p {
margin:0;
padding:0;
text-align:center;
font-size:14px;
font-weight:700;
color:#FFDF48
}
#container .options .optiongroup {
position:relative;
overflow:hidden;
padding:7px 0 9px;
background:url('/common/styles/img/sep_optiongroup.gif') repeat-x bottom
}
#container .options .last {
background:none
}
#container .content .optiongroupDisabled {
position:absolute;
top:-2px;
left:0;
z-index:200;
width:100%;
height:100%;
background:url('/common/styles/img/bg_disabled.png')
}
#container .content .optiongroupDisabled table {
margin:1px 0 0;
background:none
}
#container .content .optiongroupDisabled table img {
text-align:center
}
#container .content .optiongroupDisabled table p {
margin:6px 0 0;
font-size:14px;
font-weight:700
}
#container .content .optiongroupDisabled table span.timer {
width:30px;
height:30px;
margin:0 6px 0 0;
text-align:center;
line-height:30px;
font-size:11px;
font-weight:700;
color:#FFF;
background:url('/common/styles/img/ico_stop.png') no-repeat
}
.optiongroupNotAvailable {
position:absolute;
top:90px;
left:0;
width:480px;
height:60px;
z-index:300
}
#container .options h2, #container .options .optiongroup h2 {
margin:2px 0 14px;
padding:0;
font-size:18px;
font-weight:700;
color:#FFF
}
#container .options .optiongroup span {
display:block;
margin:0 0 5px;
font-size:16px;
color:#FFF
}
#container .options .optiongroup a.button {
float:left;
display:block;
overflow:hidden;
width:58px;
height:43px;
margin:0 5px 0 0;
line-height:43px;
text-decoration:none;
text-align:center;
font-size:14px;
font-weight:700;
background:url('img/btn_onoff.png') no-repeat 0 0
}
#container .options .optiongroup a.off {
color:#8D2D2D
}
#container .options .optiongroup a.on {
color:#067B00
}
#container .options .optiongroup a.active, #container .options .optiongroup a.buttonPos:active {
background-position:0 -43px
}
#container .options .optiongroup a.inactive {
color:#7499B3
}
#container .options .optiongroup a.buttonPos {
float:left;
display:block;
overflow:hidden;
width:58px;
height:43px;
margin:4px 2px 0;
text-align:center;
line-height:43px;
background:url('img/btn_onoff.png') no-repeat 0 0
}
.containerSlider {
float:left;
display:block;
position:relative;
overflow:hidden;
width:95%;
height:75px;
margin:0 auto;
padding:0 5px
}
.slider {
position:relative;
top:30px;
width:80%;
margin:0 auto
}
.containerDimmer {
position:relative;
overflow:hidden;
width:95%;
padding:15px 0 0;
color:#FFF
}
.boxPosition {
float:left;
position:relative;
width:29px;
height:39px;
margin:5px 0 0;
border:1px solid #FFF;
background:#91CAF3
}
.boxPosition .innerBox {
position:absolute;
top:0;
width:29px;
text-align:center;
background:url('/common/styles/img/bg_position.gif') repeat-y
}
.optiongroup a.colorButton, .optiongroup a.colorButtonActive {
float:left;
display:block;
overflow:hidden;
width:33px;
height:33px;
border:3px solid transparent;
margin:1px 5px 5px 0
}
.optiongroup a.colorButtonActive {
border-color:#1C4664
}
.optiongroup a.colorButton span, .optiongroup a.colorButtonActive span {
display:block;
width:30px;
height:30px;
border:1px solid #FFF
}
#container p.open {
color:#48F55C
}
#container p.closed {
color:#F54343
}
#container .options .optiongroup .counter {
float:left;
font-weight:700;
color:#BFD1DE
}
#container .options .optiongroup .counter span.count {
float:left;
padding:0 10px 0 0;
text-align:right;
font-size:22px;
color:#BFD1DE
}
#container .options .optiongroup .counter span.unit {
float:left;
margin:7px 0 0;
text-align:left;
font-size:16px;
color:#BFD1DE
}
#container .options .sum span {
text-transform:uppercase;
font-weight:700;
color:#FFF
}
#container .options .sum span.count, #container .options .sum span.unit {
display:inline !important;
text-transform:none;
color:#FFF !important
}
#container .options .optiongroup select {
font-size:16px
}
span.temperature {
display:block;
padding:0 0 15px;
text-align:center;
font-size:50px;
font-weight:700;
color:#BFD1DE
}
span.temperature span {
display:inline;
padding:0 0 0 10px;
font-size:33px;
color:#BFD1DE
}
#container .options .optiongroup .webcam {
width:99%;
border:1px solid #FFF
}
#footer {
clear:both;
height:30px;
padding:0 8px;
line-height:28px;
background:url('img/bg_footer.png') repeat-x;
margin-top:640px
}
#footer .copyright {
font-size:11px;
font-weight:700;
color:#BCD3E3
}
#footer a {
float:right;
padding:0 0 0 6px;
text-decoration:none;
font-size:11px;
font-weight:700;
color:#FFF;
position:relative;
top:2px;
background:url('img/ico_arrowBack.gif') no-repeat left
}
#notificationZone {
height:18px;
top:3px;
right:3px;
display:none;
font-size:15px;
font-weight:700;
color:red;
padding:2px;
margin-left:3px;
position:fixed;
text-align:right;
background-color:#FFF
}
#login {
margin:30px 0 0
}
#login fieldset {
margin:10px 5px 0;
padding:2px 0;
border:0
}
#login label {
padding:4px 0 10px;
font-size:14px;
font-weight:700;
color:#FFF
}
#login input, #login textarea {
width:270px;
margin:5px 0 0;
padding:4px;
border:1px solid #205A86;
font-size:14px
}
#login input.submit {
width:160px;
height:36px;
padding:0 0 0 22px;
border:0;
font-size:16px;
font-weight:700;
color:#FFF;
background:url('http://de.lejana.net/common/styles/img/btn_submit.png') no-repeat 0 0
}
#login input.submit:hover {
cursor:pointer;
text-decoration:underline;
background-position:0 -36px
}
a.notelephone:link, a.notelephone:active, a.notelephone:visited, a.notelephone:hover {
text-decoration:none !important
}