@charset "UTF-8";
/* CSS Document */


/*
 * Custom fonts
 */
@font-face {
	font-family: 'Roboto-Black';
	src: url('../fonts/Roboto/Roboto-Black.eot');
	src: url('../fonts/Roboto/Roboto-Black%EF%B9%96.eot#iefix') format('embedded-opentype'),
		 url('../fonts/Roboto/Roboto-Black.woff') format('woff'),
		 url('../fonts/Roboto/Roboto-Black.ttf') format('truetype'),
		 url('../fonts/Roboto/Roboto-Black.svg#Roboto-Black') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Roboto-Medium';
	src: url('../fonts/Roboto/Roboto-Medium.eot');
	src: url('../fonts/Roboto/Roboto-Medium%EF%B9%96.eot#iefix') format('embedded-opentype'),
		 url('../fonts/Roboto/Roboto-Medium.woff') format('woff'),
		 url('../fonts/Roboto/Roboto-Medium.ttf') format('truetype'),
		 url('../fonts/Roboto/Roboto-Medium.svg#Roboto-Medium') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Roboto-Regular';
	src: url('../fonts/Roboto/Roboto-Regular.eot');
	src: url('../fonts/Roboto/Roboto-Regular%EF%B9%96.eot#iefix') format('embedded-opentype'),
		 url('../fonts/Roboto/Roboto-Regular.woff') format('woff'),
		 url('../fonts/Roboto/Roboto-Regular.ttf') format('truetype'),
		 url('../fonts/Roboto/Roboto-Regular.svg#Roboto-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'RobotoSlab-Regular';
	src: url('../fonts/RobotoSlab/RobotoSlab-Regular.eot');
	src: url('../fonts/RobotoSlab/RobotoSlab-Regular%EF%B9%96.eot#iefix') format('embedded-opentype'),
		 url('../fonts/RobotoSlab/RobotoSlab-Regular.woff') format('woff'),
		 url('../fonts/RobotoSlab/RobotoSlab-Regular.ttf') format('truetype'),
		 url('../fonts/RobotoSlab/RobotoSlab-Regular.svg#RobotoSlab-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'RobotoSlab-Light';
	src: url('../fonts/RobotoSlab/RobotoSlab-Light.eot');
	src: url('../fonts/RobotoSlab/RobotoSlab-Light%EF%B9%96.eot#iefix') format('embedded-opentype'),
		 url('../fonts/RobotoSlab/RobotoSlab-Light.woff') format('woff'),
		 url('../fonts/RobotoSlab/RobotoSlab-Light.ttf') format('truetype'),
		 url('../fonts/RobotoSlab/RobotoSlab-Light.svg#RobotoSlab-Light') format('svg');
	font-weight: normal;
	font-style: normal;
}


/*
 * Basic styles
 */
* {
	margin:				0px;
	padding:			0px;
	-webkit-box-sizing:	border-box;
	-moz-box-sizing:	border-box;
	box-sizing:			border-box;
}
html, body {
	width:				100%;
	height:				100%;
}
body {
	overflow-x:			hidden;
	overflow-y:			scroll;
	font-size:			13px;
	line-height:		23px;
    font-family:		"RobotoSlab-Regular", serif;
	color:				#333333;
}
header, section, article, aside, nav, footer, div {
	display:			block;
	position:			relative;
}
a > img {
	border:				0px;
}


/*
 * Structure
 */
#bg {
	min-height:			100%;
	min-width:			1024px;
	width:				100%;
	height:				auto;
	position:			fixed;
	top:				0px;
	left:				0px;
}
#sitewrapper {
	width:				100%;
	max-width:			1260px;
	min-height:			100%;
	height:				auto !important;
	height:				100%;
	margin:				0px auto -30px;
	padding:			0px 30px;
}
#sitewrapper > div {
	padding:			0px 0px 30px 0px;
}
#sitewrapper > div:first-child {
	width:				200px;
	float:				left;
}
#sitewrapper > div:first-child + div {
	overflow:			hidden;
}
#sitewrapper > div:first-child + div > header {
	margin:				45px 0px 90px;
	width:				100%;
}
#contentwrapper {
	width:				100%;
	max-width:			700px;
	float:				right;
	padding-left:		40px;
}
#credits {
	position:			relative;
	width:				100%;
	height:				30px;
	line-height:		30px;
}
#credits > a {
	display:			inline-block;
	font-family:		"RobotoSlab-Light";
	font-size:			10px;
	color:				#6498b6;
	text-decoration:	none;
	float:				right;
	margin-right:		10px;
}


/*
 * Navigation
 */
nav {
	text-align:			right;
}
nav > ul {
	display:			inline;
	list-style:			none;
}
nav > ul > li {
	display:			inline-block;
	margin-left:		40px;
	height:				35px;
}
nav a {
	font-family:		"Roboto-Medium";
	font-size:			16px;
	color:				#fff;
	text-decoration:	none;
	text-transform:		uppercase;
}
#navbar_collapsebutton {
	display:			none;
}


/*
 * Contact sidebar
 */
#logo {
	display:			block;
	margin-bottom:		30px;
	width:				100%;
}
#logo img {
	width:				100%;
}

#contact {
	color:				#fff;
	text-transform:		uppercase;
}
#contact b {
	color:				#6498b6;
	font-family:		"Roboto-Black";
	display:			block;
	margin-top:			18px;
}
#contact li a {
	text-decoration:	none;
	color:				#fff;
}
#contact li.phone {list-style-image:	url(../img/icon_phone.png);}
#contact li.mobile {list-style-image:	url(../img/icon_mobile.png);}
#contact li.email {list-style-image:	url(../img/icon_email.png);}

#social {
	margin-top:			18px;
}
#social p {
	font-size:			9px;
	text-transform:		uppercase;
	color:				#6498b6;
	margin-bottom:		6px;
}
#social a {
	text-decoration:	none;
	margin-right:		8px;
}


/*
 * FCE's
 */
.FCE_introtekst {
	font-family:		"Roboto-Medium";
	font-size:			36px;
	color:				#6498b6;
	line-height:		44px;
	text-transform:		uppercase;
	margin-bottom:		135px;
}
.FCE_introtekst b {
	font-family:		"RobotoSlab-Light";
	text-decoration:	underline;
}

.FCE_default {
	display:			block;
	padding:			95px 45px 20px 60px;
	margin-bottom:		120px;
	background:			#fff url(../img/article_background.png) no-repeat left top;
}
.FCE_default h1 {
	font-family:		"Roboto-Medium";
	text-transform:		uppercase;
	font-size:			16px;
	line-height:		23px;
	margin-bottom:		34px;
	color:				#6498b6;
}
.FCE_default h2 {
	font-family:		"Roboto-Black";
	font-size:			14px;
	line-height:		16px;
	margin-bottom:		4px;
}
.FCE_default section {
	display:			block;
	margin-bottom:		15px;
}
.FCE_default section > span {
	overflow:			hidden;
}
.FCE_default > span
{
	z-index:			10;
	position:			relative;
}
.FCE_default > span > a img.right
{
	margin:				10px 0px 20px 30px;
	float:				right;
	clear:				right;
}
.FCE_default > span > a img.left
{
	margin:				10px 30px 20px 0px;
	float:				left;
	clear:				left;
}
.FCE_default > span > a img {
	display:			block;
	width:				280px;
	height:				auto;
	border:				0px;
}
.FCE_default > span:first-child > a img {
	margin-top:			-140px !important;
	border-bottom:		solid 12px #6498b6;
}
.FCE_default a {
	color:				#333;
}
.FCE_default a:hover {
	text-decoration:	underline;
}
.FCE_default .readmore > a {
	font-family:		"Roboto-Medium";
	font-size:			21px;
	color:				#fff;
	text-decoration:	none;
	text-transform:		uppercase;
	height:				24px;
	line-height:		24px;
	display:			block;
	position:			absolute;
	right:				0px;
	padding-right:		35px;
	margin-top:			40px;
	clear:				both;
	background:			url('../img/arrow_right.png') no-repeat right center;
}


.cwtw-TweetWrap {
	padding-bottom:		10px;
}