/**
 * Template stylesheet for article final
 *
 * @author HAAN <haan@fynskemedier.dk>
 */

div.flexblock-article-final {
	overflow:hidden;
	padding-bottom:5px;
}

div.table.splitblock {
	margin:0;
	padding:0;
	border:none;
}

div.table.splitblock.js-rendered > div.row > div.column > div.column-content > div.content.js-rendered > div.article {
	height:100%;
}

div.table.splitblock.js-rendered > div.row > div.column > div.column-content > div.content.js-rendered > div.article > div.flexblock-article {
	height:100%;
	padding-bottom:0;
}

div.table.splitblock > div.row > div.column > div.column-content {
	overflow:hidden;
	margin-right:6px;
	min-height:1px;
}

div.table.splitblock div.row > div.column.column-center > div.column-content {
	margin-left:5px;
}

div.table.splitblock div.row > div.column.column-right > div.column-content {
	margin-right:0px;
	margin-left:5px;
}

div.table.splitblock div.row > div.column-100.column-center > div.column-content {
	margin-left: 0px;
	margin-right: 0px;
}

div.table.splitblock div.row > div.column > div.column-content > div.content {
	margin-bottom:10px;
}

div.flexblock-article-final p.text {
	/*font-size:1.2em;*/
}

div.flexblock-article-final p.text strong.category {
	text-transform:uppercase;
}

div.flexblock-article-final p.text > a {
	text-decoration:none;
	color:#000000;
}

div.flexblock-article-final h2.title {
	font-size:42px;
}

div.table.splitblock div.column-20 div.flexblock-article-final h2.title,
div.table.splitblock div.table.splitblock div.column-33 div.flexblock-article-final h2.title,
div.table.splitblock div.table.splitblock div.column-40 div.flexblock-article-final h2.title,
div.table.splitblock div.table.splitblock div.column-50 div.flexblock-article-final h2.title {
	font-size:22px;
}

div.flexblock-article-final h2.title a {	
	color:#000000;
	text-decoration:none;
}

div.flexblock-article-final p.text,
div.flexblock-article-final h2.title {
	margin:.5em 5px;
}

div.flexblock-article-final a.image {
	position:relative;
	display:block;
	margin:0px;
	line-height:0;
}

div.flexblock-article-final ul.menu.related-articles {
	list-style:square;
	font-size:18px;
	line-height:18px;
	margin-right:10px;
	margin-left: -16px;
	margin-top: -5px;
}

div.flexblock-article-final ul.menu.related-articles li.item {
	padding:0px;
	margin:0px;
}

div.flexblock-article-final ul.menu.related-articles li.item a {
	font-size:12px;
	margin:0px;
	line-height:12px;
	text-decoration:underline;
	color:#000000;
	display:block;
	padding:4px 0;
}

div.flexblock-article-final ul.menu.related-articles li.item a:hover {
	/*text-decoration:underline;*/
}

/**
 * Template stylesheet for article final 1
 *
 * @author HAAN <haan@fynskemedier.dk>
 */
div.flexblock-article-final-1 {
	background-color:#E4E6E5;
}

div.flexblock-article-final-2 ul.menu.related-articles li.item {
	color:#000000;
}

/**
 * Template stylesheet for article final 3
 *
 * @author HAAN <haan@fynskemedier.dk>
 */
div.flexblock-article-final-3 {
	background-color:#000000;
}

div.flexblock-article-final-3 a.image img {
	margin:10px;
}

div.flexblock-article-final-3,
div.flexblock-article-final-3 p.text a,
div.flexblock-article-final-3 h2.title a,
div.flexblock-article-final-3 ul.menu.related-articles li.item a {
	color:#FFFFFF;
}

/**
 * Template stylesheet for article final 4
 *
 * @author HAAN <haan@fynskemedier.dk>
 */
div.flexblock-article-final-4 {
	background-color:#000000;
}

div.flexblock-article-final-4,
div.flexblock-article-final-4 h2.title a,
div.flexblock-article-final-4 ul.menu.related-articles li.item a {
	color:#FFFFFF;
}

/**
 * Template stylesheet for article final 5
 *
 * @author HAAN <haan@fynskemedier.dk>
 */
div.flexblock-article-final-5 {
	background-color:#000000;
}

div.flexblock-article-final-5,
div.flexblock-article-final-5 p.text a,
div.flexblock-article-final-5 h2.title a,
div.flexblock-article-final-5 ul.menu.related-articles li.item a {
	color:#FFFFFF;
}

div.flexblock-article-final-5 a.image {
	float:left;
}

div.flexblock-article-final-5 a.image img {
	margin:10px 10px 5px; /* The 5px bottom adds up with the article bottom of 5px and becomes 10px */
}

div.flexblock-article-final-5 h2.title {
	font-size:2em;
}

div.flexblock-article-final-5 ul.menu.related-articles {
	clear:both;
}

div.flexblock-article-final-5 div.text-wrap {
	float:right;
	width:50%;
}

/**
 * Template stylesheet for article final 6
 *
 * @author HAAN <haan@fynskemedier.dk>
 */
div.flexblock-article-final-6 {
	background-color:#000000;
}

div.flexblock-article-final-6,
div.flexblock-article-final-6 p.text a,
div.flexblock-article-final-6 h2.title a,
div.flexblock-article-final-6 ul.menu.related-articles li.item a {
	color:#FFFFFF;
}

/**
 * Template stylesheet for (meta) selected flexblock backgrounds
 */

div.bg-style-grey h2.title a, div.bg-style-grey p.text a {
	color: black;
}