@charset "UTF-8";
@font-face {
font-family: "OpenSansLight";
src: url("../fonts/opensans_light_webfont_eot.eot");
src: url("../fonts/opensans_light_webfont_eot.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans_light_webfont_woff.woff") format("woff"), url("../fonts/opensans_light_webfont_ttf.ttf") format("truetype"), url("../fonts/opensans_light_webfont_svg.svg#OpenSansLight") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "OpenSansRegular";
src: url("../fonts/opensans_regular_webfont_eot.eot");
src: url("../fonts/opensans_regular_webfont_eot.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans_regular_webfont_woff.woff") format("woff"), url("../fonts/opensans_regular_webfont_ttf.ttf") format("truetype"), url("../fonts/opensans_regular_webfont_svg.svg#OpenSansRegular") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "OpenSansBold";
src: url("../fonts/opensans_bold_webfont_eot");
src: url("../fonts/opensans_bold_webfont_eot?#iefix") format("embedded-opentype"), url("../fonts/opensans_bold_webfont_woff.woff") format("woff"), url("../fonts/opensans_bold_webfont_ttf.ttf") format("truetype"), url("../fonts/opensans_bold_webfont_svg.svg#OpenSansBold") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "OpenSansSemiBold";
src: url("../fonts/opensans_semibold_webfont.eot");
src: url("../fonts/opensans_semibold_webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans_semibold_webfont.woff") format("woff"), url("../fonts/opensans_semibold_webfont.ttf") format("truetype"), url("../fonts/opensans_semibold_webfont_svg.svg#OpenSansSemiBold") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "OpenSansItalic";
src: url("../fonts/opensans_italic_webfont_eot.eot");
src: url("../fonts/opensans_italic_webfont_eot.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans_italic_webfont_woff.woff") format("woff"), url("../fonts/opensans_italic_webfont_ttf.ttf") format("truetype"), url("../fonts/opensans_italic_webfont_svg.svg#OpenSansItalic") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "OpenSansSemiBoldItalic";
src: url("../fonts/opensans_semibolditalic_webfont_eot.eot");
src: url("../fonts/opensans_semibolditalic_webfont_eot.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans_semibolditalic_webfont_woff.woff") format("woff"), url("../fonts/opensans_semibolditalic_webfont_ttf.ttf") format("truetype"), url("../fonts/opensans_semibolditalic_webfont_svg.svg#OpenSansSemiBoldItalic") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Entypo";
src: url("../fonts/entypo.eot");
src: url("../fonts/entypo.eot?#iefix") format("embedded-opentype"), url("../fonts/entypo.woff") format("woff"), url("../fonts/entypo.ttf") format("truetype"), url("../fonts/entypo.svg") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "EntypoO2";
src: url("../fonts/entypo_o2_webfont.eot");
src: url("../fonts/entypo_o2_webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/entypo_o2_webfont.woff") format("woff"), url("../fonts/entypo_o2_webfont.ttf") format("truetype"), url("../fonts/entypo_o2_webfont.svg") format("svg");
font-weight: normal;
font-style: normal;
}
@media screen {
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, header, footer, aside, menu, figure {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
font-family: "OpenSansRegular";
}
:focus {
outline: 0;
}
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
h1{
font-weight: normal;
padding:10px;
font-size:47px;
text-align: center;
color: #222222;
font-family: "OpenSansLight";}
h3{
font-weight: normal;
padding:20px;
font-size: 24px;
color: #4F5357;
text-align: center;
font-family: "OpenSansLight";}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
*, *:before, *:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.site-header {
padding: 0;
height: 100px;
width: 1000px;
margin:0 auto;
}
a.logo{
margin:25px 0 0 10px;
display: block;
background-image: url("../images/logo.png");
width:79px;
height:77px;
z-index: 5;
text-indent: -9999px;
}
.clear { clear: both; }
.container {
width:1000px;
height: auto;
margin:0 auto;
}
.button,.button.nrw-blue {
color: #07c;
background-color: #fff;
font-family: 'OpenSansRegular',sans-serif;
font-size: 14px;
line-height: 2em;
text-align: center;
text-decoration: none;
display: inline-block;
min-width: 80px;
padding: 0 1em;
border: 1px solid #cfcfcf;
border-bottom: 1px solid #fff;
-wekbit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background-color: #fff;
-moz-box-shadow: 0 3px #999;
-webkit-box-shadow: 0 3px #999;
box-shadow: 0 3px #999;
-ms-transition: .1s ease;
-o-transition: .1s ease;
-moz-transition: .1s ease;
-webkit-transition: .1s ease;
transition: .1s ease;
cursor: pointer;
position: relative;
}
button.not-min-width {
min-width: auto;
}
.button:hover,
.button:active {
border: 1px solid #ccc;
border-bottom: 1px solid #ececec;
color: #07c;
background-color: #ececec;
}
.button:active {
-moz-box-shadow: 0 1px #999;
-webkit-box-shadow: 0 1px #999;
box-shadow: 0 1px #999;
top: 2px;
}
.button.blue,
.button.nrw-blue {
border: 1px solid #39c;
color: #fff;
background-color: #39c;
-moz-box-shadow: 0 3px #244e7e;
-webkit-box-shadow: 0 3px #244e7e;
box-shadow: 0 3px #244e7e;
}
.button.blue:hover,
.button.nrw-blue:hover {
color: #fff;
background-color: #327db2;
border: 1px solid #327db2;
}
.button.blue:active,
.button.nrw-blue:active {
color: #fff;
background-color: #327db2;
border: 1px solid #327db2;
-webkit-box-shadow: 0 1px #14374b;
-moz-box-shadow: 0 1px #14374b;
box-shadow: 0 1px #14374b;
top: 2px;
}
.center{
width: 100%;
text-align: center;
margin-left: 0;
margin-bottom: 20px;
}
.button.gray,
.button.nrw-gray {
color: #07C;
font-family: "OpenSansRegular";
font-size: 14px;
line-height: 2em;
text-align: center;
text-decoration: none;
display: inline-block;
min-width: 80px;
padding: 0px 1em;
border-width: 1px;
border-style: solid;
border-color: #CFCFCF #CFCFCF #FFF;
-moz-border-top-colors: none;
-moz-border-right-colors: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
border-image: none;
border-radius: 4px;
background-color: #FFF;
box-shadow: 0px 3px #999;
transition: all 0.1s ease 0s;
cursor: pointer;
position: relative;
}
.button.gray:hover,
.button.nrw-gray:hover {
border: 1px solid #ccc;
border-bottom: 1px solid #ececec;
color: #07c;
background-color: #ececec;
}
.button.gray:active,
.button.nrw-gray:active {
color:#07c;
background-color: #ececec;
border: 1px solid #ececec;
box-shadow: 0 1px #ccc;
top: 2px;
}
body {
background: url('../images/log_bg.png') repeat-x #52afe1;
line-height: 1;
}
.device::selection {
display: none
}
.device::-moz-selection {
display: none
}
h1{ color:white; text-align: left;width: 100%;
margin:0 0 23px 0}
.container .device{  width:577px; height:544px; display: block;
background: url(../images/device.png) no-repeat left top;
margin-left:5px; margin-top:100px;float:left;}
.device .lighting{
z-index: 5;
padding:0;
margin:0;
position: relative;
height: 48px;
top:30px;
left:120px;
width:330px;
}
.device .lighting ul{
padding:0;
margin: 0;
}
.device .lighting ul.lit{
padding:0;
margin:0;
float:left;
}
.device .lighting ul.lit li{
padding: 0;
margin: 0;
margin-left: 10px;
display: inline-block;
float: left;
width: 21px;
height: 21px;
}
.device .lighting ul.lit li.green{
background:url(../images/lights.png) no-repeat 0 0;
}
.device .lighting ul.lit li.red{
background:url(../images/lights.png) no-repeat -22px 0;
}
.device .lighting ul.lit li.blue{
background:url(../images/lights.png) no-repeat -42px 0;
}
.loginform{
display: block;
width:304px;
min-height:300px;
padding:0px;
margin:0px;
z-index: 2;}
.info{
background: url('../images/line.png') repeat-x top left;
background: none \9;
display: block;
width:304px;
min-height: 50px;
height: auto;
margin:30px 0 0 0 ;
}
.info table{
background: url('../images/line.png') repeat-x top left \9;
position: relative;
top: 10px;
color:white;
width:300px;
padding:0px;
font-size:12px;
font-family: "OpenSansLight";
margin-top:80px \9;
}
.info table tr>td{padding:5px;}
.container ul li{display: block; padding:0; margin:30px 0 0 0;}
.container ul{float:right;margin:55px 20px 0 0}
form{
position:relative;
margin: 50px auto;
width: 300px;
height: auto;
}
.loginform .txt{
display: none !important;
display: block\0/;
font-size: 14px;
color:#fff;
font-family: "OpenSansBold";
width:70px;
height:auto ;
float: left;
}
input {
font-family: "OpenSansRegular";
padding: 5px 10px;
border-radius:5px;
border:0px;
background: rgba(0,0,0,.2);
display: block;
margin: 15px 0px;
width: 300px;
color:#a3a3a3;
font-size:18px;
height: 42px;
border:1px solid #303657;
}
input:focus {
outline-color: rgba(0,0,0,0);
background: rgba(255,255,255,.95);
color: #327db2;
}
input[type="checkbox"] {
width:16px;
height: 16px;
margin:0 5px 0 0;
padding: 0;
float:left;
}
.re{
color:#fff;
height: 30px;
font-size:12px;
width:280px;
padding:0;
margin-top:20px;
margin-left:12px;
vertical-align: middle;
font-family: "OpenSansLight";
}
.rem{
position: relative;
left: 5px;
top: 2px;
font-family: "OpenSansLight";
}
.button.nrw-blue{float:right; margin: 10px 0 0 0;}
.button.nrw-gray{float:right; margin: 20px 0 0 0;}