/* RESET
_____________________________________________________*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;}

body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }


/* Fix______*/

/* Lägg class="clearfix" på alla divar som innehåller floatade objekt - i koden, inte css-en */

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;}

* html .clearfix {
    height: 1%;}
	
.clearfix {
   zoom: 1;}



/* Generellt______*/

body {
background: #e4e9f2 url(../img/bkgr.jpg) top left repeat-x;
font-family: arial, verdana, sans-serif;
font-size: small;
font-weight: normal;
line-height: 1.5em;
color: #004493;
text-align: center;}

h1, h2, h3 {
	font-family: georgia, "times new roman", times, serif;
	font-style: italic;
	line-height: 1.3em;
	color: #004493;}
	
h1 {
	font-size: 250%;
	margin: 0 0 30px 0;}
	
h2 {
	font-size: 250%;
	margin: 0 0 10px 0;}
	
p {
	color: #000;
	font-size: 100%;
	line-height: 1.45em;
	padding: 0 0 15px 0;}
	
	a{
		text-decoration: none;
		color: #004493;
	}
	
img {
	vertical-align: bottom;}
	
#wrapper {
	margin: 0 auto;
	padding: 20px 0 0 0;
	width: 960px;
	text-align: left;}
	
#head {
	background: transparent url(../img/head.png) top left no-repeat;
	height: 22px;}
	
#head p {
	text-align: right;
	color: #fff;
	padding: 5px 20px 0 0;
	font-size: 73%;
	text-transform: uppercase;
	letter-spacing: 1px;}
	
#head a
{
	color: #fff;
}
	
#content_wrapper {
	background: #fff;}
	
	
/* Left cell______*/
	
#leftcell_wrapper {
	float: left;
	width: 230px;}
	
#logo {
	width: 120px;
	height: 230px;
	margin: 10px 55px;
	background: transparent url(../img/logo.jpg) top left no-repeat;}
	
#nav {
	}
	
#nav li {
	}
	
#nav li a {
	display: block;
	padding: 5px 0 5px 15px;
	text-decoration: none;
	color: #004493;}
	
#nav li a:hover, #nav li a.active {
	background: #edf7fc;
	padding: 5px 0 5px 11px;
	border-left: 4px solid #004493;}
	
	
/* Right cell______*/

/* Start */	
#rightcell_wrapper_start {
	float: right;
	background: url(../img/start_bkgr.jpg) top left no-repeat;
	width: 730px;
	height: 600px;}
	
#rightcell_wrapper_inside {
	padding: 60px 55px 0 45px;}
	
#text_wrapper_start {
	float: left;
	width: 400px;}
	
#text_wrapper_start p {
	font-size: 100%;
	margin: 0 40px 0px 55px;
	color: #004493;}
	
#puffar {
	float: right;
	width: 180px;}
	
#puffar p {
	width: 166px;
	height: 37px;
	padding: 3px 7px;
	margin: 0 0 15px 0;
	line-height: 1.4em;
	color: #004493;
	background: transparent url(../img/puff-bottom.png) bottom left no-repeat;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 100%;
	text-align: center;}
	
	
/* Undersidor */
#rightcell_wrapper {
	float: right;
	width: 730px;}

#text_wrapper {
	background: #edf7fc;
	padding: 30px 10px 30px 20px;}
	
#text_column_left {
	float: left;
	width: 440px;}
	
#text_column_right {
	float: right;
	width: 220px;}
	
#text_column_right p {
	font-size: 80%;
	color: #004493;}

#footer {
	background: transparent url(../img/footer.png) top left no-repeat;
	height: 22px;}