/* 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: white; background: gray; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }



body {
background: #c2dae4 url(../img/bkgr.jpg) top left repeat-x;
font-family: Arial, 'Verdana';
font-size: small;
font-weight: normal;
line-height: 1.5em;
color: #4d4d4d;
text-align: center;}


/* VERKSAMHET
_____________________________________________________*/

#middlecell_verksamhet {
float: left;
width: 635px;
margin: 0 10px 0 10px;
padding: 20px;
background: #ededed;}

.article_verksamhet {
width: 635px;
float: left;
background: transparent url(../img/dotted-line.png) top left repeat-x;}

.verksamhet_body {
float: left;
width: 380px;}

.img_verksamhet {
padding: 20px 0;
float: right;}




/* CALENDAR
_____________________________________________________*/


.cal_calendar {
width: 100%;
font-size: 85%;
margin: 0 0 15px 0;
}

.cal_cell {
text-align: center;
}

.cal_nav {
}

.cal_event {
text-align: center;
font-size: 100%;
}





/* STRUCTUR
_____________________________________________________*/

#wrapper {
	margin: 0 auto;
	width: 950px;
	text-align: left;}
	
#wrapper:after, .inside:after, #footer:after, #head:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#head {
	width: 950px;
height: 145px;
	margin: 30px 0 0 0;
	text-align: left;}

#logo {
	width: 455px;
	height: 100px;
margin: 0 0 0 10px;
	float: left;
	background: transparent url(../img/logga.png) top left no-repeat;}

#content {
	float: left;
	width: 100%;
	background-color:#fff;
	/*border-bottom: solid 10px #00638f;*/}
	
.inside {
	padding: 10px 10px 0 10px;}
	
#leftcell {
	float: left;
	width: 223px;
	border: solid 1px #ededed;}

#leftcell img {
position: top left repeat-x;
}

#leftcell .inside {
	padding: 0;
	margin: 0 5px 5px 5px;
	background: #ededed;}
	
#middlecell {
	float: left;
	width: 420px;
	margin: 0 10px 0 10px;
	padding: 20px;
	background: #ededed;}
	
#rightcell {
	float: right;
	width: 225px;
}
	
.pict {
	margin: 0 0 10px 0;
	height: 150px;
	background: #00638f;}
	
#footer {
	float: clear;
	text-align: center;
	padding: 8px 0;
	background: #00638f;}
	
#footer ul
{
	float: left;
	width: 100%;
}	
	
#footer li {
	/*float: left;*/
	display:inline;
	/*margin: 8px 0;*/
	padding: 0 5px;
	font-size: 90%;
	color: #fff;
	text-decoration: none;
	}
	
.news {
	float: left;
	width: 195px;
	background: transparent url(../img/dotted-line.png) bottom left repeat-x;
	margin: 5px 10px 5px 10px;
	padding: 0 0 5px 0;}

.article, #dottedline {
margin: 0 0 20px 0;
background: transparent url(../img/dotted-line.png) top left repeat-x;
}

#dottedline {
padding: 20px 0 0 0;
}

#dottedline p {
font-size: 75%;
line-height: 1.5em;
padding: 0 0 0 0;
margin: 0 0 0 0;
color: #4d4d4d;
}

#dottedline a {
color: #00638f;
}


	
	
	

/* NAVIGATION
_____________________________________________________*/

#nav {
	width: 475px;
	float: right;
	background: transparent;}

#nav1 {
	width: 75%;
	margin: 0 0 15px 0;
	float: left;}

#nav1 li {
	float: left;}

#nav1 li a {
	width: 107px;
	display: block;
	background: transparent;
	margin: 0 11px 0 0;
	padding: 5px 0 0 0;
	font-family: Georgia, serif;
	font-size: 110%;
	text-decoration: none;
	border-bottom: 1px dotted #00638f;
	color: #4d4d4d;}

#nav1 li a:hover, #nav1 li a.active{
	background: #cddd81;}

.nav2 {
	float: left;
	width: 100%;
	margin: 0 0 15px 0;}

.nav2 li {
	float: left;}

.nav2 li a {
	display: block;
	background: transparent;
	margin: 0 10px 0 0;
	font: arial, sans-serif;
	font-size: 90%;
	color: #4d4d4d;
	text-decoration: none;}

.nav2 li a:hover, .nav2 li a.active {
	color: #00638f;}




/* TEXT
_____________________________________________________*/

h1 {
	font-family: Georgia, serif;
	font-size: 185%;
	font-weight: normal;
line-height: 1.3em;
	margin: 0 0 20px 0;}
	
#leftcell h1 {
	font-size: 115%;
	margin: 0 0 3px 0;}
	
h2 {
	font-family: arial, sans-serif;
	font-weight: bold;
	font-size: 110%;
	color: #00638f;
	margin: 0px 0 0px 0;
	padding: 20px 0 0 0;}	

h3, h4 {
	font-family: arial, sans-serif;
	font-weight: normal;
	font-size: 75%;
	color: #00638f;}

h4 {
	padding: 10px 0 0 0;}

#rightcell p {
font-size: 85%;
line-height: 1.4em;
padding: 0px;
margin: 0 0 20px 0;
color: #00638f;
}

a {
text-decoration: none;
color: #00638f;}

strong {
font-weight: bold;}

p {
margin: 0 0 10px 0;
}




.article h3 {
font-weight: bold;
font-size: 100%;
margin: 18px 0 3px 0;
color: #4d4d4d;}
	
#leftcell p {
	font-size: 85%;
	line-height: 1.4em;}
	
#leftcell a {
	font-size: 65%;
	text-decoration: none;
	line-height: 1em;
	float: right;
	color: #4d4d4d;
	padding: 2px 5px;
	background: #b8def0;}
	
#leftcell ul {
	float: left;
	width: 100%;
	/*width: 225px;*/
	background: #fff;}
	
#leftcell li {
	float: left;
	}
	
#leftcell li a {
	width: 101px;
	display: block;
	text-align: center;
	margin: 5px 0px 0 0px;
	padding: 5px 0;
	font-family: georgia, serif;
	font-size: 110%;
	text-decoration: none;
	background: #fff;}
	
#leftcell li a:hover, #leftcell li a.selected{
	background: #ededed;}
	
.extramargin {
	border-right: 1px solid #ededed;
margin: 0 5px 0 0;
padding: 0 5px 0 0px;}


.dagenstext {
	font-size: 85%;
	line-height: 1.2em;
	font-style: italic;
	margin: 0 0 9px 0;}