@charset "utf-8";
/* CSS Document */

body, div, h1, h2, h3, h4, p, dl, dt, dd, img, form, fieldset, blockquote {
margin: 0px;
padding: 0px;
border: none; 
}

#intro {}


body { background-color: #272727; font-family: 'PT Sans', "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 15px; background-image:url(../images/bg.jpg); background-position: center top; background-repeat: no-repeat; background-attachment: fixed; }

p { padding-top: 5px; padding-bottom: 12px; line-height: 23px; text-shadow: #222222 1px 1px; }
h1 { color: #3289c0; padding-top: 16px; padding-bottom: 10px; text-shadow: #222222 2px 2px; font-weight: normal;}
h2 { color: #e1e1e1; margin:0; padding-top: 20px; padding-bottom: 0; text-shadow: #222222 1px 1px; font-weight: normal; }
h3 { color: #3289c0; padding-bottom: 8px; font-weight: normal; }

h2.blue { color: #3289c0; font-size: 180%; font-weight: normal; }

strong { text-decoration: none; font-weight: normal; }

h3,h4,g5 { font-weight: normal; }

hr { border: none; border-bottom: dashed 1px #434343; margin-top: 28px; margin-bottom: 20px; width: 98%; } 

hr.sidebarhr { border: none; border-bottom: dashed 1px #434343; margin-top: 6px; margin-bottom: 6px; width: 98%;}


a { outline: none; cursor: pointer; }
a:link, a:visited { color: #3289c0; }
a:hover { color:#37e0ff; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease; }

a.backtop { color: #939393; }
a.backtop:hover { color:#fff; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease; }

#wrap { width: 831px; margin: 0 auto; }

#date {float: left ; font-size: 11px; color:#c0c0c0; padding-left: 4px;}

#date a {color:#c0c0c0; text-decoration: none; }
#date a:hover {color:#37e0ff;}

#top {margin-top: 0px; }
#mellan { margin-top: 10px; }

#socialtext { font-size: 11px; color:#c0c0c0; }
#social { list-style-type: none; margin: 0; padding: 0; margin-top: 4px;  }
ul#social li {
	display: inline; float: right; padding-right: 4px; margin-bottom: 3px;  /* Prevents "stepdown" */
}



#menu { list-style-type: none; margin: 0; padding: 0; margin-top: 10px; }

ul#menu li {
	display: inline; /* Prevents "stepdown" */
}

#m1 { display: block; width: 205px; height: 60px; background-image: url(../images/m1.png); float: left; outline: none; text-indent: -9999px; margin-right: 4px; }
#m2 { display: block; width: 205px; height: 60px; background-image: url(../images/m2.png); float: left; outline: none; text-indent: -9999px; margin-right: 3px; }
#m3 { display: block; width: 205px; height: 60px; background-image: url(../images/m3.png); float: left; outline: none; text-indent: -9999px; margin-right: 4px;}
#m4 { display: block; width: 205px; height: 60px; background-image: url(../images/m4.png); float: left; outline: none; text-indent: -9999px; }

#m1 .hover { position: relative; top: -21px; background-image: url(../images/m1o.png); display: block; width: 205px; height: 60px; display: none; }
#m2 .hover { position: relative; top: -21px; background-image: url(../images/m2o.png); display: block; width: 205px; height: 60px; display: none; }
#m3 .hover { position: relative; top: -21px; background-image: url(../images/m3o.png); display: block; width: 205px; height: 60px; display: none; }
#m4 .hover { position: relative; top: -21px; background-image: url(../images/m4o.png); display: block; width: 205px; height: 60px; display: none; }

.box { background-color: #2d2d2d; border: 1px solid #363636; margin-top: 20px; padding: 40px; color: #d4d4d4; }

#toplink1 { display: block; width: 41px; height: 37px; background-image: url(../images/top.png); outline: none; text-indent: -9999px; position: relative; left: 716px;  }
#toplink1 .hover {  position: relative; top: -21px; width: 41px; height: 37px; background-image: url(../images/topo.png); display: none; }
#toplink2 { display: block; width: 41px; height: 37px; background-image: url(../images/top.png); outline: none; text-indent: -9999px; position: relative; left: 716px;  }
#toplink2 .hover {  position: relative; top: -21px; width: 41px; height: 37px; background-image: url(../images/topo.png); display: none; }
#toplink3 { display: block; width: 41px; height: 37px; background-image: url(../images/top.png); outline: none; text-indent: -9999px; position: relative; left: 716px;  }
#toplink3 .hover {  position: relative; top: -21px; width: 41px; height: 37px; background-image: url(../images/topo.png); display: none; }
#toplink4 { display: block; width: 41px; height: 37px; background-image: url(../images/top.png); outline: none; text-indent: -9999px; position: relative; left: 716px;  }
#toplink4 .hover {  position: relative; top: -21px; width: 41px; height: 37px; background-image: url(../images/topo.png); display: none; }
#toplink5 { display: block; width: 41px; height: 37px; background-image: url(../images/top.png); outline: none; text-indent: -9999px; position: relative; left: 716px;  }
#toplink5 .hover {  position: relative; top: -21px; width: 41px; height: 37px; background-image: url(../images/topo.png); display: none; }
#toplink6 { display: block; width: 41px; height: 37px; background-image: url(../images/top.png); outline: none; text-indent: -9999px; position: relative; left: 716px;  }
#toplink6 .hover {  position: relative; top: -21px; width: 41px; height: 37px; background-image: url(../images/topo.png); display: none; }
#toplink7 { display: block; width: 41px; height: 37px; background-image: url(../images/top.png); outline: none; text-indent: -9999px; position: relative; left: 716px;  }
#toplink7 .hover {  position: relative; top: -21px; width: 41px; height: 37px; background-image: url(../images/topo.png); display: none; }

#pdf { display: block; width: 39px; height: 48px; background-image: url(../images/pdfbm.png); outline: none; text-indent: -9999px; float: right;  }
#pdf .hover {  position: relative; top: -21px; width: 39px; height: 48px; background-image: url(../images/pdf.png); display: none; }

#webbig01 { display: block; width: 368px; height: 252px; background-image: url(../images/webbig1.jpg); outline: none; text-indent: -9999px;  }
#webbig01 .hover { position: relative; top: -252px; width: 368px; height: 252px; background-image: url(../images/webbig1_o.jpg); display: none; }
#webbig02 { display: block; width: 368px; height: 252px; background-image: url(../images/webbig2.jpg); outline: none; text-indent: -9999px; }
#webbig02 .hover { position: relative; top: -252px; width: 368px; height: 252px; background-image: url(../images/webbig2_o.jpg); display: none; }
#webbig03 { display: block; width: 368px; height: 252px; background-image: url(../images/webbig3mb.jpg); outline: none; text-indent: -9999px;  }
#webbig03 .hover { position: relative; top: -252px; width: 368px; height: 252px; background-image: url(../images/webbig3m.jpg); display: none; }
#webbig04 { display: block; width: 368px; height: 252px; background-image: url(../images/webbig4mb.jpg); outline: none; text-indent: -9999px; }
#webbig04 .hover { position: relative; top: -252px; width: 368px; height: 252px; background-image: url(../images/webbig4m.jpg); display: none; }
#webbig05 { display: block; width: 368px; height: 252px; background-image: url(../images/webbig5mb.jpg); outline: none; text-indent: -9999px; }
#webbig05 .hover { position: relative; top: -252px; width: 368px; height: 252px; background-image: url(../images/webbig5m.jpg); display: none; }

#web01 { display: block; width: 176px; height: 120px; background-image: url(../images/web01mb.jpg); outline: none; text-indent: -9999px;  }
#web01 .hover { position: relative; top: -120px; width: 176px; height: 120px; background-image: url(../images/web01m.jpg); display: none; }
#web02 { display: block; width: 176px; height: 120px; background-image: url(../images/web02mb.jpg); outline: none; text-indent: -9999px; }
#web02 .hover { position: relative; top: -120px; width: 176px; height: 120px; background-image: url(../images/web02m.jpg); display: none; }
#web03 { display: block; width: 176px; height: 120px; background-image: url(../images/web03mb.jpg); outline: none; text-indent: -9999px; }
#web03 .hover { position: relative; top: -120px; width: 176px; height: 120px; background-image: url(../images/web03m.jpg); display: none; }
#web04 { display: block; width: 176px; height: 120px; background-image: url(../images/web04mb.jpg); outline: none; text-indent: -9999px; }
#web04 .hover { position: relative; top: -120px; width: 176px; height: 120px; background-image: url(../images/web04m.jpg); display: none; }
#web05 { display: block; width: 176px; height: 120px; background-image: url(../images/web05mb.jpg); outline: none; text-indent: -9999px; }
#web05 .hover { position: relative; top: -120px; width: 176px; height: 120px; background-image: url(../images/web05m.jpg); display: none; }
#web06 { display: block; width: 176px; height: 120px; background-image: url(../images/web06mb.jpg); outline: none; text-indent: -9999px; }
#web06 .hover { position: relative; top: -120px; width: 176px; height: 120px; background-image: url(../images/web06m.jpg); display: none; }
#web07 { display: block; width: 176px; height: 120px; background-image: url(../images/web07mb.jpg); outline: none; text-indent: -9999px; }
#web07 .hover { position: relative; top: -120px; width: 176px; height: 120px; background-image: url(../images/web07m.jpg); display: none; }
#web08 { display: block; width: 176px; height: 120px; background-image: url(../images/web08mb.jpg); outline: none; text-indent: -9999px; }
#web08 .hover { position: relative; top: -120px; width: 176px; height: 120px; background-image: url(../images/web08m.jpg); display: none; }
#web09 { display: block; width: 176px; height: 120px; background-image: url(../images/web09mb.jpg); outline: none; text-indent: -9999px; }
#web09 .hover { position: relative; top: -120px; width: 176px; height: 120px; background-image: url(../images/web09m.jpg); display: none; }
#web10 { display: block; width: 176px; height: 120px; background-image: url(../images/web10mb.jpg); outline: none; text-indent: -9999px; }
#web10 .hover { position: relative; top: -120px; width: 176px; height: 120px; background-image: url(../images/web10m.jpg); display: none; }
#web11 { display: block; width: 176px; height: 120px; background-image: url(../images/web11mb.jpg); outline: none; text-indent: -9999px; }
#web11 .hover { position: relative; top: -120px; width: 176px; height: 120px; background-image: url(../images/web11m.jpg); display: none; }
#web12 { display: block; width: 176px; height: 120px; background-image: url(../images/web12mb.jpg); outline: none; text-indent: -9999px; }
#web12 .hover { position: relative; top: -120px; width: 176px; height: 120px; background-image: url(../images/web12m.jpg); display: none; }
#web13 { display: block; width: 176px; height: 120px; background-image: url(../images/web13mb.jpg); outline: none; text-indent: -9999px; }
#web13 .hover { position: relative; top: -120px; width: 176px; height: 120px; background-image: url(../images/web13m.jpg); display: none; }
#web14 { display: block; width: 176px; height: 120px; background-image: url(../images/web14mb.jpg); outline: none; text-indent: -9999px; }
#web14 .hover { position: relative; top: -120px; width: 176px; height: 120px; background-image: url(../images/web14m.jpg); display: none; }

#logo01 { display: block; width: 176px; height: 120px; background-image: url(../images/logo01mb.jpg); outline: none; text-indent: -9999px; }
#logo01 .hover { position: relative; top: -120px; width: 176px; height: 120px; background-image: url(../images/logo01m.jpg); display: none; }
#logo02 { display: block; width: 176px; height: 120px; background-image: url(../images/logo02mb.jpg); outline: none; text-indent: -9999px; }
#logo02 .hover { position: relative; top: -120px; width: 176px; height: 120px; background-image: url(../images/logo02m.jpg); display: none; }
#logo03 { display: block; width: 176px; height: 120px; background-image: url(../images/logo03mb.jpg); outline: none; text-indent: -9999px; }
#logo03 .hover { position: relative; top: -120px; width: 176px; height: 120px; background-image: url(../images/logo03m.jpg); display: none; }
#logo04 { display: block; width: 176px; height: 120px; background-image: url(../images/logo04mb.jpg); outline: none; text-indent: -9999px; }
#logo04 .hover { position: relative; top: -120px; width: 176px; height: 120px; background-image: url(../images/logo04m.jpg); display: none; }
#logo05 { display: block; width: 176px; height: 120px; background-image: url(../images/logo05mb.jpg); outline: none; text-indent: -9999px; }
#logo05 .hover { position: relative; top: -120px; width: 176px; height: 120px; background-image: url(../images/logo05m.jpg); display: none; }
#logo06 { display: block; width: 176px; height: 120px; background-image: url(../images/logo06mb.jpg); outline: none; text-indent: -9999px; }
#logo06 .hover { position: relative; top: -120px; width: 176px; height: 120px; background-image: url(../images/logo06m.jpg); display: none; }
#logo07 { display: block; width: 176px; height: 120px; background-image: url(../images/logo07mb.jpg); outline: none; text-indent: -9999px; }
#logo07 .hover { position: relative; top: -120px; width: 176px; height: 120px; background-image: url(../images/logo07m.jpg); display: none; }
#logo08 { display: block; width: 176px; height: 120px; background-image: url(../images/logo08mb.jpg); outline: none; text-indent: -9999px; }
#logo08 .hover { position: relative; top: -120px; width: 176px; height: 120px; background-image: url(../images/logo08m.jpg); display: none; }


#ikon01 { display: block; width: 176px; height: 120px; background-image: url(../images/ikon01mb.png); outline: none; text-indent: -9999px; }
#ikon01 .hover { position: relative; top: -120px; width: 176px; height: 120px; background-image: url(../images/ikon01m.png); display: none; }
#ikon02 { display: block; width: 176px; height: 120px; background-image: url(../images/ikon02mb.png); outline: none; text-indent: -9999px; }
#ikon02 .hover { position: relative; top: -120px; width: 176px; height: 120px; background-image: url(../images/ikon02m.png); display: none; }

#mod01 { display: block; width: 176px; height: 120px; background-image: url(../images/3d01mb.jpg); outline: none; text-indent: -9999px; }
#mod01 .hover { position: relative; top: -120px; width: 176px; height: 120px; background-image: url(../images/3d01m.jpg); display: none; }
#mod02 { display: block; width: 176px; height: 120px; background-image: url(../images/3d02mb.jpg); outline: none; text-indent: -9999px; }
#mod02 .hover { position: relative; top: -120px; width: 176px; height: 120px; background-image: url(../images/3d02m.jpg); display: none; }
#mod03 { display: block; width: 176px; height: 120px; background-image: url(../images/3d03mb.jpg); outline: none; text-indent: -9999px; }
#mod03 .hover { position: relative; top: -120px; width: 176px; height: 120px; background-image: url(../images/3d03m.jpg); display: none; }

#tryck01 { display: block; width: 176px; height: 120px; background-image: url(../images/tryck01mb.jpg); outline: none; text-indent: -9999px; }
#tryck01 .hover { position: relative; top: -120px; width: 176px; height: 120px; background-image: url(../images/tryck01m.jpg); display: none; }
#tryck02 { display: block; width: 176px; height: 120px; background-image: url(../images/tryck02mb.jpg); outline: none; text-indent: -9999px; }
#tryck02 .hover { position: relative; top: -120px; width: 176px; height: 120px; background-image: url(../images/tryck02m.jpg); display: none; }
#tryck03 { display: block; width: 176px; height: 120px; background-image: url(../images/tryck03mb.jpg); outline: none; text-indent: -9999px; }
#tryck03 .hover { position: relative; top: -120px; width: 176px; height: 120px; background-image: url(../images/tryck03m.jpg); display: none; }

#re01 { display: block; width: 176px; height: 120px; background-image: url(../images/re01mb.jpg); outline: none; text-indent: -9999px; }
#re01 .hover { position: relative; top: -120px; width: 176px; height: 120px; background-image: url(../images/re01m.jpg); display: none; }
#re02 { display: block; width: 176px; height: 120px; background-image: url(../images/re02mb.jpg); outline: none; text-indent: -9999px; }
#re02 .hover { position: relative; top: -120px; width: 176px; height: 120px; background-image: url(../images/re02m.jpg); display: none; }
#re03 { display: block; width: 176px; height: 120px; background-image: url(../images/re03mb.jpg); outline: none; text-indent: -9999px; }
#re03 .hover { position: relative; top: -120px; width: 176px; height: 120px; background-image: url(../images/re03m.jpg); display: none; }
#re04 { display: block; width: 176px; height: 120px; background-image: url(../images/re04mb.jpg); outline: none; text-indent: -9999px; }
#re04 .hover { position: relative; top: -120px; width: 176px; height: 120px; background-image: url(../images/re04m.jpg); display: none; }

#prod01 { display: block; width: 176px; height: 120px; background-image: url(../images/prod01mb.jpg); outline: none; text-indent: -9999px; }
#prod01 .hover { position: relative; top: -120px; width: 176px; height: 120px; background-image: url(../images/prod01m.jpg); display: none; }
#prod02 { display: block; width: 176px; height: 120px; background-image: url(../images/prod02mb.jpg); outline: none; text-indent: -9999px; }
#prod02 .hover { position: relative; top: -120px; width: 176px; height: 120px; background-image: url(../images/prod02m.jpg); display: none; }
#prod03 { display: block; width: 176px; height: 120px; background-image: url(../images/prod03mb.jpg); outline: none; text-indent: -9999px; }
#prod03 .hover { position: relative; top: -120px; width: 176px; height: 120px; background-image: url(../images/prod03m.jpg); display: none; }
#prod04 { display: block; width: 176px; height: 120px; background-image: url(../images/prod04mb.jpg); outline: none; text-indent: -9999px; }
#prod04 .hover { position: relative; top: -120px; width: 176px; height: 120px; background-image: url(../images/prod04m.jpg); display: none; }
#prod05 { display: block; width: 176px; height: 120px; background-image: url(../images/prod05mb.jpg); outline: none; text-indent: -9999px; }
#prod05 .hover { position: relative; top: -120px; width: 176px; height: 120px; background-image: url(../images/prod05m.jpg); display: none; }

#foto01 { display: block; width: 176px; height: 120px; background-image: url(../images/foto01mb.jpg); outline: none; text-indent: -9999px; }
#foto01 .hover { position: relative; top: -120px; width: 176px; height: 120px; background-image: url(../images/foto01m.jpg); display: none; }
#foto02 { display: block; width: 176px; height: 120px; background-image: url(../images/foto02mb.jpg); outline: none; text-indent: -9999px; }
#foto02 .hover { position: relative; top: -120px; width: 176px; height: 120px; background-image: url(../images/foto02m.jpg); display: none; }
#foto03 { display: block; width: 176px; height: 120px; background-image: url(../images/foto03mb.jpg); outline: none; text-indent: -9999px; }
#foto03 .hover { position: relative; top: -120px; width: 176px; height: 120px; background-image: url(../images/foto03m.jpg); display: none; }
#foto04 { display: block; width: 176px; height: 120px; background-image: url(../images/foto04mb.jpg); outline: none; text-indent: -9999px; }
#foto04 .hover { position: relative; top: -120px; width: 176px; height: 120px; background-image: url(../images/foto04m.jpg); display: none; }
#foto05 { display: block; width: 176px; height: 120px; background-image: url(../images/foto05mb.jpg); outline: none; text-indent: -9999px; }
#foto05 .hover { position: relative; top: -120px; width: 176px; height: 120px; background-image: url(../images/foto05m.jpg); display: none; }
#foto06 { display: block; width: 176px; height: 120px; background-image: url(../images/foto06mb.jpg); outline: none; text-indent: -9999px; }
#foto06 .hover { position: relative; top: -120px; width: 176px; height: 120px; background-image: url(../images/foto06m.jpg); display: none; }

#vidbig01 { display: block; width: 368px; height: 252px; background-image: url(../images/vidbig1mb.jpg); outline: none; text-indent: -9999px; }
#vidbig01 .hover { position: relative; top: -252px; width: 368px; height: 252px; background-image: url(../images/vidbig1m.jpg); display: none; }
#vidbig02 { display: block; width: 368px; height: 252px; background-image: url(../images/vidbig2mb.jpg); outline: none; text-indent: -9999px; }
#vidbig02 .hover { position: relative; top: -252px; width: 368px; height: 252px; background-image: url(../images/vidbig2m.jpg); display: none; }


#vid01 { display: block; width: 176px; height: 120px; background-image: url(../images/vid01mb.jpg); outline: none; text-indent: -9999px; }
#vid01 .hover { position: relative; top: -120px; width: 176px; height: 120px; background-image: url(../images/vid01m.jpg); display: none; }
#vid02 { display: block; width: 176px; height: 120px; background-image: url(../images/vid02mb.jpg); outline: none; text-indent: -9999px; }
#vid02 .hover { position: relative; top: -120px; width: 176px; height: 120px; background-image: url(../images/vid02m.jpg); display: none; }
#vid03 { display: block; width: 176px; height: 120px; background-image: url(../images/vid03mb.jpg); outline: none; text-indent: -9999px; }
#vid03 .hover { position: relative; top: -120px; width: 176px; height: 120px; background-image: url(../images/vid03m.jpg); display: none; }
#vid04 { display: block; width: 176px; height: 120px; background-image: url(../images/vid04mb.jpg); outline: none; text-indent: -9999px; }
#vid04 .hover { position: relative; top: -120px; width: 176px; height: 120px; background-image: url(../images/vid04m.jpg); display: none; }
#vid05 { display: block; width: 176px; height: 120px; background-image: url(../images/vid05mb.jpg); outline: none; text-indent: -9999px; }
#vid05 .hover { position: relative; top: -120px; width: 176px; height: 120px; background-image: url(../images/vid05m.jpg); display: none; }
#vid06 { display: block; width: 176px; height: 120px; background-image: url(../images/vid06mb.jpg); outline: none; text-indent: -9999px; }
#vid06 .hover { position: relative; top: -120px; width: 176px; height: 120px; background-image: url(../images/vid06m.jpg); display: none; }
#vid07 { display: block; width: 176px; height: 120px; background-image: url(../images/vid07mb.jpg); outline: none; text-indent: -9999px; }
#vid07 .hover { position: relative; top: -120px; width: 176px; height: 120px; background-image: url(../images/vid07m.jpg); display: none; }
#vid08 { display: block; width: 176px; height: 120px; background-image: url(../images/vid08mb.jpg); outline: none; text-indent: -9999px; }
#vid08 .hover { position: relative; top: -120px; width: 176px; height: 120px; background-image: url(../images/vid08m.jpg); display: none; }

#brow01 { display: block; width: 84px; height: 84px; background-image: url(../images/IEmb.png); outline: none; text-indent: -9999px; }
#brow01 .hover { position: relative; top: -84px; width: 84px; height: 84px; background-image: url(../images/IE.png); display: none; }
#brow02 { display: block; width: 84px; height: 84px; background-image: url(../images/Safarimb.png); outline: none; text-indent: -9999px; }
#brow02 .hover { position: relative; top: -84px; width: 84px; height: 84px; background-image: url(../images/Safari.png); display: none; }
#brow03 { display: block; width: 84px; height: 84px; background-image: url(../images/Firefoxmb.png); outline: none; text-indent: -9999px; }
#brow03 .hover { position: relative; top: -84px; width: 84px; height: 84px; background-image: url(../images/Firefox.png); display: none; }
#brow04 { display: block; width: 84px; height: 84px; background-image: url(../images/Chromemb.png); outline: none; text-indent: -9999px; }
#brow04 .hover { position: relative; top: -84px; width: 84px; height: 84px; background-image: url(../images/Chrome.png); display: none; }
#brow05 { display: block; width: 84px; height: 84px; background-image: url(../images/Operamb.png); outline: none; text-indent: -9999px; }
#brow05 .hover { position: relative; top: -84px; width: 84px; height: 84px; background-image: url(../images/Opera.png); display: none; }

#soc01 { display: block; width: 84px; height: 84px; background-image: url(../images/soc01mb.png); outline: none; text-indent: -9999px; }
#soc01 .hover { position: relative; top: -84px; width: 84px; height: 84px; background-image: url(../images/soc01m.png); display: none; }
#soc02 { display: block; width: 84px; height: 84px; background-image: url(../images/soc02mb.png); outline: none; text-indent: -9999px; }
#soc02 .hover { position: relative; top: -84px; width: 84px; height: 84px; background-image: url(../images/soc02m.png); display: none; }
#soc03 { display: block; width: 84px; height: 84px; background-image: url(../images/soc03mb.png); outline: none; text-indent: -9999px; }
#soc03 .hover { position: relative; top: -84px; width: 84px; height: 84px; background-image: url(../images/soc03m.png); display: none; }
#soc04 { display: block; width: 84px; height: 84px; background-image: url(../images/soc04mb.png); outline: none; text-indent: -9999px; }
#soc04 .hover { position: relative; top: -84px; width: 84px; height: 84px; background-image: url(../images/soc04m.png); display: none; }
#soc05 { display: block; width: 84px; height: 84px; background-image: url(../images/soc05mb.png); outline: none; text-indent: -9999px; }
#soc05 .hover { position: relative; top: -84px; width: 84px; height: 84px; background-image: url(../images/soc05m.png); display: none; }


#ico1 { display: block; width: 16px; height: 16px; background-image: url(../images/ico1mb.png); outline: none; text-indent: -9999px;  }
#ico1 .hover { position: relative; top: -16px; width: 16px; height: 16px; background-image: url(../images/ico1.png); display: none; }
#ico2 { display: block; width: 16px; height: 16px; background-image: url(../images/ico2mb.png); outline: none; text-indent: -9999px; }
#ico2 .hover { position: relative; top: -16px; width: 16px; height: 16px; background-image: url(../images/ico2.png); display: none; }
#ico3 { display: block; width: 16px; height: 16px; background-image: url(../images/ico3mb.png); outline: none; text-indent: -9999px; }
#ico3 .hover { position: relative; top: -16px; width: 16px; height: 16px; background-image: url(../images/ico3.png); display: none; }
#ico4 { display: block; width: 16px; height: 16px; background-image: url(../images/ico4mb.png); outline: none; text-indent: -9999px; }
#ico4 .hover { position: relative; top: -16px; width: 16px; height: 16px; background-image: url(../images/ico4m.png); display: none; }
#ico5 { display: block; width: 16px; height: 16px; background-image: url(../images/ico5mb.png); outline: none; text-indent: -9999px; }
#ico5 .hover { position: relative; top: -16px; width: 16px; height: 16px; background-image: url(../images/ico5m.png); display: none; }


.table td { padding-top: 14px; }

.tablekont td { background-color: #343434; border: 1px solid #464646; padding: 0px 20px 20px 20px; }

.tablekont2 td { background-color: #343434; border: 1px solid #464646; padding: 16px 10px 10px 10px; }

.kont { float: left; margin-top: 10px; }

.hej { padding-bottom: 12px; }

.sign {  }

#crap { color: #424242; margin: 0 auto; text-align: center; font-size: 10px; padding-bottom: 10px; width: 600px; }

#crap a { color: #424242; text-decoration:none; }
#crap a:hover { color: #424242; }


.mainlevelmenu { border: 1px solid #464646; }
.mainlevelmenu:hover { border: 1px solid #cccccc; }

#push { margin-top: 20px; text-align: center; color:#666; font-size: 12px; padding-bottom:30px; }
#push a { color:#666; }
#push a:hover { color:#37e0ff; }

#example { position:relative; width: 150px; height: 100px; background-color: #090; display:block; }
#scroll { position: absolute; width: 160px; height: 1000px; }

@media screen and (-webkit-min-device-pixel-ratio:0){

#m1 .hover { position: relative; top: -17px; }
#m2 .hover { position: relative; top: -17px; }
#m3 .hover { position: relative; top: -17px; }
#m4 .hover { position: relative; top: -17px; }

#toplink1 .hover {  position: relative; top: -17px; }
#toplink2 .hover {  position: relative; top: -17px; }
#toplink3 .hover {  position: relative; top: -17px; }
#toplink4 .hover {  position: relative; top: -17px; }
#toplink5 .hover {  position: relative; top: -17px; }
#toplink6 .hover {  position: relative; top: -17px; }

#pdf .hover {  position: relative; top: -17px; }
#socialtext { padding-top: 2px;}
#date { padding-top: 2px;}
} 


@media screen and (-webkit-min-device-pixel-ratio:0) {
    #m1 .hover { top: -19px; }
	#m2 .hover { top: -19px; }
	#m3 .hover { top: -19px; }
	#m4 .hover { top: -19px; }

	#toplink1 .hover { top: -19px; }
	#toplink2 .hover { top: -19px; }
	#toplink3 .hover { top: -19px; }
	#toplink4 .hover { top: -19px; }
	#toplink5 .hover { top: -19px; }
	#toplink6 .hover { top: -19px; }
}