﻿body {
font-family:Verdana;
font-size:13px;
color:#B3ABA8; /*gray*/
height:100%;
margin:0px;
min-height:100%;
width:100%;
vertical-align:middle;
background:url("../Images/bg/Ptm_bg_logo.png") repeat scroll center top #F7F6F6;
/*padding:0 483px;
background:white;
background:#dddcff; /*gray heel licht*/
}

H1
{
	line-height:125%;
	text-align:left;	
}

#headmstr
{
	width:796px;
	height:150px;
	background:white;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	margin-top:20px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	z-index:1;
	
	-moz-box-shadow: 3px 3px 4px #B3ABA8;
	-webkit-box-shadow: 3px 3px 4px #B3ABA8;
	box-shadow: 3px 3px 4px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#B3ABA8')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#B3ABA8');

}

#pagemstr
{
	position:relative;
	width:796px;
	height:0px;
	text-align:left;
	padding-left:10px;
	padding-right:10px;
}


#wrapper
{
	width:796px;
	min-height:1250px;
	position:relative;
	background:white;
	margin-left:-10px;
	padding-left:10px;
	margin-right:-10px;
	padding-right:10px;
	
	-moz-box-shadow: 3px 3px 4px #B3ABA8;
	-webkit-box-shadow: 3px 3px 4px #B3ABA8;
	box-shadow: 3px 3px 4px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#B3ABA8')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#B3ABA8');

}

#headmenu
{
	font-size:9px;
	top:0px;
	position:absolute;
	right:0px;
	padding-left:2px;
	text-align:left;
	/*width:350px;*/
	background-color:#B3ABA8; /*#A3A375; /*grijs*/
}
a.headmenu
{
	text-decoration:none;
	color	:White;
}
.siteMapPath, a.siteMapPath
{
	text-decoration:none;
	color:#B3ABA8;/*White;*/
	font-size:smaller;
}

#SiteMapPath
{
	background:white;/*#FF9900; /*orange*/
	float:left;
	width:100%;
	text-align:left;
}
#sitempHolder
{
	width:796px;
	margin-left:auto;
	margin-right:auto;
	border-top:dotted 1px #B3ABA8; 
}

#header {
	text-align:left;
	left:0px;
	top:0px;
	width:100%;
	height:100px;
	z-index:3;
}

#headtext1 
{
	text-align:right;
	font-size:24px;
	font-weight:bold;
	position:absolute;
	bottom:0px;
	right:0px;
	color:Black;
	/*	color:#FF9900; /*orange*/
	
}
#headtext2 
{
	text-align:left;
	font-size:14px;
	font-weight:bold;
	position:absolute;
	top:50px;
	right:0px;
	color:#FF9900; /*orange*/
	/*color:#A3A375; /*grijs*/
	
}
#headlogo
{
	border:none; 
	z-index:1;
}

#topmenubalk 
{
width:100%;
float:left;
}

#topmenu
{
	text-align:left;
	width:100%;
}

#topmenuHolder
{
	width:796px;
	margin-left:auto;
	margin-right:auto;
	/*background:#B3ABA8;*/ /*#A3A375; /*gray*/
	/*border-left:solid 1px  #BBBB8D;*/ /*lichter grijs*/	
}

.submenu
{
	background:#A3A375; /*gray*/
	width:110px;
	}

#banner, #bannerLager {
background:#FFFFFF none repeat scroll 0%;
margin: 0;
float:left;
text-align:left;
width:100%;
/*border-bottom:solid 1px #A3A375; /*gray*/
height:190px;
}
#bannerLager
{
	height:131px;}
#defbanner1
{
	position:relative;
	float:left;
}
#defbanner2
{
	 position:relative;
	 float:right;
	 background-color:#FF9900; /*orange*/
	 background:transparent url('../Images/wieluisterter.gif') no-repeat left;
	 font-family:Verdana;
	 font-size:22px; 
	 color:white;
	 text-align:right;
	 right:0px;
	 width:300px;
	 height:145px;
	 padding-right:50px;
	 padding-top:30px;
}

#kw
{
	color:#F7F9F7;	
	padding-top:100px;
	height:500px;
	float:left;
	position:relative;
}

#maps_iFrame
{
	-moz-border-radius: 15px;
border-radius: 15px;
border:solid 2px #B3ABA8;	
z-index:1;
}
#bnrJob
{
	top:0;
	float:right;
	left:900px;
	position:absolute;
}
#bnrScanPost
{
	top:-170px;
	float:right;
	left:600px;
	position:absolute;
}
#tblBanner
{
width:100%;
border-spacing:0;
border:0;
vertical-align:middle;
}

div.bannerOverlay
{
	font-size:30px;
	color:#A3A375; /*gray*/
	position:absolute;
	top:35px;
	z-index:1;
	left:25px;
	
}

#login 
{
	border:solid 1px #A3A375; /*gray*/
	background-color:white; /*#FF9900; /*orange*/
	/*text-align:right;*/
	font-family:Verdana;
	font-size:smaller;
	color:#A3A375; /*gray*/
	padding: 2px 10px 5px 10px;
	width:450px;
	min-height:250px;
	margin-left:50px;
	z-index:1;
}

#logintable
{
margin-top:15px;	
}

.btnLogIn 
{
border:none;
font:Arial bold;
Color:White;
background-color:#FF9900; /*orange*/

}

#txtUserName, #txtpassword
{
	width:160px;
	font:verdana;
	color:#A3A375; /*gray*/	
	padding:5px;
}



/*=============================*/
/*======  CONTENT   ===========*/
/*=============================*/
#cont_home
{
	position:relative;
	text-align:left;
	margin:0px auto ;
	}
#defcontent_XXX
	{
		margin-top:10px;
		position:relative;
		float:left;
		font-size:13px;
		color:#A3A375; /*gray*/
		width:100%;
		min-height:350px;
		margin-bottom:10px;
		/*background:white;*/
		text-align:left;
	}

#cont_home1
{
	position:relative;
	float:left;
	text-align:left;
	/*border:solid 1px #FF9900; /*orange*/
	width:200px;
	padding:5px;	
	left:0px;
	background:#f8f8ff;
	}
	
#cont_home2
{
	position:relative;
	float:left;
	/*left:15px;*/
	/*right:0px;*/
	text-align:justify;
	/*border-left:solid 1px #FF9900; /*orange*/
	/*width:559px;*/
	padding:5px;
	background:#f8f8ff;
	}
#cont_home1Div, #ctl00_cont_home1Div
{
	width:210px;
	background:transparant;	
	margin-top:10px;
	position:relative;
	float:left;
	text-align:left;
}
#cont_home2Div,  #ctl00_cont_home2Div
{
	width:576px;
	min-height:320px;
	margin-bottom:10px;
	background-color:transparant;	
	margin-top:10px;
	padding-left:5px; /*deze + */
	left:5px;		  /*deze maakt samen 10px linker zijde*/	
	position:relative;
	float:left;
	/*right:0px;*/
	/*border-left:solid 1px #FF9900; /*orange*/
}
.cont_home1Pnl
{
	
}


#foot1
{
	width:100%;
	position:relative;
}

#foot2
{
	width:100%;
	position:relative;
	float:left;
	bottom:0px;
	text-align:center;
	font-size:10px;
	border-top:solid 1px #B3ABA8; /*gray*/
}

.tarItem
{
background-color:#f3f6ef; /*lightlightgrey like @ */	
}
.tarS
{
background-color:#D3D3D3; /*lightgrey*/
color:White;
}
.tarM
{
background-color:#708090; /*gray*/
color:White;
}
.tarL
{
background-color:#2F4F4F; /*lightgrey*/	
color:White;
}


/*tarieven pagina */
/*=============== */


div.tarInfoR
{
	 text-align:justify;
	 width:250px;
	 border:solid 1px #FF9900; /*orange*/
	 padding:5px;
	 position:absolute;
	 right:25px;
	 background-color:White;
	 margin-top:-130px;
}
div.tarInfoL
{
	width:490px;
}

.btnBestel {
    color: white;
    font-weight: 900;
    font-size: 16px;
    font-family: Verdana;
    text-align:center;
    width: 149px;
    height:99px;
    border: none;
    /*background:transparent url('../Images/bg/bg_orange2.gif') no-repeat left;*/
    background: #FF9900;
    border-radius:3px;
}

/*======== eind tarieven pagina ======= */	

/*===================
/*de koppen boven de divs van de bestelpagina's/wizardsteps*/
.order_koppen
{
	font-weight:bold;
	font-size:larger;
	color:#FF9900; /*orange*/
}
.orangetxt
{
	color:#FF9900; /*orange*/
	font-weight:bold;
}

hr.orange
{
	color:#FF9900; /*orange*/
	height:1px;
	margin-left:0px;
	background-color:#FF9900; /*orange*/
	border:none;
}
	
.cases
{
	border:solid 1px #FF9900; /*orange*/
	font-size:11px;
	width:180px;
	padding:12px;
	
}

a.btnAdd
{
background:transparent url(../Images/btnAdd_k.gif) no-repeat scroll 0 0;
cursor:pointer;
display:block;
height:36px;
padding-left:35px;
font-size:14px;
font-weight:bold;
line-height:32px;
text-decoration:none;
font:verdana;
color: #A3A375; /*gray*/
}
.btnNext
{
background:transparent url(../Images/btnNext_k.gif) no-repeat scroll 0 0;
cursor:pointer;
display:block;
height:36px;
width:205px;
border:none;
/*padding-left:25px;*/
font-size:14px;
font-weight:bold;
line-height:32px;
text-decoration:none;
font:verdana;
color: #A3A375; /*gray*/
}
	
/*=============================*/
/*======  CONTENT   ===========*/
/*=============================*/
#mn_news
{
width:200px;
border:solid 1px navy;
height:500px;
position:relative;	
}


/*==============================*/
/*=====  LINK FILE ICONS =======*/
/*==============================*/
a[href$='.docx']

{

    background-position: left;

    padding-left: 20px;

    line-height: 18px;

    background: transparent url('../../Images/icon_doc.gif') no-repeat left;

}

a[href^='mailto:']

{

    background-position: left;     

    padding-left: 20px;

    line-height: 18px;

    background: transparent url('../../Images/icon_mailto.gif') no-repeat left;

}

a[href$='.pdf']

{

    background-position: left;

    padding-left: 20px;

    line-height: 38px;

    background: transparent url('../Images/pdf_icon.ico') no-repeat left;

     

}

a[href^="http:"] {background-position: left;

    padding-left: 20px;

    line-height: 18px;

    background: transparent url('../../Images/icon_external.gif') no-repeat left;

}  

 

a[href$='.swf'], a[href$='.fla'], a[href$='.swd'] 

{

    background-position: left;

    padding-left: 20px;

    line-height: 18px;

    background: transparent url('../../Images/icon_flash.gif') no-repeat left;

}

a[href$='.xls'], a[href$='.csv'], a[href$='.xlt'], a[href$='.xlw'] 

{

 background-position : left;

    padding-left: 20px;

    line-height: 18px;

    background: transparent url('../../Images/icon_xls.gif') no-repeat left;

}

a[href$='.ppt'], a[href$='.pps']

 {

    background-position: left;

    padding-left: 20px;

    line-height: 18px;

    background: transparent url('../../Images/icon_pps.gif') no-repeat left;

}

a[href$='.doc'], a[href$='.rtf'],  a[href$='.wps'] 

{

    background-position: left;

    padding-left: 20px;

    line-height: 18px;

    background: transparent url('../../Images/icon_doc.gif') no-repeat left;

}

a[href$='.zip'], a[href$='.gzip'], a[href$='.rar']

 {

     background-position: left;

    padding-left: 20px;

    line-height: 18px;

    background: transparent url('../../Images/icon_archive.gif') no-repeat left;

}

a[href$='.exe']

 {

     background-position: left;

    padding-left: 20px;

    line-height: 18px;

    background: transparent url('../../Images/icon_exe.gif') no-repeat left;

}

a[href$='.txt']

 {

     background-position: left;

    padding-left: 20px;

    line-height: 18px;

    background: transparent url('../../Images/icon_txt.gif') no-repeat left;

}

 

a[href$='.wmv']

 {

     background-position: left;

    padding-left: 20px;

    line-height: 18px;

    background: transparent url('../../Images/icon_music.gif') no-repeat left;

}

a[href$='.mpeg']

 {

     background-position: left;

    padding-left: 20px;

    line-height: 18px;

    background: transparent url('../../Images/icon_film.gif') no-repeat left;

}

 

a[href$='.png'],a[href$='.jpg'],a[href$='.jpeg'],a[href$='.bmp'],a[href$='.gif']

 {

     background-position: left;

    padding-left: 20px;

    line-height: 18px;

    background: transparent url('../../Images/icon_pic.gif') no-repeat left;

}

 

a[href$='.rpt']

 {

     background-position: left;

    padding-left: 20px;

    line-height: 18px;

    background: transparent url('../../Images/icon_pic.gif') no-repeat left;

}


/*Read more: http://aspnetnova.blogspot.com/2009/05/file-type-icons-using-css.html#ixzz0eZedhKVo
Under Creative Commons License: Attribution*/


/* Accordion */
.accordionHeader
{
    border: 1px solid #FF9900; /*orange*/
    color: white;
    background-color:white;
	padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}
.accordionHeader a
{
	text-decoration: none;
}

.accordionHeader a:active
{
	color: #A3A375; /*gray*/
	background: none;
	text-decoration: none;
}

.accordionHeader a:hover 
{
	background: none;
	text-decoration: underline;
	color: #A3A375; /*gray*/
}

.accordionHeaderSelected
{
    border: 1px solid #FF9900; /*orange*/
    color: white;
    background-color: #FF9900; /*orange*/
	padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}
.accordionHeaderSelected a:hover
{
	color: #A3A375; /*gray*/
}
.accordionHeaderSelected a
{
	color:white;
	font-weight:bold;
	text-decoration: none;
}

.accordionContent
{
    background-color: White;
    border: 1px solid #FF9900; /*orange*/
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

/*===================*/
/*== contactpagina ==*/
.contact_txt_container
{
	min-height:350px;
	padding-left:20px;	
}
.contact_lb_container
{
	min-height:350px;
	padding-right:20px;	
}


.contact_txt
{
	/*background-color:Green;*/
	position:absolute;
	text-align:left;	
}

.contact_lb
{
	/*background-color:yellow;*/
	text-align:right;
	width:100%;	
	position:absolute;	
}

#bezoekadr_lb, #bezoekadr_txt
{
	top:70px;
}

#postadr_lb, #postadr_txt
{
	top:110px;
}

#tel_lb, #tel_txt
{
	top:170px;
}

#fax_lb, #fax_txt
{
	top:190px;
}

#email_lb, #email_txt
{
	top:210px;
}

#kvk_lb, #kvk_txt
{
	top:250px;
}

#btw_lb, #btw_txt
{
	top:270px;
}

#ing_lb, #ing_txt
{
	top:290px;
}

.div_gray_headborder
{
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	/*border-top-right-radius: 10px;*/
	border-left:solid 1px #B3ABA8;	
	border-right:solid 1px #B3ABA8;	
	border-top:solid 1px #B3ABA8;	
}

/*====================*/
/*===posttomail=======*/
/*====================*/
#blue_check
{
	/*background:transparent url(../Images/bg/bg_blue_list_s.png) no-repeat scroll 0 0;*/
	min-width:500px;
	position:relative;
	float:left;
	left:325px;
	margin-top:-180px;
	padding-top:15px;
	padding-left:5px;
}

#chk_tbl_head, #chk_tbl_head2
{
	background:transparent url(../Images/bg/bg_table_header_1.png) no-repeat scroll 0 0;
	min-height:35px;
	width:450px;
	text-align:center;
	font-size:24px;
	font-weight:bold;
	color:#FF9900; /*orange*/	
}

#chk_tbl_head2
{
	background:transparent url(../Images/bg/bg_table_header_2.png) no-repeat scroll 0 0;		
}

#chk_bg
{
	
	position:relative;
	width:450px;
	background-color:White;
}

.chk_vr
{
	height:21px;
	font:12px verdana;
	padding-left:10px;
	color: black;
	position:relative;
	border-bottom:solid 1px #B3ABA8; /*gray*/
	padding-top:8px;

}

.chkico
{
	/*background:transparent url(../Images/icons/GreenCheck_s.png) no-repeat scroll 0 0;*/
	height:18px;
	width:18px;
	right:10px;	
	top:3px;
	position:absolute;

}

#alg_left
{
	width:490px;
	border:solid 0px red;
	float:left;
	min-height:600px;	
}

#alg_info, #alg_tarief
{
	color:black;
	text-align:justify;
	background-color:Ivory;
	font-weight:normal;	
	float:left;
	line-height:125%;
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
	padding-bottom:16px;
	margin-bottom:16px;
	width:450px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom:solid 1px #B3ABA8;
}

#alg_tarief
{
	width:756px;	
}

#alg_r_uitleg, #alg_r_voordelen, #alg_r_tarieven, #alg_twitter, #alg_r_faq, #alg_r_loginAccount 
{
    float: left;
    color: Black;
    text-align: justify;
    margin-left: 16px;
    width: 245px;
    background-color: Ivory;
    line-height: 125%;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 16px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom: solid 1px #B3ABA8;
}

#alg_r_uitleg
{
	background:	url("../Images/bg/bg_uitleg.png") no-repeat scroll center center Ivory;
}

#alg_r_voordelen
{
	background:	url("../Images/bg/bg_voordeel.png") no-repeat scroll center center Ivory;
}

#alg_r_tarieven
{
	background:	url("../Images/bg/bg_tarief.png") no-repeat scroll center center Ivory;
}

#alg_r_faq
{
	background:	url("../Images/bg/bg_faq.png") no-repeat scroll center center Ivory;
}

p.alg_head
{
	font-weight:bold;
	font-size:larger;
	color:#FF9900;
	margin:0px;
}

#alg_twitterxxx
{
	border:solid 0px black;
	float:left;	
	margin-bottom:16px;
}

#imgLapBlue, #ctl00_cph1_imgLapBlue
{
	float:right;
	padding:6px 0px 6px 10px;
}


/*====================*/
/*===uitleg=======*/
/*====================*/

.stap
{
	float:left;	
	position:relative;
	width:385px;
	margin-left:10px;
	margin-top:15px;
	min-height:92px;
}

.stap_ico
{
	width:55px;
	min-height:60px;	
	float:left;
	position:relative;
	margin-top:15px;
}


#stap1ico
{
	background: url("../Images/icons/ptm_stap_auto.png") no-repeat scroll center top white;
	
}

#stap2ico
{
	background: url("../Images/icons/ptm_stap_uitpak.png") no-repeat scroll center top white;
	
}

#stap3ico
{
	background: url("../Images/icons/ptm_stap_scan.png") no-repeat scroll center top white;
	
}

#stap4ico
{
	background: url("../Images/icons/ptm_stap_ocr.png") no-repeat scroll center top white;
	
}

#stap5ico
{
	background: url("../Images/icons/ptm_stap_sort.png") no-repeat scroll center top white;
	
}

#stap6ico
{
	background: url("../Images/icons/ptm_stap_mail.png") no-repeat scroll center top white;
	
}

#stap7ico
{
	background: url("../Images/icons/ptm_stap_retour.png") no-repeat scroll center top white;
	
}

#vdeel1ico
{
	background: url("../Images/icons/ptm_voordeel_inzien.png") no-repeat scroll center top white;
	
}

#vdeel2ico
{
	background: url("../Images/icons/ptm_voordeel_beheer.png") no-repeat scroll center top white;
	
}

#vdeel3ico
{
	background: url("../Images/icons/ptm_voordeel_bespaar.png") no-repeat scroll center top white;
	
}

#vdeel4ico
{
	background: url("../Images/icons/ptm_voordeel_innovatie.png") no-repeat scroll center top white;
	
}

#vdeel5ico
{
	background: url("../Images/icons/ptm_voordeel_hand.png") no-repeat scroll center top white;
	
}
