/* CSS Document */

@import url("/style/reset.css");

body{ text-align: left; margin: 0 auto; padding: 0; background: #fff; font-size: 11px; font-family: Futura, Arial, Helvetica, sans-serif; line-height: 160%}

/********** P, HEADER M.M**********/

/*.blue { color: #00558f }*/
.blue { color: #2E6F9D }

.white { color: #fff }
.orange{ color: #f6a924}
.clear{ clear: both; text-transform: uppercase; font-weight: bold}

h1, h2, h3, h4 { text-transform: uppercase; font-family: Futura, Arial, Helvetica, sans-serif;}

h1 { font-size:30px; text-transform: uppercase; margin: 10px 0; line-height: 100% }
h2 { font-size: 16px; text-transform: uppercase; margin: 10px 0 5px 0;}
h3 { font-size: 14px; text-transform: uppercase; margin: 10px 0 0 0; }
h4 { font-size: 12px; text-transform: uppercase; }

p { margin: 0; padding: 0}

a, a:link, a:visited { color: #00558f; text-decoration: none; font-weight: normal; outline: none}
a:hover { text-decoration: underline }

a img { border: none}

#flash_start { width: 920px; height: 480px; position: absolute; left: 30px; top: 0px }

/********** LOGO HEM**********/

.home{ width: 100px; height: 100px; border: solid 0px red; float: left; margin: 10px 60px; padding: 0; }
.home a{ width: 100px; height: 100px; margin: 0; padding: 0; display: block; outline: none }

/********** LOGO emcebee*********/

.emcebee { width: 180px; height: 80px; float: right; margin: 10px 60px; padding: 0; }
.emcebee a { display: block; width: 180px; height: 80px; }

/********** SIDSTRUKTUR START, STORA BG BILDER**********/

.wrapper{ width: 980px; margin: 0 auto; padding: 0;  }

.top{ position: relative; width: 980px; height: 100px; float:left; background: url(../images/top_emcebee.jpg) no-repeat #fff}

.menu{ position: relative; z-index: 10; width:950px; height: 30px; float:left; background: url(../images/menu_bg.jpg) no-repeat #fff; margin: 0; padding: 0 0 0 40px; line-height: normal}

.contentimg{ position: relative; z-index: 1; width: 880px; margin: 0; padding: 20px 50px 0px 50px; height: 460px; float:left; background-image:url(../images/contentstart.jpg); background-repeat: no-repeat;}

.drupa-dicscount{ position:relative; z-index:10; width: 180px; height:150px; left: 560px; top:25px;}
.drupa-dicscount a { width:180px; height:150px; display:block; }

/********** STORA BG BILDER**********/

#start{ background-image:url(../images/contentstart.jpg); }
#about{ background-image:url(../images/contentabout.jpg); }
#webcleaning{ background-image:url(../images/contentwebcleaning.jpg); }
#introwebcleaning{ background-image:url(../images/introwebcleaning.jpg); }
#contact{ background-image:url(../images/contact.jpg); }
#segments{ background-image:url(../images/segments_intro.jpg); }
#products{ background-image:url(../images/products_intro.jpg); }
#drupa{ background-image:url(../images/content_drupa_discount.jpg); }
#tissue{ background-image:url(../images/content_tissue.jpg); }
#paper{ background-image:url(../images/content_paper.jpg); }
#corrugated{ background-image:url(../images/content_corrugated.jpg); }
#converted{ background-image:url(../images/content_converting.jpg); }
#label{ background-image:url(../images/content_label.jpg); }


/********** INGÅNGSSIDOR**********/

.segmentstart { position: absolute; bottom: 0px; left: 80px; clear: both; width: 860px; height:160px; margin: 0 0 0 0; color: #666; }
.segmentstart #box { float: left; width: 130px; height: 50px; padding: 0 10px 10px 10px; margin: 0 20px 0 0;} 
.segmentstart #boxright { float: left; clear: right; width: 125px; height: 50px; padding: 0 10px 10px 10px} 
.segmentstart #boxright3 { float: right; clear: right; width: 125px; height: 50px; padding: 40px 10px 10px 10px} 

.segmentstart #boxline2 { float: left; width: 125px; height: 50px; padding: 10px 10px 0 10px; margin: 42px 59px 0 0; display: none} 
.segmentstart #boxright2 { float: left; clear: right; width: 181px; height: 50px; padding: 10px 10px 0 10px; margin: 42px 59px 0 -56px; display: none} 
.segmentstart h4 { padding: 0; margin: 0; font-size: 11px; font-weight: bold} 
.segmentstart p { padding: 0; margin: 0} 
.segmentstart a, .segmentstart a:link, .segmentstart a:visited { padding: 0; margin: 0; color: #d89f1e; font-size: 11px; font-weight: bold; text-transform: uppercase; margin: 20px 0 0 0; font-family:Futura, Arial, Helvetica, sans-serif; text-transform: uppercase}

.products { position: absolute; bottom: 80px; left: 60px; clear: both; width: 860px; height:30px; margin: 0 0 0 0px; padding: 0; }
.products div { text-align: center; float: left}
.products #box1 { width: 140px; height: auto; }
.products #box2 { width: 200px; height: auto; }
.products #box3 { width: 180px; height: auto;}
.products #box4 { width: 160px; height: auto; }
.products #box5 { width: 180px; height: auto; }


.products h4 { padding: 0; margin: 0; font-size: 11px; color: #00558f}
.products a, .products a:link, .products a:visited { padding: 0; margin: 0; color: #00558f; font-size: 11px; font-weight: bold; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase}


/********** SMÅ RAMBILDER**********/

.boximageWrapper { float: left; width: 850px; height: 137px; margin: 40px 0 0 0; padding: 0}
.boximageBG { float: left; width: 198px; height: 137px; background-image: url(../images/boximage_bg.png)}
.boximageBG h4 { float: left; padding: 9px 0 0 6px; margin: 0; color: #fff; text-transform: uppercase; float: left; width: 95px; line-height: 12px; height: 12px; font-size: 10px; overflow: hidden}
.boximage { float: left; padding: 5px 0 0 5px; margin: 0; width: 148px; height: 101px;  }
.boximage img{ padding: 0; margin: 0; width: 148px; height: 101px; }
.boximage a img { border: solid 0px #fff  }

/********** SIDSTRUKTUR MAIN**********/

.flagga { height: 42px; width: 125px; position:absolute; z-index: 20; margin: 0; padding: 0; right: 0px; top: 145px; }

.eng, .swe, .ger  { position: relative; z-index: 30; float: left; display: block; width: 18px; height: 13px; margin: 0 7px 0 0; padding: 0; }

.wrapper{ width: 980px; margin: 0 auto; padding: 0; }

.top{ position: relative; z-index: 30; width: 980px; height: 137px; float:left; background-image:url(../images/top_emcebee.jpg)}

.contentbg{ width: 980px; height: auto; float:left; background: url(/images/contentrepeat.jpg) repeat-y #fff; }

.content{ width: 880px; margin: 0; padding: 40px 50px 0px 50px; min-height: 400px; float:left; background: url(/images/content.jpg) no-repeat; }

.contentbottom{ width: 980px; height: 45px; float:left; background: url(/images/contentbottom.jpg) no-repeat #fff; }

.bottom{ width: 980px; height: 164px; float:left; background:url(/images/bottom.jpg) no-repeat #fff;}

#contact_map { margin: 20px 0 0 20px; }

#contact_map a, #contact_map a:link, #contact_map a:visited, #contact_map a:active, #contact_map a:hover { outline: none }

/********************************************** PRODUCED BY  *************************************************/

#copyright { float:right; width: auto; text-align: center; font-size: 9px; color: #999 }
#copyright ul { width: auto; text-align: center; padding: 10px 40px 0 0 }
#copyright ul li { float: left; display: inline; padding: 0 5px; border-right: 1px solid #999 }
#copyright ul li.end { border: none }
#copyright ul li a:link, #copyright ul li a:visited { color: #999 }
#copyright ul li a:hover { text-decoration: underline }

/********** TEXT ALL**********/

#text { float: left; width: 880px; padding: 20px 50px 0px 50px; margin: 0; border: solid 0px blue }
#textonly { float: left; width: 560px; padding: 0 20px; margin: 0; border: solid 0px green; background-image: none }


#col_left { float: left; width:  400px; padding: 0 20px 0 20px; margin: 0; border: solid 0px red  }
#col_left #img { width:400px; text-align:center; margin: 0; padding: 20px 0 0 0}
#col_left #img img { clear: both; margin: 0; padding: 0}
#col_left .imgtext { margin: 5px; float:left; text-align: center; width: 400px; }

#col_right { float: left; width:  400px; padding: 0 0 20px 0 ; margin: 0; border: solid 0px red }
#col_right #img { width:400px; text-align:center; margin: 0; padding: 20px 0 0 0}
#col_right #img img { clear: both; margin: 0; padding: 0}
#col_right .imgtext { margin: 5px; float: right; text-align: center; width:400px; }

/********** MALLSIDOR**********/

.image_right { float: right; clear:right; margin: 0 0 40px 40px; padding: 0;}

.image_left { float: left; clear: left; margin: 0 40px 40px 0; padding: 0; }

.datatable { float: left; width: 840px; clear: both; border: solid 0px blue }

/********** TEXT RIGHT**********/

.textright { float: right; clear: both; width: 380px; padding: 20px 20px 20px 0; margin: 0 }

/********** TEXT LEFT**********/

.textleft { float: left; clear: both; width: 360px; padding: 10px 20px 20px 20px; margin: 0}

#wide { width: 380px}

#wide_460 { width: 460px}

/********** MENU **********/

.menu ul { float: left; list-style: none; margin: 0 ; padding: 0; height: 30px; color: #666; font-size: 11px; font-family: /*"Franklin Gothic Demi",*/Futura, Arial, Helvetica, sans-serif; text-transform: uppercase; }

.menu ul li { width: auto; position: relative; float: left; height: 30px; display: inline; padding: 0 22px 0 8px; background: url(/images/menutab.jpg) top right no-repeat; }

.menu ul li a { overflow: hidden; text-align: left; display: block; margin: auto 0; padding: 5px 0; outline: none; font-weight: bold; }

.menu ul li a:link, .menu ul li a:visited, .menu ul li a:active{ color: #666; text-decoration: none; display: block; outline: none;   }

.menu ul li a:hover{ color: #ecae0a; }

/********** DROPDOWN **********/

.menu ul li ul { width: 230px; position: absolute; top: 24px; left: -10px; display: none; font-size: 10px }

.menu ul li ul li { width: 100%; height: 21px; clear: both; float: left; margin: 0; padding: 0; background: #fff url(/images/menu_bg.jpg) top center repeat-x; filter: alpha(opacity: 90); -moz-opacity: 0.90; opacity: 0.90; border: solid 1px #ecae0a; border-top: none } 

.menu ul li ul li a {overflow: hidden; width: 100%; display: block; padding: 5px 0; margin: 0 0 0 16px; outline: none;  font-weight: bold;}

.menu ul li ul li a:link, .menu ul li ul li a:visited, .menu ul li ul li a:active { color: #666; text-decoration: none; display: block; outline: none; }

.menu ul li ul li a:hover { color: #ecae0a;  }

.menu ul li:hover ul, .menu ul li.over ul { display: block; }

/********** BOTTOM NEWS **********/
#news { float: left; width:  600px; padding: 0 20px 0 20px; margin: 0;  }
.newswrapper{ margin: 30px 0 0 52px; width: 860px; padding: 0 }

.news{ width: 270px; line-height: normal; height: 102px; float:left; margin:0 9px 0 0; padding: 0; /*background-image:url(../images/newsbg.jpg)*/}

.newsheader{ width: 261px; height: 16px; float:left; padding:16px 0 2px 12px; color: #00558f; font-size: 11px; font-weight: bold; font-family: Arial , Helvetica, sans-serif; clear:both; text-transform: uppercase }

.news .paragraph { width: 240px; height: 40px; float:left;margin: 0; padding:7px 0 0 12px; color: #666; }
.news .paragraph h4 { margin: 0 }
.news .paragraph h3 { margin: 0 }
.news .paragraph h2 { margin: 0 }
.news .paragraph h1 { margin: 0 }


.newswrapper a:link, .newswrapper a:visited { color: #00558f; text-decoration: none; display: block; font-weight: bold  }
.newswrapper a img { border: none}

.newswrapper a:hover {text-decoration: none }

/******** Data tabell ********/
.mainTable { float: left; font-family:Arial; color:Black; border: none; padding: 0; margin: 20px auto; border-collapse: collapse; text-align: left; width: 100%; }
.tdHead { font-weight:bold; background-color: #FFF; color: #000; padding: 5px; border-bottom: solid 1px #fff; font-weight: bold }
.tdItem { background-color:#cbd7e2; padding: 5px; border-bottom: solid 1px #fff; margin: 0; vertical-align: top; }
.tdAltItem { background-color:#fff; padding: 5px; border-bottom: solid 1px #fff; margin: 0; vertical-align: top; }

/******** News tabell ********/
.rowHead { font-weight:bold; background-color: #fff; color: #000; padding: 5px; border-right: solid 0px #999999; border-bottom: solid 1px #fff; font-weight: bold}
.rowItem { background-color:#cbd7e2; padding: 5px; border-right: solid 0px #fff; border-bottom: solid 1px #fff; margin: 0; vertical-align: top; }
.rowAltItem { background-color:#fff; padding: 5px; border-right: solid 0px #fff; border-bottom: solid 1px #fff; vertical-align: top; }


.mainTable a img { border: none; margin: 0 5px 0 0}