/* CSS Document */
/* Det här dokumentet definierar några grundläggande stilelement */
@charset "UTF-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.75em; /* 16px * 0.75 = 12px */
	line-height:1.3em;
	color:#1C1C1C;
	background-image:url('/images/gradient_grey.gif');
	background-repeat:repeat-x;
	background-color:#303030;
	overflow:auto;
}
h1, h2, h3, h4, h5 {
	font-family:Georgia, serif;
	font-style:normal;
	font-weight:lighter;
	color:#5e5e5e;
	margin-bottom:0.5em;
	line-height:normal;
}
h2, h3, h4, h5 {
	font-family:Arial, Helvetica, sans-serif;
	color: #CC6600;
	font-weight: bold;
	line-height:1.2em;
	font-size:1.2em;
}
h1 {
	margin-bottom:0.7em;
}
acronym {
	font-weight:bold;
	cursor:help;
}
p {
	line-height:1.5em;
	padding-bottom: 0.75em;
	font-size:1em;
	margin:0;
}
a:link {
	color:#000066;
}
a:visited {
	color:#000066;
}
a.top_scroll {
	float:right;
	font-size:0.7em;
	text-decoration:none;
	padding-top:0.2em;
}
a.top_scroll img {
	vertical-align:middle;
	vertical-align:baseline;
	border:none;
}
.hidden {
	display:none;
}
.visible {
	display:block;
}
.error {
	color:#990000 !important;
	font-size:1em !important;
	display:block;
	border:1px solid silver;
	background-color:#f0f0f0;
	line-height:1.2em;
	padding:0.2em;
	font-weight:bold;
}
.clearFloat {
	font-size:1px;
	line-height:1px;
	display:block;
	height:1px;
	clear:both;
}

ul {
	list-style-type:disc;
	padding:0 3em;
	margin-bottom:1em;
}
ul li {
	margin:0.3em 0;
}
div#content_wrapper {
	width:610px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
}
div#header {
	background:url('/images/main_header_condensed.png') no-repeat top center;
	height:80px;
	position:relative;
}
.page_title {
	position:absolute;
	bottom:10px;
	right:32px;
	margin:0;
	color: #f5f5f5;
	color: rgb(113, 123, 141);
	font-size:2em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
#page_content {
	background:url('/images/main_content_cond_shadow.png') repeat-y top center;
	margin:0;
	padding-top:1em;
	height/**/:/**/auto !important;
	padding-bottom: 1em;
	position: relative;
}
.content {
	margin:0 40px;
	height:auto;
}
#footer {
	background:url('/images/main_content_cond_footer.png') no-repeat top center;
	margin:0;
	padding-top:16px;
	padding-left:5px;
	color:#f4f4f4;
	font-size:0.75em;
}

/**
=========================================
	--- Content with rounded corners ---
=========================================
**/
div.medium div.cssbox,
div.medium div.cssbox_body,
div.medium div.cssbox_head,
div.medium div.cssbox_head h2 {
	background: transparent url('/images/box_1.gif') no-repeat bottom right;
}

div.large div.cssbox,
div.large div.cssbox_body,
div.large div.cssbox_head,
div.large div.cssbox_head h2 {
	background: transparent url('/images/box_white.gif') no-repeat bottom right;
}
div.full_width div.cssbox,
div.full_width div.cssbox_body,
div.full_width div.cssbox_head,
div.full_width div.cssbox_head h2 {
	background: transparent url('/images/box_white.gif') no-repeat bottom right;
}

div.medium div.cssbox {
	width: 225px !important; /* intended total box width - padding-right(next) */
	padding-right: 15px; /* the gap on the right edge of the image (not content padding) */    /* margin: 20px auto; /* use to position the box */
	margin-left:15px;
}
div.large div.cssbox {
	width: 325px !important; /* intended total box width - padding-right(next) */
	padding-right: 15px; /* the gap on the right edge of the image (not content padding) */    /* margin: 20px auto; /* use to position the box */
	margin-left:0;
}
div.full_width div.cssbox {
	width: 510px !important; /* intended total box width - padding-right(next) */
	padding-right: 15px; /* the gap on the right edge of the image (not content padding) */    /* margin: 20px auto; /* use to position the box */
	margin-left:0;
}


/* set the top-right image */ 
div.medium div.cssbox_head,
div.large div.cssbox_head,
div.full_width div.cssbox_head { 
    background-position: top right; margin-right: -15px; /* pull the right image over on top of border */
    padding-right: 40px; /* right-image-gap + right-inside padding */ 
} 

/* set the top-left image */ 
div.medium div.cssbox_head h2,
div.large div.cssbox_head h2,
div.full_width div.cssbox_head h2 {
	background-position: top left;
	margin: 0; /* reset main site styles*/
	border: 0; /* ditto */
	padding: 12px 0 4px 18px; /* padding-left = image gap + interior padding ... no padding-right */
	height: auto !important;
	height: 1%; /* IE Holly Hack */
	font-size:1em;
}

div.medium div.cssbox_head h2 {
	color:#f5f5f5;
}
div.large div.cssbox_head h2,
div.full_width div.cssbox_head h2 {
	color:#CC6600;
}


/* set the lower-left corner image */ 
div.medium div.cssbox_body,
div.large div.cssbox_body,
div.full_width div.cssbox_body {
	background-position: bottom left;
	margin-right: 10px; /* interior-padding right */
	padding: 8px 0 15px 18px; /* mirror .cssbox_head right/left */
}
div.medium div.cssbox_body p,
div.large div.cssbox_body p,
div.full_width div.cssbox_body p {
	margin-bottom:0.5em;
	color:#333333;
}
div.medium div.cssbox_body h2,
div.large div.cssbox_body h2,
div.full_width div.cssbox_body h2 {
	margin-bottom:4px;
	margin-top:0.3em;
	font-size: 1em;
}
div.medium div.cssbox_body h3,
div.large div.cssbox_body h3,
div.full_width div.cssbox_body h3 {
	margin:0.2em 0;
	font-size:0.75em;
	color:#333333;
	padding-left: 2px;
}
div.medium div.cssbox_body p.image_text,
div.large div.cssbox_body p.image_text,
div.full_width div.cssbox_body p.image_text {
	color:#666666;
	font-size:0.8em;
	margin-top:0.5em;
}

div.medium div.cssbox_body a,
div.large div.cssbox_body a,
div.full_width div.cssbox_body a {
	text-decoration:none;
}
div.medium div.cssbox_body img,
div.large div.cssbox_body img {
	border:1px solid white;
}
div.medium div.cssbox_body a:hover,
div.large div.cssbox_body a:hover {
	text-decoration:underline;
}
div.medium div.cssbox_body img.no_border,
div.large div.cssbox_body img.no_border {
	border:none;
}

div#closeWindow {
	text-align:right;
	padding-bottom:1em;
}
div#closeWindow a:link,
div#closeWindow a:visited {
	padding:2px 8px 2px 8px;
	background-color:#F7F7F7;
	margin: 0;
	border: solid #000000 1px;
	font-size: 1em;
	text-decoration:none;
}