

/* meri css */
html,body { width:100%;font-family:Verdana;color:#000000;background-color:#ececec; }

* {margin:0px;padding:0px;}
h1,h2,h3,h4,h5,h6 { font-weight: normal; }

.e_wrapper{
   float: left;
   text-align:left;
   width: 100.00%;   
}
.contentleft { float:left;width:692px; }
.contentleft_left { float:left;width:456px; }
.contentleft_right { float:right;width:220px; }
.contentright { float:left;width:220px;margin:0px 0px 0px 16px; }
.dxeTextBox td.dxic {padding:0px!important;}

div { font-family: Verdana;}

p { font-family:verdana;font-size:11px;line-height:18px; }
.brodtext { font-size:11px;line-height:18px; }
.brodtext_small { font-size:10px;line-height:14px; }
a { color:#000;text-decoration:none; }
img { border:0px; }
h2 { font-family: Verdana; }
strong { font-weight: bold; }

#bg_left { float:left;width:50%;margin:0px -495px 0px 0px;height:312px;background:url('../img/orginal/framework/bg_left.jpg') repeat-x; }
#bg_right { float:right;width:49.9999999999%;height:312px;margin:0px 0px 0px -495px;background:url('../img/orginal/framework/bg_right.jpg') repeat-x; }

#container_wrapper { float:left;width:990px; }
#container_bg { float:left;width:990px;background:url('../img/orginal/framework/bg_main.jpg') repeat-y; }
#container_shadow_left { float:left;width:15px;height:312px;background:url('../img/orginal/framework/bg_shadow_left.jpg') no-repeat; }
#container { float:left;width:960px; }
#container_shadow_right { float:left;width:15px;height:312px;background:url('../img/orginal/framework/bg_shadow_right.jpg') no-repeat; }

#top { float:left;width:960px;height:85px;background:url('../img/orginal/framework/top.jpg') no-repeat; }
#top #top_left { float:left;width:480px; }
#top #top_left #top_logo { float:left;width:120px;height:51px;margin:15px 0px 0px 18px;display:inline; }
#top #top_left #top_logo_text { float:left;width:250px;margin:54px 0px 0px 10px; }
#top #top_left #top_logo_text p { float:left;width:250px;font-size:10px;color:#58585a;}
#top #top_right { float:left;width:480px; }
#top #top_right #top_login { float:right;width:450px;margin:12px 16px 0px 0px;display:inline;}
#top #top_right #top_login p { float:right;width:146px;height:18px;margin:2px 10px 0px 0px;font-size:10px;color:#58585a; }
#top #top_right #top_login .textbox { float:right;width:100px;height:16px;margin:0px 10px 0px 0px;padding:2px 5px 0px 5px;font-size:10px;color:#abacb0; }
#top #top_right #top_login .send_button { float:right;width:21px;height:21px;display:inline; }
#top #top_right #top_sprak { float:right;width:82px;margin:20px 16px 0px 0px;display:inline;}
#top #top_right #top_sprak p { float:right;width:50px;height:21px;margin:2px 10px 0px 0px;color:#58585a;display:inline }
#top #top_right #top_sprak .flagga { float:right;width:21px;height:21px;}

#main { float:left;width:928px;padding:0px 16px 0px 16px; }

#bottom { float:left;width:990px;height:30px;background:url('../img/orginal/framework/bg_footer.jpg') no-repeat; }

#footer { float:left;width:990px; }
#footer p { float:right;width:228px;font-size:10px;color:#7d7d7d; }
#footer a { color:#7d7d7d; }

#menu { float:left;width:960px;height:26px;background:url('../img/orginal/framework/bg_menu.jpg') repeat-x; }
#menu_shadow { float:left;width:960px;height:17px;background:url('../img/orginal/framework/menu_shadow.jpg') repeat-x; }


/*
 Above legacy css
*/



/* standard brown css link */
a.blink { color: #7D6A55; text-decoration: none; font-weight: bold; font-style:normal; font-size: 11px;}


ul#huvudmeny { list-style: none; z-index:50; background-image: url('../img/orginal/framework/bg_menu.jpg'); background-repeat: repeat-x; height:26px;}
ul#huvudmeny li a { color: #FFF; text-decoration: none; line-height: 26px; display: block; padding: 0px 30px 0;}

#huvudmeny li {
    float: left; color: #FFF; font-size: 10px; text-transform: uppercase;
    font-family: Verdana; position: relative; border-left: 1px solid #FFF; z-index: 100;
    background-repeat: repeat-x;
}

#huvudmeny li:first-child { border-left: 0px;}
#huvudmeny li.active { background-image: url('../img/orginal/framework/bg_menu_hover.jpg'); background-repeat: repeat-x; }
#huvudmeny li.active a { color: #000000; }
#huvudmeny li.active li a { color: #FFF; }

#huvudmeny li:hover { background-image: url('../img/orginal/framework/bg_menu_hover.jpg'); background-repeat: repeat-x; }
#huvudmeny li ul { position: absolute; top:26px; left: 0px; display: none;}
#huvudmeny ul li { border-left: 0px; display: block; float: none; background-color: #6F6251; border-top: 1px solid #FFFFFF; }
#huvudmeny ul li a { width:100%; }


.header_three_columns { background-image: url('../img/orginal/headers/header_three_column.jpg'); background-repeat: no-repeat; width: 692px; height:21px;
font-size: 10px; line-height: 20px; text-transform: uppercase; padding-left: 10px; }

.header_one_column { background-image: url('../img/orginal/headers/header_one_column.jpg'); background-repeat: no-repeat; width: 220px; height:21px;
font-size: 10px; line-height: 20px; text-transform: uppercase; padding-left: 10px; margin-bottom: 8px; }

.header_two_column { background-image: url('../img/orginal/headers/header_two_column.jpg'); background-repeat: no-repeat; width: 456px; height:21px;
font-size: 10px; line-height: 20px; text-transform: uppercase; padding-left: 10px; margin-bottom: 8px; }


div.content_three_columns {
    float: left; margin-top: 8px; min-height: 100px;
    width: 692px; font-size: 11px; line-height: 18px;
}

div.content_two_columns {
    float: left;  min-height: 100px; margin-top: 8px;
    width: 456px; font-size: 11px; line-height: 18px;
}

div.content_one_columns {
    float: right;  min-height: 100px; margin-top: 8px;
    width: 220px; font-size: 11px; line-height: 18px;
}

div h2.bold { font-size: 11px; font-weight: bold; line-height: 18px; margin:0;padding:0; }

div.grid_row { padding-bottom: 40px; }

div.grid_box_left {
    width: 220px;
    float: left;
    min-height: 380px;
    position: relative;    
}

div.grid_box_middle {
    width: 220px;
    float: left;
    margin-left: 16px;
    min-height: 380px;
    position: relative;
}

div.grid_box_right {
    width: 220px;
    float: right;
    margin-left: 16px;
    min-height: 380px;
    position: relative;
}

div.grid_box_middle .bild { text-align: center; }
div.grid_box_right .bild { text-align: right; }
div.grid_row .bild { width: 220px; }
div.grid_row .bild img { height:135px; }

div.grid_row .rubrik {
    color: #000; font-family: Verdana; padding-left: 5px; padding-top: 5px;
    font-size: 14px; font-weight: normal;
}

div.grid_row .text { font-size: 11px; font-weight: normal; line-height: 18px; padding-left: 5px; padding-top:15px; }



div.continue {
    font-size: 11px; font-weight: bold; font-family: Verdana; height:14px; line-height: 14px;
    color: #7D6A55; display: block; float: right; margin-top: 20px; cursor:pointer; width:74px;
    position: absolute; right:0; bottom:5px;
}

div.continue > a.lasmer { float:left; font-size: 11px; line-height: 14px; font-weight: bold; font-family: Verdana; color: #7D6A55; display: block; padding-right: 5px; }
div.continue > a.lasmerimg { float: left; background-image: url('../img/buttons/lasmer.png'); background-repeat: no-repeat; height: 14px; width:14px; display: block; }

div .lasmers {
    font-size: 11px; font-weight: bold; font-family: Verdana; height:14px; line-height: 14px;
    background-image: url('../img/buttons/lasmer.png'); background-repeat: no-repeat;
    background-position: right; border:0px; padding:0;
    color: #7D6A55; display: block; float: right; margin-top: 20px; cursor:pointer; width:74px;
    position: absolute; right:0; bottom:5px;
}

div .lasmer_kontakta {
    font-size: 11px; font-weight: bold; font-family: Verdana; height:14px;
    background-image: url('../img/buttons/kontakta.jpg'); background-repeat: no-repeat;
    color: #7D6A55; display: block; float: right; margin-top: 20px; cursor:pointer; width:82px;
    position: absolute; right:0; bottom:10px;
}

div .lasmera {
    font-size: 11px; font-weight: bold; font-family: Verdana; height:14px;
    background-image: url('../img/buttons/lasmer.jpg'); background-repeat: no-repeat;
    color: #7D6A55; display: block; float: right; margin-top: 20px; cursor:pointer; width:74px;
    position: absolute; right:0; bottom:5px;
}



/* Grey box css */
div.grey_box {
    width: 198px; font-size: 10px; line-height: 14px; padding-left: 10px; padding-right: 10px;
    border-left: 1px solid #808080; border-right: 1px solid #808080; background-color: #f6f6f6; padding-bottom: 4px; padding-top: 4px;
}

div.grey_box h3 { color: #000; font-size: 14px; font-weight: normal; font-family: Verdana; margin-bottom: 20px; padding-top: 5px;}
div.grey_box h4 { color: #000; font-size: 14px; font-weight: normal; font-family: Verdana; margin-bottom: 10px; padding-top: 5px;}
div.grey_box p.text { font-size: 11px; line-height: 18px; margin-bottom: 10px;}
div.grey_box p.text_small { font-size: 10px; line-height: 14px; margin-bottom: 10px; }

div.grey_box input[type=text],#form input[type=text] { border: 1px solid #A0A0A0; background-color: #FFF; margin: 1px 1px 2px; width: 192px; padding-left:3px; padding-top: 3px; padding-bottom: 3px;
font-family: Tahoma; font-size: 9pt; color: #999999; margin-bottom: 10px; }
div.grey_box input[type=text]:focus,#form input[type=text]:focus { border-color: #000; }


div.grey_box select { border: 1px solid #A0A0A0; width:197px; margin-bottom: 10px; font-size:9pt; font-family: Tahoma; color: #999999; padding-bottom: 1px; }
div.grey_box select:focus { border-color: #000; }
div.grey_box option:last-child { background-color: #cfcfcf; }

div.grey_box div.select_box { border: 1px solid #9f9f9f; width:100%; min-height: 50px; max-height: 108px; overflow-y: auto; overflow-x: hidden; background-color: #FFFFFF; }
div.grey_box div.select_box ul { padding: 1px; }
div.grey_box div.select_box ul li { display: block; width:99%; height: 20px; line-height: 20px; padding-left: 3px; font-size: 11px; font-family: Verdana; }
div.grey_box div.select_box ul li:hover { background-color: #CFCFCF; cursor:pointer; color: #000000; }
div.grey_box div.select_box ul li.active { background-color: #a0a0a0; color: #FFFFFF;}
div.grey_box div.select_box ul li a { display:block;}

#contact_us li, #catalog li { list-style: none; }
div.grey_box textarea { width:190px; height: 50px; overflow: auto; padding: 3px; background-color: #FFF; border: 1px solid #999999; color: #999; resize: none; }
div.grey_box textarea:focus { border-color: #000; }
div.grey_box h5 { font-weight: bold; font-size: 10px; }

div.grey_box .submit { background-image: url('../img/buttons/button_skicka.jpg'); background-repeat: no-repeat; width: 53px; height: 21px; float:right; border: 0px;
margin-top: 8px; cursor: pointer;
}

input.general_submit { background-image: url('../img/buttons/button_skicka.jpg'); background-repeat: no-repeat; width: 53px; height: 21px; border: 0px;
margin-top: 8px; cursor: pointer;
}


div.box_wrapper { background-image: url('../img/orginal/box/greybox_top.jpg'); background-repeat: no-repeat; background-position: 0 0; width:220px; padding-top: 6px; }
div.box_wrapup { background-image: url('../img/orginal/box/greybox_bottom.jpg'); background-repeat: no-repeat; content:''; width:220px; height: 6px; }
/* end grey box css */

ul.three_column { list-style: none;}
ul.three_column li { width: 150px; float:left; }
ul.three_column li li:first-child { width: 150px; float:left; }
ul.three_column li li { width: 160px; float:right; }
ul.three_column li.clearsome { clear:both; float: none; padding-top: 10px;}

div.contentleft .newsitem { border-bottom: 1px solid #7d6a55; padding-bottom: 5px; margin-bottom: 8px; position: relative; padding-bottom: 30px;}
div.contentleft .newsitem h2 { color: #000; font-size: 14px; font-weight: normal; font-family: Verdana; }
div.contentleft .newsitem h3, p.nyhets_datum { color: #7d6a55; font-family: Verdana; font-weight:bold; font-size: 11px; margin-top: 5px; margin-bottom: 5px; }
div.contentleft .newsitem p { line-height: 18px; font-size: 11px; font-weight: normal; }
div.contentleft .newsitem div.lasmer { margin-top: 0px; bottom: 10px;}

ul.erbjudande { list-style: none; list-style-type: none; margin: 10px 0;}
ul.erbjudande li { padding-left: 20px; line-height: 20px;}




#mask {
    position:absolute;
    left:0;
    top:0;
    z-index:9000;
    background-color:#FFF;
    display:none;
}




#inline .header { width: 100%; }
#inline .header .bar {
    background-image: url('../img/orginal/headers/header_lightbox.jpg'); background-repeat: no-repeat; width: 667px; height:21px;
    font-size: 10px; line-height: 21px; text-transform: uppercase; padding-left: 10px; float:left; margin-bottom: 20px;
}

#inline .header .close {
    background-image: url('../img/buttons/button_close.jpg'); background-repeat: no-repeat; width:21px; height: 21px;
    float:left; cursor: pointer;
}


#inline .columns {  width: 100%; overflow: auto; min-height: 400px; max-height: 440px; }

#inline .columns .left {
    width: 224px;
    float:left;
    text-align: center;
}

#inline .columns .left_big {
    width: 434px;
    float:left;    
}

#inline .columns .middle {
    width: 210px;
    margin-left: 10px;
    float:left;
    font-size: 10px;
    line-height: 14px;
    font-family: Verdana;    
}

#inline .columns .middle h3 { color: #000; font-size: 14px; font-weight: normal; font-family: Verdana; margin-bottom: 10px; }
#inline .columns .middle ul { list-style: none; width:220px; padding-bottom: 20px;}
#inline .columns .middle ul li { float: left; width: 100px; margin-bottom: 5px; }
#inline .columns .middle ul li li { float:right; width:110px; }
#inline .columns .middle div.clear { clear: both; height:20px; }
#inline .columns .middle p { font-size: 10px; line-height: 14px; margin-bottom: 10px; }
#inline .columns .middle p.intro { margin-top: 15px; margin-bottom: 10px; margin-top: 10px;}
#inline h1 { font-size: 14px; color: #000; font-family: Verdana; font-weight: normal; }
#inline p.text { font-size: 11px; line-height: 18px; font-family: Verdana; }
#inline div.contents { min-height: 450px; }


#inline .columns .right {
    width:220px;
    margin-left: 10px;
    float:right;
}

#inline .columns .right_contact {
    width:220px;
    margin-left: 13px;
    float:left;
}

#news_object ul { list-style: none; }
#news_object ul li { width: 200px; float:left; font-size: 11px; line-height: 18px; font-family: Verdana;}
#news_object ul li li:first-child { width: 200px; float:left; }
#news_object ul li li { width: 300px; float:right; }
#news_object ul li.clearsome { clear:both; float: none; padding-top: 10px; }
#news_object ul { list-style: none; }
#news_object ul li { width: 300px; float:left; font-size: 11px; line-height: 18px; font-family: Verdana;}
#news_object ul li li { width: 300px; float:right; }


#inline div.table { display: table; font-size: 11px; line-height: 18px; }
#inline div.table div.row { display: table-row; }
#inline div.table div.row:first-child div { border-top: 1px solid #000; }
#inline div.table div.row div { display: table-cell; border-right: 1px solid #000; width: 225px; border-bottom: 1px solid #000; }
#inline div.table div.row div:first-child { border-left: 1px solid #000; }


#inline div.contact { border-top: 1px solid #756857; margin-top: 10px; padding-top: 10px; }
#inline div.contact:first-child { border-top: 0px; margin-top: 0px; padding-top: 0px; }

#inline div.contact div { float: left; width: 295px; font-size: 10px; line-height: 14px; font-family: Verdana; }
#inline div.contact div img { width: 125px; height: 97px; }
#inline div.contact div:first-child { width: 135px; }
#inline div.contact div h2 { font-size: 14px; font-weight: normal; margin-bottom: 5px; }

#inline div.person .bild { float: left; margin-right: 10px; width:227px; }
#inline div.person .information { font-size: 10px; line-height: 14px; width:260px; float: left; }
#inline div.person .information h2 { font-size: 14px; font-weight:normal; margin-bottom: 5px; }


#inline div.big_wrapper { 
    background-image: url('../img/orginal/box/g_big_top.jpg'); background-repeat: no-repeat; background-position: 0 0;
    width: 696px; padding-top: 6px; color: #000; margin-top: 7px;
}
#inline div.greybox_big { width: 694px; margin: 0 auto; font-size: 10px; border-left: 1px solid #808080; border-right: 1px solid #808080; background-color: #f6f6f6;}
#inline div.greybox_big .grey_content { margin-left: 10px; margin-right: 10px; width: 674px; }

#inline div.greybox_big_wrapup {
color: #000; 
background-image: url('../img/orginal/box/g_big_bottom.jpg'); background-repeat: no-repeat; background-position: 0 0;
width: 696px; padding-top: 6px; height: 6px;    
}


#inline div.kontakta { float: left; width: 322px; margin-right: 15px; margin-top: 7px; margin-left: 20px;}
#inline div.kontakta h2 { font-size: 14px; font-weight: normal; margin-bottom: 10px; }

#inline div.kontakta_meddelande { float: left; width: 335px; margin-top: 7px; }

#inline div.kontakta .forms { width: 100%; margin-top: 10px; }
#inline div.kontakta .forms input[type=text] { border: 1px solid #A0A0A0; background-color: #FFF; margin: 1px 1px 2px; width: 149px; padding-left:3px; padding-top: 3px; padding-bottom: 3px;
font-family: Tahoma; font-size: 9pt; color: #999999; margin-bottom: 10px; float: left; }
#inline div.kontakta .forms input[type=text]:focus{ border-color: #000; }

#inline div.kontakta_meddelande textarea { resize:none; overflow:auto; width:320px; height: 130px; overflow-y: scroll; background-color: #FFF; border: 1px solid #999999; color: #999; }
#inline div.kontakta_meddelande textarea:focus { border-color: #000; }
#inline div.kontakta_meddelande .submit { margin-right: 12px;
    background-image: url('../img/buttons/button_skicka.jpg'); background-repeat: no-repeat; width: 53px; height: 21px; float:right; border: 0px;
    margin-top: 8px; cursor: pointer; margin-bottom: 5px;
}
