/**
 * =============================================================
 * RAXO All-mode K2 J3.0 - Template CSS
 * -------------------------------------------------------------
 * @package		RAXO All-mode K2
 * @subpackage	All-mode Portal Template
 * @copyright	Copyright (C) 2009-2013 RAXO Group
 * @license		RAXO Commercial License
 * 				This file is forbidden for redistribution
 * @link		http://raxo.org
 * =============================================================
 */


/* ----- RESET Styles ----- */
.allmode-fronttop .allmode-name, .allmode-fronttop .allmode-showall,
.allmode-fronttop .allmode-title, /*.allmode-fronttop img,*/
.allmode-fronttop ul, .allmode-fronttop li {
	margin: 0; padding: 0;
	text-transform: none; border: 0 none;
}
.allmode-fronttop a {text-decoration: none;}
.allmode-fronttop :focus {outline: 0;}
.allmode-fronttop .allmode-clear {clear: both; height: 0;}


/* ----- MODULE BOX Styles ----- */
.allmode-fronttop {
	position: relative;
	margin-bottom: 19px; padding-top: 12px;
	overflow: hidden;
}
.allmode-fronttop .allmode-name {													/* Module Block NAME */
	margin: -32px 0 -4px; padding-left: 2px;
	height: 32px;
	font: bold 14px/30px "Verdana","Geneva",sans-serif;
	border-top: 3px solid #148cd7;
}
.allmode-fronttop .allmode-name a {
	font-weight: bold;
}
.allmode-fronttop .allmode-showall {												/* "Show All" TEXT */
	position: absolute;
	top: 9px; right: 2px;
	font: normal 11px/17px "Verdana","Geneva",sans-serif;
	text-align: right;
	color: #7d7d7d;
}


/* ----- TOP ITEMS Styles ----- */
.allmode-fronttop .allmode-topbox {												/* TOP Items DIV */
	float: left;
	padding-top: 10px;
	width: 100%;
	overflow: hidden;
	/*background: #000000;*/
	/*border-top: 2px solid #c8c8c8;*/
}
.allmode-fronttop .allmode-topitem {												/* TOP Item DIV */
	padding-bottom: 8px;
	min-width: 140px;
	overflow: hidden;
}
.allmode-img {												/* TOP Item IMAGE */
	/*float: right;*/
	margin: 0 2px 8px 0; padding: 1px;
	/*border: 1px solid #000000; background-color: #c8c8c8;*/
	/*-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;*/
}
.allmode-fronttop .allmode-topitem .allmode-title {								/* TOP Item TITLE */
	margin: 0 0 6px 10px;
	font: bold 20px/22px "Droid Serif";
}
.allmode-fronttop .allmode-topitem .allmode-title a, .allmode-fronttop .allmode-topitem .allmode-title a:hover {
	color: black;
	font-weight: 800;
	text-decoration: none;
}
.allmode-fronttop .allmode-topitem .allmode-text {								/* TOP Item TEXT */
	font: normal 12px/18px "Verdana","Arial",sans-serif;
	/*color: #484848;*/
}
.allmode-fronttop .allmode-topitem .allmode-readmore a {							/* TOP Item READ MORE */
	font: bold 10px/18px "Verdana","Geneva",sans-serif;
}


/* ----- ITEMS Styles ----- */
.allmode-fronttop .allmode-itemsbox {
	position: relative;
	float: right;
	margin-right: -16px;
	width: 50%;
	/*border-top: 2px solid #c8c8c8;*/
}
.allmode-fronttop .allmode-items {												/* Items UL */
	margin: 10px 16px 0 0;
	overflow: hidden;
}
.allmode-fronttop .allmode-item {													/* Item LI */
	display: none;
	margin-bottom: 6px; padding-bottom: 3px;
	overflow: hidden;
	list-style: none; background: none;
	text-align: left;
	border-bottom: 1px dotted #c8c8c8;
}
.allmode-img img {								/* Item IMAGE */
	float: left;
	margin-right: 10px; 
	/*border: 1px solid #c8c8c8; background-color: #c8c8c8;*/
}
.allmode-fronttop .allmode-item .allmode-title {									/* Item TITLE */
	margin: 0 0 3px 0;
	font: bold 14px "Droid Serif";
	font-weight: 700;
}
.allmode-fronttop .allmode-item .allmode-title a {
	/*font-weight: bold;*/
}


/* ----- FIELDS Styles ----- */
.allmode-fronttop .allmode-details {												/* Details DIV */
	margin-bottom: 4px;
	font: normal 10px/15px "Verdana","Geneva",sans-serif;
	color: #7d7d7d;
}
.allmode-fronttop .allmode-details span {
	padding-right: 7px;
}
.allmode-fronttop .allmode-details a {
	font-size: 10px;
	color: #7d7d7d;
	border-bottom: 1px dotted #cccccc;
}
.allmode-fronttop .allmode-details a:hover {
	color: #222222;
	border-color: #cccccc;
}


/* ----- PAGE Switcher ----- */
.allmode-fronttop .allmode-pagenav {												/* News PAGES */
	position: absolute;
	top: -24px; left: -6px;
	overflow: hidden;
	font: 11px/17px "Verdana","Geneva",sans-serif;
}
.allmode-fronttop .allmode-pagenav a {											/* Page LINKS */
	display: block;
	float: left;
	margin: 0 2px; padding: 0 4px;
	height: 17px; line-height: 17px;
}
	.allmode-fronttop .allmode-pagenav a:hover {
		background-color: #f5f5f5;
		border-radius: 2px;
	}
	.allmode-fronttop .allmode-pagenav a.active-page {
		color: #333333 !important;
		font-weight: normal;
		background-color: #d1d1d1;
		border-radius: 2px;
	}
.allmode-fronttop .allmode-pagenav .previous-link,
.allmode-fronttop .allmode-pagenav .next-link {									/* PREV & NEXT */
	color: #7d7d7d !important;
}
.allmode-fronttop .allmode-pagenav .first-link,
.allmode-fronttop .allmode-pagenav .last-link {									/* FIRST & LAST */
	display: none;
	font-size: 14px;
}


/* ----- RESPONSIVE Layout ----- */
@media (max-width: 767px) {
	.allmode-fronttop .allmode-topbox,
	.allmode-fronttop .allmode-itemsbox,
	.allmode-fronttop .allmode-items {
		margin: 0;
		width: 100%;
	}
	.allmode-fronttop .allmode-itemsbox {
		padding: 24px 0;
		border: none; border-bottom: 2px solid #c8c8c8;
	}
	.allmode-fronttop .allmode-pagenav {
		top: auto; bottom: 4px;
	}
}




.allmode-topbox-red {
	background:#bd1a1d;
}
.allmode-title-red, .allmode-title-red a, .allmode-title-red a:hover {
	font-size:36px;
	line-height:40px;
	color: #FFFFFF;
}
.allmode-text-red {
	color:#FFFFFF;
	margin-left:10px;
}
.portal-red .allmode-name, .portal-red .allmode-name a,
.portal-red .allmode-showall a,
.portal-red .allmode-img a:hover img,
.portal-red .allmode-title a:hover,
.portal-red .allmode-topitem .allmode-readmore a,
.portal-red .allmode-details a,
.portal-red .allmode-pagenav a {
	color: #bd1a1d;
	border-color: #d22a8c;
}

.allmode-boxcolour-sort {
	background:#000000;
	padding:10px;
	border: 1px solid black;
	border-radius: 6px;
}
.allmode-boxcolour-brun {
	background:#bd1a1d;
	padding:10px;
	border: 1px solid black;
	border-radius: 6px;
}
.allmode-boxcolour-gul {
	background:#FFF500;
	padding:10px;
	border: 1px solid black;
	border-radius: 6px;
}
.allmode-boxcolour-hvid {
	border-bottom: 10px solid #bd1a1d;
}
.allmode-frontrub-gul {
	position: relative;
	margin-bottom:10px;
	width: 80px;
	height: 20px;
	background:#FFFD00;
	padding-left:5px;
	font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";
}
.allmode-frontrub-brun {
	position: relative;
	margin-bottom:10px;
	width: 80px;
	height: 20px;
	background:#bd1a1d;
	padding-left:5px;
	font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";
}
.allmode-frontrub-hvid {
	position:relative;
	margin-bottom:10px;
	width: 80px;
	height: 20px;
	background:#FFFFFF;
	padding-left:5px;
	font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";
}
.allmode-frontrub-sort {
	position: relative;
	top:0px;
	margin-bottom:10px;
	margin-top:0px;
	width: 60px;
	height: 18px;
	background:#000000;
	padding:2px 5px;
	font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";
	color: #FFFFFF;
}
.allmode-img-sort img {												/* TOP Item IMAGE */
	float: right;
	margin-left:10px;
	border: 1px solid #000000; background-color: #c8c8c8;
	/*-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;*/
}
.allmode-img-brun img {												/* TOP Item IMAGE */
	float: right;
	margin-left:10px;
	border: 1px solid #000000; background-color: #c8c8c8;
	/*-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;*/
}
.allmode-img-gul img {												/* TOP Item IMAGE */
	float: right;
	margin-left:10px;
	border: 1px solid #000000; background-color: #c8c8c8;
	/*-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;*/
}
.allmode-img-hvid img {												/* TOP Item IMAGE */
	float: right;
	margin-left:10px;
	border: 1px solid #000000; background-color: #c8c8c8;
	/*-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;*/
}
.allmode-title-sort, .allmode-title-sort a, .allmode-title-sort a:hover {
	font-size:36px;
	line-height:40px;
	color: #FFFFFF;
}
.allmode-text-sort {
	font: normal 12px/18px "Verdana","Arial",sans-serif;
	color:#FFFFFF;
}
.allmode-title-hvid, .allmode-title-hvid a, .allmode-title-hvid a:hover {
	margin:10px 0;
	font-size:36px;
	line-height:40px;
	color: #000000;
}
.allmode-text-hvid {
	font: normal 12px/18px "Verdana","Arial",sans-serif;
	color:#000000;
}
.allmode-title-brun, .allmode-title-brun a, .allmode-title-brun a:hover {
	font-size:36px;
	line-height:40px;
	color: #FFFFFF;
}
.allmode-text-brun {
	font: normal 12px/18px "Verdana","Arial",sans-serif;
	color:#FFFFFF;
}
.allmode-title-gul, .allmode-title-gul a, .allmode-title-gul a:hover {
	font-size:36px;
	line-height:40px;
	color: #000000;
}
.allmode-text-gul {
	font: normal 12px/18px "Verdana","Arial",sans-serif;
	color:#000000;
}