@import url("../../css/screen.css");
@import url("../../css/iepngfix.css");
@import url("../../css/baseline.css");

/* struktur */
body { background: #7490b3 url(images/dekor/bg.gif) top no-repeat }
.container { width: 984px; margin-top: 10px }
.content { width: 100%; background: #fff url(images/dekor/toning_vertWhite_bg.jpg) bottom repeat-x; float: left; border: solid 3px #5e5e5e; padding: 4px }
.mainmenu { float: left; position: relative; width: 984px; background: url(images/dekor/menutop.jpg) left repeat-x; margin-bottom:2px; }
.logo { position: absolute; top: 2px; right: 0px }
.siteinfo { width: 984px; float: left; line-height: 22px; font-size: 0.9em; text-align: right; padding-right: 15px; color: #fff }
#middle { float: left }

/* länkar */
a { text-decoration: underline; color: #106288 }
a:hover { text-decoration: none; color: #777 }

/* default */
#default .mainContent { width: 487px; float: left }
#default .sideBar { width: 493px; float:left; margin-left:4px; } 
#default .mainContent .ingress { background: #323232 url('images/boxar/hemTopVanster.jpg') no-repeat left top; width:457px; height: 133px; padding: 50px 15px 15px 15px; color: #fff }
#default .mainContent .bildLeft { background: #323232 url('images/bilder/hem1.jpg') no-repeat left top; width:487px; height: 312px; margin-top:4px; }
#default .sideBar .ingress { background: #323232 url('images/boxar/hemTopHoger.gif') no-repeat left top; width:463px; height: 207px; padding: 90px 15px 15px 15px }
#default .sideBar .bildRight { background: #323232 url('images/bilder/hem2.jpg') no-repeat left top; width:493px; height: 198px; margin-bottom:4px; }

/* Tillbyggnad */
#tillbyggnad .mainContent { background: #FFFFFF url('images/bilder/tillbyggnad1.jpg') repeat-y right top; width: 611px; float: left; min-height:511px; }
#tillbyggnad .sideBar { background: #FFFFFF url('images/dekor/sideBarBg.gif') repeat-y right top; width: 343px; float:left; min-height: 479px; padding: 15px; }

/* Renovering */
#renovering .mainContent { width: 595px; float: left }
#renovering .sideBar { width: 385px; float:left; margin-left:4px; } 
#renovering .mainContent .ingress { background: #323232 url('images/boxar/renoveringTopVanster.jpg') no-repeat left top; width:565px; height: 187px; padding: 50px 15px 15px 15px; }
#renovering .mainContent .bildLeft { background: #323232 url('images/bilder/renovering1.jpg') no-repeat left top; width:595px; height: 255px; margin-top:4px; }
#renovering .sideBar .ingress { background: #adadad; width:345px; height: 215px; padding:20px; }
#renovering .sideBar .bildRight { background: #323232 url('images/bilder/renovering2.jpg') no-repeat left top; width:385px; height: 252px; margin-bottom:4px; }

/* Villor */
#villor .mainContent { width: 487px; float: left }
#villor .sideBar { width: 493px; float:left; margin-left:4px; } 
#villor .mainContent .ingress { background: #c3c3c3; width:456px; height: 175px; padding: 15px; }
#villor .mainContent .bildLeft { background: #323232 url('images/bilder/villor1.jpg') no-repeat left top; width:486px; height: 304px; margin-top:4px; }
#villor .sideBar .ingress { background: #FFFFFF url('images/dekor/toning_horiWhite_bg.jpg') repeat-y left; width:443px; height: 264px; padding:20px 20px 20px 30px; ; }
#villor .sideBar .bildRight { background: #323232 url('images/bilder/villor2.jpg') no-repeat left top; width:493px; height: 205px; margin-bottom:4px; }

/* Totalentrepenör */
#totalentrepenor .mainContent { background: #FFFFFF; width: 687px; float: left; min-height:511px; }
#totalentrepenor .sideBar { background: #FFFFFF url('images/dekor/sideBarBg.gif') repeat-y right top; width: 267px; float: left; min-height: 479px; padding: 15px; }
.mL4 { margin-left:4px; }
.mT4 { margin-top:3px; }

/* Isolering */
#isolering .mainContent { width: 487px; float: left }
#isolering .sideBar { width: 493px; float:left; margin-left:4px; } 
#isolering .mainContent .ingress { background: #FFFFFF url('images/dekor/toning_horiWhite_bg.jpg') repeat-y left; width:456px; height: 175px; padding: 15px; }
#isolering .mainContent .bildLeft { background: #323232 url('images/bilder/isolering2.jpg') no-repeat left top; width:487px; height: 304px; margin-top:4px; }
#isolering .sideBar .ingress { background: #FFFFFF url('images/dekor/toning_horiWhite_bg.jpg') repeat-y left; width:453px; height: 289px; padding: 15px 15px 0 15px }
#isolering .sideBar .bildRight { background: #323232 url('images/bilder/isolering1.jpg') no-repeat left top; width:493px; height: 205px; margin-bottom:4px; }


/* Om */
#om .mainContent { background: #FFFFFF; width: 600px; float: left; min-height:514px; }
#om .sideBar { background: #FFFFFF url('images/dekor/toning_horiWhite_bg.jpg') repeat-y; width: 344px; float:left; min-height:482px; padding: 15px; margin-left: 4px }
#om .mainContent .ingress { background: #323232 url('images/bilder/om1.jpg') no-repeat left top; width:600px; height: 328px; }
#om .mainContent .bildLeft { background: #323232 url('images/bilder/om2.jpg') no-repeat left top; width:600px; height: 180px; margin-top:4px; }

/* Kontakt */
#kontakt .mainContent { background: #FFFFFF; width: 600px; margin-left:4px; float: left; min-height:514px; }
#kontakt .sideBar { background: #FFFFFF; width: 375px; float:left; min-height:482px; }
#kontakt .sideBar .ingress { background: #b39774; width:345px; height: 237px; padding:15px; margin-top: 4px }
#kontakt .sideBar .bildLeft { background: #323232 url('images/bilder/kontakt1.jpg') no-repeat left top; width:375px; height:244px; }
#kontakt .mainContent .contactform { background: #323232 url('images/boxar/kontakt.jpg') no-repeat left top; width:585px; height: 224px; padding:10px; }
#kontakt .mainContent .bildLeft { background: #323232 url('images/bilder/kontakt2.jpg') no-repeat left top; width:605px; height:267px; margin-top:4px; }

#errorpages .top { float: left; width: 969px; height: 80px; padding: 15px 0 15px 15px; background: #bb4223 url(images/dekor/toning_vertOrange_bg.jpg) top repeat-x }
#errorpages .information { width: 600px; float: left; padding: 15px; height: 300px }