/* 
Stylesheet by Mediabyrån at Karolinska Institutet University Library 
Features: Scalable text, scalable width, DW & Contribute support, menus styled as lists 
Ulf Kronman. 2005-01-05/UK 
Adapted for www.omschizofreni.se 2005-05-12 by Elisabet Frigell, Mediabyrån.
*/

/* General styling for all areas */
/* ---------------------------------------------------------------------------- */
body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #FFFFFF;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/* Set Internet Explorer to inherit fontsize in tables from surrounding element */
table {
    font-size: 100%;
}

/* Set browsers with proper CSS2 support (Mozilla, Opera) to inherit fontsize in tables from surrounding element */
* > table {
	font-size: inherit;
}

/* Set no cellpadding and align top as default for all table cells */
td, th {
   padding: 0px;
	margin: 0px;
   vertical-align: top;
}

/* Set margins to avoid excessive spacing between headers and text */
p, td, th, ul, ol, dl, pre {
	margin-top: 0px;
	margin-bottom: 6px;
}

/* Font family for all headings */
h1, h2, h3, h4, h5 {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	margin-top: 10px;
	margin-bottom: 2px;
}


h1 {
	font-size: 1.5em;
}

h2 {
	font-size: 1.3em;
}

h3 {
	font-size: 1.1em;
}

h4 {
	font-size: 1.0em;
}

li {
	margin: 0px;
	margin-top: 6px;
	max-width: 40em;
}

dt {
	font-weight: bold;	
	margin: 0px;
	margin-top : 6px;
}

hr {
    height : 1px;
    border: none;
    background-color: #666666;
}

a:link {
  text-decoration : none;
}

a:visited {
  	text-decoration : none;
}

a:active {}

a:hover {
    text-decoration : underline;
}

/* Content area elements */ 
/* ------------------------------------------------------------------------------- */

/* Content holder box, including vertical spacer image to keep footer below menus */
div#content-holder {
	margin-left: 160px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px; 
}

div#startpage_content-holder {
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	/*background-color: Fuchsia;*/
}

div#aktuellt {
	background-image: url(../images/orangeHead.gif);
	padding-left: 6px;
	margin-left: -8px;
	margin-bottom: 10px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 80%;
}

/* Vertical stretching image in left menu area to keep foot below vertical menu ends */
/* Use this if you don't use decoration image above */
img#spacer-vertical, img#vertical-firstpage {
	height: 370px;
	width: 1px;
	float: left;
}

div#content {
	font-size: 0.72em;
	line-height: 1.36em;
	padding: 0px;
	z-index: 3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
}


table#text-content {
	/* width 100% set on page because of DW */
	margin-top: 0px;
	border-left-color: #cccccc;
	border-left-style: solid;
	border-left-width: 1px;
}

table#text-content td { /* width (%) not set here because of image in right column - to prevent text from dropping down */
	padding-right: 10px;
	padding-left: 10px;
}

table#text-content td table td { /* width (%) not set here because of image in right column - to prevent text from dropping down */
	padding-right: 10px;
	padding-top: 20px;
	padding-left: 20px;
	/*background-color: Lime;*/
}

table#text-content td#right-links {  /* width cannot be set to % because of image in right column - see abowe */
	background-color: #FFFACD;
	padding-left: 10px;
	padding-right: 0px;
	padding-top: 20px;
	width: 200px;
	font-size: 98%;
}


table#text-content td#right-links a {
	color: #336699;
}

table#first-page-content {
	width: 100%;
}

table#first-page-content td {
	width: 50%;
}

/* Set maximum width of body text for reability. CSS2. Only supported by Mozilla and Opera, not IE */
div#content p {
   max-width: 50em;  
}

/* Redesign all heading 1 with dotted underlining */
h1 {
	color: #333333;
	line-height: 1.3em;
	padding-bottom: 4px;
	margin-bottom: 15px;
	margin-top: 0px;
	padding-top: 12px;
}

h2 {
	padding-top: 12px;
}

/* Right menu elements */ 
/* ----------------------------------------------------- */


/* End of editor-accessible classes - the rest of CSS is design IDs and classes */
/* =============================================================================== */
 
/* Design elements for head */
/* ---------------------------------------------------------------------------- */

/* This object is here just in case it should be needed for coloring purposes */
div#omschizofreni-logo-holder {
	position: absolute;
	top: 15px;
	left: 0px;
}

div#omschizofreni-logo-holder img  {
	width: 334px;
	height: 79px;
}

div#flower-logo-holder {
	position: absolute;
	top: 15px;
	left:335px;
}

div#flower-logo-holder img  {
	width: 124px;
	height: 80px;
}

div#searchform {
	position: absolute;
	left: 460px;
	top: 16px;
	width: 418px;
	background-image: url(../images/logoBgRight.gif);
	margin: 0px;
	padding: 0px;
	height: 79px;
}

form#top-form {
	position: absolute;
	top: 25px;
	left: 20px;
}

@media print {
form#top-form {
	visibility: hidden;
}
}

@media print {
table#text-content td#right-links {
	visibility: hidden;
	display: none;
}
div#content-holder {
	margin-left: 0px; 
}
table#text-content {
	border-left: none;
}
}
div#light-blue {
	background-color: #DAEEF4;
	margin: 0px;
	padding: 0px;
	height: 95px;
	z-index: 2;
}

div#sunrise-holder {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 15px;
	padding: 0px;
	margin: 0px;
	background-color: #3969A6;
}

div#sunrise-holder img  {
	border: 0; 
	width: 87px;
	height: 15px;
}

div#sll-holder {
	position: absolute;
	right: 0px;
	top: 2px;
	width: 186px;
	margin-right: 10px;
	background-color : #3969A6;
}

/* Hide toolbox when printing, because it looks ugly without background colors */
@media print {
	div#tools-holder {
		display: none;
	}
}

div#tools-holder a {
	color: #FFFFFF;
	text-decoration: none;
}

div#tools-holder a:hover {
	text-decoration: underline;
}


/* Design elements for horizontal menus */
/* ---------------------------------------------------------------------------- */
div#menu-holder {
	clear: both;
	margin-left: 0px;
	border-top: 1px solid #3969A6;
	border-bottom: 1px solid #3969A6;
	border-left: 1px solid #3969A6;
	border-right: 1px solid #3969A6;
} 


/* Hide menu when printing, because it looks ugly without background colors */
@media print {
	div#menu-holder {
		display: none;
	}
}

/* Class to hide (doubled) bottom border on pages without second level menu */
/* EF: testa med sida utan nivå två*/
div.false#menu-holder {
	border-bottom : 0px;
}

/* Common properties for both menu level containers */
div#menu-holder div {
	white-space: nowrap;
	padding-top: 3px;
   padding-bottom: 4px;
	padding-left: 0px;
}


/* Common properties for both menu level links */
div#menu-holder a {
   padding-top : 3px;
   padding-bottom : 3px;
	margin-left: 0px;
	margin-right: 0px;
}

/* Background image in bottom of menu level 1 puts border between menus */
div#menu-level1 {
	font-size: 0.7em;
	background-color: #3969A6;
	font-weight: bold;
}

div#menu-level1 a {
	padding-left: 12px;
	padding-right: 12px;
	text-decoration: none;
	color: #ffffff; 
	background-image: url(../images/line_vertical_white.gif);
	background-repeat: no-repeat;
	background-position: right;
}

div#menu-level1 a#menu-edge {
	background-image: url(../images/spacer.gif);
	background-repeat: no-repeat;
	background-position: right;
}

div#menu-level1 a:hover {
	color: #003366;
	background-color: #b6dde7;
	/*border-bottom: 1px solid #b6dde7;*/
}

/* Background image in link overwrites and thus "removes" default background border from outer td */
div#menu-level1 a.true,
div#menu-level1 a.true:hover, 
div#menu-level1 a.true:visited {
	background-color: #b6DDE7;
	color: #003366;
	font-weight: bold;
	margin-left: 0px;
	border-bottom: none;
	border-top: none;
	padding-bottom: 4px;
	background-image: url(../images/line_vertical_white.gif);
	background-repeat: no-repeat;
	background-position: right;
	/*border-bottom: 1px solid #b6dde7;*/
}

div#menu-level2 {
	font-size: 0.7em;
	background-color: #B6DDE7;
	border-top: 1px solid #B6DDE7;
}

div#menu-level2 a {
	padding-left: 6px;
	padding-right: 4px;
	text-decoration: none;
	color: #003366;
	background-color: #B6DDE7;
	margin: 0px;
	border: 2px solid #B6DDE7;
	padding-top: 1px;
	padding-bottom: 1px;
}

div#menu-level2 a:hover {
	border: 2px solid #ffd200;
	background-color: #dbeef3;
	padding-top: 1px;
	padding-bottom: 1px;
}

div#menu-level2 a.true, 
div#menu-level2 a.true:hover, 
div#menu-level2 a.true:visited {
	margin: 0px;
	color: #003366;
	font-weight: bold;
	background-color: #dbeef3;
	border: 2px solid #ffd200;
	padding-top: 1px;
	padding-bottom: 1px;
}


/* Vertical menus */
/* ---------------------------------------------------------------- */

div#menu-left {
	position: absolute;
	left: 0px;
	top: 160px;
	font-size: 0.7em;
	vertical-align: top;
	padding-left: 8px;
	margin: 0px;
	width: 150px;
}

/* Hide left menu to save space when printing */
@media print {
	div#menu-left {
		display: none;
	}
}

/* If image is used instead of menu, position it nice */
div#menu-left img {
	padding-top: 34px;
	padding-left: 30px;
}

/* List for menu levels 3 and 4 */
div#menu-left ul {
	list-style: none;
	padding-left: 0px;
	margin-left: 0px;
	margin-right: 4px;
}

/* Menu level 3 */
div#menu-left ul li {
	margin-top: 4px;
	margin-left: 8px;
}

/* Menu level 4 */
div#menu-left ul li.submenu {
	margin-left: 16px;
	font-variant: normal;
	font-weight: normal;
	/*list-style: inside url(../images/dot.gif);*/
}

div#menu-left a {
	color: #333399;
	text-decoration: none;
}

div#menu-left a:hover {
	color: #222299;
	text-decoration: underline;
}

/* Class to set selected item in vertical menu, if needed */
div#menu-left a.true {
	color: #000000;
	font-weight: bold;
}

div#level-four-head {
	border-top:  1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding: 3px;
}

div#mellanrubrik {
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 1px;
	color: #3969a6;
	font-weight: bold;
	font-size: 90%;
}

table#startpage {
	width: 100%;
}

table#startpage td {
	width: 50%;
}

td#startpage_content-right {
	border-left-color: #cccccc;
	border-left-style: solid;
	border-left-width: 1px;
	width: 50%;
}

.shortcut-symbol {
	margin-top: -8px;
	margin-bottom: -5px;
	padding-top: 0px;
	margin-left: -20px;
}

td#right-links p {
	padding-left: 20px;
	font-size: 1em;
	padding-right: 6px;
}

td#right-links hr {
	color: #cccccc;
	background-color: #cccccc;
	text-align: left;
	margin: 3px auto 3px 15px;
	border: none;
	height: 1px;
	width: 165px;
}

div#right-shortcuts a {
	color: #336699;
	text-decoration: underline;
}

div#right-shortcuts a:visited {
	color: #336699;
	text-decoration: underline;
}

div#right-shortcuts a:hover {
	color: #222299;
	text-decoration: underline;
}

/* Class to set selected item in vertical menu, if needed */
div#right-shortcuts a.true {
	color: #000000;
	font-weight: bold;
}

/* Foot elements */
/* ---------------------------------------------------------------------------- */

/* Sorry, Dreamweaver don't handle margins properly in combination with clear :-( */
div#foot-holder {
	margin-top: 0px;
	margin-left: 0px;
	padding-left: 0px;
	margin-right: 0px;
	clear: both;
}
	
div#updated {
	font-size: 66%;
	color: #333333;
	text-align: center;
}

div#updated a {
	color: #333366;
	padding-left: 12px;
	padding-right: 16px;
	text-decoration: none;
	background-image:  url("../images/line_vertical_gray.gif");
	background-position: right;
	background-repeat: no-repeat;
}

div#updated span#date {
	padding-left: 12px;
	padding-right: 16px;
	text-decoration: none;
	color: Black;
}
	
div#updated span#nolink {
	padding-left: 12px;
	padding-right: 16px;
	color: Black;
	text-decoration: none;
	background-image:  url("../images/line_vertical_gray.gif");
	background-position: right;
	background-repeat: no-repeat;}

div#credits {
	font-size: 56%;
	color: #cccccc;
	text-align: right;
	margin-right: 10px;
}

div#credits a,
div#credits a:visited {
   text-decoration : none;
	color: #bbbbbb;
}

div#credits a:hover {
	text-decoration : underline;
}

/* Hide credits when printing */
@media print {
	div#credits {
		display: none;
	}
}

div#foot {
	font-size: 64%;
	color: #333333;
	padding: 0px;
}

div#foot img  {
	border: 0; 
	width: 100%;
	height: 23px;
}

div#foot a,
div#foot a:visited {
   text-decoration : none;
	color: #666666;
}

div#foot a:hover {
   text-decoration : underline;
	color: #666666;
}


/* Turn borders on for testing of layout */
div {
/*	 border: 1px solid aqua;*/
/*	 background-color: Lime;*/
}

table {
/*	 border: 1px solid red;*/
}

/* End of stylesheet */
/* =============================================================== */