/* Copyright UNI-C 2012. Jens Ebbe Thomsen */

/* common for medium and small size */
/* head section */
#headeroutside {
	height: auto;
}
#headeroutside #header, .u-unic #headeroutside #header > div, .u-english #headeroutside #header > div, .u-intra #headeroutside #header > div {
	display: block;
	position: relative;
	left: 0;
	top: 0;
	clear: both;
	float: left;
	height: auto;
	width: 100%;
	border: none;
}  
.u-e0-3 #headeroutside, .u-e0-3 #header, .u-e4-6 #headeroutside, .u-e4-6 #header {
	height: auto;
}
.u-skoda #contentNB, .u-skodajun #contentNB, .u-skoda #content, .u-skodajun #content, .u-skoda #footerContent, .u-skodajun #footerContent {
	width: 100%;
}
.u-skoda #contentNB, .u-skodajun #contentNB, .u-skoda #content {
	border-top: none;
}
.u-skoda #headeroutside #header, .u-skodajun #headeroutside #header {
	border-left: 1px solid #001c30;
	border-right: 1px solid #001c30;
	border-top: 1px solid #001c30;
	border-bottom: 2px solid #84AFD2;
}
#header #headerH1 {
	display: none;
}
#header #headerH2 {
	display: block;
	position: relative;
	left: 0;
	top: 0;
	clear: both;
	float: left;
	margin: 8px 8px 4px 8px;
}
#header #searchForm {
	position: relative;
	right: 0;
	top: 0;
	float: right;
	margin: 8px 0 0 0;
}
#header #searchForm input {
	font-size: 90%;
	height: 1.7em;
}
#header #searchForm input.searchButton {
	font-size: 90%;
	width: 3em;
	height: auto;
	padding-bottom: 1px;
}
#headeroutside #header div ul.menubar {
	display: block;
	position: relative;
	clear: both;
	left: 0;
	top: 0;
	float: right;
	width: auto;
	height: auto;
	margin: 4px 12px 8px 8px;
} 
.ty-ma #headeroutside #header div ul.menubar {
	top: 17px;
} 
.u-e0-3 #headeroutside #header div ul.menubar, .u-e4-6 #headeroutside #header div ul.menubar {
	display: none;
}
#UNICbody .onlyScreen {
	display: none;
}  
/* footer section */
#footeroutside {
  margin-bottom: 48px;
}
#footerContent {
	height: auto;
	padding-bottom: 8px;
}
#footerTxt, #footerLogo {
	display: block;
	position: relative;
	clear: both;
	top: 0;
}
#footerLogo {
	float: right;
	right: 0;
}
#footerTxt {
	float: left;
	left: 0;
}
#footerTxt p + p {
	clear: both;
	float: left;
	margin-top: 0.2em;
}
#footerLogo img {
	width: 100%;
	height: auto;
}
#footerLogo p {
	text-align: right;
}
.box.norm > hr:first-child {
	display: none;
}
.ty-nf .box-i > img {
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
	max-width: 100%;
	height: auto;
}
.ty-ef #header {
	height: 75px!important;
}
.ty-ef #headeroutside #header #searchForm {
	display: none;
}
.ty-ef .box img {
  max-width: 85%;
}
.ty-go #content {
	background-image: none;
}
.ty-si #content, .u-skoda.ty-si #content {
	background-image: none;
}
.ty-si .box.menu {
	background: #e8f0f5;
}   
.u-e0-3.ty-si .box.menu {
	background: #afcfcc;
}   
.u-e4-6.ty-si .box.menu {
	background: #abc1bf;
}
.ty-go .box.menu {
	background: #e8f0f5;
}
.ty-si .main > .menuLink {
	display: block;
	position: relative;
	clear: both;
	float: left;
	width: auto;
	height: auto;
	margin: 8px 0 0 8px;
	color: #ffffff;
	padding: 4px 13px;
	background: #084b82;
	background: -moz-linear-gradient(top,#5b88ad 0%,#084b82);
	background: -webkit-gradient(linear, left top, left bottom, from(#5b88ad), to(#084b82));
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #052f52;
}
.ty-si .box .box-i > a img, .ty-si .box .box-i > img, .ty-si .box > a img, .ty-si .box > img {
	padding-left: 0;
	padding-right: 0;
	max-width: 95%;
	height: auto;
}  
.ty-si .box .box-first-h {
	margin-left: 0;
	margin-right: 0;
}
.ty-si .box.bord .box-i> img {
	padding-left: 4px;
	padding-right: 4px;
	max-width: 95%;
	height: auto;
}
.ty-si .white {
	background: none repeat scroll 0 0 transparent;
	border-left: none;
	border-right: none;
	margin-left: 8px;
	margin-right: 8px;
}
.ty-si.html5 .col.size1of5.navigation {
  padding-top: 2px;
  background-image: url(http://css.emu.dk/images/emu12/menuborder.png);
}

/* medium size */
#UNICbody, #UNICbody-ie9 {
	width: 100%;
	max-width: 800px;
	min-width: 480px;
	margin: 0 auto 0 auto;
}
#UNICexpander {
	min-width: 480px;
}
#emulinieLogo {
	max-width: 240px;
}
#emulinieLogo img {
	max-width: 100%;
	height: auto;
}
/* head section */
#UNICbody #headeroutside div#header.randomBgImage {
	background: #00457e url(/images/emu12/emu-tabletbg.jpg) center top no-repeat;
	background-position: center top!important;
}
#UNICbody .onlyTab {
	display: block!important;
}
/* end head section */


.w60 .box-i .fade {background: transparent url(http://css.emu.dk/images/emu12/overlay.png) 449px top repeat-y;}
.w60 .w33 .box-i .fade {background: transparent url(http://css.emu.dk/images/emu12/overlay.png) 30px top repeat-y;}   
.row .w25 .box-i .fade {background: transparent url(http://css.emu.dk/images/emu12/overlay.png) 25px top repeat-y;}                         
.box-i .box.tema .box-tema00 {background-color:#ffffff}


.ty-fo #contentNB .col .w60, .ty-fo #contentNB .col .w40, .ty-f1 #contentNB .col .w60, .ty-f1 #contentNB .col .w40, .ty-f3 #contentNB .col.w60, .ty-f3 #contentNB .col.w40, .ty-nf #contentNB .col .w60, .ty-nf #contentNB .col .w40, .ty-sm #contentNB .w60, .ty-sm #contentNB .w40 {
	width: 100%
}
.ty-fo #contentNB .col .w40 > .box.tema, .ty-f1 #contentNB .col .w40 > .box.tema, .ty-f3 #contentNB .col.w40 > .box.tema, .ty-nf #contentNB .col .w40 > .box.tema, .ty-sm #contentNB .w40 > .box.fact {
	width: 47.5%;
	clear: none;
	float: left;
	margin-right: 0;
}
.ty-fo #contentNB .col .w40 > .box.tema:nth-child(2n), .ty-f1 #contentNB .col .w40 > .box.tema:nth-child(2n), .ty-f3 #contentNB .col.w40 > .box.tema:nth-child(2n), .ty-nf #contentNB .col .w40 > .box.tema:nth-child(2n), .ty-sm #contentNB .w40 > .box.fact:nth-child(2n) {
	float: right;
	margin-right: 8px;
	margin-left: 0;
}
.ty-fo #contentNB .col .w40 > .row, .ty-f1 #contentNB .col .w40 > .row, .ty-f3 #contentNB .col.w40 > .row {
	width: 100%;
	clear: none;
	float: left;
}
.u-skoda.ty-fo #contentNB .w40 #linkR1h.row .box.tema, .u-skodajun.ty-fo #contentNB .w40 #linkR1h.row .box.tema {
	width: 47.5%;
	float: right;
}
.ty-nf #contentNB .col .w40 > .box.bord {
	clear: both;
}
.ty-go.html5 div.col.lastCol.main, .ty-go.html5 article.col.lastCol.main, .ty-go div.navigation, .ty-go nav.navigation {
	width: 100%;
	clear: both;
	float: left;
}
.ty-go div.w75 {
	width: 100%;
	clear: both;
	float: left;
}
.ty-si.html5 div.col.size1of5.navigation, .ty-si.html5 nav.col.size1of5.navigation, 
.ty-si.html5 div.col.lastCol.main, .ty-si.html5 article.col.lastCol.main, .ty-si div.navigation, .ty-si nav.navigation {
	width: 100%;
	clear: both;
	float: left;
}
.ty-si .main div.w25, .ty-si .main aside.w25, .ty-si .main div.w33, .ty-si .main div.w50 {
	width: 50%;
	clear: none;
	float: left;
}
.ty-si div.w75 {
	width: 75%;
	clear: both;
	float: left;
}
.ty-si div.w75:only-child {
	width: 100%;
}
.ty-si .main div.w75 + div.w25, .ty-si .main div.w75 + aside.w25 {
	width: 25%;
	clear: none;
	float: right;
}
.ty-si .main div.w25 > .row, .ty-si .main aside.w25 > .row, .ty-si .main div.w33 > .row, .ty-si .main div.w50 > .row, .ty-si .main div.w25 > .row > .w100, .ty-si .main aside.w25 > .row > .w100, .ty-si .main div.w33 > .row > .w100, .ty-si .main div.w50 > .row > .w100 {
	width: 100%;
}
.ty-si .main .row div.w25.topsection-r, .ty-si .main .row aside.w25.topsection-r, .ty-si .main .row div.w25.topsection-r .box, .ty-si .main .row aside.w25.topsection-r .box {
	float: right;
	width: auto;
}
.ty-si .main .row .topsection-r + .topsection-l {
	clear: none;
}
.ty-si .main .row .w25 + .w25 + .w25 {
	clear: both;
}
.ty-si .main .row .w25 + .w25 + .w25 + .w25 {
	clear: none;
	width: 50%;
}  
.u-e0-3.ty-si .w50 .w50, .u-e4-6.ty-si .w50 .w50, .u-vaerelset.ty-si .w50 .w50 {
	width: 100%;
}
@media (max-width:52em) {
/* to avoid horizontal scrool bar */
.u-skoda #contentoutside > div, .u-skodajun #contentoutside > div, .u-skoda #footeroutside #footerContent, .u-skodajun #footeroutside #footerContent, .u-skoda #headeroutside #header, .u-skodajun #headeroutside #header {
	border-left: none;
	border-right: none;
}
}
@media (max-width:40em) {
/* in medium 50% cols on ty-fo becomes too small */
.ty-fo #contentNB .col .w40 > .box.tema .col, .ty-f1 #contentNB .col .w40 > .box.tema .col, .ty-f3 #contentNB .col.w40 > .box.tema .col, .ty-nf #contentNB .col .w40 > .box.tema .col {
	width: 100%;
	clear: both;
	float: left;
}
.ty-si .main .box.tema .row div.col {
	width: 100%;
	clear: both;
	float: right;
}
.ty-si div.w75, .ty-si .main div.w75 + div.w25, .ty-si .main div.w75 + aside.w25 {
	width: 100%;
	clear: both;
	float: left;
}
}