/*************** Grundinställningar **************/

Body {font-family: verdana;font-size: 70%;margin:0px;padding:0px;}
Body.webpage {font-family: verdana;font-size: 70%;margin:0px;padding:0px; background: URL(../Bilder/Designbilder/background.jpg) 50% 100% repeat-y;}

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 2px 0px; padding: 5px;}
li {background: url(../Bilder/Designbilder/grey_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;}
.small {font-size:0.9em;}
caption, table {text-align:left;}

a{color:#000000;}
a img {border:0}

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

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

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

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



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

.box {padding: 5px; background-color:#ffffff; border:1px solid #d5d5d5; border-top: 5px solid #d5d5d5; margin:0px 0px 10px 0px; font-size:0.9em}
.blue_header {padding:3px; background-color:#2c9ad3; font-size:0.9em; margin:0px; font-weight:bold; color:#ffffff;}
.green_header {padding:3px; background-color:#8fc138; font-size:0.9em; margin:0px; font-weight:bold; color:#ffffff;}
.red_header {padding:3px; background-color:#d22525; font-size:0.9em; margin:0px; font-weight:bold; color:#ffffff;}
.box_small {padding: 3px; background-color:#f5f5f5; border:1px solid #d5d5d5; font-size:0.9em; margin:2px 0px 5px 0px;}

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;}

.shortcut {border-bottom:1px dotted #d0d0d0;}
.shortcut a {text-decoration:none; display:block; padding:3px; background: URL(../Bilder/Designbilder/shortcut_arrow.gif) 100% 50% no-repeat;}
.shortcut a:hover {background-color:#f5f5f5;}

div.documentlist {border:1px solid #d0d0d0; background-color:#f5f5f5; padding:5px;}
table.documentlist td {padding:2px 5px 2px 0px;}
table.documentlist tr:hover {color:#3333ff;}
table.documentlist a {display:block; background: url(../Bilder/Designbilder/document.gif) no-repeat 0% 3px; padding: 0px 0px 0px 20px;}
table.documentlist a.hidden {display:none;}
table.documentlist td a:hover {color:#3333ff;}


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

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

input#CS_SearchCriteria {width:150px; height:15px; padding:1px; margin:0px;}
input#CS_SearchFormButton {width:70px; height:19px; margin:0px; padding:0px; background-color:#2c9ad3; color:#ffffff; border:0px; font-weight:bold;}

.searchform {width:150px; font-size: 1.0em; height:15px;}


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

#webpagecontent {margin:0px auto; border:0px solid #000000; padding:20px 0px 0px 0px; width:750px; text-align:left;}
#content {background-color:#ffffff; border:0px solid #000000;}
#left_content {width:190px; \width:210px; w\idth: 190px; float:left; border:0px solid #000000; padding:0px 20px 0px 0px;}
#main_content {width:509px; \width: 540px; w\idth: 509px; float:left; border-left:1px dotted #d0d0d0 ;padding:20px 10px 10px 20px;}

#footer_line {margin:0px; padding:0px; border-top: 1px solid #000000;}
#footer_blue_block {background:#2c9ad3; padding:3px; margin:3px 0px 0px 0px; font-size:0.9em; color:#ffffff;}
#footer_blue_block a {color:#ffffff; text-decoration:none;}

#footer_grey_block {border-top: 1px solid #d0d0d0; background: URL(../Bilder/Designbilder/gradient_down.jpg) 0% 0% repeat-x; font-size: 0.9em; padding:2px;}


#header {margin:0px; padding:0px;}
#header_blue_block {background:#2c9ad3; padding:10px; margin:2px 0px 0x 0px;}
#header_grey_block {border-bottom: 1px solid #d0d0d0; background: URL(../Bilder/Designbilder/gradient.jpg) 0% 100% repeat-x; padding:5px 2px 2px 0px}
#header_searchbar_block {padding:5px; font-size:0.9em; border-bottom: 1px dotted #d0d0d0; color:#777777; }
#header_searchbar_block a {color:#777777;}
#header_searchbar_block_left {float:left; width:50%; padding-top:5px;}
#header_searchbar_block_right {float:left; width: 50%; text-align:right;}

#header_printpage {display:none}

#startpage_left {width:309px; \width:319px; w\idth: 309px; float:left; padding-right:10px;}
#startpage_right {width:190px; \width:190px; w\idth: 190px; float:left; margin-left:0px;}

/******************** VERTIKAL MENY ************************/
#menu {padding:10px 0px 10px 0px;}

/* 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:0.9em; display:block; text-decoration:none; margin:0px 0px 0px 0px; padding:3px; border-bottom:1px dotted #d0d0d0;}

/* Döljer alla undermenyer vars förälder inte är vald */	
#menu li.CS_leftmenuNotSelected ul{}


/* Inställningar för NIVÅ 1 */
#menu ul.CS_leftmenu1 li a {display:none;}

						
/* Inställningar för NIVÅ 2 */
#menu ul.CS_leftmenu2 li a {padding-left: 10px; display:block}
#menu ul.CS_leftmenu2 li.CS_leftmenuNotSelected a {font-weight:bold; background-color:#ffffff; color:#000000;}
#menu ul.CS_leftmenu2 li.CS_leftmenuSelectedItem a {font-weight:bold; background: URL(../Bilder/Designbilder/red_arrow.gif) 100% 50% no-repeat; background-color:#ffffff; color:#000000;}
#menu ul.CS_leftmenu2 li.CS_leftmenuSelectedParent a {font-weight:bold; background-color:#ffffff; color:#000000;}

/* Inställningar för NIVÅ 3 */
#menu ul.CS_leftmenu3 li a {padding-left: 20px; background: URL(../Bilder/Designbilder/grey_arrow.gif) 15px 50% no-repeat; color:#333333;}
#menu ul.CS_leftmenu3 li.CS_leftmenuNotSelected a {font-weight:normal; background-color:#ffffff; background:none; color:#333333}
#menu ul.CS_leftmenu3 li.CS_leftmenuSelectedItem a {font-weight:bold; background: URL(../Bilder/Designbilder/red_arrow.gif) 100% 50% no-repeat; background-color:#ffffff; color:#333333}
#menu ul.CS_leftmenu3 li.CS_leftmenuSelectedParent a {font-weight:bold; background-color:#ffffff;color:#333333}
#menu ul.CS_leftmenu3 li.CS_leftmenuHasChildren a {font-weight:normal; background-color:#ffffff;color:#333333}


/* Hovereffekt på alla menypunkter */
#menu ul.CS_leftmenu1 li a:hover {}
#menu ul.CS_leftmenu2 li a:hover {background-color:#ffffff;}


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

/* Inställningar som gäller för alla menypunkter i alla nivåer. */
#horizontal_menu a{font-size:0.9em; text-decoration:none; margin:2px 0px 2px 0px; padding:1px 12px 1px 12px; font-weight:bold;}

/* Döljer alla undermenyer vars förälder inte är vald */	
#horizontal_menu li.CS_topmenuNotSelected ul{display:none;}

/* Inställningar för NIVÅ 1 */
#horizontal_menu ul.CS_topmenu1 li a {}
#horizontal_menu ul.CS_topmenu1 li.CS_topmenuNotSelected a {color:#000000; border: 0px solid #d3f0ff;}
#horizontal_menu ul.CS_topmenu1 li.CS_topmenuSelectedItem a {border-left:1px solid #d0d0d0; border-right:1px solid #d0d0d0; border-top:1px solid #d0d0d0; background-color:#ffffff; color:#000000; padding-top: 6px; padding-bottom:6px;}
#horizontal_menu ul.CS_topmenu1 li.CS_topmenuSelectedParent a {border-left:1px solid #d0d0d0; border-right:1px solid #d0d0d0; border-top:1px solid #d0d0d0; background-color:#ffffff; color:#000000; padding-top: 6px; padding-bottom:6px;}
#horizontal_menu ul.CS_topmenu2 {display:none}

@media print{

Body {background-color:#ffffff;font-size:9pt;margin:0px; padding:0px;width:100%; background-image: none;}
#header{display:none;}
#header_printpage {display:block}
#left_content{display:none;}
#main_content {width:100%;}
#footer{display:none;}
}