/* ALLMÄNT */
body {font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#303030;
	background: #ffffff url(../layout/bg.gif) repeat-x;
	margin:0;
	padding:0;
	overflow:scroll;
	overflow:-moz-scrollbars-vertical;}	
h1 {font-size:22px;
	line-height:26px;
	font-weight:normal;
	padding:0;
	margin:20px 0 15px 0;
	clear:both;}
h2 {font-size:16px;
	line-height:20px;
	padding:0;
	margin:20px 0 0 0;
	clear:both;}
h3 {font-size:12px;
	line-height:18px;
	margin:20px 0 5px 0;
	clear:both;}
h4 {font-size:21px; font-weight:normal; line-height:26px; padding:0; margin:0; color:#555555;}
p {margin:6px 0 12px 0;
	padding:0;}
ul, li {margin:0;
	padding:0;}
#mainarea ul {list-style: disc outside;}
#mainarea ul li {margin-left:18px;}
#header ul, ul#submenu, ul.themes, #mainarea ul.peoplepres, #news ul, #events ul, #updates ul, #mainarea ul.archive-full, #mainarea ul.archive-header {margin:0; list-style: none outside;}
img {border:0;}
a, #topleft .box .button a, #news .button a, #events .button a, #updates .button a {color:#11a0c8; text-decoration:none;}
a:hover, #topleft .box .button a:hover, #news li a:hover, #events li a:hover, #updates li a:hover {text-decoration:underline;}
table a {color:#0951a3;}
h3 a {color:#000000;}
a.pdf, a.doc {display:inline-block; padding-left:24px; background: #ffffff url(../layout/link-pdf.gif) no-repeat;}
a.doc {background: #ffffff url(../layout/link-word.gif) no-repeat;}

/* FORMULÄR */

input {font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:1px;
	margin:0;}
input.textinput, #UltimateSearchInputContent input, #UltimateSearchInputTop input   {width:250px;
	border:1px solid #9fdaec; 
	color:#303030; 
	background-color:#ffffff;}
#UltimateSearchInputContent span input {width:auto;
background-color:#9fdaec;
border:1px solid #ffffff; }

input.smallsearch, #UltimateSearchInputTop input.smallsearch {width:20px; height:19px; background: #ffffff url(../layout/search-btn.gif) no-repeat; border:0; margin-left:6px; padding:0;}
input.largesearch {border:1px solid black; width:99px; height:49px; text-indent:-9999px; background: url(../layout/search-btn-large.png) no-repeat; border:0; float:right; behavior: url(includes/iepngfix.htc);}
select {border:1px solid #9fdaec;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;}
textarea {width:250px;
	border:1px solid #9fdaec;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:1px;}
fieldset {border:0;
	margin:0;
	padding:0;}
label {display:inline;
	float:left;}
	
/* ÖVERGRIPANDE */
#page {width:940px;
	text-align:left; 
	margin-left:auto; 
	margin-right:auto;
	padding:0;}

	
/* MENY/SIDHUVUD */
#skiptomenu, #skiptocontent, #uptomenu, span.anchor {position:absolute; top:0; left:0; text-indent:-9999px;}

#header {padding-top:10px;}
	
#logo {float:left;
	margin:0;
	padding:0;
	background:#ffffff;
	width:160px;}
#logo img {margin:10px 0 0 16px;}
#mkc {float:right;
	margin:10px 2px 0 0;}

#topsearchform, #contentsearchform {
	margin:20px 0 0 0;
	padding:0;}
#topsearchform ul li {
	font-size:11px;
    float:left;
	margin-left:2px;}
ul#toplinks li {padding-left:34px;
	font-size:10px;
    float:left;}
	
ul#mainmenu {width:735px;
    float:right;
    line-height:normal;
	margin:12px 0 30px 0;
	background: #11a0c7 url(../layout/menubg.gif) no-repeat;
	height:36px;
	padding:4px 0 0 45px;}
ul#mainmenu li {font-size:11px;
    float:left;
    padding:0 0 20px 0;
	margin-right:35px;}
ul#mainmenu li.selected {background: url(../layout/menudot.png) no-repeat top center; behavior: url(includes/iepngfix.htc);}
ul#mainmenu a {color:#ffffff;
    display:block;
    padding:6px 0 0 0;
	margin:0;
	text-decoration:none;}
	
	
/* CONTENTYTAN */
#content {clear:both; min-height:250px;}
#mainarea, #mainareawide, #submenuarea, #resourcearea, #news, #events, #updates, #topleft, #topright {float:left; margin:0; padding:0; clear:none;}

#mainarea {width:530px;}
#mainareawide {width:750px;}
#submenuarea {width:190px; font-size:11px; line-height:17px; margin-bottom:20px;}
#resourcearea, #updates {width:220px; margin-top:20px;}
#news {width:360px; clear:both; margin-top:20px;}
#news .box, #events .box {margin-right:20px;}
#news li {border-top:1px solid #9fdaec;}
#events li, #updates li {border-bottom:1px solid #9fdaec;}
#events li.button, #updates li.button {border:0;}
#events {width:360px; font-size:11px; line-height:17px; margin-top:20px;}
#news h3, #events h3, #updates h3 {margin:0 0 4px 0; padding:6px; font-size:18px; font-weight:normal; border-bottom:6px solid #0951a3;}
#news h3 {border-bottom:6px solid #9fdaec;}
#events h3 {border-bottom:6px solid #11a0c7;}
#news li, #events li, #updates li {padding:10px 6px 10px 6px; font-size:11px; line-height:17px;}
#news h4 {padding:8px 6px 0 6px;}
#news p {padding:4px 6px 0 6px;}
#news span.date {font-weight:normal;}
#events span.date, #updates span.date {display:block;}
#topleft {width:620px; margin-right:20px;}
#topleft .box, #topright .box {height:200px; padding:0; overflow:hidden;}
#topleft #slideshowplay, #topleft .box .text {float:left; width:300px; height:200px;}
#topleft .box .text {float:left; width:278px; padding:0 14px 0 14px; margin-top:6px;}
#topleft .box a, #news a, #events a, #updates a {color:#303030;}
#news li a {font-weight:bold;}
#topleft .box a:hover, #news p a:hover {text-decoration:none;}
#topright {width:300px;}
#topright .box {height:180px; padding:10px; background:#000000 url(../layout/bg-search.jpg) no-repeat; color:#ffffff;}
#topright h2 {height:20px; margin:0; padding-top:5px; font-weight:normal; font-size:21px;}
#topright input.textinput {width:258px; padding:4px; font-size:14px; border:1px solid #efefef;}
#topright select {width:268px; border:1px solid #efefef;}
#topright ul li {height:48px;}

#mainarea .box {margin-right:48px; line-height:20px;}
#mainareawide .box {line-height:20px;}
#resourcearea h3 {margin-top:0;}
#resourcearea p {margin:0 0 6px 0;}
#resourcearea .box {margin-bottom:16px;}

#submenuarea ul {margin:20px 50px 0 0; border-bottom:1px solid #9fdaec;}
#submenuarea ul li {margin:0 0 6px 0; padding:6px 0 0 4px; border-top:1px solid #9fdaec;}
#submenuarea ul li a {color:#11a0c7; text-decoration:none;}
#submenuarea ul li a:hover {text-decoration:underline;}
#submenuarea ul li a.selected {color:#f39301;}
	
/* SIDFOT */
#clearfooter {clear:both;}
#footer {width:940px;
	height:80px;
	color:#a4a4a4;
	border-top:5px solid #11a0c7;
	margin:40px auto 0 auto;
	font-size:10px;}
#footer p {padding-left:10px;}

/* FÄRGJUSTERINGAR */
.blue {color:#11a0c7;}
.lightblue {color:#9fdaec;}
.darkblue {color:#0951a3;}
.yellow {color:#ffc830;}
.orange {color:#f39301;}
.blueborder {border:6px solid #11a0c7;}
.lightblueborder {border:6px solid #9fdaec;}
.darkblueborder {border:6px solid #0951a3;}
.yellowborder {border:6px solid #ffc830;}
.orangeborder {border:6px solid #f39301;}
.blueborder, .lightblueborder, .darkblueborder, .yellowborder, .orangeborder {padding:10px;}


/* ÖVRIGA JUSTERINGAR */
p.intro {font-weight:bold;}
div.spacer {height:10px;}
.clear {clear:both;}
.button {font-size:12px; font-weight:bold;}
span.date {color:#7b7b7b; font-size:10px;}

#mainarea ul.peoplepres li {width:110px; height:270px; float:left; padding:13px; border:1px solid #d7d7d7; margin:10px 20px 10px 0; font-size:11px; line-height:17px;}
#mainarea ul.peoplepres li p, ul.peoplepres li img {margin:0; padding:0 0 4px 0;}
#mainarea ul.peoplepres li a {font-weight:bold;}

#mainarea ul.archive-full {margin-top:20px;}
#mainarea ul.archive-full .date {display:block; width:auto; float:right;}
#mainarea ul.archive-full li {border-top:1px solid #d7d7d7; padding:0 0 10px 0; margin:0;}

#mainarea ul.archive-header {margin-top:20px;}
#mainarea ul.archive-header a {display:inline-block; margin-right:10px; font-weight:bold; color:#303030;}
#mainarea ul.archive-header .date {font-weight:bold;}
#mainarea ul.archive-header li {border-top:1px solid #d7d7d7; padding:10px 0 10px 0; margin:0;}

#mainareawide p {width:480px;}
#mainareawide ul p {width:auto;}

ul.themes li {width:348px; height:100px; float:left; border:1px solid #d7d7d7; margin:20px 20px 0 0; font-size:11px; line-height:17px;}
ul.themes h3 {margin:0; background-color:#ffefc3; border-bottom:6px solid #ffc830; padding:4px 10px 4px 10px;}
ul.themes p {padding:0 10px 6px 10px;}
ul.themes p a {color:#303030;}

table {border:0; border-collapse:collapse; font-size:11px; line-height:17px; margin-top:20px;}
#mainareawide table {width:720px;}
tr.odd {background-color:#ffefc3;}
td {padding:5px 20px 5px 3px;}
table a {font-weight:bold;}
th.date {width:100px;}
th.type {width:170px;}
th.title {width:430px;}

.cam_HtmlChangeable {margin:0; padding:0;}
.WebFormLabel_Hidden {display:none;}
.WebFormCheckBox {float:left;}
.WebFormLabel {float:left;width:110px;}
.WebFormTextBox{float:left; margin:2px 0 2px 0; border:1px solid #a5acb2; width:220px;}
.WebFormTextArea{float:left; margin:2px 0 2px 0; border:1px solid #a5acb2;}
.WebFormDropDownList{float:left; margin:2px 0 2px 0; border:1px solid #a5acb2;}
.WebFormFileUpload{float:left; margin:2px 0 2px 0;}
.WebForm_SubmitButton {margin-left:120px;}
.CheckBoxOverwrite{display:none;}
div.CamelontaWebFormValidation {display:inline;float:left;width:1em;}
div.CamelontaWebFormValidation span {font-size:90%;}


/*Sökformuläret*/
#mainarea ul.result {margin:20px 0 0 0; list-style: none outside;}
#mainarea ul.result li {border-top:1px solid #d7d7d7; padding:10px 0 10px 0; margin:0;}
#mainarea ul.result li p.title, #mainarea ul.result li p.title a {font-weight:bold; color:#303030;}

#newsletterform {border:6px solid #9fdaec; padding:15px 10px 10px 10px; margin-top:20px;}
#newsletterform label {clear:both; display:inline; width:100px; padding:0 10px 10px 0; text-align:right;}
#newsletterform span {clear:both; display:inline; width:100px; padding:0 10px 10px 0; text-align:right;}
#newsletterform input {margin:0 0 5px 110px;}
#newsletterform input.textinput {margin:0 0 15px 0;}
.WebFormLabel {float:left;width:110px;}
.WebFormTextBox {border:1px solid #A5ACB2;float:left;margin:2px 0;width:220px;}
.WebFormTextArea {border:1px solid #A5ACB2;float:left;margin:2px 0;}
#contactform input.contactform {margin:0 0 5px 110px;}
#contactform{border:6px solid #9FDAEC;margin-top:20px;padding:15px 10px 10px;}