/* 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;
}
.u-unic #header #headerH2, .u-english #header #headerH2, .u-intra #header #headerH2 {
	height: 55px;
} 
#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;
}  
#UNICbody.u-unic .col .tlf.onlyScreen, #UNICbody.u-intra .col .tlf.onlyScreen {
  display: inline-block;
}
/* 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);
}

/* small size */
#UNICbody, #UNICbody-ie9 {
	width: 100%;
	max-width: 479px;
	min-width: 280px;
	margin: 0 auto 0 auto;
}
#UNICexpander {
	min-width: 280px;
}
/* EMULINE only modifications */
#emulinie {
	font-size: 10px;
}
#emulinie #emulinieLogo {
	background: #9FC5DE url(/images/emulinie/logobg.gif) repeat-x top left;
	display: block;
}
#emulinie #emulinieLogo a {
	background-image: url(/images/emulinie/logo-handheld.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	display: block;
	width: 130px;
	height: 20px;
}
#emulinie #emulinieLogo img {
	display: none;
}
#emulinie #emulinieLinks {
	padding: 3px 6px 3px 6px;
	display: block;
}
#emulinie #emulinieLogin {
	padding: 3px;
	width: 42px;
}
#emulinie #emulinieLinks ul {
	text-indent: 0;
	margin: 0;
	padding: 0;
}
#emulinie #emulinieLinks ul li {
	display: none;
}
#emulinie #emulinieLinks ul li.emulinieFlere {
	display: inline;
	margin-left: 0;
}
#emulinie #emulinieLinks ul li.emulinieFlere strong {
	font-weight: normal;
}
#emulinie #emulinieLogin #emulinieLoginGfx {
	display: none
}
#emulinie #emulinieLogin a#emulinieUniloginLink {
	display: block
}
#emulinie #emulinieLogin #emulinieUniloginLink span {
	margin: 0!important;
}
#emulinie a, #emulinie a.flere {
	text-decoration: underline;
}
/* EMULINE */
/* head section */
#UNICbody #headeroutside div#header.randomBgImage {
	background: #00457e url(/images/emu12/emu-smartphonebg.jpg) center top no-repeat;
	background-position: center top!important;
}
#header h1, #header h1 a {
	color: #ffffff;
	font-size: 1.2em;
	font-weight: bold;
}
#header h1 {
	padding: 0.3em 0 0 0.5em;
}
#headeroutside #header #searchForm {
	display: none;
}
#UNICbody .onlyMobile {
	display: block!important;
}
/* end head section */     


.w33 .box-i .fade {background: transparent url(http://css.emu.dk/images/emu12/overlay.png) 144px top repeat-y;}                       
.w60 .w33 .box-i .fade {background: transparent url(http://css.emu.dk/images/emu12/overlay.png) 30px top repeat-y;}                       
.w40 .box-i .fade {background: transparent url(http://css.emu.dk/images/emu12/overlay.png) 244px 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}

/* BFI to overwrite js set height */
.ty-fo #linkR1 div.box-i[style*="height"], .ty-fo #linkR1h div.box-i[style*="height"], .ty-nf div.box-i[style*="height"], .u-intra.ty-f3 .w60 .w33 div.box-i[style*="height"], .ty-si div.box-i[style*="height"] {
	height: auto!important;
}
.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  .row, .ty-fo #contentNB .col .w40 > .box.tema, .ty-f1 #contentNB  .row, .ty-f1 #contentNB .col .w40 > .box.tema, .ty-f3 #contentNB  .row, .ty-f3 #contentNB .col.w40 > .box.tema, .ty-nf #contentNB .col .w40 > .box.tema, .ty-nf #contentNB .col .w40 > .box.bord, .ty-sm #contentNB .w40 > .box.fact {
	width: auto;
	clear: none;
}
.ty-fo #linkR1 {
	margin-left: 8px;
	margin-right: 8px;
}
.ty-fo #linkR1 .w33 {
	width: 100%;
	margin-bottom: 8px;
}
.ty-fo #linkR1 .w33 .box {
	margin-left: 0;
	margin-right: 0;
}
.ty-nf .topsection-l .w33, .ty-nf .topsection-l .link4c {
	width: 100%;
}
.ty-nf .topsection-l p.mmlKompakt, .ty-nf .topsection-l .link4c ul {
	margin-bottom: 0.5em;
} 
.u-intra.ty-f3 .w60 .w33 { 
	width: 100%;
	clear: both;
	float: left;
}
.ty-go.html5 div.col.lastCol.main, .ty-go.html5 article.col.lastCol.main, .ty-go div.navigation, .ty-go nav.navigation, .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 div.w75, .ty-si .main .row div.w75 + .w25 {
	width: 100%;
	clear: both;
	float: left;
}
.ty-si .main .row .w25, .ty-si .main .row div.w50, .ty-si div.w75 + .w25 .colContainer {
	width: 100%;
	clear: both;
	float: left;
}
.ty-si .main .row div.w75.topsection-l {
	width: 100%;
	clear: both;
	float: left;
}
.ty-si .main .row .w25.topsection-r, .ty-si .main .row .w25.topsection-r .box {
	width: 100%;
	clear: both;
	float: right;
}
.ty-si .main .box.tema .row div.col, .ty-si .main .box.tema .row article.col {
	width: 100%;
	clear: both;
	float: right;
}
.ty-si .box.bord {
	width: auto!important;
} 
.u-e0-3.ty-si .w50, .u-e4-6.ty-si .w50, .u-vaerelset.ty-si .w50 {
	width: 100%;
}   
.u-e0-3.ty-si .main .w50 .row .w50, .u-e4-6.ty-si .main .w50 .row .w50, .u-vaerelset.ty-si .main .w50 .row .w50 {
	width: 50%;
	clear: none;
} 
@media (max-width:22.5em) {
/* in small 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;
}
}