@charset "CP850";
/* DEFINITIONS START */
/* VALUES */
/* COLORS */
/* farver - HER SKAL RENSES UUUDDDDDDDDDDDDDDD 
	colLCQPh
	tekstStor
	Skygger om firkant
	inkMenu
	da/fr  InkMenu
	menuLine
	*/
/* FONTS */
/* ANIMATION */
/* GRAFIC */
/* My gridsize */
/* Space top of page */
/* $grid WITH px-unit */
/* RESPONSIVE */
/*
		@media (min-width: $respXlimitL){
			
		} 
		
		@media (min-width: $respXlimitS+1px) and (max-width: $respXlimitM) {
			
		}	
		
		@media (max-width: $respXlimitS) {
			
		}
		
		@media (max-width: $respXlimitXS) {
			
		}
		
*/
/* FUNCTION */
/* end DEFINITIONS */
/* MIXINS */
/* end MIXINS */
/* @include($attrib:'attrib', $value:value, $duration:duration[$hoverTransitionTime*?])*/
/*

/* This is not used (a Microsoft compability thing)*/
/* FONT */
@font-face {
  font-family: "journal";
  src: local("journal"), url("../font/journal-webfont.eot"), url("../font/journal-webfont.eot?#iefix") format("embedded-opentype"), url("../font/journal-webfont.woff2") format("woff2"), url("../font/journal-webfont.woff") format("woff"), url("../font/journal.ttf") format("truetype"), url("../font/journal-webfont.svg#journalregular") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "Segoe UI";
  src: local("Segoe UI"), url("../font/SEGOEUI.TTF") format("truetype");
  src: local("Segoe UI"), url("../font/segoeui-webfont.eot?#iefix") format("embedded-opentype"), url("../font/segoeui-webfont.woff") format("woff"), url("../font/SEGOEUI.TTF") format("truetype"), url("../font/segoeui-webfont.svg#segoeuiRegular") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "Segoe Script";
  src: local("Segoe Script"), url("../font/segoesc-webfont.eot?#iefix") format("embedded-opentype"), url("../font/segoesc-webfont.woff") format("woff"), url("../font/SEGOESC.TTF") format("truetype"), url("../font/segoesc-webfont.svg#segoescRegular") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'segoe ui symbol';
  src: local("segoe ui symbol"), url("../font/seguisym-webfont.eot?#iefix") format("embedded-opentype"), url("../font/seguisym-webfont.woff") format("woff"), url("../font/SEGUISYM.TTF") format("truetype"), url("../font/seguisym-webfont.svg#seguisymRegular") format("svg");
  font-weight: normal;
  font-style: normal; }
/* end FONT */
/* FUNCTION SKAL SLETTES NÅR SITET KØRER NOGENLUND, som p i #topbar!
/* Chrome, Safari, Opera */
@-webkit-keyframes bouge {
  from {
    background-color: rgba(241, 208, 120, 0.5);
    left: 0px; }

  to {
    background-color: rgba(75, 44, 53, 0.5);
    left: 10px; } }
/* Standard syntax */
@keyframes bouge {
  from {
    background-color: rgba(241, 208, 120, 0.5);
    left: 0px; }

  to {
    background-color: rgba(75, 44, 53, 0.5);
    left: 10px; } }
body {
  background-image: url("../images_eksperimenter/b12.png");
  background-position: fixed;
  background-repeat: repeat;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

#index #main_menu .index,
#course #main_menu .course,
#practical #main_menu .practical,
#dateplace #main_menu .dateplace,
#marie #main_menu .marie,
#contact #main_menu .contact,
#private #main_menu .private,
#comment #main_menu .comment {
  text-shadow: 2px 2px 3px black;
  background: linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0)) !important;
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0)) !important;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0)) !important;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0)) !important; }

#page {
  box-shadow: 5px 5px 10px rgba(83, 143, 36, 0.1);
  background-color: rgba(90, 246, 21, 0.4);
  background-repeat: no-repeat;
  background-size: cover;
  border: 0;
  z-index: 0;
  opacity: 1; }

#header #topbar {
  background: -webkit-linear-gradient(-81deg, #4b2c35, #f1d078);
  background: -o-linear-gradient(-81deg, #4b2c35, #f1d078);
  background: -moz-linear-gradient(-81deg, #4b2c35, #f1d078);
  background: -ms-linear-gradient(-81deg, #4b2c35, #f1d078);
  background: linear-gradient(-81deg, #4b2c35, #f1d078);
  border-style: solid;
  border-width: 0 1px 1px 0;
  border-color: white rgba(0, 0, 0, 0.5) rgba(75, 44, 53, 0.5) white;
  /*@include gradient(-81, rgba(7f6e3f, 0.5), rgba(5dfc22, 0.5));*/
  box-shadow: 1px 1px 2px rgba(255, 255, 0, 0.5);
  text-decoration: none;
  color: white;
  line-height: 1;
  line-height: 0; }
  #header #topbar h1 {
    font: normal normal 900 7em/1 "journal";
    font: normal normal 900 7em/0 "journal";
    line-height: 0;
    text-shadow: 2px 2px 3px black; }
  #header #topbar h2 {
    font: normal normal 900 5em/1 "journal";
    font: normal normal 900 5em/0 "journal";
    line-height: 0;
    text-shadow: 1px 1px 2px darkgreen; }
 
#header #main_menu div.menu_underline {
  box-shadow: 1px 1px 2px rgba(0, 128, 0, 0.7);
  border: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
#header #main_menu li .language {
  font-style: italic;
  color: #cbacb5;
  text-shadow: 1px 1px 3px black; }
#header #main_menu a {
  font: normal normal 300 1.1em/2 "Segoe Script";
  color: white;
  text-decoration: none;
  text-shadow: 1px 1px 2px black; }
#header #main_menu .active a, #header #main_menu li:hover > a {
  text-shadow: 3px 3px 4px black;
  background: linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0)) !important;
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0)) !important;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0)) !important;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0)) !important; }
#header #main_menu ul li:hover a, #header #main_menu li:hover li a {
  background: none;
  border: none;
  color: #666;
  -box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none; }
#header #main_menu ul a:hover {
  /*			background: linear-gradient(top, rgba(green, 0.0), rgba(green,0.8), rgba(green,0.0)) !important;
  			background: -ms-linear-gradient(top, rgba(green, 0.0), rgba(green,0.8), rgba(green,0.0)) !important;
  			background: -webkit-linear-gradient(top, rgba(green, 0.0), rgba(green,0.8), rgba(green,0.0)) !important;
  			background: -moz-linear-gradient(top, rgba(green, 0.0), rgba(green,0.8), rgba(green,0.0)) !important;
  
  			background: linear-gradient(top, rgba(green,0.0), rgba(green,0.4), rgba(green,0.0));
  			background: -ms-linear-gradient(top, rgba(green,0.0), rgba(green,0.4), rgba(green,0.0));
  			background: -webkit-linear-gradient(top, rgba(green,0.0), rgba(green,0.4), rgba(green,0.0));
  			background: -moz-linear-gradient(top, rgba(green,0.0), rgba(green,0.4), rgba(green,0.0));
  */
  color: white !important;
  text-decoration: none;
  text-shadow: 2px 2px 3px black; }
#header #main_menu ul {
  /* submenucontainer*/
  /*			background: linear-gradient(top, rgba(green,0.0), rgba(green,0.4), rgba(green,0.0));
  			background: -ms-linear-gradient(top, rgba(green,0.0), rgba(green,0.4), rgba(green,0.0));
  			background: -webkit-linear-gradient(top, rgba(green,0.0), rgba(green,0.4), rgba(green,0.0));
  			background: -moz-linear-gradient(top, rgba(green,0.0), rgba(green,0.4), rgba(green,0.0));
  	*/ }
  #header #main_menu ul a {
    font: normal normal 300 0.9em/1.3 "Segoe Script";
    color: white !important; }
  #header #main_menu ul li:first-child > a {
    /*border-top-left-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    border-top-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topright: 10px;*/ }
  #header #main_menu ul li:last-child > a {
    /*border-bottom-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomright: 10px;*/ }

#middle h1 {
  font: normal normal 300 1.7em/1.4 "Segoe Script";
  color: white;
  text-shadow: 1px 1px 2px black;
  text-decoration: none; }
#middle h2 {
  font: normal normal 300 1.1em/1.4 "Segoe Script";
  color: #cbacb5;
  text-shadow: 1px 1px 1px black;
  text-decoration: none; }
#middle #head, #middle #foot, #middle #formular {
  font: normal normal 300 1em/1.4 "Segoe UI";
  color: #ede4bf; }
  #middle #head topic, #middle #foot topic, #middle #formular topic {
    font-size: 1.2em;
    font-weight: 500;
    color: black;
    color: white;
    color: white;
    text-shadow: 0px 0px 2px rgba(203, 172, 181, 0.8);
    text-shadow: 0px 0px 2px rgba(72, 79, 108, 0.8);
    display: inline; }
  #middle #head p, #middle #foot p, #middle #formular p {
    white-space: pre; }
#middle #foot {
  background-color: rgba(255, 255, 255, 0.2);
  overflow-y: scroll;
  border: solid 1px;
  box-shadow: 1px 1px 2px white; }

#footer #footer_info {
  text-align: center;
  font: normal normal 600 1.15em/1.4 "Segoe UI"; }
  #footer #footer_info h1 {
    font: normal normal 900 1.5em/1 "journal";
    text-shadow: 0px 0px 2px white;
    text-decoration: none;
    color: #6c0000; }
  #footer #footer_info p {
    font-size: 0.7em; }
#footer p#copyright {
  font: normal normal 300 0.8em/1 "Segoe UI";
  color: #2d2217; }

/* scrollbar */
.jspContainer {
  overflow: hidden;
  position: relative; }

.jspPane {
  position: absolute; }

.jspVerticalBar {
  position: absolute;
  top: 0;
  right: 0;
  width: 17px;
  height: 100%;
  background: transparent; }

.jspHorizontalBar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0px;
  background: #772; }

.jspVerticalBar *,
.jspHorizontalBar * {
  margin: 0;
  padding: 0; }

.jspCap {
  display: none; }

.jspHorizontalBar .jspCap {
  float: left; }

/* baggrund for glideren */
.jspTrack {
  background: #f1d078;
  background: rgba(254, 241, 184, 0.4);
  /*Marie arm*/
  background: rgba(159, 62, 81, 0.4);
  /*Rød dragt*/
  position: relative; }

/*glideren*/
.jspDrag {
  background: rgba(75, 44, 53, 0.8);
  position: relative;
  top: 0;
  left: 0;
  cursor: pointer; }

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
  float: left;
  height: 100%; }

.jspArrow {
  background: #E0506d;
  text-indent: -20000px;
  display: block;
  cursor: pointer; }

.jspArrow.jspDisabled {
  cursor: default;
  background: #80808d; }

.jspVerticalBar .jspArrow {
  height: 17px; }

.jspHorizontalBar .jspArrow {
  width: 37px;
  float: left;
  height: 100%; }

.jspVerticalBar .jspArrow:focus {
  outline: none; }

.jspCorner {
  background: #eeeef4;
  float: left;
  height: 100%; }

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {
  margin: 0 -3px 0 0; }