/* standard html elements */
* {
	margin: 0; padding: 0;
	background: white; border: 0;
}
#navcontainer,
#header #tabs,
#header img,
#rightcolumn,
#rightcolumn-wide,
#menu,
#footer,
p.print a, /* it just wont go away, is it because it is added through JS? */
.kontaktuppgifter,
#header img.visalogo,
#content p.printlogo,
.resize {
	display: none;
	visibility: hidden;
}

body {
	background: white;
	color: black;
	font: normal 11pt/1.5 "Sabon", "Futura", sans-serif;
}
img {
	border: 0;
}
p {
	margin: 0;
	padding: 4pt 0 10pt;
	line-height: 1.5;
	page-break-inside: avoid;
}
h1 {
	font: bold 22pt/1.1 Georgia, "Futura", serif;
	margin: 0;
	padding: 0;
}
h2 {
	font: bold 18pt/1.1 Arial, Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
h3 {
	font: bold 16pt/1.8 Arial, Verdana, Helvetica, sans-serif;
	margin: 20px 0 0;
	padding: 0;
}
h4, h5, h6 {
	font: bold 12pt/1.6 Arial, Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: left;
}
a {
	color: #000;
	text-decoration: underline;
	font-weight: bold;
}
address.vcard {
	font: normal 10pt/1.2 "Times New Roman", Times, serif;
	margin: 0;
	padding: 0;
}
table {
	width: auto;
	margin: auto;
	border: 1px solid black;
}
table th, table caption {
	font-size: 13pt;
}
table td {
	font-size: 11pt;
	padding: 0.5em 0.2em;
	border: 1px solid #ccc;
}
/* end standard html elements */

#wrap {
	background: white;
	color: black;
	margin: 0;
	width: 210mm;
}
/* header stuff, this is a big mess and I don't have the time to fix it */
#header {
height: auto;
color: black;
background-image: none !important;

overflow: hidden;
}
/*  shows "SU-logo" on the print page,
    this id is set to display: none in the common.css
*/
#header img.printlogo {
display: block;
visibility: visible; 
float: left;
margin: 0 12pt 12pt 0;
}
#header h1 {
color: black;
}
#header h1 a {
border: 0;
color: black;
}
#outer {
height: 125px;
width: auto;
overflow: hidden;
min-height: 1%;
zoom: 1;
position: static;
}
#middle {
	position: static;
	top: 0;
}
#inner {
	position: static;
	top: 0;
	text-align: center;
}
#header #inner .light a,
#header #inner .dark a {
	color: black;
}

#header .instnav {
	margin: 0;
	padding: 0;
}
#header .instnav li {
	margin: 0;
	padding: 0 5pt 0 0;
	font-size: 10pt;
	border: 0
}
#header .instnav li a {
	margin: 0; padding: 0;
	font-size: 10pt;
	border: 0;
	color: black;
}
#header .instnav .light a, #header .instnav .dark a {
	color: black;
}
/* end header stuff */
#header, #content, #breadcrumbs, #address {
	width: auto;
}
#breadcrumbs {
	margin: 0;padding: 0;
	text-align: left;
}
#startpage, #content {
	margin: 12pt 0;
	padding: 0;
	width: auto;
	page-break-inside: allow;
}
.ingress {
	font-weight: bold;
}
.clear {
	clear: both;
}
* html #rightcolumn,
* html #rightcolumn-wide,
* html #menu {
	width: 0; height: 0;
	display: none !important;
	visibility: hidden !important;
}
.clear:after {
	content: "[CLEARING THE FLOATS ABOVE]";
	height: 0;
	clear: both;
	visibility: hidden;
	display: block;
}

#navcontainer,
#header #tabs,
#header img,
#rightcolumn,
#rightcolumn-wide,
#menu,
#footer,
p.print a, /* it just wont go away, is it because it is added through JS? */
.kontaktuppgifter,
#header img.visalogo,
#content p.printlogo,
.resize {
	display: none;
	visibility: hidden;
}