﻿.pagecontainer
{
	padding: 0px 10px 25px 10px;
	margin: 0 auto;
	width: 1100px;
	min-height: 1300px;
	background-color: #fff;
}

.pageheader
{
	background-repeat: no-repeat;
	width: 100%;
}

	.pageheader a
	{
		display: block;
	}

.pageheaderinner
{
	position: relative;
}

.pageheader.large
{
	height: 110px;
	background-size: auto 100px;
	background-image: url('/img/CNMLogoVerticaal.png');
}

	.pageheader.large .pageheaderinner
	{
		height: 110px;
	}

	.pageheader.large a
	{
		height: 110px;
		width: 1100px;
	}

.pageheader.medium
{
	height: 80px;
	background-image: url('/img/CNMLogo.png');
	background-size: auto 60px;
	border-bottom-color: #DADFE5;
	overflow: hidden;
}

	.pageheader.medium .pageheaderinner
	{
		height: 80px;
	}

	.pageheader.medium a
	{
		height: 80px;
		width: 530px;
	}

.pageheader.small
{
	height: 50px;
	background-image: url('/img/CNMLogo.png');
	background-size: auto 50px;
	border-bottom-color: #DADFE5;
}

	.pageheader.small .pageheaderinner
	{
		height: 50px;
	}

	.pageheader.small a
	{
		height: 50px;
		width: 240px;
	}

.pageheaderinner .title
{
	font-size: 2em;
	position: absolute;
	right: 0;
	bottom: 0;
	margin: 0 10px 15px 0;
}

.pageheader.small .title
{
	font-size: 1.2em;
}

body.popup .pageheader
{
	background-color: #fff;
}

body.popup .pagecontainer
{
	padding: 0px;
	width: 100%;
	background-color: #ccc;
}

.fa-margin /* -margin to center text with head */
{
	margin-left: -17px;
}

.pageheaderinner
{
	padding-left: 100px;
}


.pageheader .currentcarrier
{
	width: 100px;
	height: 110px;
	left: 500px;
	margin: 4px;
	z-index: 1000;
	position: absolute;
}
	.pageheader .currentcarrier .img
	{
		height: 66px;
		/*background-color: #f00;*/
	}

	.pageheader .currentcarrier .txt
	{
		height: 22px;
		/*background-color: #0f0;*/
	}

	.pageheader .currentcarrier .back
	{
		height: 22px;
		/*background-color: #00f;*/
		cursor: pointer;
	}
	.pageheader .currentcarrier .back:hover
	{
		text-decoration: underline;
	}

	.pageheader .currentcarrier .img 
	{
		background-repeat: no-repeat;
		background-size: contain;
	}


.pageheader.large .currentcarrier
{
	/*border: 1px solid #000;*/
	left: 300px;
	width: 500px;
}

.pageheader.medium .currentcarrier
{
	left: 450px;
	width: 300px;
	height: 80%;
}

	.pageheader.medium .currentcarrier .img
	{
		height: 100%;
	}
	.pageheader.medium .currentcarrier .txt, .pageheader.medium .currentcarrier .back
	{
		display: none;
	} 

.section.account
{
	height: 35px;
	padding-top: 10px;
	border-top: 1px solid #000;
	width: 100%;
}

body.popup .pagecontainer
{
	position: absolute;
	min-height: 0;
	top: 0px;
	bottom: 50px;
}

body.popup .pagecontent
{
	height: 100%;
}

body.popup .account
{
	position: absolute;
	bottom: 0px;
}
