/** CSS for template nr. ooo4
 *	Tilpasset BeeSite Designer V.4.0
 */


/* 2. CORE TYPOGRAPHY
 * Her kan godt forekomme lidt ændringer mellem templates
-----------------------------------------------------------------------------*/
body {
	overflow-y:scroll;	/* jeg vil helst ha' en scrollbar hele tiden, så baggrunden ikke danser rundt! */
}


html, body {
	height: 100%;
	margin: 0;       	/* skal defineres for at baggrunden går helt til kant! */
	padding: 0;
	position: absolute;
	width: 100%;
}

p {
	margin-top: 0px;
}

/* 4. GLOBAL LAYOUT & TEMPLATE SPECIFIC
 * ... men det er primært her alt det template specifike laves
-----------------------------------------------------------------------------*/


/* Cookie functionality starts here */
/* cookie animation function*/
@keyframes drop{
	from{transform: translateY(100px)}
	to{bottom: 0}
}

.acceptCookies {
	/* Come on Jens, this should be done from the designer!!! */
	box-shadow: #121212 2px 2px 14px 2px;
	text-align: center;
	color: #000000;
	background-color: rgba(255, 255, 255, 0.75);;
	position: fixed;
	padding: 25px;
	left: 0;
	right: 0;
	bottom: 0;
	transition: 1s;
	animation: drop 1s forwards;
	z-index: 1000;
}

 #acceptCookiesBtn {
	/* Come on Jens, this should be done from the designer!!! */	
	background-color: #dcdcdc;
	background-image: none;
 	border: 1px solid #000000;
	cursor:pointer;
 	width:50px;
	margin-left: 20px;
}

/* some different stuff goes here... */
#popup {
	display:none; 
	z-index:1000; 
	position: fixed; 
	left: 0; 
	top: 0;
	width: 100%; 
	height: 100%; 
	background-color: rgba(0, 0, 0, 0.729412); 
	cursor:pointer;
}

#dynamic_popup {
	text-align:center; 
	height: 100%; 
	width: 100%;
}

#dynamic_popup img {
	margin:25px 10px; 
	max-height:calc(100% - 50px); 
	max-width:calc(100% - 20px);
}

/* Header 
-----------------------------------------------------------------------------*/
#headerWrapper > #headerMargin > #headerPadding > .mdDiv_100 {
	padding: 0 !important;
	margin: 0 !important;
	width: 100% !important;
}


/* template specific menu definitioner
-----------------------------------------------------------------------------*/
/* first a few common for top and side- menues */
.menuLvl0 {
	margin: -2px 0;
	padding: 0;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/*
-----------------------------------------------------------------------------*/
/* Then the topmenu */


.topMenu a > .menuCaret, .topMenu a > .menuCaretDwn {		/* , #mobilMenuBar .menuCaret, #mobilMenuBar .menuCaretDwn */
	float: right;
	width: 24px;
	height: 30px;
	margin: -10px;
	padding: 0px;	
}

#menuText {
	position: relative;
	width: calc(100% - 25px);
}

#menuIcon {	/* bør sættes vis designeren */
	position: absolute;
	right: 10px;	
	top: 6px;		
	width: 24px;	
	height: 24px;;
	background-image: url(../gfx/mmenu_hvid_24x24.png);
	cursor: pointer;
}

.topMenu a > .menuCaret > span, .topMenu a > .menuCaretDwn > span {
	border-top: 8px solid #fff;
	border-right: 8px solid rgba(0, 0, 0, 0);
	border-left: 8px solid rgba(0, 0, 0, 0);
	content: "";
	cursor: pointer;
	display: inline-block;
	margin: 10px 0px;
	width: 0px;
}

/*
#mobilMenu > .menuCaret > span, #mobilMenu > .menuCaretDwn span {
	background-image: url(../gfx/mmenu_hvid_24x24.png);
	content: "";
	cursor: pointer;
	display: inline-block;
	width: 25px;
    position: relative;
    right: 15px;
}*/


nav.topMenu {
	-moz-background-clip: padding;     /* Firefox 3.6 */
	-webkit-background-clip: padding;  /* Safari 4? Chrome 6? */
	background-clip: padding-box;      /* Firefox 4, Safari 5, Opera 10, IE 9 */
	display: block;
	width: 100%;
	z-index: 10;
}

#mobilMenuBar {
	cursor: pointer;
	display: none;
	margin: 0 auto;
	left: 0;
/*	line-height: 22px; */
/*	padding: 1px 0; */
/*	position: fixed; 
	top: 24px; */
	text-transform: uppercase;
	width: 100%;
}
/*#mobilMenu {
	color: #FFF;
	margin-left: -10px;
	padding: 8px 15px;
	width: calc(100%);
	text-align:right;
}*/

.topMenu .menuLvl0 ul {
	padding: 0;
}

.topMenu .menuLvl0 {
	list-style: none;
	margin: 0;
	padding: 0;
	/*text-transform: uppercase;*/
	z-index: 20;
}

.topMenu .menuLvl1, .topMenu .menuLvl2, .topMenu .menuLvl3, .topMenu .menuLvl4 {
	border-top: 0;
	box-shadow: 0 15px 15px -12px rgba(0, 0, 0, 0.35);
	list-style: none;
	margin: 0;
	max-height: 0;
	overflow: hidden;
	position: absolute;
	min-width: 250px;
	visibility: hidden;
	z-index: 20;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-ms-transition: all 0.8s;
	-o-transition: all 0.8s;
	transition: all 0.8s;
}

.topMenu .menuLvl2, .topMenu .menuLvl3, .topMenu .menuLvl4 {
	left: 100%;
	top: 0;
}

.topMenu .menuLvl0 li {
	display: inline-block;
	list-style-type: none;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s; 
	z-index: 20;
}

.topMenu .menuLvl1 li {
	display: block;
	position: relative;
	z-index: 20;
}

.topMenu .menuLvl0 a, .topMenu .menuLvl0 a:visited {
	display: block;
	/*padding: 10px 15px;*/
	text-decoration: none;
	z-index: 20;
}

.topMenu .menuLvl0 a.active {
	background-color: rgba(136, 115, 99, 0.8);
}

.topMenu .menuLvl0 > li > a > .menuCaret, .topMenu .menuLvl0 > li > a > .menuCaretDwn {
	display: none;
}

.topMenu .menuLvl1 a {
	padding: 8px 15px;
}



















/*
-----------------------------------------------------------------------------*/
/* and now for the sideMenu */
/*
.sideMenu > ul {
	margin: -2px -12px !important;
}

.sideMenu {
	display: table-cell;
	margin: 8px 0 20px 0;
	max-width: 200px;
	vertical-align: top;
	width: 200px;
	font: inherit;
	overflow: hidden;
	padding-top: 4px;
}

.sideMenu .menuLvl0, .sideMenu .menuLvl1, .sideMenu .menuLvl1 ul {
	padding: 0 0 0 12px;
}

.sideMenu a > .menuCaret, .sideMenu a > .menuCaretDwn {
	float: left;
	width: 24px;
	height: 30px;
	margin: -11px -13px -9px -24px;
	padding: 4px;
}

.sideMenu .menuCaret > span {
	border-left: 6px solid #AAA;
	border-bottom: 6px solid rgba(0, 0, 0, 0);
	border-top: 6px solid rgba(0, 0, 0, 0);
	content: "";
	cursor: pointer;
	display: inline-block;
	margin: 8px;
	width: 15px;
}

.sideMenu .menuCaretDwn > span {
	border-top: 6px solid #AAA;
	border-left: 6px solid rgba(0, 0, 0, 0);
	border-right: 6px solid rgba(0, 0, 0, 0);
	content: "";
	cursor: pointer;
	display: inline-block;
	margin: 12px 0 0 4px;
	width: 1px;
}

.sideMenu .menuLvl1, .sideMenu .menuLvl2, .sideMenu .menuLvl3, .sideMenu .menuLvl4 {
	border-top: 0;
	list-style: none;
	margin: 0;
	overflow: hidden;
	z-index: 20;
}

.sideMenu .menuLvl1 {
	width: 200px;
}

.sideMenu .menuLvl1 li {
	display: list-item;
}

.sideMenu .menuLvl0 a, .sideMenu .menuLvl1 a {
	display: block;
	padding: 4px 15px;
	text-decoration: none;
}


*/





/* Do the magic :) */


.topMenu .menuLvl0 li {
	text-align:left;
}

/*.topMenu .menuLvl0 > li.selected {
	background-color: rgb(236, 220, 189);
}*/
/*
.topMenu .menuLvl0 a:hover, #langTools a:hover {
	background-color: rgba(236, 220, 189, 0.8);
}*/

/*
nav.sideMenu {
	background-color: rgba(26, 98, 216, 0.9);
	width: 220;
}

.sideMenu .menuLvl0 li:hover > a, .sideMenu .menuLvl1 li:hover > a, .sideMenu .menuLvl2 li:hover > a, .sideMenu .menuLvl3 li:hover > a, .sideMenu .menuLvl4 li:hover > a {
	background-color: rgb(26, 98, 216);
}
*/
@media all and (min-width: 800px) {
	.menuLvl0 li:hover, .menuLvl1 li:hover, .menuLvl2 li:hover, .menuLvl3 li:hover {
		overflow: visible,
	}
	
	.menuLvl0 > li:hover > .menuLvl1, .menuLvl1 > li:hover > .menuLvl2, .menuLvl2 > li:hover > .menuLvl3 {
		max-height: 960px;
		max-width: 275px;
		opacity: 0.95;
		visibility: visible;
	}
	
	.menuLvl0:hover, .menuLvl1:hover, .menuLvl2:hover {
		overflow: visible;
	}
}

















/*---------------------------------------------------------------------------*/
/* and language and other tool(-bar)-s */

#langTools {
	float: right;
	margin: 0 20px 0 0;
	text-align: right;
	white-space: nowrap;
	z-index: 20;
}
#langTools a {
	overflow: hidden;
	display: inline-block;
}
#facebookImg {
	background-color: #00785E;
	border: 0;
	padding-right: 3px;
}
#lng_da, #lng_en, #lng_fr, #lng_de {
	background-position: 16px 12px;
	background-repeat: no-repeat;
}
#lng_da {
	background-image: url(../gfx/lng_da_20x14.gif);
}
#lng_en {
	background-image: url(../gfx/lng_en_20x14.gif);
}
#lng_fr {
	background-image: url(../gfx/lng_fr_20x14.gif);
}
#lng_de {
	background-image: url(../gfx/lng_de_20x14.gif);
}

/* Lidt webshop
-----------------------------------------------------------------------------*/

.beeShopFolderDescription {
	border: 1px solid #CCC;
	margin: 10px;
	padding: 10px;
/*	width: 444px; */
}
.beeShopFolderDescription h2 {
	margin-top: 0;
}
.beeShopFolderThumbnails {
	border: 1px solid #CCC;
	color: #000 !important;
	cursor: pointer;
	display: block;
	float: left;
	height: auto;
	margin: 10px;
	height: 240px;
	overflow: hidden;
	padding: 10px;
	position: relative;
	text-decoration: none !important;
	width: 200px;
}
.beeShopFolderThumbnails:hover {
	/*background-image: linear-gradient(0deg, #F7DDC6, #F7F0E9);*/
	border-color: #999;
	box-shadow: 0 15px 15px -12px rgba(0, 0, 0, 0.35);
	border-width: 1px;
}
.beeShopFolderTitle {
	color: #666666;
	font-weight: normal;
	letter-spacing: 1px;
	min-height: 38px;
	text-align: center;
}
.beeShopFolderImageContainer {
	display: block;
	height: 164px;
	margin: 8px auto;
}
img.beeShopFolderImage {
	display: block;
	max-width: 200px;
	max-height: 165px;
	margin: 0 auto;
}
.beeShopProductImage {
	max-width: 300px !important;
	float: left;
	margin: 0 20px 20px 0;
	border-style: solid;
	border-width: 1px;
	border-color: #999;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.35);
}
div.beeShopMiniatures {
	float: left;
	height: 36px;
	margin-top: -10px;
	text-align: center;
	width: 300px;
}
div.beeShopMiniatures img {
	border: 1px solid #CCC;
	cursor: pointer;
	max-height: 32px;
	max-width: 32px;
	padding: 2px;
}
div.beeShopMiniatures img:hover {
	/*background-image: linear-gradient(0deg, #F7DDC6, #F7F0E9);*/
	border-color: #999;
	box-shadow: 0 8px 8px -8px rgba(0, 0, 0, 0.35);
}

.beeShopProductOverskrift {
	color: #666666;
	font-size: 1.25em;
	font-weight: normal;
	letter-spacing: 1px;
}
.beeShopProductText {
	color: #333;
	font-weight: normal;
}
.beeShopProductPrisDiv {
	clear: both;
	margin: 0 0 20px 0;
	width: 100%;
}
.beeShopProductTable {
	border-collapse: collapse;
	width: 100%;
}
.beeShopProductTable th {
	border-bottom: 1px solid #AAA;
	text-align: left;
}
.beeShopProductTable th, .beeShopProductTable td {
	padding: 4px;
}
.beeShopProductTable th.tr, .beeShopProductTable td.tr {
	text-align: right;
}
.beeShopProductTable th.w96, .beeShopProductTable td.w96 {
	width: 96px;
}
.beeShopProductTable th.w48, .beeShopProductTable td.w48 {
	width: 48px;
}
.beeShopVareAntal, .beeShopVariant, .beeShopSize {
	width:75px;
}
.beeShopProductSection {
	position: relative;
}
.beeShopBtns {
	height: 20px;
	margin: 4px 0;
	padding-top: 4px;
	position: relative;
}
.beeShopPNBtn, .beeShopPNDisabled {
	border: 1px solid #CCC;
	color: #000 !important;
	padding: 4px;
}
.beeShopPNBtn:hover {
	border: 1px solid #999;
	box-shadow: 0 15px 8px -9px rgba(0, 0, 0, 0.35);
}
.beeShopPNDisabled {
	opacity: 0.5;
}
.beeShopPNright {
	bottom: 0;
	position: absolute;
	right: 0;
}
#bestilBtn {
	bottom: 0;
	position: absolute;
	right: 0;
}
.exVat {
	font-size: 0.85em;
}
#beeShopUAcc {
	width: 232px;
	display: table-cell;
}
#beeShopBasket, #beeShopLogin, #beeShopNewsl {
	background: #FFF;
	border: 1px solid #CCC;
	min-height: 216px;
	overflow: hidden;
	padding: 10px;
	width: 210px;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-ms-transition: all 0.8s;
	-o-transition: all 0.8s;
	transition: all 0.8s;
}
#beeShopBasket.beeShopBasketHidden, #beeShopLogin.beeShopLoginHidden, #beeShopNewsl.beeShopNewslHidden {
	border: none;
	height: 0;
	min-height: 0;
	width: 0;
	margin: 0;
	padding: 0;
}
#beeShopBasket h2, #beeShopLogin h2 {
	margin-top: 0;
}
#beeShopCloseBasket, #beeShopCloseLogin, #beeShopCloseNewsl {
	background: url(../gfx/close.png) top left no-repeat;
	cursor: pointer;
	float: right;
	height: 22px;
	margin: -8px -8px 4px 4px;
	width: 22px;
}

.customerAddrs {
	position: relative;
}
.userAndPwd, .invoiceAddr, .deliveryAddr {
	width: 320px;
}
.invoiceAddr, .deliveryAddr {
	float: left;
}
.userAndPwd label, .invoiceAddr label, .deliveryAddr label {
	display: block;
	margin: 8px 0;
	position: relative;
	width: 300px;
}
.userAndPwd label input, .invoiceAddr label input, .deliveryAddr label input, .invoiceAddr label select, .deliveryAddr label select {
	position: absolute;
	right: 0;
	top: -5px;
	width: 150px;
}
.invoiceAddr label select, .deliveryAddr label select {
	width: 154px;
}
/* Error messages */
.userAndPwd label span, .invoiceAddr label span, .deliveryAddr label span {
	font-weight: bold;
	color: red;
	position: absolute;
	right: -300px;
	width: 290px;
}

.fullWidthAddr {
	clear: left;
	padding: 12px 0;
}

.basketTable {
	border-collapse: collapse;
	width: 200px;
}
.basketTable .topborder {
	border-top: 1px solid #CCC;
}
.basketTable td, .basketTable th {
	max-width: 92px;
	overflow: hidden;
	text-align: left;
	text-overflow: ellipsis;
	vertical-align: top;
	white-space: nowrap;
}
.basketTable td:nth-child(3), .basketTable th:nth-child(3) {
	text-align: right;
}
.basketTable th:nth-child(4) {
	width: 32px;
}

.basketBigTable {
	border-collapse: collapse;
	width: 100%;
}
.basketBigTable .topborder {
	border-top: 1px solid #CCC;
}
.basketBigTable td, .basketBigTable th {
	overflow: hidden;
	padding: 0 4px;
	text-align: left;
	text-overflow: ellipsis;
	vertical-align: top;
	white-space: nowrap;
}
.basketBigTable th:nth-child(3) {
	max-width: 500px;
}
.basketBigTable .tr {
	text-align: right;
}
.basketBigTable .w96 {
	width: 64px;
}
.basketBigTable .w64 {
	width: 64px;
}
.basketBigTable .w32 {
	width: 32px;
	padding: 0;
}
.beeShopComments {
	width: 99%;
	min-height: 36px;
}
.beeShopAccept {
	float: right;
}
#bestilling_status {
	color: #CCC;
	border-bottom: 1px solid #CCC;
}
#bestilling_status span {
	margin: 0 20px 0 0;
}

#showBasket {
	background: url(../gfx/icon-basket_blk.gif) 16px 8px no-repeat;
}
#showLogin {
	background: url(../gfx/key.png) 2px 2px no-repeat;
	padding-left: 32px !important;
}
#showNewsl {
	background: url(../gfx/icon-email_wht.gif) 4px 4px no-repeat;
	padding-left: 26px !important;
}
#loginFrm label {
	display: block;
	height: 34px;
	position: relative;
	white-space: nowrap;
}
#loginFrm input {
	width: 50%;
	position: absolute;
	right: 0;
}

#forgotPassword, #logout, #createCustomer, #editCustomer {
	display: block;
	margin: 2px 0;
	padding: 2px 0 2px 24px;
}
#forgotPassword {
	background: url(../gfx/icon-ask.gif) 0 -2px no-repeat;
}
#logout {
	background: url(../gfx/icon-exit.gif) 0 -2px no-repeat;
}
#createCustomer {
	background: url(../gfx/icon-customer.gif) 0 -2px no-repeat;
}
#editCustomer {
	background: url(../gfx/icon-edit.gif) 0 -2px no-repeat;
}

/* og selve indholdet
-----------------------------------------------------------------------------*/
.content {
    table-layout: fixed;
    border-collapse: separate;
    display: table;
    margin: 0;
    min-height: 100%;
    width: 100%;
}
.section {
    display: table-cell;
    margin: 0 0;
    padding: 0 0;
    vertical-align: top;
    width: 100%;
}
.section img {
	max-width: 100%;
	height:auto;
}
.section:after {
	clear: both;
	content: " ";
	display: block;
}
.nivoSlider {
	box-shadow: none !important;
	margin: 0 auto 10px;
}
.slider-wrapper h1 {
	color: #FFF;
}
.calendar {
	float: left;
}
#calendar_details {
	float: left;
	margin: 0 0 0 32px;
}
/*.framedDiv {
    margin: 0;
}*/
.tbl {
	border-collapse: separate;
	border-spacing: 20px;
	display: table;
	margin: -20px;
	width: 1040px;
}

/* a few modul definitions */
.mdDiv_100, .mdDiv_75, .mdDiv_66, .mdDiv_50, .mdDiv_33, .mdDiv_25  {
	float: left;
	margin: 5px 5px;
	padding: 5px 0;
}
.mdDiv_100 {
	width: calc(100% - 10px);
}
.mdDiv_75 {
	width: calc(75% - 10px);
}
.mdDiv_66 {
	width: calc(66.6% - 10px);
}
.mdDiv_50 {
	width: calc(50% - 10px);
}
.mdDiv_33 {
	width: calc(33.3% - 10px);
}
.mdDiv_25 {
	width: calc(25% - 10px);
}

.mdDiv_html, .mdDiv_img, .mdDiv_modul {
	/*padding: 15px;*/
}
.mdDiv_galry {
	margin: 0 -15px;
}
.mdDiv_blog {
	margin: 0 -15px;
}
.slider-wrapper h1 {
	color: #FFF;
}

button a {
	color: #000 !important;
	text-decoration: none;
}

/*
Nyheds modulet
-----------------------------------------------------------------------------*/

.newsLinkWrapper h2 {
	margin: 0px;
}

/* først muligheden for at sætte det hele i en kasse, evt. med hover */
.mdDiv_news {
    margin: 0 20px 0 0;
    width: calc(100% + 20px);
}
/*
.mdDiv_news:hover {
	border: 5px solid #aaa;
}*/

.newsLink {
	
	border: 1px solid rgba(0, 0, 0, 0.08);
	border-radius: 8px;
    color: #666 !important;
    cursor: pointer;
    display: block;
    float: left;
    /* height: auto; */
    margin: 10px 18px 10px 0;
    /* min-height: 88px; */
    padding: 10px;
    position: relative;
    text-decoration: none !important;
    transition: margin .1s cubic-bezier(0.2,0.2,0.5,4.0) 0;
    /*width: calc(25% - 43px);	/* sætter 4 kasser */
	overflow: hidden;
	
}
	
/*.newsLink:last-child {
    margin-right:0;		/* drop maring på sidste kasse 
}*/

.newsLink:hover {
	box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.12);
	border: 1px solid rgba(0, 0, 0, 0.25);
}
.newsLink:active {
	border-color: #0072bb;
	box-shadow: 0 12px 12px -12px rgba(0, 0, 0, 0.35);
	border-width: 1px;
	color: #000;
	
}
.newsLink img {
	max-width: 100%;
	max-height: 200px;
	height: auto;
}
.newsImage {
	text-align: center;
}
.newsDate {
	display: none;
	position: absolute;
	margin: 5px;
	
}

/*
Blog modulet
-----------------------------------------------------------------------------*/
.blogWrpr > div {
	/*margin: -25px -15px -15px -15px;	/* compensate for mdDiv_xxx margin */
}
.blogWrpr {
	/*background: #fff;*/
	/*border-bottom: 1px solid #888888;*/
	-webkit-transition: max-height 0.25s linear;
	-moz-transition: max-height 0.25s linear;
	-ms-transition: max-height 0.25s linear;
	-o-transition: max-height 0.25s linear;
	transition: max-height 0.25s linear;
	min-height: 250px;
	max-height: 250px;	/* OBS!!! Ændre man højden her, skal højden i template.js også ændres - da de hænger sammen */
	overflow: hidden;
	position: relative;
	border: 1px solid rgba(0, 0, 0, 0.08);
	border-radius: 8px;
	padding: 0 15px;
	margin: -0 9px 25px 9px;
	cursor: pointer;
}
.blogWrpr:hover {
	box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.12);
	border: 1px solid rgba(0, 0, 0, 0.25);
}
.blogMore {
    background: linear-gradient( 0deg, #ffffff, rgba(255, 255, 255, 0.75) 50%, rgba(255, 255, 255, 0));
    width: calc(100% - 20px);
    height: 60px;
    bottom: 0px;
    color: #50a7c3;
    cursor: pointer;
    padding: 0px 0px 0px 22px;
    margin: 0px -16px;
    position: absolute;
}

.blogMore div {
    background-color: #666666;
    width: 100px;
    padding: 3px 0 3px 13px;
    margin: 37px 0 0 -22px;
    color: #ffffff;
    font-size: 15px;
    border-radius: 0px 8px 0 8px;
}

/*
Nyhedsbrev modulet
-----------------------------------------------------------------------------*/

#newsLtrFrm {
}
#newsLtrFrm label, #newsLtrFrm span {
	display: block;
	margin: 8px 0;
	text-align: right;
}
#newsLtrFrm label.error {
	color: red;
}
#newsLtrFrm label input[type="text"] {
	width: 75%;
	margin-left: 4px;
}
#newsLtrFrm label.error input[type="text"] {
	border-color: red;
}

.kartotekWrapper {
	padding:10px;
}
.kartotekRow {
	margin-top: 4px;
}
.kartotekLabel {
	display: block;
	font-weight: bold;
}
.kartotekInput {
	max-width: 100%;
}
.kartotekCheckbox {
	display: inline;
	white-space: pre;
}
.kartotekCheckbox:before {
	clear: right;
	content: ' ';
	display: block;
}
.kartotekBtns {
	margin: 8px 0;
	text-align: right;
}
.kartotekFejl {
	color: #990000;
}

.beeSiteMap {
	padding: 8px;
}
.beeSiteMap > a {
	display: inline-block;
	padding-top: 12px;
}
.beeSiteMap > div {
	margin-left: 12px;
}

.madeBy {
	bottom: 64px;
	right: 0;
	position: fixed;
}
.madeBy img {
	border: none;
}

/* og til sidst en footer
-----------------------------------------------------------------------------*/
/*.footerSpace {
	clear: both;
	padding-bottom: 82px;	/* = højde + 2 * frirum af footer 
} */

footer {
	position: relative;
	clear: both;
	z-index: 100;
}

img {
	max-width: 100%;
	height: auto;
}
/*
footer > div {
	box-shadow: 0 15px 15px -12px rgba(0, 0, 0, 0.35);
} */

/* og endelig laver vi det hele responsivt
-----------------------------------------------------------------------------*/
/* Først overskriver vi lige et par størrelser fra stylesheet_1.css */
@media all and (min-width: 800px) {
	.menuLvl0 > li:hover > .menuLvl1, .menuLvl1 > li:hover > .menuLvl2, .menuLvl2 > li:hover > .menuLvl3 {
		max-height: 960px;
		max-width: 800px;
		overflow: visible;
	}
}

/*-----XGA / IPAD 1024 X 768 ----------------------------------------------------------------------*/
@media all and (max-width: 1024px) {

	#topMenuHolder, #mobilMenuBar, main, #headerWrapper, #pageWrapper, #footerWrapper {
   		width: 100% !important;
	}
	
	.topMenu .menuLvl0 li {
		margin: auto 5px !important;
	}	
	

}

/*---------------------------------------------------------------------------*/
@media all and (max-width: 801px) {

/*
	.content {
		border-spacing: 0;
		display: block;
		margin: 0;
		width: 100%;
	}
	.section {
		display: block;
		margin-top: 0;
		padding: 15px 0;
		width: 100%;
	}
	.framedDiv {
		margin-top: 0;
	}*/

	
/*
	img {
		width: 100%;
		height: auto;
	}
*/
	
	#pageWrapper {
		height: auto !important;
	}

	.mdDiv_100, .mdDiv_75, .mdDiv_66, .mdDiv_50, .mdDiv_33, .mdDiv_25  {
		float: none;
		width: 100% !important;	/* skal være important, så den overskriver værdier sat i Editoren */
		margin: 0px !important;
		padding: 0px !important;
	}
	a > .menuCaret, a > .menuCaretDwn {
/*		border-left: thin solid #FFE682;
*/		float: right;
		margin: -10px; 
	}

	.topMenu .menuLvl0 li {
		margin: auto 0;
	}
	
	.topMenu .menuCaret > span, .topMenu .menuCaretDwn > span {
		content: " ";
		display: inline-block;
		margin: 5px 0px;
		width: 20px;
		height: 20px;
	}
	#topMenuHolder, #mobilMenuBar {
		display: block;
		width: 100%;
	}
	nav.sideMenu {
		display: none;
	}
	#langTools {
		margin-top: -28px;
		margin-right: 0;
	}
	
	.newsLink {
		margin: 20px 0px;
		padding: 10px;
		position: relative;
		text-decoration: none !important;
		width: calc(100% - 30px);
	}
	
	
	/*box-shadow: 0 15px 15px -12px rgba(0, 0, 0, 0.35);
    display: block;
    max-height: 0;
    /* max-width: none; */
    /* overflow: hidden; */
    /* position: absolute; */
    /* left: 0px; 
    visibility: hidden;
    /* width: 600px; 
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -ms-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
    /* margin: 0 20px; */
    /* padding: 0px; */
    /* width: calc(100% - 40px); */
	
	.topMenu .menuLvl0 li {
		display: block;
	}
	.topMenu .menuLvl1, .topMenu .menuLvl2, .topMenu .menuLvl3, #mobilMenuBar {
		box-shadow: none;
		left: 0;
		max-width: none;
		position: relative;
		width: 100%;
	}
	/*#mobilMenuBar {
		width: 540px;
	}*/
	.topMenu .menuLvl1  {
		top: 0;
	}
	.topMenu .menuLvl0 li {
		display: block;
		position: relative;
	}
	/*
	.topMenu .menuLvl1 a {
		padding-left: 40px;
	}
	.topMenu .menuLvl2 a {
		padding-left: 65px;
	}
	.topMenu .menuLvl3 a {
		padding-left: 90px;
	}
	*/
	.topMenu .menuLvl0 > li > a > .menuCaret, .topMenu .menuLvl0 > li > a > .menuCaretDwn {
		display: inline-block;
	}

	/*------ webshwop ------*/
	#beeShopUAcc {
		padding-left: 5px;
		width: 200px;
	}
	.beeShopVareAntal, .beeShopVariant, .beeShopSize {
		width:64px;
	}
	#bestilling_status span {
		margin: 0;
	}
	.beeShopAccept {
		text-align: right;
		white-space: normal;
	}
}
















/* Mobiltelefoner */
@media all and (max-width: 500px) {

/*
	#headerWrapper {
		height: inherit !important;
	}
	
	#headerMargin, #headerPadding {
		padding: 5px !important;
	}
	
	#pageMargin {
		margin: 0 5px !important;
	}
	
*/
}