body, html { background:#a5a391; text-align:center; margin:0; padding:0 0 0 0; font-family:arial, sans-serif; font-size:12px; color:#333; height:100%;}

/*--------------------------------------------------------------------------------------------------------------------------------
    Egna resets
--------------------------------------------------------------------------------------------------------------------------------*/
p,li,ul,div,h1,h2,h3,h4, img, hr {margin:0; padding:0; border:0}
hr {height:1px; color:#dddddd;}

.textright {text-align:right}
.textleft {text-align:left}

/*--------------------------------------------------------------------------------------------------------------------------------
    Länkar
--------------------------------------------------------------------------------------------------------------------------------*/

a:link { color:#1c76c1; }
a:visited { color:#1c76c1;}
a:hover { color:#999;}
a:avtive { color:#999;}

.h2:link { color:#333; }
.h2:visited { color:#333;}
.h2:hover { color:#333;}
.h2:avtive { color:#333;}

/*--------------------------------------------------------------------------------------------------------------------------------
    Brödtext
--------------------------------------------------------------------------------------------------------------------------------*/

.content {color:#333;}
.content p {margin-bottom:14px}
.content img {margin:10px}
.content .bildtext { font-size:10px; color:#666}
.content td { font-size:12px; margin:0; padding:0;}

.content ul {margin-left:20px; margin-bottom:20px}
.content ul li {}

.content .tabell {border-collapse:collapse; margin-bottom:20px}
.content .tabell td { padding:4px}


/*--------------------------------------------------------------------------------------------------------------------------------
    Klasser som styr ramverket
--------------------------------------------------------------------------------------------------------------------------------*/
.sitewidth {width:976px;}
.contentwidth {width:976px;} 

.width100percent {width:100%}
.width100percent-ie {#width:100%}

.col300marginleft {margin-left:12px}
.col300marginright {margin-right:12px}

.colmarginleft {margin-left:68px}
.colmarginright {margin-right:68px}

.col300 {width:300px}
.col300 h2 { background:url(/filearchive/2/2443/border.jpg) repeat-x left bottom; padding-bottom:10px; margin-bottom:10px; color:#333}
.col300 .h2 { background:url(/filearchive/2/2443/border.jpg) repeat-x left bottom; padding-bottom:10px; margin-bottom:10px; display:block; color:#333}

.col220 { width:220px; min-height:300px; _height:300px; }
.col400 { width:398px; min-height:300px; _height:300px; }
.col688 { width:688px}



.colmain {height:270px; position:relative}
.colmain .div_flash {position:absolute; z-index:1}
.colmain .div_search {position:absolute; z-index:1000; width:296px; height:250px; margin:8px; right:0;}


.col220 img {border:1px solid #eeeadf}

.title_img { margin:0; padding:0;}

.colspan2width {}
.colspan3width {width:976px; clear:both}
/*--------------------------------------------------------------------------------------------------------------------------------
    Generella klasser
--------------------------------------------------------------------------------------------------------------------------------*/

.l {float:left}
.r {float:right}
.oa {overflow:auto}
.oh {overflow:hidden}
.oxh {overflow-x:hidden}
.db {display:block}
.cb {clear:both}
.positioncenter {margin:0 auto;}
.textalignleft{ text-align:left}
.textalignright{ text-align:right}
.textaligncenter{ text-align:center}
.posrelative {position:relative}
.di {display:inline}
.nounderline { text-decoration:none}
.strong {font-weight:700}
.textaligncenter {text-align:center}
.textalignright {text-align:right}


/*-------------------------------------------------------------------------------------------------------------------------------- 
    Rubriker 
--------------------------------------------------------------------------------------------------------------------------------*/

h1, .h1{font-size:18px; }
h2, .h2 {font-size:18px; font-weight:100}
h3 {font-size:14px; }
h4 {font-size:12px; }


/*-------------------------------------------------------------------------------------------------------------------------------- 
    Texter
--------------------------------------------------------------------------------------------------------------------------------*/

.textsize10{ font-size:10px}
.textsize11{ font-size:11px}
.textsize12{ font-size:12px}
.textsize13{ font-size:13px}
.textsize14{ font-size:14px}
.textsize16{ font-size:16px}

.lineheight18 {line-height:18px}
.lineheight22 {line-height:22px}
.lineheight25 {line-height:25px}
.lineheight35 {line-height:35px}


/*-------------------------------------------------------------------------------------------------------------------------------- 
    Höjder
--------------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------------------- 
    Bredder
--------------------------------------------------------------------------------------------------------------------------------*/

.width180 {width:180px}
.width195 {width:195px}

/*-------------------------------------------------------------------------------------------------------------------------------- 
    Marginaler och padding
--------------------------------------------------------------------------------------------------------------------------------*/

.pmargindowntight { margin-bottom:0px}

.margintop5 {margin-top:5px}
.margintop6 {margin-top:6px}
.margintop8 {margin-top:8px}
.margintop9 {margin-top:9px}
.margintop10 {margin-top:10px}
.margintop15 {margin-top:15px}
.margintop20 {margin-top:20px}
.margintop30 {margin-top:30px}
.margintop55 {margin-top:55px}

.marginright5 {margin-right:5px}
.marginright8 {margin-right:8px}
.marginright10 {margin-right:10px}
.marginright20 {margin-right:20px}
.marginright50 {margin-right:50px}


.margindown5 {margin-bottom:5px} 
.margindown10 {margin-bottom:10px} 
.margindown15 {margin-bottom:15px} 
.margindown20 {margin-bottom:20px}
.margindown25 {margin-bottom:20px}
.margindown30 {margin-bottom:30px}
.margindown40 {margin-bottom:40px}

.marginleft5 {margin-left:5px}
.marginleft10 {margin-left:10px}
.marginleft15 {margin-left:15px}
.marginleft20 {margin-left:20px}

.paddingtop5 {padding-top:5px}
.paddingtop10 {padding-top:10px}
.paddingtop25 {padding-top:25px}

.paddingdown5 {padding-bottom:5px}
.paddingdown10 {padding-bottom:10px}
.paddingdown15 {padding-bottom:15px}
.paddingdown20 {padding-bottom:20px}

.paddingleft23 {padding-left:23px;}

.paddingright23 {padding-right:23px;} 

.margincenter{ margin:0 auto;}

/*-------------------------------------------------------------------------------------------------------------------------------- 
    Textfärger 
--------------------------------------------------------------------------------------------------------------------------------*/
.bluetext {color:#1c76c1}
.greytext {color:#666666}
.whitetext {color:#ffffff}
.browntext {color:#794b15}
.babybluetext {color:#24a9d1}
.redtext {color:#ff0000}

/*-------------------------------------------------------------------------------------------------------------------------------- 
    bakgrundsfärger 
--------------------------------------------------------------------------------------------------------------------------------*/
.greybackground {background:#efeeeb}
.darkgreybackground {background:#373737}

.darkgreygrad {background:url(/filearchive/2/2574/menu_background_current.jpg)}

/*-------------------------------------------------------------------------------------------------------------------------------- 
    Borders etc
--------------------------------------------------------------------------------------------------------------------------------*/

.borderbottom1pxsolidgrey {border-bottom:1px solid #efeeeb}
.borderright1pxsolidgrey {border-right:1px solid #efeeeb}
.borderleft1pxsolidgrey {border-left:1px solid #efeeeb}

.borderbox {border:1px solid #efeeeb; padding:5px 10px 5px 10px}
.borderbox_archive {border:1px solid #efeeeb; }
.borderbox_archive ul li {}
.borderbox_archive .current { background:#efeeeb}
.borderbox_archive_right {border:1px solid #efeeeb; text-align:center; padding:5px 0 5px 0}

/*-------------------------------------------------------------------------------------------------------------------------------- 
    Bilder etc
--------------------------------------------------------------------------------------------------------------------------------*/

.imageintext { margin:0 8px 8px 0}

/*-------------------------------------------------------------------------------------------------------------------------------- 
    Listor
--------------------------------------------------------------------------------------------------------------------------------*/

.liststylenone {list-style:none}
.simplelimargindown {margin-bottom:15px}

/*-------------------------------------------------------------------------------------------------------------------------------- 
    Unika Wrapperklasser och boxar 
--------------------------------------------------------------------------------------------------------------------------------*/
.sitewrapper-lvl1 {background:#fdfdfc; padding-bottom:50px;}
.sitewrapper-lvl2 { text-align:left;  }
.headerwrapper { height:76px; overflow:hidden; }
.topnavwrapper { }
.contentwrapper {}


.footerwrapper {padding-top:40px; padding-bottom:40px; background:#a5a391 url(/filearchive/2/2444/footer_grad.jpg) repeat-x; height:144px}


.footerwrapper .officeholder{ width:840px; overflow:auto; padding-bottom:60px}
.footerwrapper .officeholder .div_office {width:200px;margin-right:10px} 

.legal {background:url(http://foyen2009.dev.way2it.com/filearchive/3/3025/legal.gif) no-repeat; width:58px; height:59px}

.logo { margin-top:23px; margin-left:23px; float:left}


.breadcrumb {color:#666}
.breadcrumb a:link{ color:#666; text-decoration:none}
.breadcrumb a:visited{ color:#666; text-decoration:none}
.breadcrumb a:hover{ color:#333; text-decoration:none}

.languagelist{float:right; margin-top:30px; margin-right:15px;}

.legalfivehundred_logo { position:absolute; top:3px; right:-38px; }
.legalfivehundred_logo_eng { position:absolute; top:3px; right:-92px; }


/*-------------------------------------------------------------------------------------------------------------------------------- 
    inputboxar 
--------------------------------------------------------------------------------------------------------------------------------*/


.searchbuttononlytext {height:15px;}
.colmain .searchboxbackground { background:url(/filearchive/2/2908/searchbox_bg.png); width:296px; height:250px; #padding-left:50px;}
.colmain .searchboxbackground .searchboxcontent { width:195px; padding:25px 0 0 0; margin-left:50px; #margin-left:0px;}
.col220 .searchboxcontent h3 { margin-left:10px; #margin-left:0;} 



/*-------------------------------------------------------------------------------------------------------------------------------- 
    Grafikklasser 
--------------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------------------- 
    Smartnavigation top 
--------------------------------------------------------------------------------------------------------------------------------*/
.menu_top {overflow:hidden; width:976px; float:left; background:url(/filearchive/2/2458/menu_background.jpg) repeat-x}

.menu_top ul {overflow:hidden;}
.menu_top ul li{list-style:none; float:left; height:35px; line-height:35px; font-size:12px; text-transform:uppercase}

.menu_top .current, .menu_top .active {background:url(/filearchive/4/464/topmenuselectedbg.gif) repeat-x}

.menu_top ul li a:link, .menu_top ul li a:visited{ color:#393939; text-decoration:none; padding:0 15px 0 15px; display:block; font-weight:700}
.menu_top ul li a:hover, .menu_top ul li a:active{ color:#fff; text-decoration:none;}

.menu_top ul .current a:link, .menu_top ul .active a:link, .menu_top ul .current a:visited, .menu_top ul .active a:visited {color:#fff; text-decoration:none; padding:0 15px 0 15px; display:block; background:url(/filearchive/2/2574/menu_background_current.jpg)}

/*-------------------------------------------------------------------------------------------------------------------------------- 
    Smartnavigation sub
--------------------------------------------------------------------------------------------------------------------------------*/
.menu_sub { background:url(/filearchive/4/488/greyboxgrad234.gif) repeat-x; border-top:1px solid #efeeeb}
.menu_sub .level-1 {background:url(/filearchive/4/487/greyboxtop234.gif) top left no-repeat; }
.menu_sub ul { list-style:none}
.menu_sub ul li{ font-size:12px; padding:8px 0 8px 0; border-bottom:1px solid #efeeeb}

.menu_sub .level-1 li a{ margin-left:23px; display:block; text-decoration:none; font-weight:700; color:#333;}
.menu_sub .level-1 li a.current{ text-decoration:none; font-weight:700; color:#1c76c1;}
.menu_sub .level-1 li .active{ text-decoration:none; font-weight:700; color:#1c76c1;}

.menu_sub ul li .level-2 li a{ text-decoration:none; font-weight:700; color:#333;}
.menu_sub ul li .level-2 li a.current{text-decoration:none; font-weight:700; color:#1c76c1;}
.menu_sub ul li .level-2 li .active{ text-decoration:none; font-weight:700; color:#1c76c1;}

.menu_sub .current, .menu_sub .active { background:#fff}

/*-------------------------------------------------------------------------------------------------------------------------------- 
    Smartnavigation subeng
--------------------------------------------------------------------------------------------------------------------------------*/
.menu_subeng { background:url(/filearchive/4/488/greyboxgrad234.gif) repeat-x; border-top:1px solid #efeeeb}
.menu_subeng .level-0 {background:url(/filearchive/4/487/greyboxtop234.gif) top left no-repeat; }
.menu_subeng ul { list-style:none}
.menu_subeng ul li{ font-size:12px; padding:8px 0 8px 0; border-bottom:1px solid #efeeeb}

.menu_subeng .level-0 li a{ margin-left:23px; display:block; text-decoration:none; font-weight:700; color:#333;}
.menu_subeng .level-0 li a.current{ text-decoration:none; font-weight:700; color:#1c76c1;}
.menu_subeng .level-0 li .active{ text-decoration:none; font-weight:700; color:#1c76c1;}

.menu_subeng ul li .level-1 li a{ text-decoration:none; font-weight:700; color:#333;}
.menu_subeng ul li .level-1 li a.current{text-decoration:none; font-weight:700; color:#1c76c1;}
.menu_subeng ul li .level-1 li .active{ text-decoration:none; font-weight:700; color:#1c76c1;}

.menu_sub .current, .menu_sub .active { background:#fff}
