/* GENERAL STYLES */
.boxtop
{
	background-image: url('/mika/gfx/boxtop.gif');
	width: 230px;
	height: 11px;
	font-size: 1px; /*	Fix för IE6, den gör annars höjden till minst ett tecken och det är större än angiven höjd. */
	
}

.box
{
	background: repeat-x #f1f1f1 bottom left url( '/mika/gfx/bkg_box.gif' );
	width: 230px;
	height: 100%;
	z-index: 3;
/*	float: left; */
	
	padding-bottom: 5px;
	margin-bottom: 10px;
	
	/*margin-bottom: 10px; *padding-bottom:10px;JUST FOR IE */
}

.box h2, .box .h2
{
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 0pt;
	padding-left: 10px;
	margin-top: 0pt;
	margin-right: 0pt;
	margin-bottom: 10px;
	margin-left: 0pt;
}

.box h2, .box .h2, .box h2 a, .box .h2 a
{
	font-family:	"Lucida Sans", "Lucida Grande", tahoma, verdana, arial, sans-serif;
	font-size:	17px;
	font-weight:	400;
	font-style:	normal;
	color:	#333333;
	text-transform:	none;
	text-decoration:	none;
	letter-spacing:	-0.533333px;
	word-spacing:	normal;
	line-height:	normal;
	text-align:	left;
	vertical-align:	baseline;
}

.box h2 a:hover, .box .h2 a:hover
{
	text-decoration: underline;
}

.box h3, .box .h3
{
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-top: 0pt;
	margin-right: 0pt;
	margin-bottom: 0pt;
	margin-left: 0pt;
}

.box p
{
	margin: 0 10px 10px 10px;
	
	font-family: Georgia, "Times New Roman", serif;
	font-size: 11px;
	line-height: 1.5em;
	color: #666;
}

.box .text
{
	margin: 0 10px 10px 10px;
	
	font-family: Georgia, "Times New Roman", serif;
	font-size: 11px;
	line-height: 1.5em;
	color: #666;

/*	overflow: hidden; (Går inte, det förstör layouten i FF) */
	width: 210px;
}

.box .greenbg
{
	background: repeat-x #647617 top left url('/mika/gfx/bkg_strong_left.gif');
}

.box .yellowbg
{
	background: repeat-x #7e6d01 top left url('/mika/gfx/bkg_strong_right.gif');
}

.box .date
{
	width: 71px;
	margin: 0 0 5px 0;
	padding: 2px 4px 2px 4px;
	
	font-family: "Lucida Sans", "Lucida Grande", tahoma, verdana, arial, sans-serif;
	font-size: 8px;
	font-weight: bold;
	line-height: 13px;
	text-transform: uppercase;
	text-align: right;
	color: #f1f1f1;
	
	/* Datumet ska "flyta" till vänster, tillåt inte något annat "flytande" till vänster om den. */
	float: left;
	clear: left;
}

/* Ingen vits med denna. Tillför inget.
.box .date:hover
{
	background: repeat-x #71822b top left url( '/mika/gfx/bkg_strong_left2.gif' );
}
*/


.box .headline
{
	background: repeat-x #999 top left url( '/mika/gfx/bkg_headline.gif' );
	width: 140px;
	height: 100%;
	margin: 0 0 5px 0;
	padding: 2px 4px 2px 4px;
	
	font-weight: bold;
	font-family: "trebuchet MS", "Lucida Sans", "Lucida Grande", tahoma, verdana, arial, sans-serif;
	color: #fff;
	font-size: 10px;
	line-height: 13px;
	
	/* Rubriken ska "flyta" till höger, tillåt inte något annat "flytande" till höger om den. */
	float: right;
	clear: right;
}

div#subleft, div#subright
{
	width: 230px;
	height: 100%;
	z-index: 2;
	padding: 0 10px;
}

/* ===== SUBLEFT ============================================================== */

div#subleft
{
	background: repeat-y left url( '/mika/gfx/bkg_subleft.gif' );
	float: left;
}


/* ===== SUBRIGHT ============================================================== */

div#subright
{
	background: repeat-y left url( '/mika/gfx/bkg_subright.gif' );
	float: right;
}

/* Ingen vits med denna. Tillför inget.
#subright .box strong:hover
{
	background: repeat-x #897917 top left url( '/mika/gfx/bkg_strong_right2.gif' );
}
*/

.sidanstopp
{
	border: none;
	border: 0;
	margin: 0;
}

.kalendarium
{
	background: no-repeat top left url( '/mika/img/kalendarium.gif' );
	width: 230px;
	height: 96px;
	display: block;
	margin-bottom: 10px;
}

.frukostmote
{
	background: no-repeat top left url( '/mika/img/frukostmote.gif' );
	width: 230px;
	height: 96px;
	display: block;
	margin-bottom: 10px;
}

.aktuellt
{
	background: no-repeat top left url( '/mika/img/aktuellt.gif' );
	width: 230px;
	height: 96px;
	display: block;
	margin-bottom: 10px;
}

.nyhetsbrev
{
	background: no-repeat top left url( '/mika/img/nyhetsbrev.gif' );
	width: 230px;
	height: 96px;
	display: block;
	margin-bottom: 10px;
}

.imagebox
{
	text-align: center;
	margin-bottom: 10px;
	width: 230px;
	overflow: hidden;
}

.blockimage
{
	text-align: center;
	margin-bottom: 10px;
	width: 230px;
	overflow: hidden;
}


/* EDITOR PROPERTIES */