﻿body {
	font-family: arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3084e7;
	padding: 0px;
	margin: 0px;
}
.wrapper {
	margin: auto;
	padding: 0px;
	position: relative;
	z-index: 1;
	width: 866px;
	background-color: #CCCCCC;
	top: 30px;
	background-image: url('img/shadow.jpg');
}
.shadowtop {
	background-image: url('img/shadow_top.jpg');
	width: 866px;
	height: 21px;
	top: 0px;
	left: 0px;
	position: relative;
	z-index: 2;
}
.shadowbottom {
	background-image: url('img/shadow_bottom.jpg');
	position: relative;
	z-index: 1;
	width: 866px;
	height: 21px;
	bottom: 0px;
	left: 0px;
}
.holder {
	position: relative;
	z-index: 2;
	background-color: #c0c0c0;
	width: 824px;
	left: 21px;
	top: 0px;
}
.header {
	background-image: url('img/header.jpg');
	position: relative;
	z-index: 2;
	width: 824px;
	height: 203px;
	top: 0px;
	left: 0px;
}
.header .menu {
	position: relative;
	z-index: 3;
	width: 900px;
	height: 30px;
	top: 150px;
	left: 10px;
}
.header .menu ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
.header .menu ul li {
	float: left;
}
.header .menu a {
	margin: 10px 10px 0px 10px;
	height: 20px;
	text-align: center;
	text-decoration: none;
	color: #FFFFFF;
	text-transform: capitalize;
}
.header .menu a:hover {
	text-decoration: underline;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: capitalize;
}
.header .menu a.active {
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: capitalize;
}

.headerkp {
	background-image: url('img/header-kp.jpg');
	position: relative;
	z-index: 2;
	width: 824px;
	height: 203px;
	top: 0px;
	left: 0px;
}
.headerkp .menu {
	position: relative;
	z-index: 3;
	width: 900px;
	height: 30px;
	top: 150px;
	left: 10px;
}
.headerkp .menu ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
.headerkp .menu ul li {
	float: left;
}
.headerkp .menu a {
	margin: 10px 10px 0px 10px;
	height: 20px;
	text-align: center;
	text-decoration: none;
	color: #FFFFFF;
	text-transform: capitalize;
}
.headerkp .menu a:hover {
	text-decoration: underline;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: capitalize;
}
.headerkp .menu a.active {
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: capitalize;
}

.headerlp {
	background-image: url('img/header-lp.jpg');
	position: relative;
	z-index: 2;
	width: 824px;
	height: 203px;
	top: 0px;
	left: 0px;
}
.headerlp .menu {
	position: relative;
	z-index: 3;
	width: 900px;
	height: 30px;
	top: 150px;
	left: 10px;
}
.headerlp .menu ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
.headerlp .menu ul li {
	float: left;
}
.headerlp .menu a {
	margin: 10px 10px 0px 10px;
	height: 20px;
	text-align: center;
	text-decoration: none;
	color: #FFFFFF;
	text-transform: capitalize;
}
.headerlp .menu a:hover {
	text-decoration: underline;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: capitalize;
}
.headerlp .menu a.active {
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: capitalize;
}






#logo {
	position: absolute;
	z-index: 3;
	width: 295px;
	height: 107px;
	top: 0px;
	left: 0px;
	background-image: url('img/logo.png');
}
#logolp {
	position: absolute;
	z-index: 3;
	width: 295px;
	height: 107px;
	top: 0px;
	left: 0px;
	background-image: url('img/logolp.png');
}

.alt {
	display: none;
}
.middlebanner {
	background-image: url('img/middle_banner.jpg');
	position: relative;
	z-index: 3;
	width: 824px;
	height: 306px;
	top: 0px;
	left: 0px;
}
.middlebannerkp {
	background-image: url('img/middle_banner-kp.jpg');
	position: relative;
	z-index: 3;
	width: 824px;
	height: 306px;
	top: 0px;
	left: 0px;
}

.middlebannerlp {
	background-image: url('img/middle_banner-lp.jpg');
	position: relative;
	z-index: 3;
	width: 824px;
	height: 306px;
	top: 0px;
	left: 0px;
}
.text {
	background-color: #FFFFFF;
	position: relative;
	z-index: 4;
	width: 804x;
	top: 0px;
	left: 0px;
	padding: 10px;
}
.bottom {
	background-color: #c0c0c0;
	position: relative;
	z-index: 3;
	width: 824px;
	height: 89px;
	bottom: 0px;
}
.bottommenu {
	position: relative;
	z-index: 4;
	width: 500px;
	height: 40px;
	top: 20px;
	text-transform: capitalize;
	font-size: 11px;
}
.bottommenu ul {
	list-style-type: none;
}
.bottommenu ul li a{
	text-decoration: none;
	color: #404040;
}
.bottommenu ul li a:hover {
	text-decoration: none;
	color: #404040;
	font-weight: bold;
}
.designer {
	position: relative;
	z-index: 4;
	width: 200px;
	height: 20px;
	top: 0px;
	left: 600px;
	color: #404040;
	font-size: 10px;
}
.designer a {
	color: #404040;
	text-decoration: none;
}
.designer a:hover {
	color: #404040;
	text-decoration: underline;
}
.designer a:visited {
	color: #404040;
	text-decoration: none;
}
.input {
	padding: 5px;
	border: 1px solid #3084e7;
	font-family: arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #3084E7;
	width: 500px;
}
#labconti0, #labconti4, #labconti7, #labconti9, #labconti10 {
	border-style: solid;
	border-width: 0px 0px 0px 0px;
	border-color: #3084e7;
	width: 300px;
	font-weight: bold;
}
.homeimage {
    position: relative;
    left: -10px;
}
#pageid {
	width: 392px;
	height: 66px;
	position: relative;
	z-index: 4;
	top: 240px;
	left: 0px;
}
.kortparkerenlabel {
	position: absolute;
	z-index: 2;
	width: 232px;
	height: 139px;
	background-image: url('img/kortlabel.png');
	top: 0px;
	right: 200px;
}
.langparkerenlabel {
	position: absolute;
	z-index: 2;
	width: 232px;
	height: 139px;
	background-image: url('img/langlabel.png');
	top: 0px;
	right: 200px;
}

.homeportal {
    position: relative;
    left: -10px;
    border-collapse: collapse;
}
.homeportal td {
    padding: 0px;
}

.homeportal img {
    border: 0px;
}
/* ----- CUSTOM PORTAL GEDEELTE ----- */

.points {
	position: relative;
	margin: auto auto 30px auto;
	border-collapse: collapse;
}
.points tr td {
    padding: 0px;
    width: 350px;
}
span {
    position: relative;
    top: 5px;
    height: 40px;
    display: block;
}
.po1 {
	text-decoration: underline;
	text-align: center;
	color: #333399;
	font-weight: bold;
	background: #d2d3f0;
}
.po1 a {
	text-decoration: underline;
	color: #333399;
	font-weight: bold;
	background: #d2d3f0;
}
.po2 {
	text-decoration: underline;
	text-align: center;
    color: #ff6600;
    font-weight: bold;
    background: #ffcca9;
}
.po2 a {
	text-decoration: underline;
    color: #ff6600;
    font-weight: bold;
    background: #ffcca9;
}
.v1 {
	background: #F1F1FA;
}
.v2 {
	background: #FFECDF;
}
.blue {
    color: #333399;
}
.blue a {
    color: #333399;
}
.orange {
    color: #ff6600;
}
.orange a {
    color: #ff6600;
}
.blue ul {
    list-style-image: url('img/itemb.png');
    list-style-type: square;
}
.orange ul {
    list-style-image: url('img/itemo.png');
    list-style-type: square;
}
.tarieftabel {
	border: 1px solid #282d40;
	position: relative;
	margin: auto;
	border-collapse: collapse;
	border-spacing: 0px;
}
.tarieftabel tr td {
    padding: 2px;
}
.tarieftabel .odpisz {
	color: #fe3614;
	font-size: 10px;
	font-weight: normal;
	text-align: center;
}
.tarieftabel .head {
	background: #282d40;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
}
.tarieftabel .miesiac {
	background: #fb9002;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
}
.tarieftabel .r1 {
    width: 150px;
}
.tarieftabel .r2 {
    width: 100px;
    text-align: center;
}
.tarieftabel .r3 {
    width: 100px;
    text-align: center;
}
.tarieftabel .r4 {
    width: 100px;
    text-align: center;
}
.tarieftabel .r5 {
    width: 100px;
    text-align: center;
}
.tarieftabel .cena {
    text-align: center;
    color: #4a5362;
    font-size: 11px;
    font-weight: bold;
}
.tarieftabel .cena1 {
    text-align: center;
    color: #4a5362;
    font-size: 11px;
    font-weight: bold;
    background: #ffefdb;
}
.tarieftabel .podpis {
	font-size: 11px;
	font-weight: bold;
	color: #ff0000;
	text-align: center;
}

.waspakketten {
	border: 1px solid #282d40;
	position: relative;
	margin: auto;
	border-collapse: collapse;
	border-spacing: 0px;
}
.waspakketten tr td {
    padding: 2px;
}
.waspakketten .head {
	background: #282d40;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
}
.waspakketten .miesiac {
	background: #fb9002;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
}
.waspakketten .cena {
    text-align: center;
    color: #4a5362;
    font-size: 11px;
    font-weight: bold;
}
.waspakketten .cena1 {
    text-align: center;
    color: #4a5362;
    font-size: 11px;
    font-weight: bold;
    background: #ffefdb;
}
.waspakketten .r1 {
    width: 240px;
}
.waspakketten .r2 {
    width: 200px;
    text-align: center;
}
.kvk {
	color: #333333;
	font-size: 11px;
	font-weight: normal;
	font-style: italic;
	margin: 10px;
}

.eenpakket {
	border: 1px solid #282d40;
	position: relative;
	margin: auto;
	border-collapse: collapse;
	border-spacing: 0px;
	width: 500px;
}
.eenpakket a {
	text-decoration: none;
	color: #262b3e;
}
.eenpakket a:hover {
	text-decoration: underline;
	color: #262b3e;
}


.eenpakket tr td {
    padding: 2px;
}
.eenpakket .odpisz {
	color: #fe3614;
	font-size: 10px;
	font-weight: normal;
	text-align: center;
}
.eenpakket .head {
	background: #282d40;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
}
.eenpakket .content {
	padding: 5px;
	background: #fff2e1;
	color: #2c3144;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
}
.eenpakket .content td {
	padding: 5px;
}
.eenpakket .cena {
	color: #fe5627;
	font-size: 16px;
	font-weight: bold;
	padding: 4px;
}
.sub {
	font-size: 11px;
	font-weight: normal;
	color: #23283b;
	padding: 4px;
}
