/************************************************************************/
/*                            PAGE TEMPLATE                             */
/************************************************************************/

/* Body */

body, html, td {
	margin: 0px;
	padding: 0px;
	background: #FFFFFF;
	font-family: Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	font-style: normal;
	text-decoration: none;
	color: #000000;
}

h2 {
	margin: 10px 0px 5px 10px;
	font-size: 15px;
	font-weight: bold;
}

form {
	display:inline;
}

input {
	border:1px solid #DEDDDD;
}

input.hidden {
	border:none;
	margin:0px;
	padding:0px;
}

input.image {
	border: 0px;
}

input.radio {
	border:0px;
	width:10px;
	margin-left:-1px;
}

select {
	border:	1px solid #DEDDDD;
}

br.form {
	clear: left;
}

/* Page wrapper */

div#wrapper {
	position: relative;
	margin: 0px auto 0px auto;
	padding: 0px;
	width: 750px;
}

/* Page header */

div#header {
	position: relative;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100px;
}

div#header #logo {
	position: absolute;
	top: 30px;
	left: 12px;
	width: 147px;
	height: 56px;
}

/* Page login */

div#header #logindash {
	position: absolute;
	top: 15px;
	right: 21px;
	width: 274px;
	height: 34px;
}

div#buttonwrapperheader {
	position:relative;
	height:34px;
	margin:10px 0px 0px 0px;
}

div.buttonwrap {
	position:relative;
	float:right;
	height:34px;
}

div.buttonleft {
	position:relative;
	float:left;
	width:41px;
	height:34px;
	background-image:url(../images/buttons/button_left.jpg);
}

div.buttoncenter {
	position:relative;
	float:left;
	height:26px;
	padding:8px 0px 0px 0px;
	background-image:url(../images/buttons/button_center.jpg);
	color:#C70D01;
	font-size:13px;
	font-weight:bold;
}

div.buttonright {
	position:relative;
	float:left;
	width:19px;
	height:34px;
	background-image:url(../images/buttons/button_right.jpg);
}

/* Page navigation */

div#header #navigation {
	position: absolute;
	top: 59px;
	right: 21px;
	height: 42px;
	width: 540px;
}

div.mainnavigation {
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 42px;
	width: 539px;
}

div#tab_home {
	position: relative;
	margin: 15px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	width: 63px;
	height: 37px;
	float: right;
	text-align: center;
	background-image: url(../images/tabs/home.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

div#tab_home_over {
	position: relative;
	margin: 15px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	width: 63px;
	height: 37px;
	float: right;
	text-align: center;
	background-image: url(../images/tabs/home_over.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

div#tab_wie {
	position: relative;
	margin: 15px 0px 0px 1px;
	padding: 5px 0px 0px 0px;
	width: 109px;
	height: 37px;
	float: left;
	text-align: center;
	background-image: url(../images/tabs/wie.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

div#tab_wie_over {
	position: relative;
	margin: 15px 0px 0px 1px;
	padding: 5px 0px 0px 0px;
	width: 109px;
	height: 37px;
	float: left;
	text-align: center;
	background-image: url(../images/tabs/wie_over.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

div#tab_hoe {
	position: relative;
	margin: 15px 0px 0px 1px;
	padding: 5px 0px 0px 0px;
	width: 138px;
	height: 37px;
	float: left;
	text-align: center;
	background-image: url(../images/tabs/hoe.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

div#tab_hoe_over {
	position: relative;
	margin: 15px 0px 0px 1px;
	padding: 5px 0px 0px 0px;
	width: 138px;
	height: 37px;
	float: left;
	text-align: center;
	background-image: url(../images/tabs/hoe_over.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

div#tab_bestellen {
	position: relative;
	margin: 15px 0px 0px 1px;
	padding: 5px 0px 0px 0px;
	width: 123px;
	height: 37px;
	float: left;
	text-align: center;
	background-image: url(../images/tabs/bestellen.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

div#tab_bestellen_over {
	position: relative;
	margin: 15px 0px 0px 1px;
	padding: 5px 0px 0px 0px;
	width: 123px;
	height: 37px;
	float: left;
	text-align: center;
	background-image: url(../images/tabs/bestellen_over.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

div#tab_contact {
	position: relative;
	margin: 0px 0px 0px 1px;
	padding: 20px 0px 0px 23px;
	width: 79px;
	height: 22px;
	float: left;
	text-align: center;
	background-image: url(../images/tabs/contact.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

div#tab_contact_over {
	position: relative;
	margin: 0px 0px 0px 1px;
	padding: 20px 0px 0px 23px;
	width: 79px;
	height: 22px;
	float: left;
	text-align: center;
	background-image: url(../images/tabs/contact_over.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

/* Page subheader */

div#subheader {
	position: relative;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 159px;
	background: #FF1100;
}

div#subheader #image {
	position: relative;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 70px;
}

div#subheader .text {
	position: relative;
	top: 12px;
	left: 23px;
	padding: 0px;
	width: 430px;
	height: 70px;
	float: left;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 18px;
}


div#bordertop {
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	height: 6px;
	background: #FF1100;
}

/* Postcode check */

div#subheader #pcodecheck {
	position: relative;
	top: 10px;
	right: 23px;
	padding: 0px;
	width: 259px;
	height: 75px;
	float: right;
	background-image: url(../images/postcode/pcodecheck_bg.gif);
	background-repeat: no-repeat;
	background-position: top left;

}

div#subheader #pcodecheck .text {
	position: absolute;
	top: 7px;
	left: 70px;
	width: 187px;
	height: 53px;
	color: #FFFFFF;
	font-size: 12px;
}

div#subheader #pcodecheck .text #postcodecheck {
	margin: 0px 0px 4px 0px;
	padding: 0px;
}

div#subheader #pcodecheck .text #postcodecheck input {
	width: 30px;
	height: 17px;
	border: 1px solid #CCCCCC;
	padding: 2px 0px 0px 2px;
	color: #000000;
}

div#subheader #pcodecheck .text #postcodecheck .zip {
	width: 54px;
}

div#subheader #pcodecheck .text #postcodecheck .ptext {
	color: #CCCCFF;
	font-size: 11px;
}

div#subheader #pcodecheck .text #postcodecheck .black {
	color: #000000;
	font-size: 11px;
}
div#subheader #pcodecheck .text #postcodecheck .arrow {
	width: 32px;
	height: 31px;
	border: none;
}

div#pcodecheck div.pcode {
	position:absolute;
	top:43px;
	left:0px;
}

div#pcodecheck div.huisnr {
	position:absolute;
	top:43px;
	left:62px;
}

div#pcodecheck div.toevoeging {
	position:absolute;
	top:43px;
	left:100px;
}

div.pcode {
	position:absolute;
	top:43px;
	left:0px;
	color:#CCCCFF;
	font-size:11px;
}

div.huisnr {
	position:absolute;
	top:43px;
	left:62px;
	color:#CCCCFF;
	font-size:11px;
}

div.toevoeging {
	position:absolute;
	top:43px;
	left:100px;
	color:#CCCCFF;
	font-size:11px;
}

.postcodeCheckPijl1 {
	position: absolute;
	top: 40px;
	left: 153px;
	border:none;
}

#postcodeCheckPijl1 {
	position: absolute;
	top: 40px;
	left: 153px;
}

/* Page footer */

div#footer {
	position: relative;
	margin: 0px;
	padding: 0px;
	height: 204px;
	background-color: #FF1100;
}

div#footer #footerText {
	position: absolute;
	top:70px;
	left:300px;
	width:410px;
	color:#fff;
	text-align:right;
	line-height:18px;
	font-size:11px;
}

div#footer #footerCopyright{
	position: absolute;
	top:185px;
	left:513px;
	font-size:10px;
	text-align:right;
	color:#C00D00;
}

div#footer a {
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
	text-decoration: none;
}

div#footer a:hover {
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
	text-decoration: underline;
}

div#footer .smallfooter a {
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	line-height: 17px;
	text-decoration: none;
}

div#footer .smallfooter a:hover {
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	line-height: 17px;
	text-decoration: underline;
}

#footerLinks {
	margin:	10px;
}

div#footerLinks {
	position: absolute;
	top: 0px;
	right: 19px;
	text-align: right;
}

div#footer #footerCopyright .branding,
div#footer #footerCopyright .branding a {
	font-weight:normal;
	font-size: 10px;
	color: #C00D00;
	text-decoration: none;
}

div#footer #footerCopyright .branding a:hover {
	font-weight:normal;
	font-size: 10px;
	color: #CC0000;
	text-decoration: underline;
}

/************************************************************************/
/*                            PAGE CONTENT                              */
/************************************************************************/

/* Page content */

div#maincontent {
	position: relative;
	margin: 25px 12px 25px 13px;
	padding: 0px;
	width: 725px;
	_height: %1;
	overflow: auto;
}

div#maincontent #left {
	position: relative;
	margin: 0px;
	padding: 0px;
	width: 481px;
	float: left;
	color:			#333333;
}

div#maincontent #right {
	position: relative;
	margin: 0px 0px 0px 7px;
	padding: 0px;
	width: 237px;
	float: left;
}

div#maincontent #center {
	position: relative;
	display:inline;
	margin:  0px 0px 0px 122px;
	padding: 0px 0px 0px 0px;
	width: 602px;
	float: left;
	color:			#333333;
}

#right h1,
#left h1 {
	margin-left:	18px;
	font-size:		15px;
	font-weight:	bold;
	color:			#333333;
}

#leftHeader {
	margin:0px 0px 10px 19px;
	font-size:15px;
	font-weight:bold;
	color:#333333;
}

#rightHeader {
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 10px;
	font-size:15px;
	font-weight:bold;
	color:#333333;
}

#toptext {
	padding-left:17px;
}

#bottomtext {
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 20px;
}

div#bordertop2 {
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 12px;
}

#borderbot2  {
	height: 12px;
	margin:0px;
	padding:0px;
}

#borderbg2 {
	position: relative;
	margin: 0px 0px 0px 0px;
	_padding: 0px 10px 0px 0px;
	padding: 0px 10px 10px 0px;
	width: 471px;
	background-image: url(../images/borders/border2_bg.gif);
	background-position: top left;
	background-repeat: repeat-y;
	line-height:18px;
	_height: 1%;
	overflow: visible;
}

.bordertop3  {
	position: relative;
	margin: 0px;
	padding: 0px;
	width: 237px;
	height: 18px;
}

.borderbg3 {
	position: relative;
	margin: 0px;
	padding: 0px 18px 10px 18px;
	width: 201px;
	background-image: url(../images/borders/border_bg.gif);
	background-position: top left;
	background-repeat: repeat-y;
}

.borderbot3 {
	position: relative;
	margin: 0px;
	padding: 0px;
	width: 237px;
	height: 12px;
}

#bordertop4  {
	position: relative;
	width: 455px;
	height: 18px;
	margin:10px 0px 0px 10px;
}

#borderbg4 {
	position: relative;
	margin: 0px 0px 0px 10px;
	padding: 0px 18px 10px 18px;
	width: 425px;
	background-image: url(../images/borders/border_bg4.gif);
	background-position: top left;
	background-repeat: repeat-y;
}

#borderbot4  {
	position: relative;
	width: 460px;
	height: 12px;
	margin-left:10px;
}

#bordertop5  {
	position: relative;
	width: 460px;
	height: 18px;
	margin: 10px 0px 0px -7px;
}

#borderbg5 {
	position: relative;
	margin: 0px 0px 0px -7px;
	padding: 0px 0px 0px 10px;
	width: 450px;
	background-image: url(../images/borders/border_bg4.gif);
	background-position: top left;
	background-repeat: repeat-y;
}

#borderbot5  {
	position: relative;
	width: 460px;
	height: 12px;
	margin: 0px 0px 0px -7px;
	padding:0px 0px 0px 0px;
	background-color:#ccc;
}

#borderbg6 {
	position: relative;
	margin: 0px 0px 0px 10px;
	padding: 0px 18px 0px 18px;
	width: 425px;
	background-image: url(../images/borders/border_bg4.gif);
	background-position: top left;
	background-repeat: repeat-y;
}

#bordertop7  {
	position: relative;
	width: 460px;
	height: 18px;
	margin: 10px 0px 0px 0px;
}

#borderbg7 {
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	width: 450px;
	background-image: url(../images/borders/border_bg4.gif);
	background-position: top left;
	background-repeat: repeat-y;
	_height:1%;
	overflow:auto;
}

#borderbot7  {
	position: relative;
	width: 460px;
	height: 12px;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color:#ccc;
}

#bordertop8  {
	position: relative;
	width: 460px;
	height: 18px;
	margin: 10px 0px 0px -7px;
}

#borderbg8 {
	position: relative;
	margin: -15px 0px 0px -7px;
	padding: 0px 0px 0px 7px;
	width: 453px;
	background-image: url(../images/borders/border_bg4.gif);
	background-position: top left;
	background-repeat: repeat-y;
	_height:1%;
	overflow:auto;
}

#borderbot8  {
	position: relative;
	width: 460px;
	height: 12px;
	margin: 0px 0px 0px -7px;
	padding:0px 0px 0px 0px;
	background-color:#ccc;
}

/* Postcode check */

div#borderbg2 .pcodecheck {
	position: relative;
	margin: 20px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	width: 460px;
	height: 75px;
	background-image: url(../images/postcode/pcodecheck_bg_big.gif);
	background-repeat: no-repeat;
	background-position: top left;

}

div#borderbg2 .pcodecheck .text {
	position: absolute;
	top: 5px;
	left: 270px;
	width: 180px;
	height: 53px;
	color: #FFFFFF;
	font-size: 12px;
}

div#borderbg2 .pcodecheck .text .postcodecheck {
	margin: 5px 0px 4px 0px;
	padding: 0px 0px 0px 0px;
}

div#borderbg2 .pcodecheck .text .postcodecheck input {
	width: 30px;
	height: 19px;
	border: 1px solid #CCCCCC;
	margin-top:2px;
	padding: 0px 0px 0px 2px;
	color: #000000;
}

div#borderbg2 .pcodecheck .text .postcodecheck .zip {
	width: 54px;
}

div#borderbg2 .pcodecheck .text .postcodecheck .ptext {
	color: #CCCCFF;
	font-size: 11px;
}

div#borderbg2 .pcodecheck .text .postcodecheck {
	color: #CCCCFF;
	font-size: 11px;
}

div#borderbg2 .pcodecheck .text .postcodecheck .black {
	color: #000000;
	font-size: 11px;
}
div#borderbg2 .pcodecheck .text .postcodecheck .arrow {
	width: 32px;
	height: 31px;
	border: none;
}

#borderbg2 #pcodeExtra {
	position:absolute;
	top:6px;
	left:70px;
	font-weight:bold;
	color:#ffffff;
}

div#Borderbg2 #contentButton {
	position:relative;
	margin: 20px 0px 0px 15px;
	padding: 0px 0px 0px 0px;
	width:455px;
	text-align:right;
}

.postcodeCheckPijl2 {
	position: absolute;
	top: 42px;
	left: 153px;
	border:none;
}

/* Button styles */

div.buttonwrapper {
	position:relative;
	height:34px;
	margin:20px 8px 0px 0px;
}

div.buttonwrapperRightBar {
	position:relative;
	height:34px;
	margin:20px 0px 0px 0px;
}

div.buttonwrappercontact {
	position:relative;
	height:34px;
	margin:10px 8px 0px 0px;
}

div.buttonwrapperorder {
	position:relative;
	height:34px;
	margin:10px 1px 0px 0px;
}

div.buttonleftback {
	position:relative;
	float:left;
	width:41px;
	height:34px;
	background-image:url(../images/buttons/button_left_back.jpg);
}

div.buttonleftup {
	position:relative;
	float:left;
	width:41px;
	height:34px;
	background-image:url(../images/buttons/button_left_up.jpg);
}

/* Text styles */

.normal,
.normal a {
	font-weight: bold;
	font-size: 13px;
	color: #CC0000;
	text-decoration: none;
}
.normal a:hover {
	font-weight: bold;
	font-size: 13px;
	color: #CC0000;
	text-decoration: underline;
}

.normal_new,
.normal_new a {
	font-weight: bold;
	font-size: 16px;
	color: #CC0000;
	text-decoration: none;
}
.normal_new a:hover {
	font-weight: bold;
	font-size: 16px;
	color: #CC0000;
	text-decoration: underline;
}

.normal2,
.normal2 a {
	font-weight: bold;
	color: #CC0000;
	text-decoration: none;
}

.normal2 a:hover {
	font-weight: bold;
	color: #CC0000;
	text-decoration: underline;
}

.normal3,
.normal3 a {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

.normal3 a:hover {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: underline;
}

.small,
.small a {
	font-size: 11px;
	color: #CC0000;
	text-decoration: none;
}
.small a:hover {
	font-size: 11px;
	color: #CC0000;
	text-decoration: underline;
}

.overstate,
.overstate a {
	font-weight: bold;
	font-size: 13px;
	color: #ffffff;
	text-decoration: none;
}

.overstate a:hover {
	font-weight: bold;
	font-size: 13px;
	color: #ffffff;
	text-decoration: underline;
}

.red {
	color: #CC0000;
	font-weight: bold;
}

span.red{
	font-style:italic;
	color:#CC0000;
	font-weight:normal;
}

#contentred {
	position:relative;
	color:#ffffff;
	margin: 0px 0px 0px 8px;
	padding:0px 0px 0px 10px;
	width:453px;
	background-color:#FF1100;
	line-height:18px;
	_height: 1%;
	overflow: auto;
}

span.contentTitle {
	font-size:15px;
	font-weight:bold;
}

div#smallRedContent{
	position:relative;
	margin:10px 0px 10px -8px;
	padding:0px 0px 20px 0px;
	background-color:#FF1100;
	overflow: auto;
	width:433px;
	_height:1%;
}

div#smallRedLeft{
	position:relative;
	float:left;
	display:inline;
	margin:5px 0px 0px 10px;
	color:#ffffff;
	width:210px;
}

div#smallRedRight{
	position:relative;
	float:left;
	display:inline;
	margin:5px 0px 0px 10px;
	color:#ffffff;
	width:190px;
}

div.voordeelSmallLine{
	margin:0px 0px 0px 0px;
	padding: 10px 0px 5px 0px;
	border-bottom: 1px solid #D60E00;
	width:180px;
	height:1px;
}

div#plus{
	text-align:center;
	margin:10px 0px 0px 0px;
}

div#Waarschuwing{
	position:relative;
	background-image: url(../images/overig/pilmo_waarschuwing.jpg);
	padding: 3px 0px 0px 50px;
	margin: 0px 0px 0px 13px;
	width:407px;
	height:44px;
	color:#ffffff;
}

/* Veel gestelde vragen */

div.veelgesteldevraag {
	padding: 0px 0px 5px 0px;
	color:#C40E00;
	font-weight:bold;
	line-height:18px;
}

div.antwoord {
	padding: 5px 0px 10px 0px;
	color:#000000;
	line-height:18px;
}

div.antwoordline {
	padding: 0px 0px 5px 0px;
	border-bottom:	1px solid #E9E9E9;
}

div.antwoordspacer {
	height:5px;
}