/* CSS Document - ANNETTE*/

* {margin:0; padding:0;}

body {background:#61616a url(images/bg-body.jpg) repeat-x top left; height:100%; font-family: "Trebuchet MS", Arial, Verdana, Geneva, sans-serif; color:#333;}

h1 {font-size:32px;font-weight:normal; color:#000000; text-decoration:none; }
h2 {font-size:14px; font-weight:normal;}
h3 {font-size:12px;}
p {font-size:11px; line-height:17px; padding:5px 0px 7px 0px;}
p.ingress {font-size:14px;}
a {text-decoration:underline;}
a, a:link, a:visited {color:#4a708b; }
a:hover  {color:#aaa;}
.rensa {clear:both;height:1px;}
.rensa-left {clear:left; height:1px;}
.rensa-right {clear:right; height:1px;}
span {font-size:11px; line-height:17px !important; float:none; padding:5px 0px 7px 0px;}

/* LAYOUT  ALLMANT STRUKTUR */


/*#ram {margin: 0px; padding: 0px; width:100%; height:100%; background:#61616a url(images/bg.jpg) repeat-x top left;  background-position: 0 0 !important; overflow:hidden;}*/

#huvud-ram {margin: 0px auto 0px auto; padding:0px 0px 0px 20px; border:0px; text-align: left; display: block !important; width:960px; /*height:368px;*/}
#logo {width:660px; min-height:95px; float:left; padding:10px 0px 0px 0px;}
#logo p {padding:0px;}
#logo p span.grey {font-size:12px; color:#999; float:none;}
#logo p span.grey a {font-size:12px;color:#999; text-decoration:none;}
#logo a {text-decoration:none; }
#logo a:link {text-decoration:none; }
#logo a:visited {text-decoration:none; }
#logo h1 {text-decoration:none; }


#sprak {width:300px; height:90px; float:right; padding:0px 0px 7px 0px;}
#sprakruta {padding:15px 0px 8px 34px;}
#sprakruta select {width:150px; background:none; border:1px solid #999999;font-size:10px; padding:2px 0px 2px 5px;color:#666;} 

.visitaland {padding:0px 0px 2px 34px; margin-top:20px;}

#ram-ny {margin: 0px; padding: 0px; width:100%; height:100%; background:#61616a url(images/bg-ny.jpg) repeat-x top left;  background-position: 0 0 !important; overflow:hidden;}
#huvud-ram-2 {margin: 0px auto 0px auto; padding:18px 0px 0px 20px; border:0px; text-align: left; display: block !important; width:960px; /*height:368px;*/}
#meny {width:960px; height:32px;}

#storbild {width:660px; float:left; height:266px; }

#kontakt-karta {width:300px; float:right; height:266px; background:#dcdcdc url(images/bg_karta_kontakt.jpg) no-repeat;}
#kontakt-karta h1 {font-size:14px;}
#kontakt-karta .kontaktinfo p {line-height:13px!important;float:none!important;padding:3px 0px 3px 0px !important; font-size:11px;}
#kontakt-karta .kontaktinfo span {line-height:12px!important;float:none!important;padding:0px 0px 0px 0px !important;}
#kontakt-karta .kontaktinfo span a {margin-top:10px;line-height:12px!important;float:none!important;padding:0px 0px 0px 0px !important;}
.kontaktinfo {margin:30px 0px 0px 33px;}

.visakarta {margin:0px 0px 5px 10px; text-align:center;}
.visakarta img {margin:0px 0px 0px 0px;}
.visakarta span {font-size:10px; font-style:italic; color:#666; float:none;}

.mitten {margin: 0px; padding: 0px; width:100%; background:#f5f5f5 url(images/bg_mitten.jpg) repeat-x; background-position: 0 0 !important; overflow:hidden;}
#iconer {margin:0px auto 0px auto; padding:5px 320px 0px 0px; text-align:right; display:block !important; width:660px; background:none;}
#innehall {margin:0px auto 0px auto; padding:0px; text-align:left; display:block !important; width:980px; background:none;min-height: 100%;}
.innehall {margin:0px auto 0px auto; padding:0px; text-align:left; display:block !important; width:980px; background:none;min-height: 100%;}
* html #innehall {height: 100%;} 
#innehall .iconer {width:610px; height:20px; text-align:right; background-color:#ccc;}

#vanster-repeat-y {float:left; width:680px; background:#fff url(images/bg_vanster-repeat.jpg) repeat-y; margin-left:10px; min-height:100%;}
* html #vanster-repeat-y {height: 100%;} 
#vanster {width:610px; background:#fff url(images/bg_vanster.jpg) no-repeat; padding:0px 35px 30px 35px; min-height:400px;}
/* html #vanster {height: 100%;}*/
.vanster {float:left; width:610px; background:#fff url(images/bg_vanster.jpg) no-repeat; padding:0px 35px 30px 35px;}

#vanster p.liggandebild {text-align:center;}
#vanster h1 {font-size:16px; font-weight:normal;}
#vanster img.img-right {float:right; margin: 10px 0px 10px 10px;}

/* css för textbox */
.textbox img {margin:0px 0px 10px 10px;}
.textbox {font-size:11px; line-height:17px !important; float:left; padding:5px 0px 7px 0px !important;}
.kontaktform p {margin:5px 0px 10px 0px;}
.kontaktform span {font-size:11px;float:none;}
.kontaktform input {width:250px;border:1px solid #999999;font-size:10px; background:transparent url(images/bg_falt.jpg) no-repeat; padding:2px 0px 2px 5px;color:#666; margin:2px 0px 10px 0px;}
.kontaktform textarea {width:250px; height:80px;border:1px solid #999999; font-family: "Trebuchet MS", Arial, Verdana, Geneva, sans-serif; font-size:10px; background:transparent url(images/bg_falt.jpg) no-repeat;}
.kontaktform input.knapp {margin:10px 0px 0px 0px; background:transparent url(images/knapp_skicka.gif) no-repeat; width:80px; height:21px; border:0px; text-align:center; color:#fff; font-size:11px; font-weight:bold; }
.kontaktform input.validatorCalloutHighlight { background-image:none; background-color:lemonchiffon; color:Black; }


#hoger {float:right; width:290px;}
.artiklar, .erbjudanden {margin:0px 0px 15px 20px; width:260px;}
.artiklar h1, .erbjudanden h1 {font-size:14px; font-weight:normal; padding:0px 0px 5px 0px;}
.erbjudanden h1 {background:#f5f5f5 url(images/bg_streck_erbj.jpg) no-repeat; padding:10px 0px 5px 0px;}
.artiklar p.lasmer, .erbjudanden p.lasmer {text-align:left; padding:2px 0px 2px 0px;}
.erbjudanden h2 {font-size:12px; padding:10px 0px 0px 0px; font-weight:bold;}

.erbjudandebox img {margin:0px 0px 0px 0px; text-align:center;}
.erbjudandebox h2 {font-size:12px; font-weight:bold; padding:0px 0px 3px 0px;color:#fff; padding:4px 10px 5px 10px; }
.erbjudandebox p {font-size:10px; font-weight:normal; padding:0px 5px 0px 5px; letter-spacing:0px; line-height:normal; color:#333; background-color:#999; margin-bottom:10px;}
.erbjudandebox p.lasmer {border-top:1px solid #fff; background-color:#999; padding:5px 5px 2px 5px; text-align:left; font-size:10px; margin-bottom:10px;}
.erbjudandebox p.lasmer a {color:#fff; text-decoration:none;font-size:12px; }
.erbjudandebox p.lasmer a.lasmerliten {text-decoration:none;font-size:10px; color:#333; }



a.internlank span {position: absolute;left: -5000px;width: 4000px;float:none;}
a.internlank:link {background: url(images/icon-lasmer.gif) no-repeat 100% 0; padding: 0 20px 0 0;}
a.internlank:visited {background: url(images/icon-lasmer.gif) no-repeat 100% -100px; padding: 0 20px 0 0;}
a.internlank:hover {background: url(images/icon-lasmer.gif) no-repeat 100% -200px; padding: 0 20px 0 0;}



#sidfot {padding:15px 0px 0px 0px; width:100%; height:70px; background:#61616a url('images/bg_sidfot.jpg') repeat-x;}
#sidfotinnehall {width: 950px; margin: 0px auto 0px auto; color:#dcdcdc; font-size:10px; text-align:right;}
.rensa {clear:both;height:1px;}

/* LAYER DELA,TIPSA & BLOGGA */

#doljram {display:none; background-color:#000; position:absolute; top:0px; left:0px; height:100%; width:100%; filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80; z-index:50;}
#visalayer {background:transparent url(images/poplayer.png) no-repeat; display:none; padding:10px; position: absolute; left:50%; top:50%; margin-left:-300px; margin-top:-350px; z-index:100; height:315px; width:610px;}
.stang {text-align:right; height:26px; width:600px;}
#visalayer h2 {font-size:16px; font-weight:normal;}
#visalayer p {font-size:10px; font-weight:bold;}
#visalayer span {font-size:11px;float:none;}
#visalayer input {width:125px;border:1px solid #999999;font-size:10px; background:transparent url(images/bg_falt.jpg) no-repeat; padding:2px 0px 2px 5px;color:#666; margin:1px 0px 2px 0px;}
#visalayer textarea {width:270px; height:80px;border:1px solid #999999; font-family: "Trebuchet MS", Arial, Verdana, Geneva, sans-serif; font-size:10px; background:transparent url(images/bg_falt.jpg) no-repeat;}
#visalayer textarea.blogg {width:265px; height:50px;}
#visalayer input.knapp {margin:10px 0px 0px 0px; background:transparent url(images/knapp_skicka.gif) no-repeat; width:80px; height:21px; border:0px; text-align:center; color:#fff; font-size:11px; font-weight:bold; }
#visalayer #vansterbox {float:left; width:280px;}
#visalayer #hogerbox {float:right; width:275px; margin:0px 25px 0px 0px;}
#visalayer #hogerbox .bloggkod {width:275px; height:auto; margin:0px 0px 25px 0px; }

#visalayer #hogerbox .socialanatverk {width:275px;}
#visalayer #hogerbox .socialanatverk h2 {letter-spacing:0px; line-height:18px; padding:0px;}


#visalayer ul {margin:0px; padding:0px; list-style:none;}
#visalayer ul.iconlista {margin:15px 0px 0px 0px;}
#visalayer ul.iconlista li {float:left; width:20px; margin:0px; list-style:none;}
#visalayer li {float:left; width:130px; margin:0px 10px 0px 0px; list-style:none;}
#visalayer li.meddelande {float:left; width:260px; margin:0px 10px 0px 0px; list-style:none;}



/* EXOR */

.mitten, .mitten ul, .mitten ul li   { font-size: 11px; }
.mitten ul { list-style-type: none; }

/***  GRID FÖR DYNAMIC LAYOUT ************************************/
.tr_top             { display: none; float: left; width: 100%; }
.tr_top .td_01      { display: block; float: left; }
.tr_top .td_02      { display: block; float: left; width: 100%; }
.tr_top .td_03      { display: block; float: left; }

.tr_middle          { display: block; float: left; width: 100%; }
.tr_middle .td_01   { display: none; float: left; }
.tr_middle .td_02   { display: block; float: left; width: 100%; } /* MAIN */
.tr_middle .td_03   { display: none; float: left; }

.tr_bottom          { display: none; float: left; width: 100%; }
.tr_bottom .td_01   { display: block; float: left; width: 330px; }
.tr_bottom .td_02   { display: block; float: left; width: 330px; }
.tr_bottom .td_03   { display: block; float: left; }

.tr_top, .tr_top div { border: solid 0px #cccccc; }
.tr_middle, .tr_middle div { border: solid 0px #cccccc; }
.tr_bottom, .tr_bottom div { border: solid 0px #cccccc; }