/* KLF-net.dk - main.css */

body {font: 14px "PT Sans", sans-serif; color: #424242;}

h1 {font: 1.8571em/1.12 "PT Serif", serif; margin: 0; color: #1f1f1f;} /*26px*/
#logo h1 {font: bold 1em "PT Sans", sans-serif;} /*14px*/
.subpage h1 {padding-right: 5em; margin-bottom: 0.7692em;}
h2 {font: normal 1.8571em/1.12 "PT Serif", serif; color: #1f1f1f; margin: 0.5em 0;} /*26px*/
.subpage h2 {color: #006f64; font-size: 1.43em; margin: 1em 0 0.5em;} /*20px*/
h3 {font: 1.21em/1.1 "PT Serif", serif; color: #1f1f1f;}
.subpage h3 {color: #006f64; margin: 1em 0 0.5em;} /*17px*/
h4, h5, h6 {font: 1.07em/1.1 "PT Serif", serif; color: #006f64; margin: 1em 0 0.5em;}

p {line-height: 1.4286; margin: 0 0 0.75em;}

p.align-center {text-align: center;}
p.align-justify {text-align: justify;}
p.align-right {text-align: right;}

a,
a:visited {color: #009e91; text-decoration: none;}
a:hover {color: #009e91; text-decoration: underline;}

h1 a, h2 a, h3 a {text-decoration: none; color: #1f1f1f;}
h1 a:hover, h2 a:hover, h3 a:hover {color: #1f1f1f;}
h1 a:visited, h2 a:visited, h3 a:visited {color: #1f1f1f;}

img {max-width: 100%;}
.csc-textpic-caption,
.news-single-imgcaption {font-size: 0.8571em; color: #727272; margin-bottom: 10px;}
div.csc-textpic div.csc-textpic-single-image img {margin: 0 !important; padding: 0;}
video {width: 100%; height: auto;}

::-moz-selection { background: #009e91; color: #fff; text-shadow: none; }
::selection { background: #009e91; color: #fff; text-shadow: none; }

/* li, input, td etc. */

table.contenttable {width: 100%;}
table.contenttable th {background: #e3f2f0; border-top: 1px solid #c5e7e3; border-bottom: 1px solid #c5e7e3; text-align: left; color: #0d403d; font-weight: normal;}
table.contenttable th:first-child {border-left: 1px solid #c5e7e3;}
table.contenttable th:last-child {border-right: 1px solid #c5e7e3;}
table.contenttable td.odd {background: #f2f9f8;}
table.contenttable td,
table.contenttable th {padding: 0.3em 1em;}

table.csc-frame-frame2 {border: 1px solid #666; border-collapse: collapse;}
table.csc-frame-frame2 td {border: 1px solid #666; border-collapse: collapse;}

.csc-default:before, .csc-default:after { content: ""; display: table; }
.csc-default:after { clear: both; }
.csc-default { zoom: 1; }


/* Form */
.csc-mailform ol {padding: 0;}
.csc-mailform ol li {list-style: none; padding: 0.5em 0 !important;} /*Using !important because form.css cannot be removed*/
.tt_address_form {margin-bottom: 1em;}
.csc-mailform li label,
.tt_address_form label {float: none !important; width: auto !important; margin: 0 !important;}
label em, legend em {display: inline-block !important; color: #009e91 !important; padding-left: 0.3em !important;}
.csc-mailform input,
.csc-mailform textarea,
.csc-mailform select {display: block !important;}

/* POWERMAIL */
.tx-powermail-pi1 legend {display: none;}
.tx_powermail_pi1_fieldwrap_html {list-style: none; padding: 0.5em 0;}
.tx-powermail-pi1 label {float: none; width: auto; margin: 0;}
.tx-powermail-pi1 input,
.tx-powermail-pi1 textarea,
.tx-powermail-pi1 select {display: block;}

/* Comments */
.tx-comments-pi1 .input_wrap {clear: both; padding: 0.5em 0;}
.tx-comments-pi1 label {float: none; width: auto; margin: 0;}
.tx-comments-pi1 input,
.tx-comments-pi1 textarea {display: block;}
.tx-comments-pi1 .tx-comments-required,
.tx-comments-pi1 .tx-comments-comments {margin-top: 1em;}
.tx-comments-pi1 .tx-comments-comment-2 {background: #f8f7f7; border: 1px solid #e8eaea;}
.tx-comments-pi1 .tx-comments-comment-1,
.tx-comments-pi1 .tx-comments-comment-2 {padding: 1em;}

.tx-comments-pi1 .tx-comments-captcha {float: left;}
.tx-comments-pi1 .tx-srfreecap-pi2-image {border: 1px solid #ccc; margin: 0;}
.tx-comments-pi1 .tx-srfreecap-pi2-cant-read {color: #424242;}


.tt_address_form input,
.tt_address_form textarea,
.tt_address_form select {display: block;}

.tt_address_form .tt_address_check input,
.tt_address_form .tt_address_catlist input {display: inline-block;}

.tt_address_tinput,
.tt_address_catlist,
.tt_address_check {padding: 0.5em 0;}

.tt_address_catlist .clearall {padding: 3px;}

ul {padding-left: 0;}
.subpage .first ul {padding-left: 2em;}
ul li {padding-left: 11px; background: url(../images/li-smallgray.png) 1px 0.6em no-repeat; list-style: none;}
nav ul li {padding: 0;}

/* --- Layout --- */

#container, .container {position: relative; margin: 0 auto; background: #fff;}
  
  header {margin-bottom: 0.5em; float: left; width: 100%;}
    #logo {text-transform: uppercase; background: url(../images/logo.png) 30px center no-repeat;}
      #logo h1 {margin: 0;}
      #logo a, 
      #logo a:hover, 
      #logo a:visited {display: block; padding: 2.5em 0 2.5em 98px; color: #424242; text-decoration: none; font-weight: bold;}
    #search {padding: 0 0 1.5em 0; text-align: right; float: right; width: 60%; margin-right: 4%;}
      #search .fb,
      #search .sitemap,
      #search .print,
      #search form {float: right; vertical-align: top;}
      .display-table #search .fb,
      .display-table #search .sitemap,
      .display-table #search .print,
      .display-table #search form {float: none; display: inline-block;}
      .display-table #search form {display: block;}
    #topmenu {clear: both; padding: 0 4%; display: none;} /* Show this if javascript is not present */
  #main {padding: 0 4%;}
    /* Frontpage main layout */
    .frontpage .first {clear: both;}
    .frontpage .first > .csc-default {margin-bottom: 1.5em; clear: both;}
    .frontpage .second {margin-top: 2em;}
    .frontpage .third {}
    /* Subpage main layout */
    .subpage .first {clear: both; position: relative;}
    .subpage .second {margin: 2em 0;}
  footer {clear: both; padding: 0 4%; margin-top: 0.5em;}
 

/* --- Search, Facebook and Sitemap --- */

#search form {position: relative;}

#search .fb, 
#search .sitemap {background: url(../images/fb.png) 2px 4px no-repeat; width: 24px; height: 24px;}
#search .fb span,
#search .sitemap span,
#search .print span {visibility: hidden;}
#search .sitemap {background-image: url(../images/sitemap.png)}
#search .print {background: url(../images/print.png) 1px 4px no-repeat; width: 24px; height: 24px;}

#search input[type="text"] {border: 1px solid #e0e0e0; background: #f5f5f5; color: #7d7d7d; line-height: 20px; height: 20px;
  margin: 0; padding: 1px 0 1px 8px; font-style: italic; width: 120px; font-size: 0.9286em;}
#search input[type="text"]:focus {
  -webkit-box-shadow: 0 0 5px #7dbbb6; -moz-box-shadow: 0 0 5px #7dbbb6; box-shadow: 0 0 5px #7dbbb6;
  border-color: #7dbbb6; background: #fff; color: #1a1a1a; font-style: normal;
  -o-transition: all 0s; -webkit-transition: all 0s; outline: 0!important;
  behavior: url(http://www.klfnet.dk/PIE.htc);
}

#search #search-submit {position: absolute; top: 1px; right: 1px; display: block; width: 25px; height: 22px; border-left: 1px solid #e0e0e0; background: #fff url(../images/search.png) 4px 2px no-repeat;}
#search #search-submit:focus {
  -webkit-box-shadow: 0 0 5px #7dbbb6; -moz-box-shadow: 0 0 5px #7dbbb6; box-shadow: 0 0 5px #7dbbb6;
  -o-transition: all 0s; -webkit-transition: all 0s; outline: 0!important;
  behavior: url(http://www.klfnet.dk/PIE.htc);
}

    
/* --- TOP NAVIGATION --- */

#menutitle {float: left; padding: 0 2.5em 0 17px; border: 1px solid #e0e0e0; margin-left: 4%; line-height: 22px; color: #0d403d; text-transform: uppercase; cursor: pointer;
background: url(../images/arrow-down-green.png) 70px center no-repeat;}

#topmenu .level1 {float: left; margin-bottom: 1em;}
.boxshadow #topmenu .level1 {-webkit-box-shadow: 0 0 10px #f0f0f0; -moz-box-shadow: 0 0 10px #f0f0f0; box-shadow: 0 0 10px #f0f0f0;}
  #topmenu li {float: left; width: 50%; position: relative;}
    #topmenu a {display: block; padding: 8px 17px; text-align: left; color: #5b5b5b; background: #fff; 
      text-transform: uppercase; text-decoration: none; border: 1px solid #fff;}
    #topmenu .act a {color: #0d403d; background: #e3f2f0; border-color: #c5e7e3;}
    #topmenu .act span {display: none;}
#topmenu .level2 {display: none;}



/* --- LEFT NAVIGATION --- */
.second nav li {padding: 0; background: none;}
.second nav .actifsub {border-bottom: 1px solid #e8eaea;}
.second nav a {display: block; padding: 0.5em 0 0.5em 18px; color: #424242; font-size: 0.93em; border-bottom: 1px solid #e0e0e0;}
.second nav .act a {background: #e3f2f0 url(../images/arrow-right-small-green.png) 6px center no-repeat; border: 1px solid #c5e7e3; margin-top: -1px;}

.second nav li ul,
.second nav .act ul ul {display: none;}
.second nav .act ul,
.second nav li .act ul {display: block;}

.second nav .act ul a,
.second nav .act ul .act ul a {font-size: 0.86em; background: #f8f7f7; border: 0; border-left: 1px solid #e8eaea; border-right: 1px solid #e8eaea; margin-top: 0; padding-left: 26px;}

.second nav .act ul .act a,
.second nav .act ul .cur a,
.second nav .act ul .act ul .cur a {background: #f8f7f7 url(../images/arrow-right-small-green.png) 16px center no-repeat;}

.second nav .act ul .act ul a {padding-left: 40px;}
.second nav .act ul .act ul .cur a {background-position: 30px center;}


/* --- NEWS --- */

/* Newsbox on frontpage */
/*.newsbox {margin-bottom: 1.5em;}*/

.newsbox .mainnews img {border: 1px solid #e0e0e0; padding: 2px; margin: 0 0 0.5em -3px;}
.newsbox .mainnews .inner-content {padding-left: 1px;}

.newsbox .secnews article {padding: 0.5em 0;}
.newsbox .secnews article :last-child {margin-bottom: 0;}

.newsbox h2 {font-size: 1.29em; margin: 0.15em 0 0.4em;}
.newsbox .tag {text-transform: uppercase; color: #009e91; font-size: 0.8571em;} /*12px*/


/* Liste visning */
.news-list-container article {border-bottom: 1px solid #e0e0e0; padding: 1em 0;}
.news-list-container article:first-child {margin-top: -20px;}
.news-list-container figure {float: right; width: 45%; padding-left: 5%;}
.news-list-container img {border: 1px solid #e0e0e0; padding: 2px; margin: 1em 0 0 -5px;}
.news-list-container h2 {font-size: 1.43em; margin: 0.5em 0 0.25em;}


/* Pagebrowser */
.pagebrowser {text-align: center; font-size: 0.93em; margin-top: 1em; clear: both;}
.pagebrowser a {color: #424242; line-height: 1.5em;}
.pagebrowser .number {display: inline-block; padding: 5px; /*width: 1.5em;*/ height: 1.5em; line-height: 1.5em; color: #fff; background: #9edad5; font-size: 0.92em; font-weight: bold;}
.pagebrowser .act {background: #009e91;}
.pagebrowser .text {padding: 0 1em;}

/* Single visning */
.news-single-item .subheader {font-size: 1.14em; color: #5b5b5b; margin: 0.75em 0;}
.news-single-item .catdate {font-size: 0.86em; color: #8e8e8e; border-bottom: 1px solid #e8eaea; padding-bottom: 0.5em; margin-bottom: 1.5em;}
.news-single-item .news-single-img img {border: 1px solid #e0e0e0; padding: 2px; margin: 0 0 1em -1px;}
.news-single-item .news-single-img,
.news-single-item .embedded-video {margin-bottom: 1.5em;}
.news-single-files dd a {margin: 0 5px;}


/* --- BLOCKQUOTE --- */
.bq {
  position: relative;
  -webkit-box-shadow: 0 6px 6px -6px #e0e0e0; -moz-box-shadow: 0 6px 6px -6px #e0e0e0; box-shadow: 0 6px 6px -6px #e0e0e0;
  margin: 0 0 1.5em; border-bottom: 1px solid #fff; text-align: center; font-style: italic; font-family: "PT Serif", serif;
  behavior: url(http://www.klfnet.dk/PIE.htc);
}
.bq blockquote {padding: 1em 3em 2em; border: 1px solid #e0e0e0; margin: 0; background: #fff;}
.bq p {font-size: 1.29em; line-height: 1.5em; color: #5f5f5f; margin-bottom: 0.35em;}
.bq cite {color: #2d2d2d;}
.bq span.icon {position: absolute; bottom: -7px; left: 50%; width: 30px; height: 17px; margin-left: -15px; background: url(../images/quotes.png);}
.bq a {color: #5f5f5f;}
.bq cite a {color: #2d2d2d;}



/* --- RIGHT COLUMN --- */
.second > .csc-default {padding-bottom: 1.5em; clear: both;}
.second h2 {font-size: 1em; line-height: 1.86; border-bottom: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0; padding-left: 16px; 
  margin: 0 0 1.25em; background: url(../images/li-biggreen.png) 2px center no-repeat; font-weight: bold; text-transform: uppercase;
  font-family: "PT Sans", sans-serif;}
.subpage .second h2 {margin-bottom: 0.5em;}


/* Responsible */
.subpage .second .responsible h2 {display: block; margin-top: 2em;}
.subpage .second .responsible p {padding-left: 18px;}



/* --- KK KØBENHAVNS KOMMUNESKOLE --- */
.kk {float: left; width: 100%; margin-bottom: 1.5em;}
.kk-image {float: left; width: 37%;}
.first .kk-image img {margin-top: 1em;}
.kk-content {margin-left: 42%; font-size: 0.93em;}
.first .kk-content {font-size: 1em;}
.kk-content p {margin-bottom: 0.5em;}
.kk-content ul {margin: 0.5em 0;}



.readmore a {font-size: 0.93em; text-decoration: none; color: #0d403d; 
  background: #e3f2f0 url(../images/arrow-right-small-green.png) 4px center no-repeat;
  display: inline-block; border: 1px solid #cde8e4; padding: 0 6px 0 13px; margin-top: 1.5em;}
  


/* --- 3 COLUMNS --- */  
.tc-one, .tc-two, .tc-three {border: 1px solid #e0e0e0; padding: 2px; margin-bottom: 1.5em; max-width: 436px;}


/* --- 2 COLUMNS --- */
.twocol .tc-one, .twocol .tc-two {border: 0; padding: 0;}


/* --- GIRAF-element --- */
.giraf {padding: 7px 6px;}
.giraf div.csc-textpic img {padding: 2px; border: 1px solid #e0e0e0; margin-left: -3px;}
.giraf h2, .giraf h3 {font-size: 1em; font-weight: normal; margin: 0 0 0.75em;}
.giraf p {font-size: 0.8571em;}


/* --- TR ELEMENT --- */
dl.tr {margin: 0;}
.tr dt {font-size: 1.43em; padding-bottom: 1em;}
.tr dd {margin: 0 0 0 2em; padding-bottom: 1em;}
.tr figure {}
.tr .content {}
.tr .jobtitle {margin: 1em 0 0.5em 0; font-weight: bold;}
.tr .name {margin: 0 0 0.5em; /* font-size: 1.1429em; */ font-weight: bold;}
.tr .phone {}

table.tr {border-collapse: collapse; width: 100%;}
table.tr th,
table.tr td {border: 1px solid #666; padding: 1em; text-align: left;}
table.tr .name {font-weight: normal;}

table.amr {border-collapse: collapse; width: 100%;}
table.amr th,
table.amr td {border: 1px solid #666; padding: 1em; text-align: left;}
table.amr .name {font-weight: normal;}


/* --- FOOTERLINKS --- */
#footerlinks {padding: 0.5em; background: #f2f2f2; border: 1px solid #e7e6e6;}
#footerlinks .fl_menugroup {clear: both;}
#footerlinks .fl_menugroup > .csc-default {float: left; width: 49%;}

#footerlinks .csc-header {border-bottom: 1px solid #fff;}
#footerlinks h2 {font: bold 1em/2 "PT Sans", sans-serif; color: #424242; text-transform: uppercase; text-align: center; border-bottom: 1px solid #e7e6e6; margin: 0;}

#footerlinks ul {margin-right: 8px;}
#footerlinks ul.odd {background: url(../images/ul-divider.gif) right top repeat-y;}
#footerlinks li {font-size: 0.93em; background: url(../images/li-smallgreen.png) 2px center no-repeat;}
#footerlinks li a {text-decoration: none; color: #424242;}
#footerlinks li a:hover {text-decoration: underline; color: #05a99c;}



/* --- ADDRESS --- */
#address {clear: both; margin: 1.5em 0 1.5em;}
.boxshadow #address {-webkit-box-shadow: 0 0 10px #f0f0f0; -moz-box-shadow: 0 0 10px #f0f0f0; box-shadow: 0 0 10px #f0f0f0;}
#address .inner {border-top: 3px double #fff; border-bottom: 3px double #fff; background: #e0e0e0;}
#address dl {background: #fff; color: #757575; margin: 0; padding: 0.5em 1em; font-size: 0.93em;}
#address dt {padding: 1.5em 0 1.5em 60px; font-size: 0.8462em; text-transform: uppercase; font-weight: bold;
  background: url(../images/logo-gray.png) 8px center no-repeat;}
#address dd {float: left; width: 50%; margin: 0; padding: 0.5em 0;}
#address dd.open {width: 100%;}



/* --- CONTENTHEADER --- */
#contentheader h1 {}
.fb_like {position: absolute; top: 5px; right: 0; width: 100px;}



/* --- FLEXSLIDER --- */
.fs-outer {border-bottom: 1px solid #e0e0e0; /* margin-bottom: 1.5em; */ padding-bottom: 1.5em;}
.flexslider, .flexslider2 {position: relative; zoom: 1;}
.flexslider li, .flexslider2 li {padding: 0; background: none;}
.flexslider .slides, .flexslider2 .slides {zoom: 1;}
.subpage .first ul.slides {padding: 0;}
.flexslider .slides > li, .flexslider2 .slides > li {position: relative; overflow: hidden;}
.flex-container {zoom: 1; position: relative;}

/* Direction Nav */
.flex-direction-nav li a {width: 28px; height: 28px; display: block; background: url(../images/carousel-arrows.png) no-repeat 0 0; position: absolute; 
	top: 40%; cursor: pointer; text-indent: -9999px;}
.flex-direction-nav li .next {background-position: -32px 0; right: -13px;}
.flex-direction-nav li .prev {left: -13px;}
.flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}

.slide_image img {border: 1px solid #e0e0e0; padding: 2px; /* margin: 0 auto; */}

/* Control Nav */
.flex-control-nav {position: absolute; bottom: 0; right: 0; text-align: right;}
.flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {width: 10px; height: 12px; display: block; background: url(../images/carousel-controls.png) no-repeat 0 0; cursor: pointer; text-indent: -9999px; text-align: left;}
.flex-control-nav li a:hover {background-position: 0 -12px;}
.flex-control-nav li a.active {background-position: 0 -24px; cursor: default;}



/* --- FLEXSLIDER, right column --- */
.second .fs-outer {border-bottom: 0; margin-bottom: 0; padding-bottom: 0;}
.second .flexslider {border: 1px solid #e0e0e0; padding: 2px; margin: 0; width: auto;}
.second .flexslider li p {display: none;}
.second .flexslider li h2 {font-size: 1em; margin: 0; padding: 0; background: none; border: 0; font-weight: normal; text-transform: none;}
.second .slide_image {float: none; width: 100%;}
.second .slide_image img {border: 0; padding: 0;}
.second .slide_content {float: none; width: 100%; padding: 12px; box-sizing: border-box; /* This doesn't work in Android, fixed with overflow:hidden */
min-height: 3em; position: absolute; bottom: 0; background-color: #ccc; background-color: rgba(231,231,231,0.8);}
.second .flex-control-nav {display: none;}
.second .flex-direction-nav li .next {right: -13px;}




/* --- SITEMAP --- */
.csc-sitemap ul ul {margin: 0;}



/* Box med padding */
.box-w-padding {padding: 0 1em;}
.box-w-padding p {margin-bottom: 0.25em;}
.box-w-padding ul {margin: 0 0 0.5em 1em;}


/* Image overlay for videos */
.overlayimage {cursor: pointer;}


/*Video list*/
.video-list article:nth-child(even) {margin-top: 1em;}
.video .readmore {clear: both; }

.imagelist .image:nth-child(even) {margin-top: 1em;}
.image p {margin-top: 0.5em;}

/*
	For screens with a minimum of 480px width, we scale things up
*/

@media only screen and (min-width: 480px) {


.subpage .second h2 {display: none;} /* Hide the menu title in the leftcol */

/* --- Layout --- */
	#search {float: right; width: 45%; text-align: right; margin-right: 3%;}
	#menutitle {margin-left: 3%;}
	#topmenu {clear: both; padding: 0 3%;}
	/* Frontpage main layout */
	 #main {padding: 0 3%;}
		.frontpage .first {float: left; width: 60.957447%;}
		.frontpage .second {float: right; width: 36.914894%; margin: 0;}
		.frontpage .third {clear: both;}
		/* Subpage main layout */
		.subpage .first {float: right; width: 64%; padding-left: 3.3%; margin-bottom: 2em; border-left: 1px solid #e0e0e0; 
			position: relative; overflow: hidden;}
		.boxshadow .subpage .first {
			-webkit-box-shadow: -5px 0 12px -7px #e0e0e0; -moz-box-shadow: -5px 0 12px -7px #e0e0e0; box-shadow: -5px 0 12px -7px #e0e0e0;}
		.subpage .second {float: left; width: 30%; padding: 0.75em 1% 2em;}
	footer {clear: both; margin-top: 2em; padding: 0 3%;}


      .display-table #search form {float: none; display: inline-block;}

/* Liste visning */
	.news-list-container figure {width: 36%;}



}



/*
	For screens with a minimum of 768px width (iPad etc.)
*/

@media only screen and (min-width: 768px) {


/* Forms */
div.csc-mailform li label,
.tt_address_form label {float: left !important; width: 15em !important; margin-right: 1em !important; vertical-align: baseline;}
/* POWERMAIL */
.tx-powermail-pi1 label{float: left; width: 15em; margin-right: 1em; vertical-align: baseline;}
.tx-powermail-pi1 textarea {width: 14em; height: 5em;}
/*Comments*/
.tx-comments-pi1 label{float: left; width: 12em; margin-right: 1em; vertical-align: baseline;}
.tx-comments-pi1 textarea {width: 20em; height: 5em;}

.tx-comments-pi1 .tx-comments-captcha {float: left;}



/* --- Layout for bigger screens --- */
	#container, .container {max-width: 1124px;}
		header {margin-bottom: 2em; position: relative; z-index: 100;}
			#logo {float: left; width: 50%; min-width: 300px;}
			#search {padding: 2.5em 0; margin-right: 2%;}
	#main {padding: 0 2%;}
		/* Frontpage main layout */
		.frontpage .first {float: left; width: 65.957447%;} /* 620/940 */
		.frontpage .second {float: right; width: 31.914894%; margin: 0;} /* 300/940 */
		/* Subpage main layout */
		.subpage .first {width: 73%;} /* ca. 720/940 */
		.subpage .second {width: 21%;} /* ca. 220/940 */
	footer {padding: 0 2%;}


/* --- Search, Facebook and Sitemap --- */
#search input[type="text"] {width: 200px;}


/* --- TOP NAVIGATION --- */
#menutitle {display: none;}
#topmenu {display: block; padding: 0 2%;}
#topmenu .level1 {width: 100%; font-size: 0.93em;}
.display-table #topmenu .level1 {display: table;}  
  #topmenu li {float: left; width: 12.4%; display: inline-block; background: #e0e0e0;}
  .display-table #topmenu li {float: none; width: auto; display: table-cell;}
  #topmenu .rel {position: relative; border-top: 3px double #fff; border-bottom: 3px double #fff;}
  #topmenu li:hover .level2 {display: block;}
    #topmenu a {height: 19px; /* text-align: center; */ padding: 8px 4px 8px 16px;}
    #topmenu .act span {display: block; width: 21px; height: 11px; position: absolute; left: 50%; margin-left: -10px; bottom: -10px; background: url(../images/topmenu_act.png) 0 0 no-repeat;}
    #topmenu li:hover span {display: none;}
    #topmenu a:hover,
    #topmenu .act a:hover,
    #topmenu li:hover div > a {background: #fafffe; border-color: #c5e7e3; position: relative; z-index: 20;}
    #topmenu .hassub a:hover,
    #topmenu .hassub .rel:hover > a {border-bottom: 1px solid #fafffe;}

#topmenu .level2 {display: block; position: absolute; top: 36px; left: 0; width: 200px; padding: 5px; display: none; 
	background: #fafffe; border: 1px solid #c5e7e3; z-index: 10;
	}
.boxshadow #topmenu .level2 {-webkit-box-shadow: 0 2px 6px 0 #e0e0e0; -moz-box-shadow: 0 2px 6px 0 #e0e0e0; box-shadow: 0 2px 6px 0 #e0e0e0;}
#topmenu .last .level2 {left: auto; right: 0;}
  #topmenu .level2 li {float: none; display: list-item; background: #fafffe; border: 0; width: auto;}
    #topmenu .level2 a {display: block; padding: 5px 5px 4px 12px; text-align: left; color: #424242; height: auto;
      background: transparent; text-transform: none; border: 1px solid #fafffe; /* font-size: 0.93em; */ line-height: 1;}
    #topmenu .level2 a:hover {color: #0d403d; background: #e3f2f0 url(../images/arrow-right-small-green.png) 7px center no-repeat; border-color: #c5e7e3;}


/* --- FLEXSLIDER --- */
.slide_image {float: left; width: 60.322581%;} /*374/620*/
.slide_content {float: right; width: 35.483871%;} /*220/620*/
.flex-control-nav {width: 35.483871%; position: absolute; right: 0; text-align: left;}
.flex-direction-nav li .next {right: 36.6%;}



/* --- Newsbox on frontpage ---
OBS!!!! THIS NEEDS A FIX FOR IE6 AND IE7 */
.newsbox {width: 100%;}

.newsbox .mainnews {float: left; width: 48.455%; margin-left: -6px; margin-top: -8px; padding: 8px 8px 0; border: 1px solid transparent; clear: left;}
.newsbox .mainnews:hover {background: #f8f7f7; border: 1px solid #e8eaea; cursor: pointer;}
.newsbox .secnews {float: right; width: 46.387097%; padding-left: 10px; border-left: 1px solid #e0e0e0;}

.newsbox .mainnews img {margin-bottom: 0.5em;}

.newsbox .secnews article {padding: 8px; border: 1px solid #fff;}
.newsbox .secnews article:hover {background: #f8f7f7; border: 1px solid #e8eaea; cursor: pointer;} /*OBS!! Dynamically add bg-image in bottom right corner!*/

.newsbox article {position: relative;}
.newsbox article:hover span {position: absolute; bottom: -5px; right: -5px; height: 16px; width: 16px;
	background: url(../images/mouseover-lists.png) 0 0 no-repeat; z-index: 10;}
	
/*Nye nyheder i bunden af de gamle, 26. april 2012*/
.newsbox .bottom {padding-top: 1.5em;}
.bottomnews {clear: both; padding-top: 1em;}
.bottomnews-inner {padding: 2em 8px 0; border-top: 1px solid #e0e0e0; margin-top: 1em;}
.newsbox .bottomnews h2 {font-size: 1.15em;}


/* Liste visning */
.news-list-container figure {float: right; width: 20%; padding: 0;} /* 140/688 */
.news-list-container img {margin-left: -5px;}
.news-list-container article {position: relative; padding: 1em 10px; margin: -1px 0 0 -11px; border: 1px solid transparent;}
.news-list-container article:hover {background: #f8f7f7; border: 1px solid #e0e0e0; cursor: pointer;}
/* .news-list-container article:first-child:hover {margin-top: -21px;} */
.news-list-container article:hover span {position: absolute; bottom: -5px; right: -1px; height: 16px; width: 16px;
	background: url(../images/mouseover-lists.png) 0 0 no-repeat; z-index: 10;}


/* Single visning */
.news-single-item .news-single-img,
.news-single-item .embedded-video {width: 43.6%; float: right; padding-left: 4%;} /* 300/688 */
.news-single-item .news-single-img img {margin: 0 0 1em -5px; float: right;}


/* Video */
.big .embedded-video {float: left; width: 65%;}
.big .inner-content {float: right; width: 32%;}
.big .inner-content h2 {margin-top: 0;}

.video-list {margin-top: 2em;}
.video-list article {float: left; width: 48%; margin-bottom: 1.5em;}
.video-list article:nth-child(odd) {clear: both; margin-right: 3%;}
.video-list article:nth-child(even) {margin-top: 0em;}

.imagelist {margin-top: 2em;}
.imagelist .image {float: left; width: 48%; margin-bottom: 1.5em;}
.imagelist .image:nth-child(odd) {clear: both; margin-right: 3%;}
.imagelist .image:nth-child(even) {margin-top: 0em;}


/* Video front page */
.frontpage .video-list {margin-top: 0;}
.frontpage .video {border-top: 1px solid #e0e0e0; padding-top: 2em;}
.frontpage .video .tag {float: left;}
.frontpage .video-list article {margin-bottom: 0;}


/* --- 3 COLUMNS --- */  
.tc-one, .tc-two, .tc-three {float: left; width: 31.4%; border: 1px solid #e0e0e0; padding: 2px;}
.boxsizing .tc-one, .boxsizing .tc-two, .boxsizing .tc-three {
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 31.914894%;}
.tc-two {margin-left: 2.1276596%;} /* 20/940 */
.tc-three {float: right;}


/* --- 2 COLUMNS --- */
.twocol .tc-one, .twocol .tc-two {float: left; width: 47.7%; border: 0; padding: 2px;}
.boxsizing .twocol .tc-one, .boxsizing .twocol .tc-two {box-sizing: border-box; width: 48.54%;}
.twocol .tc-two {margin-left: 2.8986%;} /* 20/690 */
.twocol .tc-two {float: right;}


/* --- TR ELEMENT --- */
dl.tr {}
.tr dt {clear: both; padding-bottom: 0.5em;}
.tr dd {margin: 0; width: 50%; float: left; padding-bottom: 2em;}
.tr figure {width: 20%; float: left;}
.tr .content {width: 75%; float: right;}
.tr .jobtitle {margin-top: 0;}
.tr .name {margin-bottom: 0;}

th.skole {width: 24%;}
th.tr, th.sup {width: 38%;}

.amr th.skole {width: 33%;}
/* .amr th.tr, .amr th.sup {width: 38%;} */
.amr figure {width: 15%; float: left;}
.amr .content {width: 80%; float: right;}
.amr .jobtitle {margin-top: 0;}
.amr .name {margin-bottom: 0;}



/* --- ADDRESS --- */
#address dl {padding: 0.5em 0;}
#address dt {float: left; width: 25%;}
.boxsizing #address dt {box-sizing: border-box; width: 30%;}
#address dd {float: left; width: 19.5%;}
#address dd.phone {width: 19.5%;}
#address dd.open {width: 27%; float: right;}





}

/*
	For screens with a minimum of 992px width (normal desktops and labtops)
*/

@media only screen and (min-width: 992px) {

/* Topmenu */
#topmenu .level1 {width: 100%; font-size: 1em;}
#topmenu a {padding: 8px 4px 8px 24px;}
#topmenu .level2 a {padding: 5px 5px 4px 18px; font-size: 0.93em;}


.imagelist .image {width: 32%; margin-right: 2%;}
.imagelist .image:nth-child(odd) {clear: none; margin-right: 2%;}
.imagelist .image:nth-child(3n) {margin-right: 0;}
.imagelist .image:nth-child(3n+1) {clear: both;}

/* --- FOOTERLINKS --- */
#footerlinks {box-sizing: border-box; width: 100%; padding: 9px;}
#footerlinks .fl_menugroup {float: left; width: 33.3333333%; clear: none;}
.display-table #footerlinks {display: table;}
.display-table #footerlinks .fl_menugroup {display: table-cell; float: none;}


}


/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
 
@media print {

#search, #menutitle, #topmenu, #footerlinks, .subpage .second, .fb_like, #footerlinks, .pagebrowser {display: none !important;}

.boxshadow #address {-webkit-box-shadow: 0 0 0 #fff; -moz-box-shadow: 0 0 0 #fff; box-shadow: 0 0 0 #fff;}
#logo a, #logo a:hover, #logo a:visited {padding: 2.5em 0;}
.subpage .first {padding-left: 0; width: auto; border: 0; float: none;}

.subpage h1 {padding-right: 0;}

#address dt {padding-left: 0;}
#address dd {float: none; width: auto; padding: 0;}
#address dd.open {width: auto; float: none;}
#address dd.address {clear: both;}
}



/**
WIP
NEW WIDE LAYOUT

.csc-frame.green {
    background: #009e91;
}
#main.wide > div {
    clear: both;
}
#main.wide {
    padding: 0;
}
#main.wide .container {
    background: none;
    max-width: 1080px;
}

**/