/* 
   stylesheet for Living Intelligent
   by Randall Goya and Danny Glix 08/24/09
*/

body {
background: #000 url('bild/bg-body.jpg')  no-repeat 50% 0;
font-family: Arial, Helvetica, sans-serif;
height:auto; 
margin: 0;
padding: 0;
}

#topcontainer {width: 99.8%}

#header {background: url('bild/trr.jpg') repeat-y 100% 0 ; border-left: 4px solid white;}

#mainmenu {position: absolute; margin-top: -30px; margin-left: 0px;}
#menucell {background: white; height: 0px; margin-bottom: -8px;}

#maincontent {}

/* left menu */
ul.menu, ul.menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
}

ul.menu a {
  display: block;
  text-decoration: none;	
}

.leftmenu1, .leftmenu2 {list-style-type: none}
.leftmenu1 li, .leftmenu2 li  {min-width: 235px; min-height: 22px; margin: 0px; line-height: 1.35em}
.leftmenu1 li a {background: url(bild/Mlft_buttbg1.jpg) no-repeat; line-height: 1.35em; margin-bottom: 3px; padding: 2px 0 4px 20px}
.leftmenu1 li a:hover{background: url(bild/Mlft_buttbg2.jpg) repeat-y}

.leftmenu1 a {color: red; font-size: .75em; text-decoration: none}

.leftmenu2 li a {color: #444; font-size: .65em; font-weight: bold; margin: -20px 0 4px 20px; text-decoration: none; background-image: none}
.leftmenu2 li a:hover {color: #c00; background-image: none}

li.lm2top {background: url(bild/lm2bgtop.jpg) no-repeat}
.leftmenu2  {background: url(bild/lm2bgmid.jpg) repeat-y;}
li.lm2bot{background: url(bild/lm2bgbot.jpg) center bottom no-repeat; margin-bottom: 2px}

#lmsupport {background: url(bild/Mlft_buttbg1.jpg) no-repeat; padding: 4px 130px 12px 0px; color: red; font-size: .75em; text-decoration: none;}
#lmcontact {background: url(bild/Mlft_buttbg1.jpg) no-repeat; padding: 6px 110px 4px 0px; color: red; font-size: .75em; text-decoration: none;}
#lmsupport:hover, #lmcontact:hover {background: url(bild/Mlft_buttbg8.jpg) no-repeat; color: #c00}
#lmsupport img, #lmcontact img {border: none}
#lmcontact img {height: 11px}
.lmbottomspacer {height: 10px}

.selectedlink {background: url(bild/Mlft_icon0006.png) no-repeat 100% 2px !important; padding-right: 70px; padding-top: 2px}
.selectedlinknotexpanded {background: url(bild/Mlft_buttbg_selectednotexpanded.png) no-repeat !important; line-height: 1.35em; margin-bottom: 3px; padding: 2px 0 4px 20px}
.selectedlinknotexpanded:hover {background: url(bild/Mlft_buttbg_selectednotexpanded-over.png) no-repeat !important; line-height: 1.35em; margin-bottom: 3px; padding: 2px 0 4px 20px}

.productsandservices {font-size: .9em; width: 196px; padding: 5px 15px; height: 20px; border-left: 5px solid #f8f8f8; border-right: 2.5px solid #f3eded;}

div#residential {margin-bottom: -10px}

@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari 3.0 and Chrome rules here */
.leftmenu2 li a {margin: -10px 0 0px 20px}
#commercial {margin-bottom: -5px !important}
}