/*
 *		Style sheet for norrtaljehalsocenter.se
 */
 
* {
	margin: 0;
	padding: 0;
}

/*
 *		General HTML markup
 */
html{
	overflow-x:hidden;
	overflow-y:auto;
} 

body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 62.5%;
	padding-top: 8px;
	background: #6C8328 url("../images/structure/green_back.jpg");
	background-color: #fff;
	overflow-x:hidden;
	overflow-y:auto;
}

h1,h2,h3,h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 3.2em;
	font-weight: normal;
	margin: 0.8em 0 0 0;
	color: #006633;
}
h1 {
	margin-top: 0.4em;
}
h2 {
	font-size: 2.2em;
}
h3 {
	font-size: 1.8em;
	margin-top: 0.8em;
}
h4 {
	font-size: 1.4em;
}

p {
	font-size: 1.2em;
	margin: 0.4em 0 1.0em 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
table td {
	font-size: 1.0em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
table td td {
	font-size: 1.0em;
}
	table td p {
		margin: 0;
	}
input, textarea {
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
span.green{
	color:#7A8516;
	font-weight:bold;
}
ol {
	list-style-position: inside;
	list-style-type: upper-roman;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
}
ul {
	list-style-position: inside;
	list-style-type: disc;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
}
ul li {
	padding-left: 4px;
}
a{
	outline:none;
}
a:link, a:visited {
	color: #cc0000;
}
a img { border: 0; outline: none; }

/*
 *		Custom markup styles
 */

h1.flash, h2.flash, h3.flash {
	font-style: italic;
}

img.green {
	margin: 10px 0 10px 10px;
	clear: right;
	float: right;
}

.paddingWrapper {
	padding: 10px 10px 10px 15px;
}
div.orderContainer div.factBox {
	float: left;
	margin: 4px;
	padding: 3px;
	background-color: #eee;
	border: 1px solid #ddd;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.0em;	
}
div.orderContainer div.printBox {
	position: relative;
	padding: 3px;
	font-size: 1.2em;
	border: 1px inset #ddd;
	background-color: #eee;
}
div#bannerZone {
	float: right;
	margin: -10px 40px 10px 0px;
}
/*
 *		Custom layout
 */
div#framework {
	position: relative;
	width: 990px;
	margin: 0 auto;
	padding: 0 5px 5px 5px;
	background: #fff url("../images/structure/pageshadow.gif") no-repeat 425px 110px;
}

div#f1 {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 141px;
	height: 302px;
	margin-right: -141px;
	background: transparent url("../images/structure/winter_right.gif") no-repeat;
}
div#f2 {
	position: absolute;
	top: 0;
	left: -141px;
	width: 141px;
	height: 302px;
	background: transparent url("../images/structure/winter_left.gif") no-repeat;
}
div#f1 {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 239px;
	height: 410px;
	margin-right: -239px;
	background: transparent url("../images/structure/summer_right_2.gif") no-repeat;
}
div#f2 {
	position: absolute;
	top: 0;
	left: -177px;
	width: 239px;
	height: 410px;
	background: transparent url("../images/structure/summer_left_2.gif") no-repeat;	
}

div#wrapper div#left {
	position: relative;
	float: left;
	width: 435px;
	min-height: 500px;
}
	div#wrapper div#left div#logo {
		position: relative;
		clear: both;
		width: 392px;
		height: 160px;
		background: url("../images/structure/logo.jpg") no-repeat;
		cursor: pointer;
	}
	div#wrapper div#left div#menu {
		position: relative;
		clear: both;
		height: 42px;
		background: url("../images/structure/menu.gif") repeat-x;
	}
		div#wrapper div#left div#menu div#leaf {
			position: absolute;
			width: 167px;
			height: 125px;
			top: 42px;
			right: 0px;
			background: url("../images/structure/green_leaf.jpg") no-repeat;
		}
		div#wrapper div#left div#menu ul {
			list-style-type: none;
			font-size: 1.0em;
		}
			div#wrapper div#left div#menu ul li {
				float: left;
				width: 144px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 1.2em;
				font-weight: bold;
				text-align: center;
				padding: 11px 0;
				background: url("../images/structure/menu_separator.gif") no-repeat right;
			}
			div#wrapper div#left div#menu ul li a:link,
			div#wrapper div#left div#menu ul li a:visited {
				color: #666600;
				text-decoration: none;
			}
	div#wrapper div#right div.paddingWrapper {
		margin-top: 120px;
	}
	div#wrapper div#left h2 {
		margin: 20px 0 0 20px;
	}
	div#wrapper  div#left div.icmsLatestNews h2 {
		margin-left: 0px;
	}
div#wrapper div#right {
	position: relative;
	float: left;
	width: 545px;
}
	div#wrapper div#right div#menu {
		position: relative;
		float: right;
		background: url("../images/structure/topmenu.gif") repeat-x;
	}
		div#wrapper div#right div#menu div#left {
			position: absolute;
			left: 0;
			right: 0;
			height: 35px;
			width: 10px;
			background: url("../images/structure/topmenu_left.gif") left top no-repeat;
		}
		div#wrapper div#right div#menu div#right {
			position: absolute;
			top: 0;
			right: 0;
			height: 35px;
			width: 10px;
			background: url("../images/structure/topmenu_right.gif") right top no-repeat;
		}
		div#wrapper div#right div#menu ul {
			height: 35px;
			list-style-type: none;
			padding-top: 10px;
			padding-left: 5px;
			font-size: 1.0em;
		}
			div#wrapper div#right div#menu ul li {
				position: relative;
				float: left;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 1.2em;
				font-weight: bold;
				padding-right: 10px;
			}
			div#wrapper div#right div#menu ul li a:link,
			div#wrapper div#right div#menu ul li a:visited {
				color: #fff;
			}

div#bottom {
	position: relative;
	clear: both;
	padding: 15px 5px 15px 10px;
	background: url("../images/structure/bottomplate.gif") repeat-x;
}
	div#bottom ul {
		font-size: 1.0em;
		font-family: "Georgia", "Times New Roman", Times, serif;
	}

	div#bottom div#leftBottom {
		position: relative;
		float: left;
	/*	width:50% */
		width: 60%; /* By Erik */
	}
	div#bottom div#leftBottom a{
		color:#798515;
		text-decoration:none;
	}
	div#bottom div#leftBottom a:hover{
		color:#798515;
		text-decoration:underline;
	}	
	div#bottom div#right {
		position: relative;
		float: left;
	/*	width:50% */
		width: 40%; /* By Erik */
	}
div#footer {
	position: relative;
	clear: both;
	background-color: #798515;
	color: #fff;
}
	div#footer p {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 1.2em;
		font-weight: bold;
		margin: 0;
		padding: 8px 16px;
	}
	div#footer a:link, div#footer a:visited {
		color: #fff;
	}
div.greenFollow {
	position: relative;
	float: left;
/*	width: 120px;*/
	width: 150px; /* By Erik */
	height: 105px;
	padding: 8px 20px 10px 10px;
/*	background: url("../images/structure/green_follow_2.gif") no-repeat; */
	background: url("../images/structure/green_follow_2.gif") no-repeat; /* By Erik */
	color: #798515;
}
div.greenBox {
	position: relative;
	float: left;
/*	width:105px;*/	
	width: 140px; /* By Erik */
	height: 105px;
	padding: 8px 20px 10px 10px;
/*	background: url("../images/structure/green_box_2.gif") no-repeat; */
	background: url("../images/structure/green_box_2.gif") no-repeat; /* By Erik */
	overflow: hidden;
	color: #798515;
}
	div.greenBox h2,
	div.greenFollow h2 {
		margin: 45px 10px;
		color: #798515;
		text-decoration:underline;
	}
	div.greenBox ul,
	div.greenFollow ul {
		list-style-type: none;
		list-style-position: outside;
		margin-left:-2px;
	}
	div.greenBox ul li,
	div.greenFollow ul li {
		padding: 0px 0 5px 22px;
		font-size: 1.1em;
		background: url("../images/structure/list_icon_2.gif") no-repeat top left;
	}
	.puff_header{
		margin-left:10px;
	}
		div#greenFollow-1,
		div#greenFollow-2,
		div#greenBox-1 {
			display: none;
			position: absolute;
			left: 10px;
			top: 8px;
			cursor: help;
			padding: 3px;
			width: 130px;
			height: 95px;
			background: #fff;
			font-size: 1.2em;
			z-index: 200;
		}
/*
 *		Used by: news.articleList.default
 */
div.icmsLatestNews {
	position: relative;
	clear: both;
	width: 225px;
	margin: 20px 0px 0px 30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666600; 
}

	div.icmsLatestNews div.date {
		clear: both;
		font-size: 1.1em;
		font-style: italic;
	}
	div.icmsLatestNews div.title { 
		clear: both;
		padding: 4px 0;
		font-size: 1.2em;
		font-style: italic;
		font-weight: bold;
		text-decoration: underline;
	}
	div.icmsLatestNews div.title a{ 
		color: #666600; 
	}
	div.icmsLatestNews div.preamble {
		clear: both;
		font-size: 1.1em;
	}
	div.icmsLatestNews div.readmore { 
		clear: both;
		margin: 2px 0;
		font-size: 1.0em;
		text-align: right;
	}

/* Undermeny */	
div#icmsSubMenu{
	margin:10px 0px 50px 10px;
	*margin:10px 0px 50px -5px; /* IE7 */
	_margin:10px 0px 50px 0px; /* IE6 */
}
div#icmsSubMenu ul{
	list-style:none;
}
div#icmsSubMenu ul li{
	margin-bottom:5px;
	margin-top:5px;
}
div#icmsSubMenu ul li a{
	color:#7A8516;
	font:bold 11px Arial, Helvetica, sans-serif;
	padding-left:15px;
	padding-bottom:1px;
	text-decoration:none;
}	
div#icmsSubMenu ul li a:hover{
	color:#af1d06;
	background:url(../images/structure/arrow_icon_active.gif) no-repeat center left;
	padding-left:17px;
}
/* * * * * * */
div#print div.newsWrapper div.newsitem_ingress {
	font-style: italic;
}
div#print div.newsWrapper p.newsitem_created {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #666;
}
div#print div.newsWrapper div.imageWrapper {
	clear: right;
	float: right;
}
	div#print div.newsWrapper div.imageWrapper img {
		border: 10px solid #c2dd55;
	}
	div#print div.newsWrapper div.imageWrapper p {
		margin: 0;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 1.0em;
	}
/** sifr **/

/* This is the print stylesheet to hide the Flash headlines from the browser... regular browser text headlines will now print as normal */

/* sIFR-print */
/*.sIFR-flash, .sIFR-flash object, .sIFR-flash embed {
	display: none !important;
	height: 0;
	width: 0;
	position: absolute;
	overflow: hidden;
}

span.sIFR-alternate {
	visibility: visible !important;
	display: block !important;
	position: static !important;
	left: auto !important;
	top: auto !important;
}*/
/*************/

/* sIFR-screen */

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
	font-size: 38px;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 30px;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 22px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 20px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}
/*****************/

/*
 * Makes floating objects take up space. Fix from http://www.csscreator.com/attributes/containedfloat.php
 */
.floatcontainer:after
{
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility:hidden;
}

.floatcontainer
{
	display: inline-block;
}

/* Hides from IE Mac \*/
* html .floatcontainer
{
	height: 1%;
}

.floatcontainer
{
    display:block;
}
/* End Hack */