/* swami.se */
/*  Accessibility  */
#jumptolinks {
	position: absolute;
	left: -9999px;
	font-size: 100%;
}
#jumptolinks a:focus,
#jumptolinks a:hover
#jumptolinks a:active {
	display: block;
	position: absolute;
	top: 0;
	left: 10024px;
	background: #fff;
	border: 1px solid #c60;
	padding: 9px;
	width: 22em;
	z-index: 99;
}
/*  end Accessibility  */
/* = layout */
/** = wrap */
#wrap {
	overflow: hidden;
	min-height: 1%;
}
#menu, #rightcolumn, #rightcolumn-wide {
	float: left;
	clear: left;
	width: 220px;
	border-right: 1px dotted #ccc;
	overflow: hidden;
	min-height: 1%;
}
#menu {
	padding: 1em 0 0;
}
#rightcolumn, #rightcolumn-wide {
	margin: 0 0 3em;
}

#content, #startpage, #breadcrumbs {
margin: 0 4% 3em 230px
}
#breadcrumbs {
margin: 0 4% 0 230px;
padding-top: 1em;
}
/* /= layout */
::-moz-selection {
	background: #00A67C;
	color: #fff;
}

/* = reset margins and paddings */
html, body, #header, #tabs ul, h1, h2, h3, h4, #menu ul {
	margin: 0;
	padding: 0;
}
html, body {
  height: 100%;
}
body {
	font: normal 68.75%/145% Verdana, Arial, sans-serif;
	color: #666;
	background: #FFF;
}
/* = links */
img {border: 0;}
a, a:link, a:visited {
	color: #0D70C6;
	text-decoration: none;
	font-weight:bold;
}
a:active, a:hover, a:focus {
	color: #FFCC66;
}

/* = form and friends */
input[type="submit"] {
	margin-top: 2px;
	padding: 0;
}
input, select, textarea {
	font: normal 100%/1 Consolas, courier new, courier, monospace;
}
textarea {
	width: 100%;
	overflow: auto;
}
/* = quotes */
/* Copied from W3C http://www.w3.org/TR/CSS21/generate.html#quotes-specify */
q {
	quotes: "\201C" "\201D" '"' '"';
	color: #000;
}
q:lang(sv) {quotes: "\201C" "\201D" '"' '"';}
q:lang(no) { quotes: "\00AB" "\00BB" '"' '"' }
q:before {content: open-quote;}
q:after {content: close-quote;}
/* Headers */
h1, h2, h3, h4, h5, h6 {
font-family: Arial, Verdana, Helvetica, sans-serif;
margin: 20px 30px 0 0;
padding: 0;
color: #333;
}
h1 {
font-size: 200%;
line-height: 1.2;
}
h2 {
font-size: 140%;
line-height: 1.3;
min-width: 400px;
}
h3 {
font-size: 120%;
line-height: 1.8;
margin: 20px 0 0;
width: 100%;
}
h4, h5, h6 {
font-size: 110%;
line-height: 1.6;
margin: 0;
text-align: left;
width: 100%;
}
#rightcolumn h4
#rightcolumn-wide h4 {
	font-size: 120%;
	padding: 10px 0 0 0;
}
.related {
  margin: 0; padding: 0 10px;
}
.related ul {
  margin: 0;
  padding: 0 0 0 20px;
}
/** = ID's */
/* = navcontainer */
#navcontainer {display: none;}
/* = header */
#header {
	position: relative;
	overflow: hidden;
	min-height: 1%;
	height: 180px;
	background: #00A67C url(http://webshare.su.se/pix/swami.gif) no-repeat 40px 40px;
}
#header .printlogo { /* SU-märket till Skriv ut sidan */
	display: none;
}
/* the name */
#outer {height: 160px; overflow: hidden; position: relative; margin: auto;}
#outer[id] {display: table; position: static; text-align: center;}
#middle {position: absolute; top: 50%;} /* for explorer only*/
#middle[id] {display: table-cell; vertical-align: middle; position: static;}
#inner {position: relative; top: -50%; font-family: arial;} /* for explorer < 7 only */
.light a {color: #fff; text-decoration: none;}
.dark a {color: #000; text-decoration: none;}
.light a:active {background: none;}
.dark a:active {background: none;}

.instnav {
	margin: 0;
	padding: 0;
	list-style: none;
}
.instnav li {
	font-size: 120%;
	line-height: 1.1;
	float: left;
	margin: 0;
	padding: 0 8px;
	display: inline;
}
.instnav li.current a {font-weight: bold; text-decoration: underline}
.instnav.dark li a,
.instnav.dark li a:link,
.instnav.dark li a:visited {
	color: #111; white-space: nowrap;
}
.instnav.dark li a:hover,
.instnav.dark li a:focus,
.instname a.dark:hover,
.instname a.dark:focus {color: #333; text-decoration: none;}
.instnav.dark li a:active,
.instname a.dark:active {background: none; color: #000}
.instnav.light li a,
.instnav.light li a:link,
.instnav.light li a:visited {
	color: #eee; white-space: nowrap
}
.instnav.light li a:hover,
.instnav.light li a:focus {
	color: #ddd; text-decoration: none;
}
.instnav.light li a:active {
	background: none;
	color: #fff;
}
/* the links in the head */
#tabs {
	position: absolute;
	bottom: 0;
	left: 12px;
}
#tabs ul {
	list-style: none;
}
#tabs .right {float: right;}
#tabs li {
	float: left;
	margin: 6px 4px 0 0;
}
#tabs li a {
	display: block;
	padding: 6px 12px 6px 10px;
}
#tabs li a:link, #tabs li a:visited {
	background-color: #008866;
	color: white;
}
#tabs li.current a, #tabs li a:hover, #tabs li a:focus {
	color: #008866;
	background-color: white;
}


/* lives inside the left column */
.search_double, .genvag {
	margin: 1em 10px;
}
.search_double {display: none;}
.genvag ul {
	margin: 0;
	padding: 0 14px;
}
/* menu */
#menu #nav {
	margin: 12px 0 0;
	padding: 0 10px;
	overflow: hidden;
	list-style: none;
}
#nav li {
	background: url(../../img/bullet-article.gif) 4px 6px no-repeat;
	font-weight: bold;
	margin: 0.5em 0 0.6em 0.4em;
	padding: 0;
	color: #196985;
	padding-left: 11px;
	line-height: 120%;
}
#nav li ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#nav ul li {
	font-weight: normal;
	padding-left: 12px;
	line-height: 1.2em;
}
#nav li.selected {
	font-weight: bold;
	color: #000;
	background-image: url(../../img/bullet-active.gif);
}
#nav li.hasChildren {
	background: url(../../img/arrow_menu_horisontal.gif) 0 4px no-repeat;
	margin: 0.5em 0 0.6em 0;
	line-height: 1.2em;
}
#nav li.open {
	font-weight: bold;
	background: url(../../img/arrow_menu.gif) 0 5px no-repeat;
}
/* end of menu */

#rightcolumn .right, #rightcolumn-wide .right {
display: none;
}
#content h2, #startpage h2 {
	font: normal 180%/2 "Century Gothic", "Trebuchet MS", Verdana, Arial, sans-serif;
}

#address {
position: fixed;
bottom: 0;
height: 3em;
width: 100%;
text-align: center;
margin: 0;
padding: 0;
clear: both;
background: white;
}
address {
font-style: normal
}

#content table,
#startpage table {
	table-layout: fixed;
	border: 0;
	border-collapse: collapse;
	background: #D6EAFC;
	padding: 0.5em;
}
#content table th,
#startpage table th {
	text-align: left;
	empty-cells: show;
	padding: 0.2em 0.5em;
	font: bold 120% georgia, "times new roman", times, serif;
}
#content table td,
#startpage table td {
	empty-cells: show;
	padding: 0.1em 0.5em;
}
#content table tr.odd-table-row td,
#startpage table tr.odd-table-row td {
	background: #F1F8FE;
}

#publisher .publisher {
	margin: 0; padding: 1px 0;
}

/*
	I want to add support for multicolumn layouts.
	To use this you will need to publish a HTML article and add the class name "multicols" yourself.
*/
p.multicols {
	/* -moz- proprietary extension */
	-moz-column-width: 20em;
	-moz-column-gap: 1.5em;
	/*
		for those who support it,
		can't think of anyone at the moment but when Mozillianz decide
		to remove the proprietary part it will keep working in FF.
	*/
	column-width: 20em;
	column-gap: 1.5em;
}