/* ===============================================
   Global HTML Elements
   =============================================*/

/* Default HTML Formatting 
html, body { width: 100%; height:100%; margin: 0px; background-color:#fafafa; font: Verdana, Arial, Helvetica, sans-serif; font-size:10px; color: #333333; background-image: url(../_img/shadow.gif); background-repeat: repeat-y; }
*/

img { border: 0px } 
form { margin: 0px; }
td, div { font-size: 14px; font-family: georgia, Verdana, Arial; color: #333333; line-height: 22px; }
ul, ol, li { margin-left: 18px; margin-top: 0px; margin-bottom: 0px; }
ul { margin-top: 5px; }
ul li { margin-top: 1px; margin-bottom: 1px; }
ol { margin-left: 4px; }
ol li { margin-top: 5px; margin-bottom: 10px; }
select { font-size: 10px; font-family: Verdana, Arial; color: #333333; line-height: 14px; height: 20px; padding-left: 1px; margin-top: 1px; margin-bottom: 1px; }
input { font-size: 10px; font-family: Verdana, Arial; color: #333333; }
textarea { font-size: 10px; font-family: Verdana, Arial; color: #333333; line-height: 14px; height: 200px; width: 300px; padding-left: 0px; margin-top: 1px; margin-bottom: 1px; }
hr { text-decoration: none; color: #9A9A9A; margin-top: -2px; margin-bottom: 2px; height: 1px; }
p { margin: 0px; padding: 0px; }

/* Links */
A { color: #d01d23; text-decoration: none; }
A:hover { color: #d01d23; text-decoration: none; }

/* Text */
.mellanrubrik { font-size: 12px; color:#333333; font-weight: 700; line-height: 16px; }
.huvudrubrik { font-size: 14px; color:#333333; font-weight: 700; line-height: 18px; }
.brodtext { font-size: 10px; color:#333333; line-height: 14px; }

/* Positioning elements */
#holder { width: 812px; background-color: #FFFFFF;}
#menu { padding-left: 16px; padding-right: 16px; padding-top: 22px; height: 26px; width: 774px; padding-bottom: 20px; }

#theBody {
   padding-top: 19px;
   /*padding-bottom:106px; */
}
.pagemenu { padding-top: 3px; width: 175px; z-index: 2; padding-left:16px; }
.contentarea { z-index: 3; background-color: #FFFFFF; padding-left:16px; padding-right:16px; }
.puffarea { padding-top: 3px; width: 175px; z-index: 2; overflow: hidden; background-color: #FFFFFF; padding-right:16px; }

#bottompage { margin-left: 20px; margin-top: 20px;}

#puff { margin-bottom: 12px; }
#printarea { margin-top: 20px; }

#promo { float: left; position:relative; height: 400px; width: 394px; }
#starttext { float: left; margin-left: 20px; position:relative; height: 180px; width: 362px; }

#puffstart { position:relative; height: 212px; width: 362px; top : -8px}
#bottomstart { float: left; margin-left: 20px; position:relative; top : 50px;}
#puffstart1 { left: 20px; top: 0px; position:absolute; height: 100px; width: 175px; overflow: hidden; }
#puffstart2 { left: 201px; top: 0px; position:absolute; height: 100px; width: 175px; overflow: hidden;  }
#puffstart3 { left: 20px; top: 111px; position:absolute; height: 100px; width: 175px; overflow: hidden;  }
#puffstart4 { left: 201px; top: 111px; position:absolute; height: 100px; width: 175px; overflow: hidden;  }

#stripes {
    background: #fff url('../_img/header_stripes.jpg') no-repeat top left; height: 59px; width: 812px;
}
#etikett {
    position: absolute;
    width: 218px;
    height: 137px;
    z-index: 10;
    background: transparent url('../_img/etikett.png') no-repeat top left;
    top: 50px;
    left: 700px;
}
#holder_right {
    float: left;
}

#flashpagemenu {

}








html, body {
    background-color:#fafafa; font: georgia, Verdana, Arial, Helvetica, sans-serif; font-size:14px; color: #333333; background-image: url(../_img/shadow.gif); background-repeat: repeat-y; line-height: 22px;
}

* {
    margin:0;padding:0;
} 
html, body {height: 100%;}

form {min-height: 100%; position: relative;}

#main {
    padding-bottom: 50px;
}  /* must be same height as the footer */

#footer {
    position: absolute;
	margin-top: -50px;
	height: 50px;
	clear:both;
	bottom: 0;
	
	background: transparent url('../_img/bottom_wave.png') no-repeat top left;
	width: 812px;
	z-index: 20;
}

/* CLEAR 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 */