﻿body {background-color:#fff;font-family:arial;color:#000;}
.box { float:left;width:240px;height:260px;position:relative;}
.box_genomskinlig {background-color:#e3e3e3;opacity:0.5;width:100%;height:100%;border:1px solid #ffffff;filter:alpha(opacity = 50);}
.box_innehall {width:210px;position:absolute;left:15px;top:15px;}
.main { float:left;width:885px;padding:10px; }

.spalt { float:left;width:350px;padding:10px; }

.spalter_vit {}
.spalter_gra {}
.spalter_vit tr td {background:url(/img/px_white.png) repeat;}
.spalter_gra tr td {background:url(/img/px_grey.png) repeat;}


.box h2 {letter-spacing:-1px;border-bottom:1px solid #383838;}
h2 {font-size:12pt; margin:0px;padding:0;margin-bottom:5px;padding-bottom:5px;color:#646464;font-weight:normal;}
p {margin:0;padding:0;font-size:9pt;}
h1 {font-family:Calibri, Arial; font-size: 24pt;}
ul {font-size:9pt;}

.inforutor {width:100%;}
.inforutor ul {font-size:8pt;margin:0px;padding:0px 3px 0px 15px;}
.inforutor ul li { margin-left:0px;}
.inforutor td {border:2px solid #598017;width:25%;vertical-align:top;font-family:arial;font-size:8pt;padding-bottom:6px;}
.inforutor td.gomd {border:none;}
.inforutor h1 {color:#fff;margin:0;padding:7px 0px 7px 0px;font-family:arial;font-size:15pt;background:#598017;text-align:center;font-weight:normal;}
.inforutor h2 {color:#000;font-family:arial;font-size:8pt;font-weight:bold;padding:5px 3px 0px 3px;margin:0px;}
.inforutor p {padding:0px 3px 0px 3px;font-size:8pt;}
.inforutor .pris {color:#c42222;}

.jultema {position: relative; width: 100%;}
.jultema .bakgrund {position:absolute;z-index:1;}
.jultema .hogerspalt {z-index: 2; position: absolute; text-align: center; width: 402px; padding-right: 5px; background: url(/img/px_white.png); height: 635px; top: 0px; left: 504px;}
.jultema .hogerspalt h1 {font-family: Impact, Chicago; font-size:40px; font-weight:bold; text-align:center;color:#b70000;padding:0px;margin:40px 0px 0px 0px;}
.jultema .hogerspalt h2 {font-family: helvetica; font-size:24px; font-weight:bold; text-align:center;color:#b70000;padding:0px;margin:130px 0px 0px 0px;}
.jultema .inforuta {z-index: 12; position: absolute; width: 350px; background: url(/img/px_white.png); height: 222px; top: 356px; left: 519px; border: #b70000 1px solid; padding: 3px;}
.jultema .inforuta h2 {color:#000;}

.stjarna {z-index: 5; position: absolute; width: 100px; height: 100px;}
.stjarna .textruta {z-index:15; position: absolute; width: 100px; height: 25px; top: 32px; left: 13px;font-family: tahoma,arial,helvetica,sans-serif; color:#ffffff; font-size:16px;font-weight:bold;}

/* Mickes */
/* hello@mikaellarsson.com */
.star {
	/* Position and size */
	background: url(/img/stjarna.png) no-repeat center center;
	width: 107px;
	height: 106px;
	display: block;
	position: relative;
	z-index: 20;
	padding: 30px;
	/*-webkit-transform: rotate(-5deg); 
	-moz-transform: rotate(-5deg);*/	
}
.star, .star p {	
	/* Text size & colour */
	color: #FFF;
	font-size: 19px;
	line-height: 19px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	vertical-align: middle;
}
.boxGreenBackground {
	background-color: #598017;
	color: #FFF;
	padding: 5px;
}
.boxGreenFrame {
	border: 3px solid #598017;
	padding: 5px;
}
.boxFruitPattern {
	background: url(/img/Monster.jpg);
	padding: 5px;
}
.boxGreyOutline {
	border: 1px solid #CCC;
	padding: 5px;
}
.boxDottedOutline {
	border: 3px dotted #000;
	padding: 5px;
}