﻿html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

body {
	font: 12px arial, serif;
	background: #a63d1b url(../images/gui/page-bg.jpg) repeat-x top left;
}

/* columns and containers */

#wrap {
	width: 989px;
	margin: 0 auto;
	background: url(../images/gui/page-shadow.png) repeat-y top left;
}

#container {
	width: 955px;
	margin: 0 auto;
	background-color: #fff;
	overflow: hidden;
}

#header {
	position: relative;
	height: 155px;
	background: url(../images/gui/header-bg.jpg) no-repeat top right;
}

#header.forskarrummet { background-image: url(../images/gui/header-forskarrummet-bg.jpg); }

.column {
	float: left;
}

.column-right {
	float: right;
}

.column-footer {
	padding: 15px 15px 3px 15px;
}

#content {
	padding: 15px;
	padding-right: 0;
}

#column-left {
	width: 225px;
	padding: 0 15px 96px 0;
	border-right: 1px solid #d3d3d3;
}

#column-center {
	position: relative;
	left: -1px;
	width: 413px;
	min-height: 665px;
	padding: 10px 15px 0 15px;
	border-left: 1px solid #d3d3d3;
	border-right: 1px solid #d3d3d3;
}

#column-right {
	position: relative;
	left: -2px;
	width: 225px;
	padding: 0 0 96px 15px;
	border-left: 1px solid #d3d3d3;
}

#footer {
	width: 955px;
	position: relative;
	color: #25631e;
	background: url(../images/gui/footer-bg.png) repeat-x bottom left;
}

/* logo */

a#logo {
	position: absolute;
	top: 25px;
	left: 40px;
	display: block;
	width: 187px;
	height: 112px;
	background: url(../images/gui/stifud-logo.png) no-repeat top left;
	text-indent: -999em;
}

a#logo-forskarrummet {
	position: absolute;
	top: 0;
	left: 40px;
	display: block;
	width: 289px;
	height: 137px;
	background: url(../images/gui/forskar-rummet-logo.png) no-repeat top left;
	text-indent: -999em;
}

/* boxes */

.box {
	width: 225px;
	background: url(../images/gui/box-middle.png) repeat-y top left;
	margin-bottom: 15px;
}

.box .wrap {
	width: 225px;
	background: url(../images/gui/box-bottom.png) no-repeat bottom left;
}

.box .inner-wrap {
	width: 195px;
	min-height: 100px;
	padding: 15px;
	background: url(../images/gui/box-top.png) no-repeat top left;
}

.box.box-simple {
  background: #fff;
}

.box.box-green,
.box.box-green .inner-wrap { background-position: -225px top; }
.box.box-green .wrap { background-position: -225px bottom; }

.box.box-gray,
.box.box-gray .inner-wrap { background-position: -450px top; }
.box.box-gray .wrap { background-position: -450px bottom; }

.box.box-header { background-image: url(../images/gui/box2-middle.png); }
.box.box-header .wrap { background-image: url(../images/gui/box2-bottom.png); }
.box.box-header .inner-wrap {
	padding: 5px 15px 15px 15px;
	background-image: url(../images/gui/box2-top.png);
}

.box.box-header.box-header-red .inner-wrap {
	padding: 5px 15px 15px 15px;
	background-position: -225px top;
}

.box.box-header.box-header-green,
.box.box-header.box-header-green .wrap {
  background-image: none;
  background-color: #f0efef;
}

.box.box-header.box-header-green .inner-wrap {
  background-image: url(../images/gui/box3-top.png);
}

.image-feature { margin-bottom: 15px; }

.image-feature.no-margin-image { margin-bottom: 0; }

#kanda-natbutiker {
	position: absolute;
	top: -105px;
	left: 15px;
}

#nittio-konto {
	position: absolute;
	top: -105px;
	left: 715px;
}

#tipsa-en-van {
  width: 413px;
  position: absolute;
	top: -75px;
	left: 270px;
}

#sok {
	position: absolute;
	padding: 0 0 20px 0;
}


/* navigation */

#navigation ul {
	min-height: 30px;
	background: #419229 url(../images/gui/nav-bg.png) repeat-x top left;
}

#navigation li {
	display: block;
	float: left;
}

#navigation a {
	display: block;
	float: left;
	padding: 6px 5px 0 35px;
	font-size: 14px;
	color: #fff;
	text-decoration: none;
}

#navigation a:hover,
#navigation a.active,
#navigation a.active-path { text-decoration: underline; }

/* secondary navigation */

#content ul.secondary-navigation {
  font: 12px "trebuchet ms", arial, sans;
  margin: 0 0 20px 0;
  padding: 0;
}

#content ul.secondary-navigation li {
  display: block;
  margin: 0;
  padding: 0;
  font-size: 13px;
}

#content ul.secondary-navigation li a {
  display: block;
  width: 205px;
  color: #666;
  font-weight: normal;
  padding: 5px 10px;
  border-bottom: 1px dashed #d7d7d7;
}

#content ul.secondary-navigation li a:visited { color: #999; }

#content ul.secondary-navigation li a:hover { color: #006600; }

/* level 1 */
#content ul.secondary-navigation li a.active,
#content ul.secondary-navigation li a.active-path { background-color: #e8e6e6; }

/* level 2 */
#content ul.secondary-navigation li li a {
  width: 185px;
  padding: 5px 10px 5px 30px;
}

#content ul.secondary-navigation li li a.active { background-color: #e4f9cf !important; }
#content ul.secondary-navigation li li a.active-path { background-color: #e8e6e6; }

/* level 3 */
#content ul.secondary-navigation li li li a {
  width: 155px;
  padding: 5px 10px 5px 60px;
}

#content ul.secondary-navigation li li li a.active { background-color: #e4f9cf; }

h2.department-header {
	margin: 0;
}

#content h2.department-header a,#content h2.department-header a:visited,#content h2.department-header a:hover {
  font: 12px "trebuchet ms", arial, sans;
  font-weight: bold;
  color: #cf5018;
  border-top: 1px solid #cf5018;
  border-bottom: 1px solid #cf5018;
  display: block;
  margin: 0;
  padding: 5px 10px;
  background: url(/images/gui/down-arrow.png) no-repeat 214px 13px;
}

/* text */

h1 {
	font-size: 24px;
	font-weight: bold;
	color: #339933;
	margin-bottom: 10px;
	margin-top:8px;
}

h2 {
	font-size: 14px;
	font-weight: bold;
	color: #006600;
	margin: 20px 0 5px 0;
}

h3 {
	font-size: 12px;
	font-weight: bold;
	color: #993300;
	margin: 20px 0 5px 0;
}

#column-center h3 {
	margin: 5px 0 5px 0;
}

h4 {
	/* image text */
	clear: both;
	font-size: 9px;
	line-height: 11px;
	color: #666;
	margin: 5px 0;
}

h5 {
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 10px;
}

h6 {
	/* green text */
	font-size: 10px;
	color: #339933;
	margin: 12px 0 0 0;
}

p {
	font-size: 12px;
	margin-bottom: 10px;
}


p#copyright { padding: 0 15px 10px 15px; margin: 0; }

#column-center p { line-height: 16px; }

.big { font-size: 18px; }

.box h3 {
	font-size: 20px;
	font-weight: normal;
	color: #fff;
	margin: 0 0 5px 0;
	padding: 0 0 4px 0;
}

.box.box-simple h3 {
  font-size: 12px;
  color: #42902a;
  font-weight: bold;
  border-top: 1px solid #d3d3d3;
  padding: 4px 0;
  background: url(/images/gui/arrow-down.png) no-repeat 4px right;
}

.green { color: #42902a; }

.box.box-green h3,
.box.box-header h3 { font-size: 14px; }

.box.box-gray h3 { font-size: 14px; color: #000; }

.box.box-header h3 { margin-bottom: 10px; }

.box.box-header.box-header-red h5 { color: #339933; margin: 0 0 2px 0; }

.box.box-header.box-header-green h5 { font-size: 11px; color: #ae411b; margin: 0px 0 2px 0; }

.box p {
	color: #fff;
	font-size: 12px;
}

.box.box-simple p {
  font-size: 11px;
  color: #000;
}

.box.box-gray p {
	color: #000;
	font-size: 11px;
}

.box.box-header p { font-size: 11px; color: #000; }

.box p:last-child { margin-bottom: 0; }

.date {
	line-height: 16px;
	color: #419229;
	font-weight: bold;
}

.date.red { color: #9a3101; font-weight: normal; }

h5 .date { color: #9b3300; font-weight: normal; }

ul.news-archive .date { color: #9a3101; font-weight: normal; }

form#search-form p { margin: 0; }

/* lists */

#content li { font-size: 11px; }

#content .box.box-header li { margin-bottom: 12px; font-size: 12px; }

.box.box-header li:last-child { margin-bottom: 0; }

#content ul.news-archive { margin-bottom: 10px; }

#content ul.news-archive li { margin-bottom: 3px; }

#content ol.pager { display: block; text-align: center; }

#content ol.pager li { display: inline; padding: 0 3px; }

/* links */

a#lang {
	font-size: 12px;
	position: absolute;
	top: 15px;
	right: 30px;
	color: #339933;
}

#content a {
	font-weight: bold;
	color: #339933;
	text-decoration: none;
}

#content a.normal-weight { font-weight: normal; }

#content a:hover,
#content a:visited { color: #006600; }

#content a.black-link-green-hover { color: #000; font-weight: normal; }
#content a.black-link-green-hover:visited { color: #000; font-weight: normal; }
#content h5 a.black-link-green-hover { font-weight: bold; }
#content h5 a.black-link-green-hover:visited { font-weight: bold; }

#content a.black-link-green-hover:hover { color: #006600; font-weight: inherit; }

#content .box a,
#content .box a:hover,
#content .box a:visited { color: #fff; }

#content .box.box-simple a,
#content .box.box-simple a:hover,
#content .box.box-simple a:visited {
  color: #419129;
}

#content .box.box-header a,
#content .box.box-header a:hover,
#content .box.box-header a:visited {
	color: #000;
	font-weight: normal;
}

#content .box.box-header.box-header-red a,
#content .box.box-header.box-header-red a:hover,
#content .box.box-header.box-header-red a:visited {
	color: #006600;
	font-weight: normal;
}

#content .box.box-header.box-header-green a { color: #006600; }

#content .box.box-header.box-header-green a:hover,
#content .box.box-header.box-header-green a:visited {
	color: #339933;
}

#content .box.box-header.box-header-green li a,
#content .box.box-header.box-header-green li a:hover,
#content .box.box-header.box-header-green li a:visited {
	color: #060;
}

#content .box.box-header p a {
	color: #006600;
	font-weight: normal;
}

#content .box.box-header p a:hover  {
	color: #339933;
	font-weight: normal;
}

#content ul.news-archive a { font-weight: normal; }

#content a.searchlink { color: #ccc; text-decoration: none; }

a.link-max-width { display: block; width: 125px; }


div.tipsa-wrapper
{
	position:relative;
	height:40px;
	overflow:hidden;
	border-bottom: 1px dashed #dfdfdf;
}

a.tipsa {
	position:absolute;
	top:10px;
	left:0;
	padding:10px 0 0 0;
	width:100px;
	font-size: 11px;
	color: #006600;
	text-decoration: none;
	background: url(/images/gui/tipsa.png) no-repeat 70px 13px;
}

a.tips.college { background-position: 82px 13px; }

a.tipsa-fb {
	display:block;
	position:absolute;
	top:10px;
	right:0;
	padding:10px 0 0 0;
	color:#25631E;
}

.tipsa-fb {
	display:block;
	position:absolute;
	top:0px;
	right:0;
	padding:10px 0 0 0;
	color:#25631E;
}

#content a.tipsa-fb-top {
	display:block;
	position:absolute;
	top:10px;
	right:10px;
	color:#25631E;
	font-weight:normal;
}

.tipsa-fb-top {
	display:block;
	position:absolute;
	top:10px;
	right:10px;
	color:#25631E;
	font-weight:normal;
}

p.webbredaktor {
	clear:both;
  color: #000;
  margin: 10px 0 0 0;
  font-size: 11px;
}

p.webbredaktor a {
  color: #006600;
  text-decoration: none;
}

/* forms */

.newsletter-field {
	width: 130px;
	font-size: 11px;
	font-style: italic;
	color: #339900;
	padding: 4px 6px;
	border: 1px solid;
	border-color: #336600 #588130 #588130 #336600;
	background-color: #eeedee;
}

#btn-prenumerera,
#btn-science-prenumerera { margin-top: 5px; }

form#search-form {
  border-bottom: 1px solid #d4d3d3;
  padding: 0 0 10px 0;
  margin: 0 0 15px 0;
}

form#search-form label { display: none; }

input#btn-search { position: relative; top: 7px; left: 7px; }

input.searchfield {
  border: 1px solid;
  border-color: #5aac28 #8bc467 #8bc467 #5aac28;
  color: #aaabaa;
  font-size: 11px;
  padding: 4px 5px;
}

/* images */

.news-image-left { float: left; margin-right: 10px; }

/* image caption */

.image-caption img { display: block; }

.image-caption { display: block; }
.image-caption.float-left { float: left; }
.image-caption.float-right { float: right; }

/* clear */

.clear { clear: both; }

/* misc */

div.hr {
  height: 1px;
  background-color: #d4d4d4;
  overflow: hidden;
  margin: 10px 0;
}

.no-margin { margin: 0; }

/* forms */

/* Formtop */
.formtop img {
	float: right;
	margin: 0 0 7px 9px;
}

/* Formbox and columns */
.formbox {
	background: #4b9726 url(/images/gui/formbox-bg.jpg) no-repeat;
	color: #fff;
	margin: 0 1px 0 0;
	padding: 34px 5px 10px 22px;
	/*width: 391px;*/
}

.formcolumn {
	display: inline;
	float: left;
	margin: 0 11px 0 0;
	width: 174px;
}

/* Text formatting */
#content .formbox h2 {
	color: #fff;
	font-size: 22px;
	font-weight: normal;
}

#content .formbox h3 {
	color: #fff;
	font-size: 14px;
}

#content .formbox h4 {
  color: #fff;
	margin-right: 12px;
}

#content .formbox p {
	margin-right: 12px;
}

#content .formbox ul {
	margin: 0 0 10px;
}

#content .formbox li {
	font-size: 12px;
	list-style: disc;
	margin: 0 0 5px 20px;
}

/* Elements */
label {
	clear: both;
	display: block;
	font-weight: bold;
}

label.labelforradio {
	clear: none;
	display: inline;
}

.textboxrounded {
	border: none;
	padding: 5px;
	margin: 0 0 6px 0;
}

.textboxsmall {
	background: transparent url(/images/gui/form-textbox-small.gif);
	height: 16px;
	width: 164px;
}

.textboxbig {
	background: transparent url(/images/gui/form-textbox-big.gif);
	height: 16px;
	width: 349px;
}

.textboxmini {
	background: transparent url(/images/gui/form-textbox-mini.gif);
	height: 16px;
	text-align: center;
	width: 38px;
	vertical-align: middle;
}

.submitbutton {
	background: transparent url(/images/gui/form-submit.jpg);
	border: none;
	color: #fff;
	float: right;
	font-size: 13px;
	font-weight: bold;
	height: 27px;
	margin: 0 10px 0 0;
	padding: 0 5px 5px 0;
	width: 83px;
}

.horizontalrow {
	background-color: #fff;
	clear: both;
	display: block;
	height: 1px;
	margin: 12px 0;
	overflow: hidden;
	width: 361px;
}

/* Månadsgivare & forskningsfadder */
.tankvart p {
	font-size: 11px;
}

.tankvart .blacktext {
	color: #000;
}

.tankvart .redtext {
	color: #993300;
}

.manadsgivaretankvart {
	background-image: url(/images/formular/manadsgivare-tankvart.gif);
	height: 391px;
	padding: 50px 60px 0 130px;
	width: 177px;
	/*height: 439px;
	width: 367px;*/
}

.skankengavatankvart {
	background-image: url(/images/formular/skankengava-tankvart.gif);
	height: 352px;
	padding: 60px 40px 0 130px;
	width: 188px;
}

.forskningsfaddertankvart {
	background-image: url(/images/formular/forskningsfadder-tankvart.gif);
	height: 352px;
	padding: 40px 10px 0 170px;
	width: 198px;
}

/* Formbox White specials */
.formboxwhite {
	background: none;
	border: #669933 1px solid;
	color: #000;
}

#content .formboxwhite h3 {
	color: #000;
}

.formboxwhite .horizontalrow {
	background-color: #669933;
}

/* Document links */
a.doc {
	padding: 6px 4px 4px 23px;
	background: url(/images/icons/doc.gif) no-repeat top left;
}

a.pdf {
	padding: 6px 4px 4px 23px;
	background: url(/images/icons/pdf.gif) no-repeat top left;
}

a.xls {
	padding: 6px 4px 4px 23px;
	background: url(/images/icons/xls.gif) no-repeat top left;
}

a.zip {
	padding: 6px 4px 4px 23px;
	background: url(/images/icons/zip.gif) no-repeat top left;
}

a.img {
	padding: 6px 4px 4px 23px;
	background: url(/images/icons/img.gif) no-repeat 2px 2px;
}

/* HTML puff */
.html-feature p {
	font-size: 11px;
}

/* Du behövs */
.du-behovs-box {
	margin-top: 20px;
	width: 410px;
}

.du-behovs-box img {
	float: left;
	margin: 0 14px 14px 0;
}

.du-behovs-box img.apa {
	margin-right: 6px;
}

.du-behovs-box h2 {
	font-size: 13px;
	margin: 0 0 3px 0;
}

.du-behovs-box p {
	font-size: 11px;
	line-height: 15px;
	margin-bottom: 2px;
}

.du-behovs-box p a {
	font-size: 11px;
	font-weight: bold;
}