/*************** Grundinställningar **************/
html {overflow-y: scroll!important;}

Body {font-family: helvetica, arial;font-size: 75%;margin:0px; padding:0px; background: URL(../Bilder/Designbilder/webpage_background.jpg) 0% 0% repeat-y; background-position: top center;}
p, div {line-height:1.7em; margin:0px; padding:0px;}


h1{font-size: 2em;margin-top: 0px;margin:30px 0px 10px 0px;}
h2{font-size: 1.5em;margin-top: 10px;margin-bottom:10px;}
h3{font-size: 1.3em;margin-top:15px; margin-bottom:10px;}
h4{font-size: 1em;margin-top: 15px;margin-bottom: 5px;}
h5{font-size: 0.9em;margin-top:5px; margin-bottom:0px;line-height:1.2em;}


ul {list-style-type:none; margin:2px 0px 5px 0px; padding: 5px;}
li {background: url(../Bilder/Designbilder/arrow.gif) no-repeat 0% 6px ;padding-left: 20px;}

hr {height:1px; width:100%; color:#d5d5d5; background-color:#d5d5d5; margin:0px; padding:0px; border:0px;}

.right {text-align:right;}
.center {text-align:center;}
caption, table {text-align:left;}

a{color:#000000;}
a img {border:0}
img.frame {padding:3px; background-color:##f5f5f5; border: 1px solid #d5d5d5; align:center;}
a.ord {text-decoration:none; color:#5f7128; font-weight:bold; cursor:help;}

.nodecoration {text-decoration:none;}

legend {font-weight:bold; padding:5px; color:#000000;}


/******************** ADMIN ************************/
#admin #editspantagnew {padding-right: 30px !important}
.admin {padding: 20px; background-color:#ffffff;}

.admin_section {padding:0px; border: 1px solid #95ae48; margin-bottom:20px; background-color:#d0d6bc;}
.admin_section_header {background-color:#95ae48; font-weight:bold; padding:5px; color:#ffffff;}
.admin_section div {padding:5px;}

/************ Bilder ****************/
img.picture_right {float:right; padding: 10px; border:0px solid #e5e5e5;}
img.picture_left {float:left; padding: 10px; border:0px solid #e5e5e5;}
img.picture_center {margin: 0px auto; padding: 10px; border:0px solid #e5e5e5;}

/********************* TABELLER **********************/

caption {display:none;}

/****************** Special ***************************/

.box_top {margin:0px; padding:0px; height:7px; background: URL(../Bilder/Designbilder/box_top.jpg) 0% 0% no-repeat;}
.factbox_top {margin:0px; padding:0px; height:21px; background: URL(../Bilder/Designbilder/factbox_top.jpg) 0% 0% no-repeat;}
.box_middle {padding: 5px 10px 0px 10px; margin:0px; background: URL(../Bilder/Designbilder/box_middle.jpg) 0% 0% no-repeat;}
.box_bottom {margin:0px 0px 10px 0px; padding:0px; height:9px; background: URL(../Bilder/Designbilder/box_bottom.jpg) 0% 0% no-repeat;}
.box_header {font-size:1.2em; font-weight:bold; color:#000000;}

.box {padding:5px; border:1px solid #d5d5d5;}
.darkbox {padding: 5px; border:1px solid #d5d5d5; background-color:#f5f5f5;}

.box_top_large {margin:10px 0px 0px 0px; padding:0px; height:7px; background: URL(../Bilder/Designbilder/box_top_large.jpg) 0% 0% no-repeat;}
.box_middle_large {padding: 5px 10px 0px 10px; margin:0px; background: URL(../Bilder/Designbilder/box_middle_large.jpg) 0% 0% no-repeat;}
.box_bottom_large {margin:0px 0px 10px 0px; padding:0px; height:9px; background: URL(../Bilder/Designbilder/box_bottom_large.jpg) 0% 0% no-repeat;}
.box_header {font-size:1.2em; font-weight:bold; color:#000000;}

.document_header {margin-top:10px; border:1px solid #d5d5d5; padding:5px; background-color:#f5f5f5; font-weight:bold;}
.document {border:1px solid #d5d5d5; border-top:0px;padding:5px;}
.document a {height:20px; display:block; padding-left: 25px; background: URL(../Bilder/Designbilder/document.jpg) 6px 50% no-repeat;}
.document a:hover {background-color:#f5f5f5;}
th a.hidden {display:none;}


div.pagerange {margin-top:5px; margin-bottom:5px;}
div.pagerange a {font-weight:bold; background-color:#2e98b7; padding:2px 10px 2px 10px; margin: 2px; border: 1px solid #c5c5c5; text-decoration:none; color:#ffffff;}
div.pagerange b {padding:2px 10px 2px 10px; margin: 2px; border: 1px solid #c5c5c5; text-decoration:none; color:#000000;}
div.pagerange a:hover {background-color:#ffffff; color:#000000;}

.hidden {display:none; height:0px;}
.webtree_Index {display:none;}

a.quicklink {padding: 2px 0px 2px 0px; border-bottom:1px solid #d5d5d5; color:#748c2c; font-weight:bold; text-decoration:none; display:block; background: URL(../Bilder/Designbilder/pil.gif) 100% 50% no-repeat;} 
a.startpage_news {padding: 5px; display:block; text-decoration:none; margin-bottom:5px;}
a.startpage_news:hover {background-color:#f5f5f5; color:#000000;}
div.calendar a {text-decoration:none;}

div.open {background: URL(../Bilder/Designbilder/open_background.jpg) 0% 0% no-repeat; padding:3px 0px 3px 5px; color:#ffffff; margin-bottom:3px; font-weight:bold;}

div.closed {background: URL(../Bilder/Designbilder/closed_background.jpg) 0% 0% no-repeat; padding:3px 0px 3px 5px; color:#ffffff; margin-bottom:3px; font-weight:bold;}

.faq_answer {padding:0px 10px 0px 10px; margin: 5px; 0px 5px 5px; border:1px solid #e5e5e5; background-color:#f5f5f5; display:none;}

.sortguide {background: URL(../Bilder/Designbilder/sortguide_background.jpg) 0% 0% repeat-x; border:1px solid #d5d5d5; padding:2px; font-weight:bold;}

.small {font-size:0.9em;}

a.press {display:block; padding-left: 25px; background: URL(../Bilder/Designbilder/document.jpg) 6px 50% no-repeat;}
a.green {background: url(../Bilder/Designbilder/arrow.gif) no-repeat 0% 3px ;padding-left: 15px; color:#5f7128; font-weight:bold; text-decoration:none;}


.form_message {border:1px solid #d5d5d5; background-color:#f5f5f5; margin:5px 0px 5px 0px;}
.response_message {background-color:#94af48; color:#ffffff; font-weight:bold; padding:5px; border: 1px solid color:#667931;}

/*************** Formulär ************************/

form {margin:0px; padding:0px;}
input, textarea {padding:2px; margin:2px 0px 2px 0px; border: 1px solid #aaaaaa; color:#000000; }
Select, Option {font-size:1em; padding:2px; margin:2px 0px 2px 0px; border: 1px solid #aaaaaa; color:#000000;}

input.searchbutton {background: transparent URL(../Bilder/Designbilder/search_button.jpg) 0% 0% no-repeat; border:0px; cursor: pointer; width:45px; height:22px;}
input.sendbutton {background: transparent URL(../Bilder/Designbilder/send_button.jpg) 0% 0% no-repeat; border:0px; cursor: pointer; width:65px; height:22px;}
input.searchform {margin-right: 5px; padding:3px; width:140px; border:1px solid #888888; background: URL(../Bilder/Designbilder/form_background.jpg) 0% 0% no-repeat}

input.greenbutton {color:#FFFFFF; background: URL(../Bilder/Designbilder/button_background.jpg) 0% 0% repeat-x; font-weight:bold; font-size:11px; text-align:center; padding:3px 5px 3px 5px; border:1px double #798c3a;}
input:focus {background-color:#f5f5f5;}


/********************** Grundstruktur ****************************/

#webpagecontent {margin:0px auto; border:0px solid #000000; padding:0px 0px 0px 0px; width:990px; text-align:left; background-color:#ffffff;}#content {background-color:#ffffff; border:0px solid #000000;}
#content {background-color:#ffffff; border:0px solid #000000;}

#left_content {width:220px; \width:250px; w\idth: 220px; float:left; border:0px solid #000000; padding:10px 10px 10px 20px;}
#main_content {width:470px; \width:490px; w\idth: 470px; float:left; border:0px solid #000000;padding:20px 10px 10px 10px;}
#right_content {background-color:#ffffff;width:220px; \width:250px; w\idth: 220px; float:left; border:0px solid #000000; padding:10px 20px 10px 10px;}
#header {margin:0px; padding:10px 10px 10px 10px; background: URL(../../Administration/Bilder/Designbilder/header.jpg) 0% 100% no-repeat;}
#full_width {width:710px; \width:740px; w\idth: 710px; float:left; border:0px solid #000000; padding:20px 20px 10px 10px;}

#startpage_content {background-color:#ffffff; width:710px; \width:740px; w\idth: 710px; float:left; border:0px solid #000000; padding:10px 10px 10px 20px;}

#shortcuts {float:left; width:470px; \width:490px; w\idth: 470px; padding: 0px 20px 0px 0px; background-color:#ffffff;}
#quicklinks {float:left; width: 220px; border:0px solid #ffffff; background-color:#ffffff;}

#sorting {float:left; width:290px; \width:310px; w\idth: 290px; padding: 0px 20px 0px 0px; background-color:#d5d5d5;}
#news {float:left; width: 400px; border:0px solid #ffffff; background-color:#448811;}

#newsfeeder {height:40px; padding:10px 3px 3px 50px; background: URL(../Bilder/Designbilder/notis_background.jpg) 0% 0% no-repeat}
#newsfeeder a {text-decoration:none; font-weight:bold; }

#header {border:0px solid #000000; margin:0px 0px 0px 0px; padding:0px; background: URL(../Bilder/Designbilder/header_background.jpg) 0% 0% no-repeat; height:120px;}
#header_top_left {border:0px solid #000000; float:left; width:200px; padding: 0px 0px 0px 0px;}
#header_top_right {border:0px solid #000000; float:left; width:790px; padding: 0px;}

#searchform {padding: 5px 50px 0px 0px; text-align:right;}

#breadcrumbs {background: URL(../Bilder/Designbilder/breadcrumbs_background.jpg) 0% 0% no-repeat; padding: 10px 0px 5px 0px; font-size:0.9em; border-bottom:1px solid #d5d5d5; margin:0px 20px 0px 20px; color:#888888;}
#breadcrumbs a {color:#888888;}

#footer {font-size: 0.9em; border-top:1px solid #e5e5e5; margin:0px 30px 0px 30px; padding:5px 0px 10px 0px;}
#footer_left {font-weight:bold; color:#999999; border:0px solid #000000; float:left; width:710px;}
#footer_right {font-weight:bold; border:0px solid #000000; float:left; width:220px; text-align:right; color:#999999;}
#footer_right a {text-decoration:none; color:#999999;}

/******************** LEVEL1 MENY ************************/

ul.CS_topmenu1 {position:relative; left:0px; top:0px; margin:32px 0px 0px 0px; padding:0px; list-style-type:none; border:0px solid #000000; height:30px;}
ul.CS_topmenu1 li {float:left; padding:0px; margin:0px; background:none;}
ul.CS_topmenu1 li a {border:0px solid #000000; text-decoration:none; font-weight:bold; padding-left:30px; color:#888888;}
ul.CS_topmenu1 li.CS_topmenuSelectedItem a, ul.CS_topmenu1 li.CS_topmenuSelectedParent a {color:#000000; background: URL(../Bilder/Designbilder/topmenu_indicator.gif)  15px 50% no-repeat}

/******************** LEVEL2 MENY ************************/

ul.CS_topmenu2 {position:absolute; left:-20px; top:29px; margin:0px; padding:0px; list-style-type:none; border:0px solid #000000; height:30px;}
ul.CS_topmenu2 li {float:left; background: URL(../Bilder/Designbilder/menu_background_left.jpg) left top no-repeat;}
ul.CS_topmenu2 li.CS_topmenuNotSelected a {font-weight:bold; padding: 3px 20px 5px 20px; background: URL(../Bilder/Designbilder/menu_background_right.jpg) right top no-repeat; display:block; text-decoration:none; color:#ffffff;}

ul.CS_topmenu2 li.CS_topmenuSelectedItem,
	ul.CS_topmenu2 li.CS_topmenuSelectedParent {background: URL(../Bilder/Designbilder/menu_background_active_left.jpg) left top no-repeat;}
ul.CS_topmenu2 li.CS_topmenuSelectedItem a,
	ul.CS_topmenu2 li.CS_topmenuSelectedParent a {font-weight:bold; padding: 3px 20px 13px 20px; background: URL(../Bilder/Designbilder/menu_background_active_right.jpg) right top no-repeat; display:block; text-decoration:none; color:#000000;}

/* Special för startsidan */
#header_startpage ul.CS_topmenu2 li.CS_topmenuSelectedItem a,
	#header_startpage ul.CS_topmenu2 li.CS_topmenuSelectedParent a {font-weight:bold; padding: 3px 20px 3px 20px; background: URL(../Bilder/Designbilder/menu_background_active_right.jpg) right top no-repeat; display:block; text-decoration:none; color:#000000;}


ul.CS_topmenu3 {display:none;}
ul.CS_topmenu1 li.CS_topmenuNotSelected ul {display:none;}


/******************** VÄNSTER MENYN ************************/

/* Inga listpunkter i menyn, inget indrag */
#menu ul {list-style-type:none;	margin:0px; padding:0px; background:none; border:0px}	
#menu ul li {background:none; padding:0px; margin:0px; display:inline;}

/* Inställningar som gäller för alla menypunkter i alla nivåer. */
#menu a{font-size:1.0em; display:block; text-decoration:none; margin:0px 0px 0px 0px; padding:3px;}

/* Döljer alla undermenyer vars förälder inte är vald */	
#menu li.CS_leftmenuNotSelected ul{
	display:none;
	}
	
/* Inställningar för NIVÅ 1 */
#menu ul.CS_leftmenu1 li a {padding-left: 0px;}
#menu ul.CS_leftmenu1 li.CS_leftmenuSelectedItem a {font-weight:bold; background-color:#ffffff; color:#000000; border-bottom:1px solid #999999;}

#menu ul.CS_leftmenu1 li.CS_leftmenuNotSelected a {font-weight:bold; background-color:#ffffff; color:#000000; border-bottom:1px solid #e5e5e5;}
#menu ul.CS_leftmenu1 li.CS_leftmenuSelectedParent a {font-weight:bold; background-color:#ffffff; color:#000000; border-bottom:1px solid #e5e5e5;}

/* Inställningar för NIVÅ 2 */
#menu ul.CS_leftmenu2 {margin-bottom:0px;}
#menu ul.CS_leftmenu2 li a {padding-left: 20px; border-bottom:1px solid #e5e5e5;}
#menu ul.CS_leftmenu2 li.CS_leftmenuHasChildren a {background-color:#ffffff; background: URL(../Bilder/Designbilder/menu_haschildren.gif) 5px 50% no-repeat}
#menu ul.CS_leftmenu2 li.CS_leftmenuNotSelected a {font-weight:normal; background-color:#ffffff;color:#000000;}
#menu ul.CS_leftmenu2 li.CS_leftmenuSelectedItem a {border-bottom:1px solid #999999; font-weight:bold; color:#000000; background: URL(../Bilder/Designbilder/menu_activeparent.gif) 5px 50% no-repeat;background-color:#ffffff;}
#menu ul.CS_leftmenu2 li.CS_leftmenuSelectedParent a {font-weight:bold; color:#000000; background: URL(../Bilder/Designbilder/menu_activeparent.gif) 5px 50% no-repeat; background-color:#ffffff;}
#menu ul.CS_leftmenu2 li.CS_leftmenuHasNoChildren a {background:none;}

/* Inställningar för NIVÅ 3 */
#menu ul.CS_leftmenu3 li a {padding-left: 30px;}
#menu ul.CS_leftmenu3 li.CS_leftmenuHasChildren a { background-color:#f5f5f5; background: URL(../Bilder/Designbilder/menu_haschildren.gif) 15px 50% no-repeat}
#menu ul.CS_leftmenu3 li.CS_leftmenuNotSelected a { background-color:#f5f5f5; font-weight:normal; border-bottom:1px solid #e5e5e5;}
#menu ul.CS_leftmenu3 li.CS_leftmenuSelectedItem a { background-color:#f5f5f5; border-bottom:1px solid #999999; font-weight:bold; color:#000000; background: URL(../Bilder/Designbilder/menu_activeparent.gif) 15px 50% no-repeat;}
#menu ul.CS_leftmenu3 li.CS_leftmenuSelectedParent a { background-color:#f5f5f5; font-weight:bold; color:#000000; background: URL(../Bilder/Designbilder/menu_activeparent.gif) 15px 50% no-repeat;}
#menu ul.CS_leftmenu3 li.CS_leftmenuHasNoChildren a { background-color:#f5f5f5; background-image:none;}

/* Inställningar för NIVÅ 4 */
#menu ul.CS_leftmenu4 li a {padding-left: 40px;}
#menu ul.CS_leftmenu4 li.CS_leftmenuNotSelected a {font-weight:normal; background-color:#ffffff; color:#333333;  border-bottom:1px solid #e5e5e5;}
#menu ul.CS_leftmenu4 li.CS_leftmenuSelectedItem a {font-weight:bold;  background-color:#ffffff; color:#333333;}
#menu ul.CS_leftmenu4 li.CS_leftmenuSelectedParent a {font-weight:bold; background-color:#ffffff; color:#333333; border-bottom:1px solid #e5e5e5;}


/* Hovereffekt på alla menypunkter */
#menu ul.CS_leftmenu1 li a:hover {color:#000000; background-color:#f5f5f5;}
#menu ul.CS_leftmenu2 li a:hover,
#menu ul.CS_leftmenu3 li a:hover,
#menu ul.CS_leftmenu4 li a:hover {
	color:#000000; background-color:#f5f5f5;
	}

@media print{

Body {background-color:#ffffff;font-size:9pt;margin:0px; padding:0px;width:100%;}
#header{display:none;}
#webpagecontent{border:none;}
#main_content{width:700px; margin-left:0px;}
#right_content{width:200px;}
#left_content{display:none;}
.pageending {display:none;}
#footer{font-size:8pt;text-align:left;border-top:1px solid #000000; margin-top:10px;}
}