/******************************************/
/* © Apricore 2025                        */
/* http://ungvesthimmerland.dk/           */
/*                                        */
/* Vesthimmerlands Kommunale Ungdomsskole */
/******************************************/

@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap);




/*********************************/
/* Grundlayout og grundtypografi */
/*********************************/
html {
	overflow-x: hidden;
	overflow-y: scroll;
	width: 100%;
	height: 100%;
}

body {
	width: 100%;
	height: 100%;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: top;	/* Gradient */
	background-color:  #383e42;
}

body, td {
	font-size : 15px;
	color : #000000;
	font-family: 'Open Sans', sans-serif;;
}

fieldset {
	border: 1px solid #333332;
	padding: 5px;
}



/************************/
/* Webdokument generelt */
/************************/

a, a:link, a:visited, a:active {
	color : #0e418b;
	text-decoration: underline;
	background-color: #transparent;
}

a:hover {
	color : #ffffff;
	text-decoration: none;
	background-color: #ffff99;
}

.rubrik {font-size: 55px;
	font-weight: normal;
	padding: 0px 0px 5px 0px;
	word-wrap: break-word;
	word-break: keep-all;
	white-space: normal;
}

.underrubrik {	font-size: 18px;
	font-style: normal;
	word-wrap: break-word;
	word-break: keep-all;
	white-space: normal;
}

.lokalmenubar, a.lokalmenubar:link, a.lokalmenubar:visited, a.lokalmenubar:active {
	font-size: 12px;
	text-decoration: none;
}

a.lokalmenubar:hover {
	color : #000000;
}

.broedtekst {
	color : #000000;
}

a:link.broedtekst, a:visited.broedtekst, a:active.broedtekst {
	color : #000000;
	text-decoration: underline;
}

a:hover.broedtekst {
	color : #000000;
	text-decoration: none;
}

.mellemrubrik {font-size: 20px;
	font-weight: bold;
	padding: 8px 0px 8px 0px;
	word-wrap: break-word;
	word-break: keep-all;
	white-space: normal;
}

.lilletekst {
	font-size: 11px;
}

a.lilletekst, a.lilletekst:link,a.lilletekst:visited, a.lilletekst:active {
	text-decoration: none;
}

a.lilletekst:hover {
	text-decoration: underline;
}

.sidetal {
	display: none;
	/* Bruges til initialer i bunden */
	font-size: 11px;
}



/***********************/
/* Page Toolbar        */
/***********************/
.pageToolBarContainer {
	font-size: 82%;
}

.pageToolBarContainer span {
	margin: 0px 0px 0px 3px;
	background: transparent;
}

.pageToolBarContainer span i {
	/* The background symbol */
	color: inherit;
}

.pageToolBarContainer span a {
	color: inherit;
	text-decoration: none;
}

.pageToolBarContainer span a:hover {
	color: #ffffff;
	background: #000000;
}


/***********************/
/* Drop Down Menu      */
/***********************/
#jsddm {
	/* Generel settings: Remove list-specific margin and padding */
	margin: 0px;
	padding: 0px;
	z-index: 200;
}

#jsddm li {
	/* Level 1: Horizontal list */
	float: left;
	list-style: none;
}

#jsddm li a {
	/* Level 1 menu */
	color: black;
	font-size: 14px;
	text-align: left;
	text-decoration: none;
	font-weight: normal;
	white-space: nowrap;
	display: block;
	padding-right: 24px;
	padding-left: 11px;
}

#jsddm li ul {
	/* Level 2 menu */
	position: absolute;
	top: 238px;
	margin: 0px;
	padding: 0px;
	visibility: hidden;
	z-index: 200;
}

#jsddm li ul li {
	/* Level 2 menu */
	width: 150px;
	float: none;
	display: inline;
	z-index: 200;
}

#jsddm li ul li a {
	/* Level 2 menu */
	color: #ffffff;
	background: url(images/alpha75black.png);
	padding: 6px 12px 6px 12px;
	z-index: 200;
}

#jsddm li ul li a:hover {
	/* Level 2 menu */
	background: black;
}



/************/
/* Billeder */
/************/

.image {
	color: #ffffff; /* Must be set here too, since eg. images in comp_slideshow won't work */
	background-color: transparent;
	border: 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.billedtekst, a.billedtekst, a.billedtekst:link, a.billedtekst:visited, a.billedtekst:active, a.billedtekst:hover {
	color: #ffffff;
	font-size: inherit;
	font-weight: normal;
	padding: 7px 7px 7px 10px;
	text-decoration: none;
}

a.billedtekst:hover {
	text-decoration: underline;
}

table.billedbaggrund, div.billedbaggrund {
	background: #383e42;
}



/********/
/* Menu */
/********/

#top_menu {
	width: 100.0%;
	height: 30px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-color: #000000;	border-width: 0px 0px 0px 0px;
	border-style: solid;
	border-color: black;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
	z-index: 200;
}


#menu_left {
	margin: 0px;
	padding: 0px;
}

/* Level 1 - Vertical */
#menu_left li {
	list-style: none;
	border-bottom: #ffffff dotted 0px;
}

#menu_left li a {
	/* Level 1 menu */
	font-family: inherit;
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration: none;
	color: #ffffff;
	padding: 5px 0px 3px 20px;
	margin: 8px 110px 0px 0px;
	white-space: nowrap;
	display: block;
}

#menu_left li a:hover {
	/* Level 1 menu */
	color: #ffffff;
	background-color: #0e418b;
}

/* Level 2 - Vertical */
#menu_left li ul li {
	list-style: none;
	border-bottom: #ff0000 double 0px;
}

#menu_left li ul {
	padding: 0px;
	margin: 0px;
}

#menu_left li ul li a {
	/* Level 2 menu */
	font-family: inherit;
	font-size: 11px;
	font-weight: normal;
	text-transform: none;
	text-decoration: none;
	color: #ffffff;
	padding: 4px 0px 2px 32px;
	margin: 0px 110px 0px 0px;
	white-space: nowrap;
	display: block;
}

#menu_left li ul li a:hover {
	/* Level 2 menu */
	color: #ffffff;
	background-color: #0e418b;
}

/* Level 3 - Vertical */
#menu_left li ul li ul li {
	list-style: none;
	border-bottom: #ffff00 solid 0px;
}

#menu_left li ul li ul {
	padding: 0px;
	margin: 0px;
}

#menu_left li ul li ul li a {
	/* Level 3 menu */
	font-family: inherit;
	font-size: 11px;
	font-weight: normal;
	text-transform: none;
	text-decoration: none;
	color: #ffffff;
	padding: 3px 0px 1px 44px;
	margin: 0px 110px 0px 0px;
	white-space: nowrap;
	display: block;
}

#menu_left li ul li ul li a:hover {
	/* Level 3 menu */
	color: #ffffff;
	background-color: #0e418b;
}

/* Level 4 - Vertical */
#menu_left li ul li ul li ul li {
	list-style: none;
	border-bottom: #ffff00 solid 0px;
}

#menu_left li ul li ul li ul {
	padding: 0px;
	margin: 0px;
}

#menu_left li ul li ul li ul li a {
	/* Level 4 menu */
	font-family: inherit;
	font-size: 11px;
	font-weight: normal;
	text-transform: none;
	text-decoration: none;
	color: #ffffff;
	padding: 3px 0px 1px 56px;
	margin: 0px 110px 0px 0px;
	white-space: nowrap;
	display: block;
}

#menu_left li ul li ul li ul li a:hover {
	/* Level 4 menu */
	color: #ffffff;
	background-color: #0e418b;
}

/* Level 5 - Vertical */
#menu_left li ul li ul li ul li ul li {
	list-style: none;
	border-bottom: #ffff00 solid 0px;
}

#menu_left li ul li ul li ul li ul {
	padding: 0px;
	margin: 0px;
}

#menu_left li ul li ul li ul li ul li a {
	/* Level 5 menu */
	font-family: inherit;
	font-size: 11px;
	font-weight: normal;
	text-transform: none;
	text-decoration: none;
	color: #ffffff;
	padding: 3px 0px 1px 68px;
	margin: 0px 110px 0px 0px;
	white-space: nowrap;
	display: block;
}

#menu_left li ul li ul li ul li ul li a:hover {
	/* Level 5 menu */
	color: #ffffff;
	background-color: #0e418b;
}

/* Level 6 - Vertical */
#menu_left li ul li ul li ul li ul li ul li {
	list-style: none;
	border-bottom: #ffff00 solid 0px;
}

#menu_left li ul li ul li ul li ul li ul {
	padding: 0px;
	margin: 0px;
}

#menu_left li ul li ul li ul li ul li ul li a {
	/* Level 6 menu */
	font-family: inherit;
	font-size: 11px;
	font-weight: normal;
	text-transform: none;
	text-decoration: none;
	color: #ffffff;
	padding: 3px 0px 1px 80px;
	margin: 0px 110px 0px 0px;
	white-space: nowrap;
	display: block;
}

#menu_left li ul li ul li ul li ul li ul li a:hover {
	/* Level 6 menu */
	color: #ffffff;
	background-color: #0e418b;
}

/* Level 7 - Vertical */
#menu_left li ul li ul li ul li ul li ul li ul li {
	list-style: none;
	border-bottom: #ffff00 solid 0px;
}

#menu_left li ul li ul li ul li ul li ul li ul {
	padding: 0px;
	margin: 0px;
}

#menu_left li ul li ul li ul li ul li ul li ul li a {
	/* Level 7 menu */
	font-family: inherit;
	font-size: 11px;
	font-weight: normal;
	text-transform: none;
	text-decoration: none;
	color: #ffffff;
	padding: 3px 0px 1px 92px;
	margin: 0px 110px 0px 0px;
	white-space: nowrap;
	display: block;
}

#menu_left li ul li ul li ul li ul li ul li ul li a:hover {
	/* Level 7 menu */
	color: #ffffff;
	background-color: #0e418b;
}

.menu_left_level_1_selected {
	color: #ffffff;
	background-color: #0e418b;
}
.menu_left_level_2_selected {
	color: #ffffff;
	background-color: #0e418b;
}
.menu_left_level_3_selected {
	color: #ffffff;
	background-color: #0e418b;
}
.menu_left_level_4_selected {
	color: #ffffff;
	background-color: #0e418b;
}
.menu_left_level_5_selected {
	color: #ffffff;
	background-color: #0e418b;
}
.menu_left_level_6_selected {
	color: #ffffff;
	background-color: #0e418b;
}
.menu_left_level_7_selected {
	color: #ffffff;
	background-color: #0e418b;
}



/************/
/* Formular */
/************/

.input {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color : #333332;
	border: 1px solid #666666;
	margin: 0px;
}

select  {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #71797D;
	font-size: 11px;
	font-weight: normal;
}



/***************/
/***************/
/*** MODULER ***/
/***************/
/***************/

/**************/
/* Afstemning */
/**************/

.poll_container {
	margin-top: 18px;
	border: 5px solid #993300;
	padding: 5px;
	background: #cdd2af;
	text-align: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.poll_overskrift, a.poll_overskrift:link, a.poll_overskrift:visited, a.poll_overskrift:active, a.poll_overskrift:hover {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size : 15px;
	color : #993300;
	font-weight: bold;
	text-decoration: none;
	margin-bottom: 6px;
}

.poll_broedtekst, a.poll_broedtekst:link, a.poll_broedtekst:visited, a.poll_broedtekst:active, a.poll_broedtekst:hover {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size : 13px;
	color : #993300;
	font-weight: normal;
	text-decoration: none;
}

.poll_bar {
	background: #333300;
	margin: 1px 0px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size : 10px;
	color : #ffffff;
	padding: 2px;
	margin: 4px 0px 0px 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.poll_button {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: white;
	font-size: 11px;
	border:  1px solid #000000;
	text-align: center;
	font-weight: bold;
	background: #993300;
}

a:link.poll_button, a:visited.poll_button, a:active.poll_button {
	text-decoration: none;
	border:  1px outset;
	color: black;
}

a:hover.poll_button {
	text-decoration: none;
	border:  1px inset;
	color: black;
}

/************/
/* Kalender */
/************/

.kalender_overskrift {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #333332;
	font-size: 14px;
	font-weight: bold;
}

.kalender_dato {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #8b96a0;
	font-size: 11px;
}

/****************/
/* Klistermærke */
/****************/

.sticker_overskrift, a.sticker_overskrift:link, a.sticker_overskrift:visited, a.sticker_overskrift:active, a.sticker_overskrift:hover {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size : 12px;
	color : #333332;
	font-weight: bold;
	text-decoration: none;
	line-height: 11px;
}

.sticker_broedtekst, a.sticker_broedtekst:link, a.sticker_broedtekst:visited, a.sticker_broedtekst:active, a.sticker_broedtekst:hover {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size : 11px;
	line-height: 11px;
	color : #333332;
	font-weight: normal;
	text-decoration: none;
}



/***********/
/* Nyheder */
/***********/

/* Normal news */
.newsStoryManchet {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family: inherit;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	color: white;
	text-transform: uppercase;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.newsStoryContainer {
	float: left;
	position: relative;
	margin: 0 0 0 0;
	width: 25%;
}

.newsStoryTextContainer {
	position: absolute;
	left: 3%;
	bottom: 3%;
	margin: 0px;
	padding: 3%;
	width: 88.0%;
	color: white;
	font-weight: normal;
	font-size: 12px;
	background: rgb(0, 0, 0); /* fallback color */
	background: rgba(0, 0, 0, 0.5);
}

.newsStoryLinksContainer {
	width: 100%;
	font-family: inherit;
	font-size: 11px;
	margin: 6px 0 0 0;
	padding: 0 0 0 0;
}

.newsStoryLinksContainer div {
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.newsStoryLinksContainer div a {
	font-size: 12px;
	color: #e56314;
	text-decoration: none;
	text-transform: normal;
	background: center right url(images/newsStoryLinkIcon.png) no-repeat;
	padding: 0 21px 0 0;
}

.newsStoryLinksContainer div a:hover {
	text-decoration: underline;
}



/**************/
/* Responsive */
/**************/

#site_container {
	height: 100%;
	background-color: #ffffff;
	height: auto;
	max-width: 1292px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 110px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#site_header {
	width: 100%;
	height: 202px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #transparent;
	background-image: url(images/header.png);
	background-position: left;
	background-repeat: no-repeat;
	font-size: 14px;
	font-weight: 300;
	text-transform: uppercase;
	color: #ffffff;
	border-width: 11px 0px 0px 0px;
	border-style: solid;
	border-color: #000000;
}

#main_content {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	/* Gradient */
	background:  #f9f9f9;
}



/* ----------------------- */
/* Larger than 1128px - PC */
/* ----------------------- */

@media screen and (min-width: 1128px) {
	.hide_for_tablets {
		display: normal !important;
	}
	
	.hide_for_pc {
		display: none !important;
	}
	
	#left_column {
		width: 315px;
		height: 100%;
		padding: 22px 0% 0 0%;
		margin: 0px 0px 0px 0%;
		float: left;
		background-color: #383e42;
		background-image: url(images/menu_bg.png);;
		background-repeat: no-repeat;
		background-position: top right, top left; /* Customer specific */
		display: inline-block; /* Customer specific */
	}
	
	#center_column_frontpage {
		width: 100.0%;
		margin: 0px 0px 0px 0px;
		padding: 0% 0% 0% 0px;;
		float: none;
	}
	
	#center_column_subpage {
		width: 732px;
		margin: 0px auto 0px auto;
		padding: 57px 3% 4% 0px;
		float: none;
	}
	
	#right_column {
		/* The container */
		width: 13.3%;
		margin: 0 4.3% 150px 0;
		padding: 0 0 0 0;
		float: left;
		background-color: #ffffff;
	}
	
	.right_column_list div {
		/* Header over each list in the right column */
		margin: 28px 0px 0px 0px;
		padding: 0px 0px 11px 0px;
		font-family: inherit;
		font-size: 15px;
		font-weight: 300;
		text-transform: uppercase;
		color: 5c5c5c;
			border-bottom: #5c5c5c solid 4px;	}
	
	.right_column_list ul {
		margin: 0px;
		padding: 0px;
	}
	
	.right_column_list li {
		list-style: none;
			border-bottom: #ff9a16 solid 2px;	}
	
	.right_column_list li a {
		font-family: inherit;
		font-size: 16px;
		font-weight: ;
		color: #ff9a16;
		background-color: #;
		padding: 12px 0px 12px 0px;
		margin: 0px 0px 0px 0px;
		text-transform: uppercase;
		text-decoration: none;
		display: block;
		white-space: normal;
		overflow: hidden;
	}
	
	.right_column_list li a:hover {
		text-decoration: underline;
		color: #ff9a16;
		background-color: ;
	}
	





#right_column_list ul li {
	list-style: none;
	border-bottom: 1px solid black;
}

#right_column_list ul li a {
	/* Event title */
	color: black;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	padding: 7px 0px 7px 0px;
}

#right_column_list ul li a span  {
	/* Time */
	float: right;
	font-size: 11px;
}

#right_column_list ul li a span span {
	/* Rich text (Calender) */
	font-size: 12px;
}

#right_column_list ul li a:hover {
	/* Level 1 menu */
	color: white;
	background: #0d2b05;
}
	
	
	#site_footer {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		
		font-size: 12px;
		font-weight: normal;
		text-transform: none;
		color: #ffffff;
		height: 142px;
		padding: 20px 0px 0px 25px;
		margin: 0px 0px 0px 0px;
		
		border-width: 0px 0px 0px 0px;
		border-style: solid;
		border-color: #383e42;
		
		/* Gradient */
		background:  #383e42;
	}
}



/* ---------------------------- */
/* for 1270px or less - Tablets */
/* ---------------------------- */

@media screen and (max-width: 1128px) {
	.hide_for_tablets {
		display: none !important;
	}
	
	.hide_for_pc {
		display: normal !important;
	}
	
	.rubrik {font-size: 45px;} /* Customer specific */
	
	#main_content {
	margin: 0 0 0 0;
	/* Gradient */
	background:  #f9f9f9;
}
	
	#site_header {
		width: 96%;
		margin: 0px 0px 0px 0px;
		padding: 0px 2% 0px 2%;
	}
	
	#site_container {
		margin: 0px; /* Customer specific */
	}
	
	#center_column_frontpage {
		float: none;
		width: 100.0%;
		margin: 0px 0px 0px 0px;
		padding: 0% 0% 0% 0%;
	}
	
	#center_column_subpage {
		float: none;
		width: 92.0%;
		margin: 0px 0px 0px 0px;
		padding: 57px 4% 4% 4%;
	}
			
	#right_column {
		width: 23%;
		padding-right: 2.2%;
		float: left;
	}
	
	#site_footer {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		
		font-size: 12px;
		font-weight: normal;
		text-transform: none;
		color: #ffffff;
		height: 142px;
		padding: 20px 0px 0px 25px;
		margin: 0px 0px 0px 0px;
		
		border-width: 0px 0px 0px 0px;
		border-style: solid;
		border-color: #2d2a32;
		
		/* Gradient */
		background:  #383e42;
	}
}



/* ------------------------- */
/* for 800px or less - Phone */
/* ------------------------- */

@media screen and (max-width: 800px) {
	
	.hide_for_phones {
		display: none !important;
	}
	
	.rubrik {
		font-size: 44px;
	}
	
	.underrubrik {
		font-size: 16px;
	}
	
	.mellemrubrik {
		font-size: 16px;
	}
	
	
	.newsStoryContainer {
		width: 50%;
	}
	
	.rubrik {font-size: 35px;} /* Customer specific */
	
#main_content {
	margin: 0 0 0 0;
	/* Gradient */
	background:  #f9f9f9;
}
	
	#site_header {
		width: 96%;
		margin: 0px 0px 0px 0px;
		padding: 0px 2% 0px 2%;
	}
	
	#center_column_frontpage {
		float: none;
		width: 100.0%;
		margin: 0px 0px 0px 0px;
		padding: 0% 0% 0% 0%;
	}
	
	#center_column_subpage {
		float: none;
		width: 96.0%;
		margin: 0px 0px 0px 0px;
		padding: 0.5% 2% 4% 2%;
	}
	
	#right_column {
		width: 100%;
		float: left;
		width: 95.5%;
		padding: 8px 2.2% 5% 2.3%;
	}
	
	#site_footer {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		
		font-size: 13px;
		font-weight: normal;
		text-transform: none;
		color: #ffffff;
		height: 142px;
		padding: 20px 0px 0px 25px;
		margin: 0px 0px 0px 0px;
		
		border-width: 0px 0px 0px 0px;
		border-style: solid;
		border-color: #2d2a32;
		
		/* Gradient */
		background:  #383e42;
	}	
}




/**********************/
/* Mobile burger menu */
/**********************/

#burger {
	padding: 2% 0px 0px 2%;
	cursor: pointer;
}

#burger div span {
	display: block;
	width: 40px;
	height: 5px;
	clear: left;
	margin: 0 0 6px 0;
	background: #0e418b;
	border-radius: 6px;
}

#mobile_menu {
	display: none;
	padding: 0% 0% 10% 0%;
	width: 67%;
	position: absolute;
	z-index: 1000;
}

.mobile_menu_level_01, a:link.mobile_menu_level_01, a:visited.mobile_menu_level_01, a:active.mobile_menu_level_01, a:hover.mobile_menu_level_01 {
	font-size: 24px;
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
	background-color: #333333;
	display: block;
	padding: 6% 1% 1% 4%;
	border-top: 3px double white;
	border-bottom: 1px dashed white;
}

a:hover.mobile_menu_level_01 {
	background-color: #333333;
}

.mobile_menu_level_02, a:link.mobile_menu_level_02, a:visited.mobile_menu_level_02, a:active.mobile_menu_level_02, a:hover.mobile_menu_level_02 {
	padding: 1% 1% 1% 4%;
	border-top: 1px dotted white;
	text-decoration: none;
	font-weight: bold;
	font-size: 19px;
	color: #ffffff;
	display: block;
	background-color: #333333;
}

a:hover.mobile_menu_level_02 {
	background-color: #333333;
}

.mobile_menu_level_03, a:link.mobile_menu_level_03, a:visited.mobile_menu_level_03, a:active.mobile_menu_level_03, a:hover.mobile_menu_level_03 {
	padding: 1% 1% 1% 12%;
	text-decoration: none;
	font-weight: bold;
	font-size: 16px;
	color: #ffffff;
	display: block;
	background-color: #333333;
}

a:hover.mobile_menu_level_03 {
	background-color: #333333;
}

.mobile_menu_level_04, a:link.mobile_menu_level_04, a:visited.mobile_menu_level_04, a:active.mobile_menu_level_04, a:hover.mobile_menu_level_04 {
	padding: 1% 1% 1% 16%;
	text-decoration: none;
	font-weight: bold;
	font-size: 16px;
	color: #ffffff;
	display: block;
	background-color: #333333;
}

a:hover.mobile_menu_level_04 {
	background-color: #333333;
}

.mobile_menu_level_05, a:link.mobile_menu_level_05, a:visited.mobile_menu_level_05, a:active.mobile_menu_level_05, a:hover.mobile_menu_level_05 {
	padding: 1% 1% 1% 20%;
	text-decoration: none;
	font-weight: bold;
	font-size: 16px;
	color: #ffffff;
	display: block;
	background-color: #333333;
}

a:hover.mobile_menu_level_05 {
	background-color: #333333;
}

.mobile_menu_level_06, a:link.mobile_menu_level_06, a:visited.mobile_menu_level_06, a:active.mobile_menu_level_06, a:hover.mobile_menu_level_06 {
	padding: 1% 1% 1% 24%;
	text-decoration: none;
	font-weight: bold;
	font-size: 16px;
	color: #ffffff;
	display: block;
	background-color: #333333;
}

a:hover.mobile_menu_level_06 {
	background-color: #333333;
}

.mobile_menu_level_07, a:link.mobile_menu_level_07, a:visited.mobile_menu_level_07, a:active.mobile_menu_level_07, a:hover.mobile_menu_level_07 {
	padding: 1% 1% 1% 28%;
	text-decoration: none;
	font-weight: bold;
	font-size: 16px;
	color: #ffffff;
	display: block;
	background-color: #333333;
}

a:hover.mobile_menu_level_07 {
	background-color: #333333;
}

/*****************/
/* Google Search */
/*****************/
#cse-search-results iframe {
	color: red;
}

/*******************************/
/*******************************/
/*** KUNDESPECIFIKKE KLASSER ***/
/*******************************/
/*******************************/

#side_menu {
	width: 315px;
	height: 100%;
	float: left;
	background-color: #2d2a32;
    z-index: 2;
    position: absolute;
    left: -205px;
}

#google_custom_search input[type=text] {
	/* Søgefelt */
	width: 185px;
	height: 27px;
	border: 0px;
	padding-left: 7px;
}

.news_container {
	width: 100.0%;
	float: left;
	margin-left: 0%;
	padding-bottom: 0%;
}

.newsStoryImageOverlay {
    opacity: 0;
    filter: alpha(opacity=0); /* For IE8 and earlier */
}

#logo {
	
}