/* friggin print css */

/** Set margins for document */
@page {
	/* or maybe we should just leave this up to the browser and the printer drivers? */
	margin: 1cm;
	margin: 0;
}
/* The left page has more margin to the left to leave room for the holes in the paper */
@page :left {
	margin-right: 2cm;
}
/* The right page has more margin to the right to leave room for the holes in the paper */
@page :right {
	margin-left: 2cm;
}

/* remove the background and set the basic colors and fonts for the document */
body {
	background: white;
	color: black;
	font: normal 100%/1.0 "Sabon", "Futura", sans-serif;
}
/* Same here, remove the background and set the colors as well as the marings */
#wrap {
	background: white;
	color: black;
	margin: auto;
	padding: 0;
	zoom: 100%;
}


/* header stuff, this is a big mess and I don't have the time to fix it */
#header {
	height: 100px; /* make sure the logo, department name and other links fit inside the header */
	background-image: none !important; /* no image, use "!important" to override the inline style. */
	color: black;
	overflow: hidden;
}
/* we dont needs tabs when printing */
#header #tabs {
	display: none;
}
/* we have another logo when we print */
#header img, #header img.visalogo {
	display: none;
}
 /* shows "SU-logo" on the print page, this id is set to display: none in the common.css*/
#header .printlogo {
	display: block;
	float: left;
	margin: 0 0 0 1cm;
	padding: 0;
	height: 75px;
	width: 75px;
	background: #efefef url(http://www.su.se/pub/road/www/img/su_marke.gif) no-repeat 0 0;
}
* html #header .printlogo {
	margin: 0 0 0 1cm;
}
/* use margin to push the department name to the right of the logo */
#header #outer {
	margin: 0 0 0 5mm;
	display: block;
}
#header #outer #middle,
#header #outer #middle #inner {
	display: block;
	margin: 0; padding: 0;
}
/* department name is a link but should not look like it on paper */
#inner h1.instname {
  text-indent: 0;
  margin-left: 90px;
}
#header #outer #middle #inner h1.instname a {
	border:0; text-decoration: none;
	font-size: 20pt;
	color: black;
}
/* the navigation links wrapper */
#header #outer #middle #inner .instnav {
	margin: 0; padding: 0;
	font-size: 10pt;
}
/* the navigation link items */
#header #outer #middle #inner .instnav li {
	margin: 0; padding: 0 5pt 0 0;
	font-size: 10pt; border: 0
}
/* the navigation links */
#header #outer #middle #inner .instnav li a {
	margin: 0; padding: 0;
	font-size: 10pt; border: 0;
	color: black;
}
/* the classes "light" and "dark" should not matter when printing since, I am assuming, all paper will be white. */
#header #outer #middle #inner .instnav .light a,
#header #outer #middle #inner .instnav .dark a {
	color: black;
}
/* end header stuff */

/* hide the menu and the related links and adds */
/* hides the div print including the link Skriv ut */
#menu, #rightcolumn, #rightcolumn-wide, .print {
	display: none;
}
/* give back the margins to breadcrumbs and content, set width to auto */
#breadcrumbs, #content {
	margin: 1cm;
	width: auto;
}
/* should I really have to specify this? */
#content img {
	page-break-inside: avoid;
}
#publisher {
	clear: both;
	page-break-inside: avoid;
}