/* Start of CMSMS style sheet 'style' */
body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin: 10px 0 0 0; background: url(../uploads/images/bg.gif) #F3F3F3 repeat-x;}

h1 {font-size: 18px; margin-top: 30px; color:#000;}
h2 {font-size: 15px; margin-top: 5px; color:#000;}
h3 {font-size: 17px; margin: 0; color: #000; line-height: 28px; font-style: italic;}
h4 {font-size: 10px; margin-top: 5px; color:#000;}
h6 {font-size: 10px; margin-top: 5px; color:#000; border-bottom: 1px dotted #ccc; border-top: 1px dotted #ccc; padding: 5px 0; margin-top: 15px; font-weight: normal;}
p {margin-top: 20px; color: #000;}

a:link {color: #436399;} a:visited {color: #436399;} a:active {color: #436399;} a:hover {color: #D90030;}

.picframe {border: solid 1px #CCCCCC; padding: 3px; margin: 0 0 100px 40px; float: right;}
.picframe_img {border: solid 1px #CCCCCC; padding: 3px; margin: 3px 0; float: left;}

/*LAYOUT*/

#container {width: 940px; margin: auto; padding: 0;}
#mainContainer {float: left; width: 920px; margin: 0; padding: 10px; background: #fff;}
#topdiv {float: left; width: 940px; height: 141px; margin: 0; padding: 0; background: url(../uploads/images/header_bg.gif);}

#logo {float: left; width: 200px; height: 141px;}
#logo h1 {margin: 0; padding: 0;}
#logo h1 a {float: left; width: 200px; height: 141px; background: transparent url(../uploads/images/abf_jobb.gif) no-repeat; text-indent:-9999px; display:block;}

#menu {float: right; width: 404px; height: 50px; margin: 91px 38px 0 0; padding: 0;}
#menu ul li {float: left; display: inline;}
#menu ul li a {top: 0; left: 0; display:block; height:50px; background: url(../uploads/images/meny.gif) no-repeat top left; text-indent:-9999px; overflow:hidden;}
#menu ul li#start a {left: 0; width: 61px; background-position: 0 0;} #menu ul li#start a:hover { background-position: 0 -50px;} #menu ul li#start .current { background-position: 0 -50px;}
#menu ul li#om_abf_jobb a {left: 61px; width: 108px; background-position: -61px 0;} #menu ul li#om_abf_jobb a:hover { background-position: -61px -50px;} #menu ul li#om_abf_jobb .current { background-position: -61px -50px;}
#menu ul li#vara_tjanster a {left: 169px; width: 123px; background-position: -169px 0;} #menu ul li#vara_tjanster a:hover { background-position: -169px -50px;} #menu ul li#vara_tjanster .current { background-position: -169px -50px;}
#menu ul li#kontakta_oss a {left: 292px; width: 112px; background-position: -292px 0;} #menu ul li#kontakta_oss a:hover { background-position: -292px -50px;} #menu ul li#kontakta_oss .current { background-position: -292px -50px;}

#mainContainer h1.rub1 {width: 267px; height: 26px; background: transparent url(../uploads/images/r1.gif) no-repeat top left; text-indent:-9999px;}
#mainContainer h1.rub2 {width: 267px; height: 26px; background: transparent url(../uploads/images/r2.gif) no-repeat top left; text-indent:-9999px;}
#mainContainer h1.rub2_2 {width: 260px; height: 26px; background: transparent url(../uploads/images/r2_2.gif) no-repeat top left; text-indent:-9999px;}
#mainContainer h1.rub3 {width: 278px; height: 26px; background: transparent url(../uploads/images/r3.gif) no-repeat top left; text-indent:-9999px;}
#mainContainer h2.rub3_1 {width: 255px; height: 36px; background: transparent url(../uploads/images/r3_1.gif) no-repeat top left; text-indent:-9999px;}
#mainContainer h2.rub3_2 {width: 255px; height: 36px; background: transparent url(../uploads/images/r3_2.gif) no-repeat top left; text-indent:-9999px;}
#mainContainer h2.rub3_3 {width: 255px; height: 36px; background: transparent url(../uploads/images/r3_3.gif) no-repeat top left; text-indent:-9999px;}
#mainContainer h2.rub3_4 {width: 255px; height: 36px; background: transparent url(../uploads/images/r3_4.gif) no-repeat top left; text-indent:-9999px;}
#mainContainer h2.rub3_5 {width: 255px; height: 36px; background: transparent url(../uploads/images/r3_5.gif) no-repeat top left; text-indent:-9999px;}
#mainContainer h2.rub3_6 {width: 255px; height: 36px; background: transparent url(../uploads/images/r3_6.gif) no-repeat top left; text-indent:-9999px;}
#mainContainer h2.rub3_7 {width: 255px; height: 36px; background: transparent url(../uploads/images/r3_7.gif) no-repeat top left; text-indent:-9999px;}
#mainContainer h1.rub4 {width: 185px; height: 26px; background: transparent url(../uploads/images/r4.gif) no-repeat top left; text-indent:-9999px;}
#mainContainer h1.rub5 {width: 100px; height: 26px; background: transparent url(../uploads/images/r5.gif) no-repeat top left; text-indent:-9999px;}
#mainContainer h1.rub6 {width: 200px; height: 26px; background: transparent url(../uploads/images/r6.gif) no-repeat top left; text-indent:-9999px;}
#mainContainer h1.rub7 {width: 342px; height: 26px; background: transparent url(../uploads/images/r7.gif) no-repeat top left; text-indent:-9999px;}
#mainContainer h2.rub7_1 {width: 280px; height: 36px; background: transparent url(../uploads/images/r7_1.gif) no-repeat top left; text-indent:-9999px;}
#mainContainer h1.rub8 {width: 200px; height: 26px; background: transparent url(../uploads/images/r8.gif) no-repeat top left; text-indent:-9999px;}
#mainContainer h1.rub9 {width: 200px; height: 36px; background: transparent url(../uploads/images/r9.gif) no-repeat top left; text-indent:-9999px;}
#mainContainer h1.rub10 {width: 200px; height: 26px; background: transparent url(../uploads/images/r10.gif) no-repeat top left; text-indent:-9999px;}

#col_l {float: left; width: 470px; padding: 0 0 0 40px;}
#col_l2 {float: left; width: 520px; padding: 0 0 0 40px;}
#col_r {float: right; width: 300px; padding: 70px 40px 0 0;}
#col_r2 {float: right; width: 280px; margin: 66px 40px 0 0;}
#col_r2 p {margin-top: 0; font-size: 11px;}
#wide {float: left; width: 840px; padding: 0 40px 20px 40px; margin: 0;}
#wide_start {float: left; width: 880px; height: 230px; padding: 10px 20px 0 20px; margin: 0;}

.div_bottom {float: left; width: 200px; height: 210px; margin: 0; padding: 10px; background: url(../uploads/images/div_bottom_bg.gif);}
.div_bottom_news {float: left; width: 200px; height: 210px; margin: 0; padding: 5px 10px 10px 10px; background: url(../uploads/images/div_bottom_news_bg.gif);}

#news {float: left; width: 165px; height: 126px; overflow: auto; margin: 7px 0 0 0; padding: 10px 20px 10px 10px;}
#news h3 {margin: 5px 0; color:#DC0030; font-size: 10px; font-weight: bold; line-height: 15px;}
#news h2 {color:#000; line-height: 14px; font-size: 10px; padding: 0 0 10px 0; margin: 0;}
#news p {color:#000; line-height: 14px; font-size: 10px; border-bottom: 1px dotted #E4E4E4; padding: 0 0 10px 0; margin: 0;}
#u_news {float: left; width: 195px; height: 40px; overflow: auto; margin: 5px 0 0 0; padding: 0;}

#footer {float: left; width: 920px; height: 70px; margin: 0; padding: 0 10px; background: url(../uploads/images/footer_bg.gif); font-size: 11px; color: #fff;}
#footer ul li {float: right; display: inline; margin: 10px 20px 0 0;}
#footer a:link, visited, active {color: #fff;}
#footer a:hover {color: #fff;}

.dotted_h {float: left; width: 860px; height: 31px; background: url(../uploads/images/dotted_start1.gif); padding: 0 30px 0 30px; margin-top: 10px;}
.dotted_h_880px {float: left; width: 840px; height: 31px; background: url(../uploads/images/dotted_start2.gif); padding: 0 40px 5px 40px; margin: 0;}
.h_880px {float: left; width: 840px; padding: 0 40px 5px 40px; margin: 0;}

.box_right_1 {padding: 20px; margin: 0; height: 145px; background: url(../uploads/images/box_bg_right.gif);}
.box_right_2 {padding: 20px; margin: 0; height: 95px; background: url(../uploads/images/box_bg_right_2.gif);}
.box_right_3 {padding: 20px; margin: 0; height: 75px; background: url(../uploads/images/box_bg_right_3.gif);}
.box_right_4 {padding: 20px; margin: 0; height: 205px; background: url(../uploads/images/box_bg_right_4.gif);}

.txt_box_l {float: left; width: 580px; padding: 15px; border: 1px dashed #EAE1CB; margin: 20px 0 15px 70px; background: #F7F4EB;}
.txt_box_r {float: right; width: 580px; padding: 15px; border: 1px dashed #EAE1CB; margin: 20px 70px 15px 0;}

/* ----------------- */
#contact_form {float: left; width: 314px; margin: 0 0 30px 0;}
#contactForm {padding: 10px 0 10px 0; font-size: 11px;}
#contactForm input {font-size: 11px; color: #666666; margin: 3px 0 3px 0;}
#contact_form #submit {width: 80px;	font-size: 12px; float: right; margin: 0 5px 0 0;}
#emailaddress, #comments, #firstname {width: 304px; font-size: 11px; color: #666666; font-family: Arial, Helvetica, sans-serif;}
/* ----------------- */


/* FIX */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* End of 'style' */