/* Henrik Lassen, SE Produkt Marketing, Seb. 2017 */
Body 
{
	margin:0;
	padding: 0 0 0 0;
	border: 0;
	o1verflow: hidden;
	height: 100 %; 
	max-height: 100 %; 	
	color: #000000;
	font-family: Arial, sans-serif;
	font-size: 12px;
 }
 

h1 {	
	color: #000000;
	font-family: Arial, sans-serif;	font-size: 24px; font-weight: bold;
	padding: 0, 0, 0, 0; h1eight: 50px, vertical-align:middle;
}

.wz_h2 {	
	color: #5097cf;
	font-family: Arial, sans-serif;	font-size: 14px; font-weight: bold;
	padding: 0, 0, 0, 0; h1eight: 50px, vertical-align:middle;
	}

.wz_h3 {	
	color: #000000;
	float: left;	
	font-family: Arial, sans-serif;	f1ont-size: 14px; font-weight: bold;
	padding: 0, 0, 0, 0; h1eight: 50px, vertical-align:middle;
	}

A	{	
	FONT-WEIGHT: bold;	
	FONT-SIZE: 12;
	TEXT-DECORATION: NONE;
	COLOR: #009431;
	C1OLOR: #FFFFFF;
	}
.daeksel A	{	
	COLOR: #FFFFFF;
	}	

#hovedTabel{    
    border-collapse: separate;
    border-spacing: 0 20px;
}

A:hover 
	{
	COLOR: #barColor;
	F1ONT-WEIGHT: bold;	
	FONT-SIZE: 12;	
	TEXT-DECORATION: underline;
	}
	
.daeksel A:hover {
	TEXT-DECORATION: none;
	}


div#komponentvalgForudsaetninger {  
	m1argin:0;
	background-color:#FFFF00;
	color:#FFFF00;    
}


#DDlosning
{
	p1osition:absolute;
	width:230px;
	background-color:#eeeeee;
    p1adding:0px;
    m1argin:0px;
    b1order:5px solid #c00
}


div#tomtProjekt
{
	p1osition:absolute;
	t1op:110;
	l1eft:0;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	b1ackground-color:#b0e0e6;	
	width:730px;
	height:230px; 
	b1ackground-image: url('./images/tomtProjekt.jpg');
}

div#bygning {
	position:relative;
	background-color:#F3F2F2;
	width:98%;
	border-style:solid;
	border-width:5px;
	border-color: #F3F2F2;
	p1adding: 5 5 5 5;
	margin-left: 2px; 
	margin-top: 5px; 
	m1argin-right: 200px; 
	margin-bottom: 5px; 
}

div#etage {
	position:relative;
	left:20px;
	width:96%;
	background-color:#E9E8E8;
	border-style:solid;
	border-width:5px;
	border-color: #E9E8E8;
	margin-left: 2px; 
	margin-top: 5px; 
	m1argin-right: 200px; 
	margin-bottom: 5px; 	
}

div#rum {
	position:relative;
	left:20px;
	width:96%;
	background-color:#E0DEDE;
	border-style:solid;
	border-width:4px;
	border-color: #E0DEDE;
}
.indryk {
margin-left:30px;
}
.indrykStatus {
margin-left:0px;  
}
div#buttons {
    position:float; top:0; left:0; w1idth:300px; height:160px;  
    b1ackground-repeat: no-repeat; background-position:top; background-position:right;
    white-space:nowrap;    
	font-family: Arial, sans-serif;	font-size: 16px; font-weight: bold;
	b1ackground-color:#eeeeff;
	b1ackground-image: url('http://127.0.0.1:9090/KNXkonfigurator/images/topGradient.jpg');
	w1idth:95%;
	h1eight:100px;
	border-style:solid;
	border-width:0px;
	p1adding: 10 10 10 10;
	margin-left: 2px; 
	margin-top: 5px; 
	m1argin-right: 200px; 
	margin-bottom: 5px; 
}

div#Faelles-Panel {
	font-family: Arial, sans-serif;	font-size: 12px;font-weight: normal;
	background-color:#FFFFFF;
	color:#000000;	
	width:150px;
	height:360px;
	border-style:solid;
	border-width:0px;
	border-style:solid;
	border-width:0px;	
	margin-left: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px;
	p1adding: 5 5 5 5;
	margin-left: 5px;
}

.Faelles {
	font-family: Arial, sans-serif;	font-size: 12px;font-weight: normal;
	background-color:#eeeeff;
	padding: 5 5 5 5;
	margin: 20px;
	height: 20px;
}

.litteratur {
	font-family: Arial, sans-serif;	font-size: 12px;font-weight: normal;
	b1ackground-color:#eeeeff;
	background-color:#ffffff;
	padding: 5 5 5 5;
	overflow: scroll; /*Disable scrollbars. Set to "scroll" to enable*/
	scroll: enable;
	margin: 5px;
	height: 650px;
	text-align:center;  
	-moz-border-radius: 5px;
	border-radius: 5px;
	
}

div#visEetVindue{
margin: 5px;
}

div#Traditionel-Panel {
	position:relative;
	font-family: Arial, sans-serif;	font-size: 12px;font-weight: normal;
	background-color:#f4f4f3;
	color:#000000;
	width:150px;
	height:30px;
	border-style:solid;
	border-width:0px;	
	margin-left: 5px; 
}

.Traditionel {
	font-family: Arial, sans-serif;	font-size: 12px;font-weight: normal;
	background-color:#eeeeff;
	padding: 5 5 5 5;
	margin: 20px;
	height: 20px;
}

div#Actassi-Panel {
	font-family: Arial, sans-serif;	font-size: 12px;font-weight: normal;
	background-color:#FFFFFF;
	color:#000000;		
	width:145px;
	height:90px;
	border-style:solid;
	border-width:0px;
	border-style:solid;
	border-width:0px;
	border-style:solid;
	border-width:0px;	
	margin-left: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px;	
	padding: 5px 0px 5px 5px;
}

.Actassi {	
	font-family: Arial, sans-serif;	font-size: 12px;font-weight: normal;
	background-color:#F3F2F2;
	border-style:solid;
	border-width:4px;	
	border-color: #F3F2F2;
	padding: 5 5 5 5;
	margin-left: 20px;
	h1eight: 10px;
	width: 96%;
}

div#bygning .ActassiFields{
	background-color:#FFFFFF;  
}

div#Foringsvej-Panel {
	font-family: Arial, sans-serif;	font-size: 12px;font-weight: normal;
	background-color:#FFFFFF;
	color:#000000;		
	width:145px;
	height:80px;
	border-style:solid;
	border-width:0px;
	border-style:solid;
	border-width:0px;
	border-style:solid;
	border-width:0px;	
	margin-left: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px;	
	padding: 5px 0px 5px 5px;
}

.Foringsvej {
	font-family: Arial, sans-serif;	font-size: 12px;font-weight: normal;
	background-color:#F3F2F2;
	border-style:solid;
	border-width:4px;	
	border-color: #F3F2F2;
	padding: 5 5 5 5;
	margin-left: 20px;
	h1eight: 10px;
	width: 96%;
}

div#IHC-Panel {
	position:relative;
	font-family: Arial, sans-serif;	font-size: 12px;font-weight: normal;
	background-color:#fddde0;
	color:#000000;
	width:150px;
	height:30px;
	border-style:solid;
	border-width:0px;	
	margin-left: 5px; 
}

.IHC {
	font-family: Arial, sans-serif;	font-size: 12px;font-weight: normal;
	background-color:#eeeeff;
	padding: 5 5 5 5;
	margin: 20px;
	height: 20px;
}

div#KNX-Panel {
		position:relative;
	font-family: Arial, sans-serif;	font-size: 12px;font-weight: normal;
	b1ackground-color:#e0f9f5;
	background-color:#ffffff;
	width:150px;
	height:50px;
	border-style:solid;
	b1order-width:0px;
	border-style:solid;
	border-width:0px;	
	margin-left: 5px; 
	border-radius: 5px;	
}

.KNX {
	display: block;
	font-family: Arial, sans-serif;	font-size: 12px;font-weight: normal;
	b1ackground-color:#e0f9f5;
	border-style:solid;
	border-width:0px;	
	p1adding: 5 5 5 5;
	margin-left: 20px;
	h1eight: 10px;
	width: 600px;
}

#DDlosning {
	background-color:#e0f9f5;  
	width: 500px
}

#alertUpdate{
	color: #ff0000;
	font-family: Arial, sans-serif;	font-size: 12px; font-weight: bold;
	padding: 0, 0, 0, 0; h1eight: 50px, vertical-align:middle;
}

.fed {	
	color: #000000;
	font-family: Arial, sans-serif;	font-size: 16px; font-weight: bold;
	padding: 0, 0, 0, 0; h1eight: 50px, vertical-align:middle;
}

#inputLabel{
}


div#bygning input {
	background-color:#eeeeee;  
}

div#etage input {
	background-color:#eeeeee;  
}

div#rum input {
	background-color:#eeeeee;  
}

div#stykliste {
	background-color:#FFFFFF;  

	w1idth:1000px;
	b1ackground-image: url('http://127.0.0.1:9090/KNXkonfigurator/images/tomtProjekt.jpg');
	b1ackground:url('http://127.0.0.1:9090/KNXkonfigurator/images/SERoundedBox.jpg')  no-repeat; 
	b1ackground-size: cover;
}

#heading2{	
  position:absolute; top:0; left:0; width:100%; height:50px;  
  overflow:auto;
	w1idth:50px;
	h1eight:150px;
	p1osition: static;
	font-family: Arial, sans-serif;	font-size: 18px;font-weight: bold;
	background-image: url('http://127.0.0.1:9090/KNXkonfigurator/images/bgHeading.jpg');
	background-repeat:no-repeat;

	}


.tubeleft{
margin: 15px; /*Margins for inner DIV inside each DIV (to provide padding)*/	
width: 164px;
height:530px;
	background-image: url('http://127.0.0.1:9090/KNXkonfigurator/images/bgAdmin.jpg');
	background-repeat:no-repeat;
	padding: 10 10 10 10;
	margin-left: 12px; 
	margin-top: 5px; 
	margin-right: 0px; 
	margin-bottom: 5px; 
	background-color:#009431;
	color: #009530;
	border-style:solid;
	border-width:0px;
}
#b1rugerValg{
	width:1000px;
	font-family: Arial, sans-serif;	font-size: 12px;font-weight: normal;
	b1ackground-color:#00ffff;  
	b1order-style:solid;
	b1order-width:1px;
	p1adding: 4 10 2 2;
	margin-left: 12px; 
	margin-top: 5px; 
	margin-right: 0px; 
	margin-bottom: 5px; 
}

#d1esignValg{
	font-family: Arial, sans-serif;	font-size: 12px;font-weight: normal;
	b1ackground-color:#ffffff;  
	border-style:solid;
	border-width:1px;
	padding: 4 10 2 2;
	margin-left: 2px; 
	margin-top: 5px; 
}

#f1arveValg{
	font-family: Arial, sans-serif;	font-size: 12px;font-weight: normal;
	b1ackground-color:#ffffff;  
	border-style:solid;
	border-width:1px;
	padding: 4 10 2 2;
	margin-left: 12px; 
	margin-top: 5px; 
	margin-right: 0px; 
}

#v1isEetVindue{
	font-family: Arial, sans-serif;	font-size: 12px;font-weight: normal;
	b1ackground-color:#ffffff;  
	border-style:solid;
	border-width:1px;
	padding: 4 10 2 2;
	margin-left: 12px; 
	margin-top: 5px; 
	margin-right: 0px; 
}

#pdfudskrivning{
	background-color:#ffffff;  
	border-style:solid;
	border-width:1px;
	padding: 4 10 2 2;
	margin-left: 12px; 
	margin-top: 5px; 
	margin-right: 200px; 
}


#t1otalPris {	
	color: #009530;
	border-style:solid;
	border-width:3px;

	font-family: Arial, sans-serif;	font-size: 18px; font-weight: bold;
	padding: 5 5 5 5; h1eight: 50px, vertical-align:middle;
}
.systemValgt {	color: #0000FF;}
.sumSystemValgt{color: #000000;}


#framecontentLeft, #faner{
position: absolute; 
top: 0; 
left: 0; 
width: 200px; /*Width of left frame div*/
height: 100%;
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background-color:#009431;
color: black;
}

#faner{ 
left: 197px; /*Set left value to WidthOfLeftFrameDiv*/
right: 0;
width: auto;
h1eight: 10%; /*Height of top frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
b1ackground-color: white;  //navy;
c1olor: white;
}


#framecontentTop{ 
position: absolute;
top: 40px;
left: 200px; /*Set left value to WidthOfLeftFrameDiv*/
right: 0;
width: auto;
height: 100px; /*Height of top frame div*/
overflow: scroll; /*hidden Disable scrollbars. Set to "scroll" to enable*/
background-color: white;
color: black;
}

#maincontent{
position: absolute; 
left: 200px; /*Set left value to WidthOfLeftFrameDiv*/
top: 300px; /*Set top value to HeightOfTopFrameDiv*/
right: 0;
bottom: 0;
overflow: auto; 
background: #fff;
}

.innertube{
margin: 2px; /*Margins for inner DIV inside each DIV (to provide padding)*/
	c1olor: #009530;
	b1order-style:solid;
	b1order-width:3px;

}

* html body{ /*IE6 hack*/
padding: 300px 0 0 200px; /*Set value to (HeightOfTopFrameDiv 0 0 WidthOfLeftFrameDiv)*/
}

* html #maincontent{ /*IE6 hack*/
height: 100%; 
width: 100%; 
}

* html #faner{ /*IE6 hack*/
width: 100%;
}

* html #framecontentTop{ /*IE6 hack*/
width: 100%;
}

a:hover img
{
opacity:.90;
filter:alpha(opacity=40);
filter: �alpha(opacity=40)�;
}




/* Popup vindue */

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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody,  
tfoot, thead, tr, th, td {  
border:0pt none;  
font-family:inherit;  
font-size:100%;  
font-style:inherit;  
font-weight:inherit;  
margin:0pt;  
padding:0pt;  
vertical-align:baseline;  
}
  
body{  
background:#fff none repeat scroll 0%;  
font-family: Arial, sans-serif;
font-size: 12px;

l1ine-height:1;  
f1ont-size: 12px;  
f1ont-family:arial,sans-serif;  
m1argin:0pt;  
h1eight:100%;  
}
  
table {  
border-collapse:separate;  
border-spacing:0pt;  
}  
caption, th, td {  
font-weight:normal;  
text-align:left;  
}  
blockquote:before, blockquote:after, q:before, q:after {  
content:"";  
}  
blockquote, q {  
quotes:"" "";  
}  

br.both{  
clear:both;  
}  
#backgroundPopup{  
display:none;  
position:fixed;  
_position:absolute; /* hack for internet explorer 6*/  
height:100%;  
width:100%;  
top:0;  
left:0;  
background:#000000;  
border:1px solid #cecece;  
z-index:1;  
}  

#popupContact{  
display:none;
position:fixed; 
_position:absolute; /* hack for internet explorer 6*/  
h1eight:480px;
w1idth:480px;
height:80%;
width:80%;
background:#FFFFFF;  
b1order:2px solid #cecece;  
z-index:2;  
padding:12px;  
font-size:13px;  
o1verflow: auto;
}  

#popupContact h1{  
text-align:left;  
color:#6FA5FD;  
font-size:22px;  
font-weight:700;  
border-bottom:1px dotted #D3D3D3;  
padding-bottom:2px;  
margin-bottom:20px;  
}  
#popupContactClose{  
position: absolute;
width: 30px;
height: 30px;
right: -15px;
top: -15px;
background: url(../images/closebox.gif);
}

#p1opupContactClose{  
font-size:14px;  
line-height:14px;  
right:6px;  
top:4px;  
position:absolute;  
color:#6fa5fd;  
font-weight:700;  
display:block;  
}  
#button{  
text-align:center;  
margin:100px;  
}  




/*  Styling af radiobuttons - taget fra https://stackoverflow.com/questions/32935435/use-div-as-radio-button */
  .labl {
    display : block;
    w1idth: 100px;
}
.labl > input{ /* HIDE RADIO */
    visibility: hidden; /* Makes input not-clickable */
    position: absolute; /* Remove input from document flow */
}
.labl > input + div{ /* DIV STYLES */
    cursor:pointer;
    border:2px solid transparent;
	text-align:center;
	border: 1px solid #CCC;	
	b1order: 1px solid #3dcd58;	
	padding: 3px;
	border-radius: 5px;
	margin:3px;
}
.labl > input:checked + div{ /* (RADIO CHECKED) DIV STYLES */
    background-color: #CCC;
    border: 1px solid #CCC;	
    b1ackground-color: #3dcd58;
    b1order: 1px solid #3dcd58;		
	padding: 3px;
	border-radius: 5px;
	text-align:center;
	color: #ffffff;
	margin:3px;
}




/*  popup */
/* Popup container */
.popup {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

/* The actual popup (appears on top) */
.popup .popuptext {
    visibility: hidden;
    width: 160px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 8px 0;
    position: absolute;
    z-index: 1;
    top: 0%;    
    margin-right: -80px;
	left: 205%; 
}

/* Popup arrow */
.popup .popuptext::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #555 transparent transparent;
}

/* Toggle this class when clicking on the popup container (hide and show the popup) */
.popup .show {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
    from {opacity: 0;} 
    to {opacity: 1;}
}

@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity:1 ;}
}

/* */

#element_to_pop_up{background-color:#fff;border-radius:15px;color:#000;display:none;padding:20px;margin:auto;min-width:300px;max-width:600px;width:80%;min-height:80px;}
.c_pop_up{background-color:#fff;border-radius:15px;color:#000;display:none;padding:20px;min-width:200px;min-height:180px;}
.b-close{cursor:pointer;position:absolute;right:10px;top:5px;}
.button3{background-color:#00964d;b1ackground-color:#2b91af;border-radius:10px;box-shadow:0 2px 3px rgba(0,0,0,0.3);color:#fff;cursor:pointer;display:inline-block;padding:10px 20px;text-align:center;text-decoration:none;}
.button3.small{border-radius:15px;float:right;margin:22px 5px 0;padding:6px 15px;}
.button3:hover{background-color:#1e1e1e;}
.button3>span{font-size:84%;}
.button3.b-close,.button3.bClose{border-radius:7px 7px 7px 7px;box-shadow:none;font:bold 131% sans-serif;padding:0 6px 2px;position:absolute;right:-7px;top:-7px;}
a.darken{display:inline-block;background:black;padding:0;}
a.darken img{display:block;-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-ms-transition:all 0.5s linear;-o-transition:all 0.5s linear;transition:all 0.5s linear;}
a.darken:hover img{opacity:0.7;}
#darken::after{transition:opacity 1s ease;}
#darken:hover::after{opacity:0.1;}