/* Start of CMSMS style sheet 'UPSYS_layout' */
/* A CSS Framework by Mike Stenhouse of Content with Style, adapted to CMSMS by Daniel Westergren */

/* SITE SPECIFIC LAYOUT */

div.breadcrumbs{margin:5px;padding: 5px;text-align:left;font-size: 90%;}
div#contenthead{width:90%;height:24px;margin:4px auto;padding: 0px 0 10px;}
 * html body div#contenthead { margin: 0px auto; padding: 10px 0;}


html{height: 90%; margin-bottom: 10px}
#___Frame{width:485px}
html,body{margin:0;padding:20px 0 10px; padding-top:10px;}
div#box{width:800px;margin: 0px auto}
div#page{width: 100%;margin: 0px}
div#pagefill{width: 100%; height: 100%; background-color: #222222}

div#header{width: 100%; margin:0px auto;padding: 0;}

/*  Bildrutan ovantill */
div#hbox{margin: 0px; padding: 0px; height: 100px;}

 *html body div#hbox{margin: 0; padding: 10px 0}


/*div#header h1{margin:5px 0;padding: 40px 20px 10px;} */

/* Banderollbild */
div#header {background-image: url(uploads/images/puzzle_banner_kontakt.jpg);}

div#headerhem {background-image: url(uploads/images/puzzle_banner_hem.jpg);}
div#headerkompetens {background-image: url(uploads/images/puzzle_banner_kompetens.jpg);}
div#headerlosningar {background-image: url(uploads/images/puzzle_banner_kompetens.jpg);}
div#headerkunder {background-image: url(uploads/images/puzzle_banner_losningar.jpg);}
div#headernyheter {background-image: url(uploads/images/puzzle_banner_kunder.jpg);}
div#headerom-upsys {background-image: url(uploads/images/puzzle_banner_kontakt.jpg);}
div#headerkontakt {background-image: url(uploads/images/puzzle_banner_kontakt.jpg);}
div#headerjobb {background-image: url(uploads/images/puzzle_banner_rod1.jpg);}

div#binaryheader {background-image: url(uploads/images/Banner4.jpg);}

div#menu_horiz{width:100%;margin: 0px auto;padding: 0px}
div#menu_horiz_90{width:97%; margin-left: 10px auto; margin-right: 10px}
div#menu_horiz_10{width:3%;margin-top: 5px;margin-right: 10px;padding: 0px; float: right}
div#wrapper{height: 20px;padding:  0}
div#menuwrapper{margin:0px;padding:0px 20px;}
div#menuwrapperpaket{margin:0px;padding:0px 0px;}
div#sidebar{float: left;width: 655px;height:39px;padding: 0;margin: 0px}
div#content{height: 400px; margin:4px 0 10px;padding: 0px}

/* Content-arean till nya sidan */
div#content20years{height: 500px; width: 75%; margin-left: 200px; background-color: #F5F5F5; border-top: 10px solid;}
div#contentbox20years{margin:0px;padding: 0px; margin-top: 20px;}

/* Meny för nya 20-årssidan */
div#menu_horiz_20years{width: 75%; margin-left: 200px}
div#menu_horiz_1{width:600px; margin-left: 200px;}
div#menu_horiz_flag{width:3%;margin-top: 5px;margin-right: 10px;padding: 0px; float: right}

div#submenu20years{height: 15px;  border: 0px solid}

div#grayfade1{height: 1px; background-color: #303030;}
div#grayfade2{height: 1px; background-color: #505050;}
div#grayfade3{height: 1px; background-color: #707070;}
div#grayfade4{height: 1px; background-color: #B0B0B0;}
div#grayfade5{height: 1px; background-color: #E0E0E0;}

div#contentbox{margin:5px;padding: 10px; margin-top:20px;}
 * html body div#contentbox{margin: 0px;padding: 10px}
div#contentbox table{margin-left:25px}
div#contentbox th{padding:8px}
div#contentbox th h2{font-size:170%;color:#000}
p.center {margin: 0px;text-align: center}
.center{margin-left:180px}

div#footer{clear: both; margin-top: 10px;}
div#footer p {margin: 0; padding: 5px;text-align: center;}
div#footer {
    border-top: 0px solid;
    border-bottom: 0px dotted;
    border-left: 0px solid;
    border-right: 0px solid;
    border-color: gray;
 /*    background-image: url();   */
}

div#totalfooter{margin-left: 200px; width: 600px; background-color: #F0F0F0; height: 50px; border: 0px solid}
div#leftfooter{width: 200px; background-color: #C20000; border: 0px solid;}
div#nyfooter{width: 560px; height: 49px; background-color: #F5F5F5; text-align: center; border: 0px solid; float: left}
div#footerpic{width: 40px; height: 50px; background-color: #EEE9E9; border: 0px solid; float: right; text-align: center}
/* background-image:url(uploads/images/puzzle_footer.jpg)} */

div#mainblock{width:65%;margin:0 0 0px;padding:0px; float:left;}
div#mainblockjubilee{width: 65%; margin:0 0 0px;padding:0px; float:left;}
div#mainblocktotal{width:100%;margin:0 0 0px;padding:0px; float:left;}
div#mainblockpartners{width:63%;margin:0 0 0px;padding:0px; float:left;}
/* Mainblock för huvudsidan */
div#mainblockhuvud{width:35%;margin:0 0 0px;padding:0px; float:left;}

div#mainblock20years{margin:0 0 0px; margin-left: 20px;}

 *html body div#mainblock{width:65%;margin:0px;padding:0px}
div#main {padding:0px 0}
 * html body div#main {padding:5px}

div#flatmain {padding:0px 0; height: 100px;}

div#main_scrollable
{
  padding:0px 0;
  height: 270px;
  scrollbar-track-color: red;
  overflow: auto;
}
 * html body div#main_scrollable {padding:5px; height: 270px; overflow: auto}




/* UPSYS_huvudsida */
div#rutblock {
    padding: 0px;
    margin-top: 0px;

    height: 300px;
    padding-bottom:10 px;
    border: 0px solid;
}
div#ruta1 {
    margin-left: 20px;
    margin-top: -30px;
    margin-bottom: 0px;
    margin-right: 0px;
    padding-left: 0px;

    float: left;
}
div#ruta2 {
    margin-right: 30px;
    padding-left: 8px;
    padding-right: 5px;
    border-top: 0px solid;
    border-left: 0px solid;
    border-right: 0px solid;
    border-bottom: 0px solid;
    border-color: gray;

    float: left;
    height: 200px;
    width: 200px;
}
div#ruta3 {
    margin-left: 20px;
    height: 200px;
    width: 230px;

    border-right: 0px solid;

    border-top: 0px solid;
    border-left: 0px solid;
    border-bottom: 0px solid;
    border-color: gray;
    float:left;
}
div#ruta4 {
    /*margin-right: 20px;*/
    padding-right: 20px;
    /*margin-left: 100px;*/
    /*width: 10%;*/
    /*float:left;*/
    /*border-color: black;*/
}
div#logga {
     margin-left: 690px;
}

div#loggaleft {
     margin-left: 550px;
}

/* Nya loggan */
div#logo20years {
     width: 25%;
     height: 10%;
     margin-left: 0px;
     /*margin-top: 10px;*/
}

div#leftpic20years {
     width: 25%;
     height: 560px;
     margin-left: 0px;
     float: left;
     border: 0px solid;
     border-bottom: 0px solid;
     background-color: #000000;
     /*margin-top: 10px;*/
}

/* UPSYS_undersida_2kol */
div#infotext {
    text-align: center;
    float: left;
    width: 90%;
}
div#left_col {
    float: left;
    width: 40%;
}
div#right_col {
    float: right;
    width: 50%;
    border-left: 1px dotted; 
}
.myform input {
   width: 220px;
}



/*  Alla högerkolumner  */
div#newsblock
{
  float:right;
  width:26%;
  height: 340px; 
  border-left: 1px dotted; 
  border-color: gray; 
  padding-left:15px;
  padding-top: 27px;
  margin-top: -27px;
}
div#newsblock_alla_nyheter
{
  float:right;
  width:26%;
  height: 340px;
  border-left: 1px dotted; 
  border-color: gray; 
  padding-left:16px;
  padding-top: 27px;
  margin-top: -27px;
}
div#news{padding-left: 8px;margin-top: 0px;}

div#news20years{margin-top: 0px;}

div#newsblock_alla_nyheter_scrollable
{
  height: 270px;
  border-color: gray; 
  padding-left: 0px;
  padding-top: 0px;
  margin-top: 0px;
  scrollbar-track-color: red;
  overflow: auto;
}

/* Paketlösningar i högerkolumnen */
div#paketblock
{
  float:right;
  width:26%;
  height: 340px; 
  border-left: 1px dotted; 
  border-color: gray;
  padding-left:15px;
  padding-top: 10px;
  margin-top: -27px;
}
div#paket
{
  /*width: 100%;*/
  padding: 0px;
  margin: 0px;
  padding-left: 1px;
  margin-top: 0px;
}
div#jobnews
{
  float:right;
  width:26%;
  height: 300px; 
  border-left: 1px dotted; 
  border-color: gray; 
  padding-left:15px;
  padding-top: 27px;
  margin-top: -27px;
}


div#oldnewsheader{padding-left: 8px; height: 30px; margin-top: -20px;}


/*  Kontaktformulär  */
div#formular
{
     margin: 10px;
}


div#block2{width:71%;margin:0 0 10px;padding:5px; }
 *html body div#block2{width:73%;margin:10px 0px;padding:0px}
div#content2 {width:73%;margin:0 0 10px;padding:0} 
.modulecommentsentrybody{margin-left:10px} 
div#content3 {padding:5px;margin:0px}
div#content2 p, div#content3 p{margin: 0px;padding: 5px}
div#content2 h2, div#content3 h2{margin: 0px;padding: 5px}


div#flat{clear:both;width:66%;height:38px;margin:10px 0;padding:5px}
div.left49 {float:left;width: 45%;}
div.right49 {float:right;width: 45%;text-align: right;}
div.left49 p{margin:0px 20px; padding:0px}
div.right49 p{margin:0; padding:0px}

div#comment a{;padding:0px;margin: 20px 10px;color: #ffba27}
div#comment a:hover{color: #C28400;text-decoration:underline}
.modulecommentsentryauthor{margin-left:20px; color:#000}
.modulecommentsentrybody{margin-left:10px}
.modulecommentsentryheader{padding-top:5px}

#comment{border: thin solid #7a7a7a}
div#content2, #comment{background: #FFF}
#img1 .center{margin-left:10px}
#img2{padding: 0 5px}
div#img3 a,#img2 a,#img1 a{padding:0px;margin: 0px 5px;color: #ffba27}
div#img3 a:hover,div#img2 a:hover,div#img1 a:hover{color: #C28400;text-decoration:underline}

/* End of 'UPSYS_layout' */