@charset "utf-8";
/* CSS Document */

body{ font-family:Arial; font-size:12px;}

#allt{ width:993px; height:auto; margin-left:auto; margin-right:auto; margin-top:auto;}
#header{ width:992px; height:187px; float:left; clear:both; background-image:url(bilder/header.png);}
#logo{ width:303px; height:86px; float:left; margin-left:8px; margin-top:28px; }
#inloggning{ width:275px; height:147px; float:right; margin-top:23px; margin-right:66px; background-image:url(bilder/inlogg.png);}
#inloggning-left{ width:194px; height:auto; float:left; margin-left:14px; margin-top:27px;}
#inloggning-left-box{ width:180px; height:auto; float:left; margin-bottom:13px; }
#inloggning-left-box-top{ width:180px; height:auto; float:left; clear:both;}
#inloggning-left-box-middle{ width:180px; height:19px; float:left; clear:both;}
#inloggning-left-box-bottom{ width:180px; height:auto; float:left; clear:both;}
#inloggad-panel{ width:auto; height:auto; margin-left:24px; float:left; margin-top:20px;}


#inloggning-right{ width:52px; height:auto; float:left; margin-top:52px;}




#meny{ width:100%; height:47px; float:left; clear:both; background-image:url(bilder/meny-bg.png);}
#meny-knapp{ width:auto; height:auto; float:left;}
#bli-medlem{ width:auto; height:auto; float:right; margin-right:12px; margin-top:9px;}
#innehall{ width:993px; height:auto; float:left; clear:both;}
#innehall-undersidor{ width:100%; min-height:627px; float:left; clear:both; background-color:#f2f1f1;}
#vallkommen-bar{ width:474px; height:207px; float:left; background-image:url(bilder/valkommen-bar.png);}
#lagbar{ width:518px; height:207px; float:left; background-image:url(bilder/lag-bar.png);}
#lagbar-lasmer{ width:auto; height:auto; float:left; margin-top:172px; margin-left:12px;}
#lagbar-text{ width:auto; height:auto; float:left; margin-left:10px; margin-top:10px; clear:both}
#innehall-top{ width:100%; height:auto; float:left; clear:both;}
#innehall-bottom{  width:100%; height:auto; float:left; clear:both;}
#erbjudande{ width:100%; height:117px; float:left; clear:both; background-color:#a4d02b;}
#erbjudande-bild{ width:auto; height:auto; float:left; margin-left:23px; margin-top:29px;}
#info{ width:100%; height:303px; float:left; clear:both; background-color:#f2f1f1;}
#info-left{ width:405px; height:auto; float:left;}
#info-left-header{ width:auto; height:auto; float:left; margin-left:33px; margin-top:26px;}
#info-left-innehall{ width:auto; height:auto; float:left; clear:both; margin-left:18px; margin-top:5px;}
#info-lasmer{ width:auto; height:auto; float:right; margin-top:50px; margin-right:450px;}
#info-left-vanster{ width:500px; height:auto; float:left;}
#innehall-undersidor-text{ width:458px; height:auto; float:left; margin-left:33px;}


#innehall-undersidor-kontakt-vanster{ width:404px; height:auto; float:right; margin-right:26px;}
#innehall-undersidor-kontakt-vanster-top{ width:320px; height:8px; float:left; clear:both;}
#innehall-undersidor-kontakt-vanster-middle{ width:320px; height:auto; float:left; clear:both; border-left: solid 1px #b7b7b7; border-right: solid 1px #b7b7b7;}
#innehall-undersidor-kontakt-vanster-bottom{ width:320px; height:auto; float:left; clear:both; }


#kontakt-person{ width:auto; height:auto; float:left; clear:both; margin-left:5px; margin-top:5px; margin-bottom:10px;}
#kontakt-person-text{ width:175px; height:auto; float:left; margin-left:10px; margin-top:15px;}
#kontakt-person-bild{ width:103px; height:auto; float:left; margin-left:10px; }


#valkommen-top{ width:993px; height:133px; float:left; clear:both; background-image:url(bilder/inloggad-top.png);}
#valkommen-top-header{ width:auto; height:auto; float:left; margin-left:25px; margin-top:15px; clear:both;}
#valkommen-top-knappar{ width:auto; float:left; height:auto; clear:both; margin-left:10px; margin-top:17px; }
#valkommen-top-knappar-knapp{ width:auto; height:auto; float:left; margin-left:2px;}
#valkommen-innehall{ width:100%; height:auto; float:left; clear:both;}
#valkommen-innehall-text{ width:800px; height:auto; float:left; clear:both; margin-left:45px; }
#valkommen-innehall-steg{ width:auto; height:auto; float:left; margin-left:40px;  margin-top:20px; }
#valkommen-innehall-steg-stegen{ width:293px; height:123px; float:left; background-image:url(bilder/rundgron.png); margin-right:18px;}
#valkommen-steg-rubrik{ width:100%; height:auto; float:left; }
#valkommen-steg-text{ width:256px; height:auto; float:left; margin-left:25px; }


#komplettera-innehall{ width:auto; height:auto; float:left;  margin-left:25px;}
#komplettera-bottom{ width:auto; height:auto; float:left; clear:both; margin-left:25px;}

#registrera-lag-right{ width:595px; height:auto; float:left; margin-left:100px; margin-top:15px; }
#registrera-lag-namn-box{ width:auto; height:auto; float:left; margin-right:30px;}

#broschyr-right{  width:195px; height:auto; float:left; margin-left:280px; margin-top:15px; }

#bestall-varor-right{ width:478px; height:auto; float:right; margin-right:55px; border: solid 1px #333}

#blimedlem-top-header{ width:auto; height:auto; float:left; margin-left:19px; margin-top:41px;} 

#lagforsaljning-top-header{width:auto; height:auto; float:left; margin-left:35px; margin-top:31px; }


#registrera-varor-top{ width:auto; height:auto; float:left; margin-top:10px; margin-left:20px;}

#valkommen-bar-header{ width:auto; height:auto; float:left; clear:both; margin-left:34px; margin-top:23px;}
#valkommen-bar-text{ width:402px; height:auto; float:left; clear:both; margin-left:34px;}


#information-left{ width:490px; height:auto; float:left; margin-left:25px; margin-top:20px;}
#information-right{ width:460px; height:auto; float:left; margin-left:8px; margin-top:22px;}
#information-right-tv{ width:322px; height:252px; float:left; margin-left:8px; margin-top:22px; }
#information-erbjudande{ width:950px; height:143px; float:left; clear:both; margin-left:25px; margin-top:24px; }



#registrera-right{ width:260px; height:auto; float:right; margin-right:40px; margin-top:5px;}

#footer{ width:100%; height:25px; background-color:#1f1f1f; float:left; clear:both;}
#footer-text{ width:100%; height:auto; float:left; margin-top:5px;}


.bold{ font-weight:bold;}
.white{ color:#FFF;}
.green{ color:#80b51d;}
.bla{ color:#0090ff; }
.bla a{ color:#0090ff; }
.dark-green{ color:#729f1a}
.form{ width:240px; height:20px;  margin-bottom:10px;}
.form-nummer{ width:120px; height:20px;  margin-bottom:10px;}
.form-meddelande{ width:240px; height:150px; float:left; clear:both; margin-bottom:10px;}
.form-medlemmar{ width:220px; height:20px; margin-bottom:10px;}
.form-varor{ width:26px; height:15px; }
.inloggning{ width:180px; height:19px; border:0px none; background-image:url(bilder/middle.png); text-align:center;}
.px11{ font-size:11px;}
.skicka{ width:61px; height:42px; background-color:none; background-image:url(bilder/skicka-btn.png); border:0px none;}
.kontakt-ul{ list-style-type:disc; list-style-position:inherit; margin-left:0px; padding-left:15px;}

a:link{ color:#000; text-decoration:none;}
a:visited{ color:#000; text-decoration:none;}
a:hover{ color:#7eb017; text-decoration:none;}

li{margin-bottom:5px;}




#slider          { background: white url(../images/slider-bg.jpg); height: 227px; overflow: hidden;
                   position: relative; margin: 50px 0; }
#mover           { width: 2880px; position: relative; }
.slide           { padding: 40px 30px; width: 900px; float: left; position: relative; }
.slide h1        { font-family: Helvetica, Sans-Serif; font-size: 30px; letter-spacing: -1px;
                   color: #ac0000; }
.slide p         { color: #999; font-size: 12px; line-height: 22px; width: 300px; }
.slide img       { position: absolute; top: 20px; left: 400px; }
#slider-stopper  { position: absolute; top: 1px; right: 20px; background: #ac0000; color: white;
                   padding: 3px 8px; font-size: 10px; text-transform: uppercase; z-index: 1000; }