div,
html,
body,
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
padding: 0;
}

.nocss {
display: none;
}

html {
/*background: url(/images/background2.png); */
}

a {
color: #007bb9;
}

a:hover {
color: red;
background: lightyellow;
}

#svg-banner a:hover {
background: none;
}

#layoutframe {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 62.2em;
	padding-bottom: 5em;
}

#head {
margin-bottom: 2em;
}

.float-break {
clear: both;
}

#menu {
position: absolute;
top: 10em;
width: 100%;
}

#main {
	position: absolute;
	top: 13.5em;
	width: 63em;
	padding-bottom: 4em;
}

#english-link {
position: absolute;
right: 0;
top: 0;
margin-top: -0.3em;
margin-right: 1.3em;
}

#english-link #english-piktogram {
float: left;
margin-top: 0.2em;
margin-right: 0.3em;
height: 1em;
width: 1em;
}

#head {
}

#head h1 {
display: none;
}

#head .logo {
width: 20em;
height: 9.09em;
}

#path {
margin-bottom: 0.7em;
}

#path a {
font-size: 0.75em;
color: #007bb9;
}

#svg-banner {
width: 62.2em;
height: 7.3874em;
}

body {
	font-family: Verdana, Trebuchet MS, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
font-family: Verdana, Trebuchet MS, Arial, sans-serif;
letter-spacing: 0.05em;
}

#path {
font-weight: 600;
font-size: 0.75em;
color: #007bb9;
}

ul.topmenu a.menubutton,
ul.topmenu a.menuitem,
#english-link a {
font-size: 0.75em;
margin: 0em 0em 0.2em 0em;
line-height: 1.1em;
word-spacing: 0.05em;
font-weight: bold;
text-decoration: none;
color: #007bb9;
}

#english-link a:hover {
color: red;
}

ul.topmenu {
display: block;
list-style: none;
height: 2.5em;
padding: 0;
margin: 0;
}

ul.topmenu a.menubutton-current {
color: black;
}

ul.topmenu a.menubutton:hover,
ul.topmenu a.menubutton-hover {
background: none;
}

ul.topmenu a.menubutton-empty:hover,
ul.topmenu a.menubutton-empty-hover {
color: red;
background: lightyellow;
}

ul.topmenu li.menubutton {
background: none;
position: relative;
display: inline;
float: left;
padding: 0;
margin: 0;
border-right: 1px solid #007bb9;
height: 1em;
}

ul.topmenu li.menubutton a.menubutton {
display: block;
float: left;
margin-left: 0.1em;
padding: 0 0.3em 0 0.6em;
}

ul.topmenu li.menubutton .menubutton-marker {
float: left;
/*width: 13px;
height: 6px;
margin: 0.4em 0.6em 0 0;
background: url(/images/menu-folder.jpg) no-repeat;*/
width: 13px;
height: 10px;
margin: 0.2em 0.6em 0 0;
background: url(/images/arrow.png) no-repeat;
overflow: hidden;
}

ul.topmenu li.menubutton .menubutton-marker-empty {
/*width: 10px;
height: 10px;
margin-top: 0.25em;
background: url(/images/menu-page.jpg) no-repeat;*/
width: 10px;
height: 10px;
margin-top: 0.20em;
background: url(/images/square.png) no-repeat;
overflow: hidden;
}

ul.topmenu li.menubutton ul {
display: none;
background: white;
}

ul.topmenu li.menubutton-last {
border-right: none;
}

ul.topmenu li.menubutton:hover,
ul.topmenu li.menubutton-hover {
}

ul.topmenu li.menubutton:hover ul,
ul.topmenu li.menubutton-hover ul {
display: block;
position: absolute;
width: 12em;
left: 0.1em;
list-style: none;
margin: 0;
padding: 0;
top: 1em;
border: 2px solid #99ccff;
border-bottom: none;
}

ul.topmenu li.menubutton:hover ul a.menuitem,
ul.topmenu li.menubutton-hover ul a.menuitem {
font-size: 0.7em;
font-weight: normal;
display: block;
color: black;
padding: 0.3em 0.6em 0.5em 0.6em;
margin: 0;
white-space: nowrap;
}

ul.topmenu li.menubutton:hover ul a.menuitem:hover,
ul.topmenu li.menubutton-hover ul a.menuitem:hover {
background: black;
color: white;
}

ul.topmenu li.menubutton:hover ul li.menuitem,
ul.topmenu li.menubutton-hover ul li.menuitem {
background: none;
border: none;
border-bottom: 2px solid #99ccff;
padding: 0;
margin: 0;
}

ul.topmenu li.menubutton:hover a.menuitem:hover,
ul.topmenu li.menubutton-hover a.menuitem:hover {
}

ul.topmenu li.menubutton-empty:hover a.menubutton,
ul.topmenu li.menubutton-empty-hover a.menubutton {
border-bottom-color: #99ccff;
}

ul.topmenu li.menubutton {
border-bottom: none;
}

.box,
.frontbox {
float: left;
position: relative;
color: white;
overflow: hidden;
width: 20em;
height: 13em;
margin: 0.45em 0.45em 0.45em 0.45em;
}

.box .content,
.frontbox .content {
font-weight: bold;
margin: 1em 1em 0.5em 1em;
}

.box .content ul,
.frontbox .content ul {
padding: 0 0 0 1.2em;
}

.box .content p,
.box .content ul,
.frontbox .content p,
.frontbox .content ul {
font-size: 0.8em;
margin: 0.1em 0 0.5em 0;
}

.box .content h2,
.frontbox .content h2 {
line-height: 0.9em;
font-size: 1em;
font-weight: bold;
margin-bottom: 0.5em;
}

.box .content a,
.frontbox .content a {
color: white;
}

.box .content a:hover,
.frontbox .content a:hover {
background: lightyellow;
color: red;
}

.box-with-image {
background: #007bb9;
border: solid 1px #1a76a7;
}

.box-with-image .image {
float: left;
margin-left: 0.93em;
margin-top: 0.93em;
width: 11.1em;
height: 11.1em;
}

.box-with-image .content {
}

.frontbox-with-image .content {
padding-left: 11.8em;
}

.purple .frontbox-with-image,
.purple .box {
	background: #007bb9;
	border: solid 1px #007bb9;
}

.gray .frontbox-with-image,
.gray .box {
background: #007bb9;
border: solid 1px #007bb9;
}

.frontbox-with-corner {
}

.frontbox-with-corner .bgleft,
.frontbox-with-corner .bgright {
position: absolute;
background: #007bb9;
}

.frontbox-with-corner .bgleft {
height: 9em;
top: 4em;
width: 4em;
border-top: solid 1px #1a76a7;
border-left: solid 1px #1a76a7;
border-bottom: solid 1px #1a76a7;
}

.frontbox-with-corner .bgright {
height: 13em;
width: 16em;
left: 4em;
top: 0em;
border-right: solid 1px #1a76a7;
border-top: solid 1px #1a76a7;
border-bottom: solid 1px #1a76a7;
}

.frontbox-with-corner .floatparent {
position: absolute;
width: 20em;
}

.frontbox-with-corner .corner {
float: left;
/*width: 3.1em;
height: 3.1em;*/
width: 45px;
height: 45px;
margin-right: 2em;
margin-bottom: 1.4em;
}

.frontbox-with-corner .content {
}

.purple .frontbox-with-corner {
}

.purple .frontbox-with-corner .bgleft,
.purple .frontbox-with-corner .bgright {
background: #660066;
}

.purple .frontbox-with-corner .bgright {
border-right: solid 1px #8161ae;
border-top: solid 1px #8161ae;
border-bottom: solid 1px #8161ae;
}

.purple .frontbox-with-corner .bgleft {
border-top: solid 1px #8161ae;
border-left: solid 1px #8161ae;
border-bottom: solid 1px #8161ae;
}

.gray .frontbox-with-corner {
}

.gray .frontbox-with-corner .bgleft,
.gray .frontbox-with-corner .bgright {
background: #007bb9;
}

.gray .frontbox-with-corner .bgright {
border-right: solid 1px #215157;
border-top: solid 1px #215157;
border-bottom: solid 1px #215157;
}

.gray .frontbox-with-corner .bgleft {
border-top: solid 1px #215157;
border-left: solid 1px #215157;
border-bottom: solid 1px #215157;
}

.blue .frontbox-plain {
background: #007bb9;
border: solid 1px #1a76a7;
}

.gray .frontbox-plain {
background: #007bb9;
border: solid 1px #215157;
}

.purple .frontbox-plain {
background: #660066;
border: solid 1px #8161ae;
}

.frontbox-leftmost {
margin-left: 0;
clear: left;
}

.frontbox-rightmost {
margin-right: 0;
}

.top-photo {
position: relative;
}

.top-photo .left,
.top-photo .right,
.top-photo .corner {
position: absolute;
top: 0;
left: 0;
}

.top-photo .corner {
width: 3.3em;
height: 3.3em;
}

.top-photo .left {
clip: rect(4em 5em 1000em 0em);
}

.top-photo .right {
clip: rect(0em 1000em 30em 4em);
}

.heading {
margin-top: 1em;
margin-bottom: 1em;
height: 2em;
}

.heading .left {
float: left;
height: 2em;
width: 2em;
margin-right: 0.5em;
}

.heading .right {
float: left;
height: 2em;
}

.heading h1 {
padding: 0.2em 3em 0em 0.6em;
font-size: 1.3em;
color: white;
font-weight: bold;
letter-spacing: 0.01em;
font-family: Trebuchet MS, sans-serif;
}

.heading .left,
.heading .right {
background: #007bb9;
border: solid 1px #1a76a7;
}

.heading.gray {
}

.heading.gray .left,
.heading.gray .right {
background: #007bb9;
border: solid 1px #215157;
}

.heading.purple {
}

.heading.purple .left,
.heading.purple .right {
background: #660066;
border: solid 1px #8161ae;
}

.body {
font-size: 0.9em;
width: 40em;
margin-bottom: 5em;
}

.body .ingress {
font-weight: bold;
}

#rightbar {
position: absolute;
width: 18.3em;
min-height: 20em;
top: 0em;
right: 2em;
padding: 1em;
color: white;
padding-bottom: 4em;
/*background: url(/images/background-blue.png);*/
background-color: #000000;
border: solid 1px #1a76a7;
}

#rightbar .image-description {
padding: 0.4em 0em 0.4em 0em;
}

#rightbar .content {
font-size: 0.8em;
}

#rightbar .content h2,
#rightbar .content h3 {
color: #99CCFF;
letter-spacing: 0;
}

#rightbar .content h2 {
margin-bottom: 0.9em;
}

#rightbar .content h3 {
font-size: 1em;
padding: 0.5em 1em 0.5em 1em;
background: #007bb9;
margin-bottom: 0.5em;
}

#rightbar .content a {
color: white;
}

#rightbar .content a:hover {
color: red;
}

#rightbar .content .children,
#rightbar .content .news {
margin-bottom: 1em;
}

#rightbar .content .children h3,
#rightbar .content .news h3 {
background: none;
padding: 0;
}

#rightbar .content .children ul,
#rightbar .content .news ul {
padding-left: 1.4em;
}

#rightbar .sibling-links {
}

#rightbar .sibling-links a {
text-decoration: none;
}

#rightbar .link-button {
display: block;
margin: 0.8em 0 0.8em 0;
/*height: 2.7em;*/
height: 45px;
clear: both;
}

#rightbar .link-button .left {
float: left;
/*height: 2.7em;*/
height: 45px;
width: 2.7em;
background: #007bb9;
}

#rightbar .link-button .right {
float: left;
/*height: 2.7em;*/
height: 45px;
margin-left: 0.6em;
/*width: 19.5em;*/
width: 18.3em;
background: #007bb9;
}

#rightbar .link-button .right a {
display: block;
padding: 0.7em 1em 1em 1em;
color: #99CCFF;
text-decoration: none;
font-weight: bold;
background: transparent;
}

#rightbar .link-button .right a:hover {
color: white;
}

#rightbar .stripimage {
}

#rightbar .stripimage .image {
margin: 0 auto 0 auto;
}

#rightbar .stripimage .image img {
display: block;
margin: 0 auto 0 auto;
border: none;
}

#rightbar.purple {
background: #660066;
}

#rightbar.purple .link-button {
}

#rightbar.purple .link-button .left,
#rightbar.purple .link-button .right {
background: #3366cc;
}

.listbox {
margin-left: 0;
width: 30em;
height: auto;
}

.listbox-with-image {
}

.listbox-with-image .content {
float: left;
width: 20em;
}

.listbox-with-image .image {
margin-bottom: 1em;
}

.fredtun-linje {
}

.fredtun-linje .slogan {
font-weight: bold;
}

.fredtun-linje .bullet-points,
.fredtun-linje .student-quote {
border: 2px #660066 solid;
float: left;
width: 18.5em;
min-height: 18em;
}

.fredtun-linje .bullet-points .heading,
.fredtun-linje .student-quote .heading {
height: 2em;
margin: .8em;
}

.fredtun-linje .bullet-points .heading .left,
.fredtun-linje .student-quote .heading .left {
float: left;
height: 2em;
width: 2em;
margin-right: 0.5em;
}

.fredtun-linje .bullet-points .heading .right,
.fredtun-linje .student-quote .heading .right {
float: left;
height: 2em;
width: 14em;
}

.fredtun-linje .bullet-points .heading h3,
.fredtun-linje .student-quote .heading h3 {
padding: 0.45em 0.2em 0em 1em;
font-size: 0.9em;
color: #99CCFF;
font-weight: bold;
letter-spacing: 0.01em;
}

.fredtun-linje .bullet-points .heading .left,
.fredtun-linje .bullet-points .heading .right,
.fredtun-linje .student-quote .heading .left,
.fredtun-linje .student-quote .heading .right {
background: #660066;
border: solid 1px #8161ae;
}

.fredtun-linje .bullet-points {
margin-left: 0em;
}

.fredtun-linje .bullet-points ul {
margin-right: 1em;
}

.fredtun-linje .student-quote {
margin-left: 1.4em;
}

.fredtun-linje .student-quote .quote {
margin: 1em 1em 1em 1em;
}

.blue .bullet-points,
.blue .student-quote {
border: 2px #007bb9 solid;
}

.blue .bullet-points .heading,
.blue .student-quote .heading {
}

.blue .bullet-points .heading .left,
.blue .bullet-points .heading .right,
.blue .student-quote .heading .left,
.blue .student-quote .heading .right {
background: #007bb9;
border: solid 1px #1a76a7;
}

.fredtun-linje {
}

.fredtun-linje .quote {
}

.fredtun-linje .quote .photo {
float: left;
width: 5em;
height: 5em;
}

.fredtun-linje .quote .quote {
font-style: italic;
padding-left: 1em;
font-size: 0.9em;
}

.fredtun-linje .quote .name {
float: left;
clear: right;
margin-left: 1.4em;
width: 9em;
padding: 1.7em 0em 1em 0em;
}

div#rightbar.fredtun-linje .quote .name {
width: 13em;
}

.fredtun-linje.purple {
}

.fredtun-linje.purple .quote .photo {
border: solid 1px #8161ae;
}

.fredtun-linje.blue {
}

.fredtun-linje.blue .quote .photo {
border: solid 1px #1a76a7;
}

#rightbar.fredtun-linje .content .quote h3 {
background: none;
padding: 0;
}

.size-medium {
height: 50em;
}

.align-right {
float: right;
margin: 2em 0em 2em 2em;
}

.align-left {
float: left;
margin: 2em 2em 2em 0em;
}

table.striped,
table.renderedtable {
border: 1px solid #3366cc;
}

table.striped tr.stripe-1,
table.renderedtable tr.stripe-1 {
background: #9ccdff;
margin: 0;
}

table.striped tr.stripe-2,
table.renderedtable tr.stripe-2 {
background: #d5eaff;
margin: 0;
}

table.striped td,
table.renderedtable td {
padding: 0.2em 1em 0.2em 1em;
}

.flashphotoalbum-container {
padding: 7px 7px 3px 0px;
width: 550px;
height: 400px;
background: white;
border: 1px solid black;
}

.photoalbum-sectionbutton {
width: 20em;
height: 4em;
float: left;
margin: 0.5em 1em 0.5em 1em;
}

.photoalbum-sectionbutton .albumthumbnail {
float: left;
width: 4em;
height: 3em;
margin-right: 1em;
}

.photoalbum .stripimage {
float: left;
margin: 1em 1em 1em 1em;
width: 10em;
height: 10em;
}

.photoalbum .stripimage .image {
display: block;
margin-left: auto;
margin-right: auto;
}

.photoalbum .stripimage .image img {
display: block;
margin-left: auto;
margin-right: auto;
border: none;
}

.flickr {
margin-top: 3em;
}

.slideshow {
position: relative;
width: 100%;
height: 100%;
}

.slideshow .link {
position: absolute;
background: #007bb9;
bottom: 0em;
right: 0em;
padding: 0.2em 1em 0.2em 1em;
font-weight: bold;
}

.slideshow .link a {
font-size: 0.8em;
color: white;
}

.slideshow .link a:hover {
color: red;
background: lightyellow;
}

.article-list-item {
clear: both;
padding-bottom: 1em;
margin-bottom: 1em;
border-bottom: solid 2px #007bb9;
}

.article-list-item h2 {
font-size: 1em;
}

.article-list-item .image {
float: left;
margin: 0 1em 0 1em;
width: 11.1em;
height: 11.1em;
}

.article-list-item .content {
padding-left: 14em;
}

.folder .list {
border-top: solid 2px #007bb9;
margin-top: 1em;
}

.folder .file-list-item {
clear: both;
padding-top: 0.7em;
padding-bottom: 1em;
border-bottom: solid 2px #007bb9;
}

.folder .file-list-item h3 {
font-size: 1em;
margin-bottom: 0.4em;
}

div.class-form input.submit {
padding-left: 1em;
padding-right: 1em;
padding-top: 0.2em;
padding-bottom: 0.2em;
}

div.contentform table,
div.contentform.td {
margin: 0;
padding: 0;
}

div.contentform div.form-line {
margin-bottom: 1em;
}

div.contentform label {
display: inline;
margin-right: 1em;
}

div.contentform input {
display: inline;
margin-right: 1em;
}

div.contentform label.form-prioritize {
display: block;
}

div.contentform div.form-section {
margin-top: 1em;
margin-bottom: 2em;
}

div.contentform div.form-section-vertical label {
display: block;
}

div.contentform div.form-section-vertical label.form-boolean {
display: inline;
}

div.contentform span.required {
font-style: italic;
}

div.contentform div.help {
font-style: italic;
}

div.contentform input,
div.contentform textarea {
border-style: solid;
border-color: gray;
border-width: 1px;
padding: 3px;
font-size: 1.1em;
}

/* FOOTER */

.footer{width:993px; padding:20px 0px 20px 0px; border-top:0px solid #A1A1A1; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
.footer-left-links {float:left; text-align:left; padding:0px 15px 0px 0px; color:#000; text-align:left;}
.footer-left-links a{color:#000; text-decoration:none;}
.footer-left-links a:hover{color:#F8B604;}
.footer-right{float:right; padding:0px 0px 0px 20px}