/* -------------------------------------------- 
GLOBAL STYLING ELEMENTS 
-------------------------------------------- */

HTML, BODY {
	width: 100%;
	height: 100%;
	margin: 0px;
	background-color: #bebec0;
	background-image: url("images/back_body.png");
	background-repeat: repeat-x;
	background-position: top;
}

BODY { min-height: 100%; margin-bottom: 1px; } /* forceeer verticale scrollbar */


BODY, TR, TD, INPUT, SELECT, TEXTAREA {
	font-family: Arial, Helvetica, sans-serif;
	color: #131f56;
	font-size: 9pt;
}                 

P {
	margin: 10px 0px 5px 0px;
}

H1 {
	margin: 10px 0px 15px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #131f56;
}

H2 {
	margin: 10px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	color: #131f56;
}

H3 {
	margin: 15px 0px -5px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight : bold;
	color: #131f56;
}

H4 {
	margin: 10px 0px -5px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight : bold;
	color: #131f56;
}

H6 {
	margin: 5px 0px 5px 0px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-weight : normal;
}

A:link, A:visited {
	text-decoration: none;
	font-weight: bold;
	color: #40368a;
	outline: none; /* hide dotted outline in Firefox */
}
A:hover, A:active	  {
	color: #131f56;
	text-decoration : underline;
	outline: none; /* hide dotted outline in Firefox */
}

LI {
	padding: 0px 0px 5px 0px;
}

TD {
	vertical-align: top;
}

HR.dotted {
	clear: both;
	border:none;
	border-top: 1px dotted #0d628c;
}

HR.red {
	border:none;
	border-top: 1px solid #830e59;
}

sup {
	vertical-align: baseline;
	font-size: 0.8em;
	position: relative;
	top: -0.4em;
}


/* ---------------------------------------------------- 
STRUCTURAL ELEMENTS 
------------------------------------------------------- */

DIV.positioner {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 50%;
	width: 1px;
	overflow: visible;
}

DIV.container	{
	position : absolute;
	width : 919px;
	left : -460px;
	top: 0px;
}

DIV.topbarA	{
	position: relative;
	width: 919px;
	height: 160px;
	background-image: url("images/back_header1.png");
	background-repeat: no-repeat;
}

DIV.topbarB	{
	position: relative;
	width: 919px;
	height: 160px;
	background-image: url("images/back_header2.png");
	background-repeat: no-repeat;
}

DIV.mainA	{
	position: relative;
	width: 919px;
	height: auto;
 	background: transparent url('images/back_main1.png') repeat-y scroll top left;
	overflow: hidden; /*make background visible */ 
}

DIV.mainB	{
	position: relative;
	width: 919px;
	height: auto;
 	background: transparent url('images/back_main2.png') repeat-y scroll top left;
	overflow: hidden; /*make background visible */ 
}

DIV.spacer	{
	float: left;
	width: 0px;
	height: 700px;
}

DIV.leftbar	{
	float: left;
	width: 209px;
}

DIV.contentA	{
	float: left;
	width: 510px;
	margin-bottom: 10px;
}

DIV.innertubeA {
	padding: 10px 20px 20px 30px;
	line-height: 140%;
}

DIV.innertubeA_home {
	background: transparent url('images/home_kop.jpg') no-repeat scroll 30px 25px;
	padding: 10px 20px 20px 30px;
	line-height: 140%;
}

DIV.contentB	{
	float: left;
	width: 700px;
	margin-bottom: 10px;
}

DIV.innertubeB {
	padding: 10px 20px 20px 25px;
	line-height: 140%;
}

DIV.rightbar	{
	position: absolute;
	top: 0px;
	right: 10px;
	width: 180px;
	background: transparent url('images/back_rightbarwit.png') repeat-y scroll top left;
}

DIV.footerbar{
	clear: both;
	width: 919px;
	height: 45px;
	margin-bottom: 10px;
	background: transparent url('images/back_footer.png') no-repeat scroll top left;
}


/* -------------------------------------------------- 
DIVERSE STYLES
----------------------------------------------------- */
DIV.contentheadA, A.contentheadA	{
	width: 520px;
	height: 35px;
	background: transparent url('images/content1_header.png') repeat-y scroll top left;
	padding: 0px 0px 0px 20px;
	font-family: Arial, Helvetica, sans-serif;
	color: #40368a;
	font-size: 13pt;
	font-weight: bold;
	letter-spacing: 0.1em;
	text-decoration: none;
}

DIV.contentheadB, A.contentheadB	{
	width: 700px;
	height: 35px;
	background: transparent url('images/content2_header.png') repeat-y scroll top left;
	padding: 0px 0px 0px 20px;
	font-family: Arial, Helvetica, sans-serif;
	color: #830e59;
	font-size: 13pt;
	font-weight: bold;
	letter-spacing: 0.1em;
	text-decoration: none;
}

DIV.messages {
	border: 2px solid Red;
	margin: 10px 20px 10px 20px;
	padding: 5px;
	background-color: #FFFF99;
	text-align: center;
	font-weight: bold;
}


/* -------------------------------------------------- 
GENERIC BUTTONS & PIJLEN
----------------------------------------------------- */

button.button {
	background: transparent url('images/but_paarsB.png') no-repeat scroll top right;
	height: 20px;
	margin-right: 5px;
	padding-right: 10px; /* sliding doors padding */
	border: 0;
	font: normal 12px arial, sans-serif;
	color: #ffffff;
	text-decoration: none;
}

button.button span {
	background: transparent url('images/but_paarsA.png') no-repeat;
	display: block;
	line-height: 13px; /* + padding = img height */
	padding: 1px 0px 6px 10px;
	margin-top: -2px;
}

button.buttonHover {
	background: transparent url('images/but_paarsB.png') no-repeat scroll bottom right;
	height: 20px;
	margin-right: 5px;
	padding-right: 10px; /* sliding doors padding */
	border: 0;
	font: normal 12px arial, sans-serif;
	color: #ffffff;
	text-decoration: none;
}

button.buttonHover span {
	background: transparent url('images/but_paarsA.png') no-repeat bottom left;
	display: block;
	line-height: 13px; /* + padding = img height */
	padding: 1px 0px 6px 10px;
	margin-top: -2px;
}

a.butpaars:link, a.butpaars:visited {
	background: transparent url('images/but_paarsB.png') no-repeat scroll top right;
	display: block;
	float: left;
	height: 20px;
	margin-right: 5px;
	padding-right: 13px; /* sliding doors padding */
	font: normal 12px arial, sans-serif;
	color: #ffffff;
	text-decoration: none;
}
a.butpaars span {
	background: transparent url('images/but_paarsA.png') no-repeat;
	display: block;
	line-height: 13px; /* + padding = img height */
	padding: 1px 0px 6px 13px;
}
a.butpaars:hover {
	background-position: bottom right;
	color: #ffffff;
}
a.butpaars:hover span {
	background-position: bottom left;
}

a.butgeel:link, a.butgeel:visited {
	background: transparent url('images/but_geelB.png') no-repeat scroll top right;
	display: block;
	float: left;
	height: 20px;
	margin-right: 5px;
	padding-right: 13px; /* sliding doors padding */
	font: bold 12px arial, sans-serif;
	color: #000000;
	text-decoration: none;
}
a.butgeel span {
	background: transparent url('images/but_geelA.png') no-repeat;
	display: block;
	line-height: 13px; /* + padding = img height */
	padding: 2px 0px 5px 13px;
}
a.butgeel:hover {
	background-position: bottom right;
	color: #000000;
}
a.butgeel:hover span {
	background-position: bottom left;
}


a.help {
	background: transparent url('images/help.png') no-repeat scroll 100% 50%;
	height: 14px;  /* = 16 minus 2 padding */
	padding: 2px 18px 0px 0px;
}
a.help:hover {
	background: transparent url('images/help_hover.png') no-repeat scroll 100% 50%;
}

a.info {
	background: transparent url('images/info.png') no-repeat scroll 100% 50%;
	height: 14px;  /* = 16 minus 2 padding */
	padding: 2px 18px 0px 0px;
}
a.info:hover {
	background: transparent url('images/info_hover.png') no-repeat scroll 100% 50%;
}

a.delete {
	background: transparent url('images/icon_delete.png') no-repeat scroll 100% 50%;
	height: 12px;  /* = 16 minus 2 padding */
	padding: 2px 18px 2px 0px;
	font-weight: normal;
	line-height: 14pt;
}
a.delete:hover {
	font-weight: normal; 
	color:#ff0000;
} 

a.pijlpaars {
	background: transparent url('images/pijlpaars.png') no-repeat scroll top right;
	height: 12px;  /* = 14 minus 0 padding */
	padding: 0px 20px 0px 0px;
	vertical-align: text-top;
}
a.pijlpaars:hover {
	background: transparent url('images/pijlpaars_hover.png') no-repeat scroll top right;
}

a.pijlblauw {
	background: transparent url('images/pijlblauw.png') no-repeat scroll top right;
	height: 14px; /* = 14 minus 0 padding */
	padding: 0px 20px 0px 0px;
	vertical-align: text-top;
}
a.pijlblauw:hover {
	background: transparent url('images/pijlblauw_hover.png') no-repeat scroll top right;
}

a.extlink {
	background: transparent url('images/icon_extlink.gif') no-repeat scroll 100% 50%;
	padding-right: 16px;
}

/* -------------------------------------------------- 
HEADER
----------------------------------------------------- */

DIV.logo {
	position: absolute;
	top: 34px;
	left: 10px;
	width: 175px;
	height: 100px;
}

DIV.starterspakket {
	position: absolute;
	top: 67px;
	left: 450px;
}

DIV.belmij {
	position: absolute;
	top: 10px;
	right: 30px;
	width: 140px;
}

P.belmijkop {
	height: 15px;
	margin: 0px 0px 0px 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #40368a;
	letter-spacing: 0.1em;
}

FORM.frmCall {
	height: 20px;
	margin: 0px;
	padding: 0px;
}

DIV.messageArea {
	margin: -4px 0px 0px -30px;
	padding-left: 30px;
	color: #820000;
	font-family: arial;
	font-size: 10px;
}

DIV.inlog {
	position: absolute;
	top: 59px;
	right: 34px;
	overflow: hidden;
}

P.inlogkop {
	margin: 0px 0px 0px 75px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #830e59;
	letter-spacing: 0.1em;
}

P.forget {
	margin: 0px 0px 0px 75px;
	font-size: 7pt;
}

DIV.flags {
	position: absolute;
	top: 128px;
	right: 20px;
	text-align: right;
}

/* set images in div flags */
A.normal img {filter:alpha(opacity=50); -moz-opacity: 0.4; opacity: 0.4;}
A:hover.normal img  {filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0;}

/* -------------------------------------------------- 
LEFTBAR
---------------------------------------------------- */

DIV.goldcard {
	margin: -30px 0px 0px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-weight: bold;
	color: #830e59;
	text-align: center;
}

DIV.vlht {
	margin: 20px 5px 0px 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-weight: bold;
	color: #830e59;
}

/* -------------------------------------------------- 
RIGHTBAR
---------------------------------------------------- */

DIV.newshead	{
	height: 25px;
	padding-top: 5px;
	background: transparent url('images/back_newshead.png') no-repeat scroll top left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-align: center;
	font-weight: bold;
	color: #ffffff;
	letter-spacing: 0.1em;
}

DIV.hpnews {
	background: transparent url('images/back_news.png') repeat-y scroll top left;
	overflow: hidden;
	padding: 3px 5px 0px 12px;
}

P.hpnews_date {
	font-size: 7pt;
	color: #808080;
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-style: italic;
	margin: 0px;
}

P.hpnews_title {
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	margin: 0px 0px 1px 0px;
	line-height: 9pt;
}

A.hpnews_title:link , A.hpnews_title:active, A.hpnews_title:visited  {
	color: #0d628c;
}

P.hpnews_txt {
	font-size : 7pt;
	font-family : Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #808080;
	margin: 0px;
}

.hpmeer, A.hpmeer {
	font-size: 7pt;
	font-weight: normal;
	color: #0d628c;
}

DIV.hpclients	{
	padding: 8px 5px 0px 12px;
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #808080;
}

IMG.hpclients_foto {
	margin: 4px 0px 0px 4px;
	border: 1px solid #808080;
}

P.hpclients_txt {
	font-size: 7.5pt;
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #808080;
	margin: 0px;
	line-height: 130%;
}

P.hpclients_sign {
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 7.5pt;
	font-weight: bold;
	margin: 1px 0px 12px 0px;
	text-align: right;
	line-height: 9pt;
}


/* -------------------------------------------------- 
PRODUCTS
---------------------------------------------------- */

DIV.overzicht {
	width: 490px;
	margin-left: 10px;
	padding: 10px 0px 10px 0px;
}

DIV.overzichtimg {
	float: left;
	width: 140px;
	text-align: center;
}

DIV.lijn {
	clear: both;
	height: 10px;
	border-bottom: 1px solid #9da7d5;
}

DIV.uitklapbar A.normal {
	display: block;
	width: 500px;
	height: 24px;
	margin-bottom: 10px;
	background-image: url("images/uitklapbar1.png");
	background-position: 0 0;
	background-repeat: no-repeat;
	padding: 4px 0px 0px 10px;
	overflow: hidden;
	color: #505e9d;
	text-decoration: none;
	font-weight: bold;
}

DIV.uitklapbar A.normal:hover {
	background-image: url("images/uitklapbar2.png");
	background-position: 0 0;
	background-repeat: no-repeat;
	color: #131f56;
}

DIV.uitklapbar A.active, DIV.uitklapbar A.active:hover {
	display: block;
	width: 500px;
	height: 23px;
	margin-bottom: 10px;
	background-image: url("images/uitklapbar3.png");
	background-position: 0 0;
	background-repeat: no-repeat;
	padding: 4px 0px 0px 10px;
	overflow: hidden;
	color: #131f56;
	text-decoration: none;
	font-weight: bold;
}

DIV.uitklapcont	{
	display: none;
	width: 486px;
	height: auto;
	margin: -11px 0px 10px 2px;
	padding: 1px 10px 10px 10px;
	background-color: #e2e7fc;
	overflow: auto;
}

DIV.sideinfo	{
	display: block;
	float: right;
	width: 160px;
	margin: 10px 0px 10px 10px;
}

DIV.prijs {
	clear: both;
	text-align: center;
	line-height: 130%;
	padding-top: 5px;
}

DIV.staffel {
	margin: 5px 0px 0px 20px;
	font-size: 80%;
	line-height: 100%;
}

/* -------------------------------------------------- 
FAQ
---------------------------------------------------- */

LI.faq_vraag { 
	margin-top: 5px;
	margin-left: -10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
 }

A.faq_vraag, A.faq_vraag:visited, A.faq_vraag:active  {
 	color : #131f56; 
	text-decoration: none;
}

A.faq_vraag:hover  {
	text-decoration: underline;
}

DIV.faq_antwoord {
	margin: -12px 0px 15px -10px;
}


/* -------------------------------------------------- 
NEWSPAGE
---------------------------------------------------- */

DIV.newsback  {
	margin: 0px 0px 15px 0px;
}

P.newstitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #131f56;
	font-weight: bold;
	margin: 5px 0px 2px 0px;
}

A.overzicht_title:link, A.overzicht_title:active, A.overzicht_title:visited  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #131f56;
	font-weight: bold;
	text-decoration: none;
}

A.overzicht_title:hover  {
	text-decoration:underline;
}

P.newsdate {
	font-size : 8pt;
	color : #606060;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0px 0px 5px 0px;
	font-style : italic;
}

P.newsauthor {
	font-weight: bold;
	font-size : 8pt;
	color : #404040;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: -2px 0px 0px 0px;
}

P.newstxt {
	margin: 0px 0px 10px 0px;
}

.meer a, .back a  {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	color: Gray;
}
.meer a:hover, .back a:hover  {
	color: #131f56;
}


DIV.archief {
	position: absolute;
	top: 1px;
	left: 600px;
	width: 100px;
}

/* -------------------------------------------------- 
KLANTEN
----------------------------------------------------- */

DIV.clients {
	clear: both;
	margin: 0px 0px 15px 0px;
	border-bottom: 1px solid #808080;
	height: auto;
	overflow: hidden;
}

P.clients_sign {
	font-weight: bold;
	margin: 0px 0px 10px 0px;
}

IMG.clients_foto {
	margin: 5px 0px 5px 10px;
	border: 1px solid #000000;
}


/* -------------------------------------------------- 
FOOTER
----------------------------------------------------- */

DIV.foottxt {
	margin-top: 11px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #a4a9e9;
	font-size: 8pt;
	padding: 2px 0px 0px 30px;
}

A.footlink:link, A.footlink:visited {
	color: #a4a9e9;
	font-weight: normal;
}

DIV.footcredit {
	margin: 33px 10px 0px 0px; 
	float: right;
}

A.credit:link, A.credit:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	color: #707070;
	font-weight: normal;
}

/* -------------------------------------------------- 
MENU  
----------------------------------------------------- */

DIV.menu	{
	width: 199px;
	margin-left: 10px;
	background: transparent url('images/menu_normal.png') repeat-y scroll top left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	letter-spacing: 0.1pt;
}

DIV.menu A, DIV.menu A.normal {
	height: 22px;
	display: block;
	color: #302b5b;
	text-decoration: none;
	padding: 6px 0px 0px 28px;
	border-bottom: 1px solid #ffffff;
}

DIV.menu A:hover {
	background-image: url(images/menu_hover.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	color: #ffffff;
}

DIV.menu A.active, DIV.menu A.active:hover, DIV.menu A.open, DIV.menu A.open:hover {
	height: 22px;
	display: block;
	background-image: url(images/menu_active.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	color: #ffffff;
	text-decoration: none;
	padding: 6px 0px 0px 28px;
}

DIV.submenu {
	margin-top: -1px;
	padding: 5px 0px 3px 0px;
	border-top: 1px solid #040a5b;
	border-bottom: 1px solid #ffffff;
	background-color: #756eaf;
	background-image: url(images/submenu_background.png);
}

DIV.submenu A, DIV.submenu A.normal {
	height: 20px;
	display: block;
	padding: 0px 0px 0px 40px;
	font-size: 85%;
	font-weight: bold;
	border-bottom: none;
	color: #d2d5f8;
}

DIV.submenu A:hover {
	background-image: url(images/submenu_pijlblauw.png);
	background-repeat: no-repeat;
	background-position: 24 1;
	color: #040a5b;
}

DIV.submenu A.active, DIV.submenu A.active:hover {
	height: 20px;
	display: block;
	padding: 0px 0px 0px 40px;
	background-image: url(images/submenu_pijlwit.png);
	background-repeat: no-repeat;
	background-position: 24 1;
	color : #ffffff;
}

/*------------------------------------------------------------*/
DIV.clientmenu	{
	width: 199px;
	margin-left: 10px;
	background: transparent url('images/menu2_normal.png') repeat-y scroll top left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	letter-spacing: 0.1pt;
}

DIV.clientmenu A, DIV.clientmenu A.normal {
	height: 20px;
	display: block;
	background-image: url(images/menu2_normal.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	color: #4e0935;
	text-decoration: none;
	padding: 4px 0px 0px 28px;
	border-bottom: 1px solid #ffffff;
}

DIV.clientmenu A:hover {
	background-image: url(images/menu2_hover.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	color: #ffffff;
}

DIV.clientmenu A.active, DIV.clientmenu A.active:hover, DIV.clientmenu A.open, DIV.clientmenu A.open:hover {
	height: 20px;
	display: block;
	background-image: url(images/menu2_active.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	color: #ffffff;
	text-decoration: none;
	padding: 4px 0px 0px 28px;
}

/* -------------------------------------------------- 
MIJN GEGEVENS
---------------------------------------------------- */

DIV.jalouzieA {
	position: absolute;
	right: 30px;
	top: 24px;
	width: 205px;
	height: 70px;
	background: transparent url('images/jalouzie1.png') no-repeat scroll top left;
	padding: 5px 6px 0px 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #830e59;
	text-align: center;
	line-height: 110%;
}

H3.red {
	margin: 10px 0px -5px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	color: #830e59;
}

H4.red {
	margin: 10px 0px -5px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	color: #830e59;
}

HR.dottedred {
	border:none;
	border-top: 1px dotted #830e59;
}

DIV.uitklapform	{
	display: none;
	padding: 10px;
	background-color: #cfffff;
	border: 1px solid #000099;
}

/* -------------------------------------------------- 
MIJN ORDERS / ORDERFORM
---------------------------------------------------- */

DIV.jalouzieB {
	position: absolute;
	right: 30px;
	top: 24px;
	width: 205px;
	height: 30px;
	background: transparent url('images/jalouzie1.png') no-repeat scroll bottom left;
	padding: 10px 6px 0px 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #830e59;
	text-align: center;
	line-height: 110%;
}

DIV.uitklapbar A.normal {
	display: block;
	width: 650px;
	height: 28px;
	background: transparent url('images/balk_normal.png') no-repeat scroll top left;
	padding: 4px 0px 0px 10px;
	overflow: hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #830e59;
	text-decoration: none;
}

DIV.uitklapbar A.normal:hover {
	background: transparent url('images/balk_hover.png') no-repeat scroll top left;
	color: #830e59;
}

DIV.uitklapbar A.active, DIV.uitklapbar A.active:hover {
	display: block;
	width: 650px;
	height: 24px;
	margin: 0px;
	background: transparent url('images/balk_active.png') no-repeat scroll top left;
	padding: 4px 0px 0px 10px;
	overflow: hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #830e59;
	text-decoration: none;
}

DIV.uitklaptabel	{
	display: none;
	width: 650px;
	height: auto;
	margin: 0px;
	padding: 0px;
}

DIV.dict {
	height: 130px;
	margin-bottom: 3px;
	background-color: ffffff;
	border: 1px solid #c96da8;
	overflow: auto;
}

DIV.flashmessage {
	height: 350px;
	margin-bottom: 3px;
	background-color: ffffff;
	border: 1px solid #c96da8;
}


/* -------------------------------------------------- 
ORDERDETAILS
---------------------------------------------------- */

DIV.leftcolumn {
	float: left;
	width: 270px;
	padding-right: 10px;
	border-right: 1px solid #c96da8;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
}

DIV.rightcolumn {
	float: right;
	width: 360px;
}

DIV.nwberichtbutton {
	float: right;
	margin-top: -5px;
}

DIV.nwberichtform	{
	display: none;
	padding: 5px;
	margin-bottom: 10px;
	background-color: #fdedf8;
	border: 1px solid #c96da8;
}

DIV.sort {
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt
}

DIV.messagegeel	{
	background-color: #ffff99;
	border: 1px solid #000000;
	color: #202020;
	margin-bottom: 10px;
}

DIV.messagelichtgeel	{
	background-color: #fefef8;
	border: 1px solid #808080;
	color: #404040;
	margin-bottom: 10px;
}

DIV.messagegrijs	{
	background-color: #fafafa;
	border: 1px solid #808080;
	color: #404040;
	margin-bottom: 10px;
}

DIV.messagehead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt; 
	margin: 3px 5px 3px 5px;
	line-height: 10pt;
	font-weight: bold;
}

span.messagelabel {
	font-weight: normal;
	margin-right: 5px;	
}

DIV.messagedhadow {
	border-top: 1px solid #808080;
	height: 6px;
	background: transparent url('images/shadow.png') repeat-x scroll top left;
}

DIV.messagecont {
	margin: -5px 5px 5px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
}

DIV.messagethumbs {
	margin: 10px 0px 5px 10px;
	position: relative;
	overflow: hidden;
}

DIV.photobox {
	position: relative;
	float: left;
	width: 80px;
	height: 80px;
	text-align: center;
}

img.photo {
	vertical-align: absmiddle;
}

.paginate {
font-family: Arial, Helvetica, sans-serif;
font-size: .8em;
}
a.paginate {
border: 1px solid #830e59;
padding: 2px 6px 2px 6px;
text-decoration: none;
color: #000080;
}
a.paginate:hover {
background-color: #830e59;
color: #FFF;
text-decoration: underline;
}
a.current {
border: 1px solid #830e59;
font: bold .8em Arial,Helvetica,sans-serif;
padding: 2px 6px 2px 6px;
cursor: default;
background: #830e59;
color: #FFF;
text-decoration: none;
}
span.inactive {
border: 1px solid #999;
font-family: Arial, Helvetica, sans-serif;
font-size: .8em;
padding: 2px 6px 2px 6px;
color: #999;
cursor: default;
}

/* ---------------------------------------------------- 
FORM ELEMENTS
------------------------------------------------------- */

INPUT.telnr {
	width: 110px;
	height: 15px;
	font-size: 7pt;
	color: #808080;
	background-color: #fff;
	border: 1px solid #808080;
	padding: 0px 2px 0px 2px;
	margin-bottom: 1px;
}

LABEL.inloglabel {
	width: 70px;
	float: left;
	text-align: right;
	margin-right: 4px;
	padding-top: 2px;
	display: block;
	font-size: 7pt;
	color: #808080;
}

.submitpijlblauw {
	border: none;
	background: transparent url('images/pijlblauw.png') no-repeat scroll top right;
	height: 14px; /* = 14 minus 0 padding */
	padding: 0px 20px 0px 0px;
	vertical-align: text-top;
	cursor: pointer;
}
.submitpijlblauw:hover {
	border: none;
	background: transparent url('images/pijlblauw_hover.png') no-repeat scroll top right;
}

.submitpijlpaars {
	border: none;
	background: transparent url('images/pijlpaars.png') no-repeat scroll top right;
	height: 14px; /* = 14 minus 0 padding */
	padding: 0px 20px 0px 0px;
	vertical-align: text-top;
	cursor: pointer;
}
.submitpijlpaars:hover {
	border: none;
	background: transparent url('images/pijlpaars_hover.png') no-repeat scroll top right;
}

.invoer INPUT, .invoer SELECT {
	font-size: 8pt;
	color: 000;
	background-color: #ffffff;
	border: 1px solid #c96da8;
	padding: 1px;
}

.kiesselect {
	vertical-align: -3px;
}

/* ---------------------------------------------------- 
TABLE ELEMENTS
------------------------------------------------------- */
TABLE.overzicht {
	width: 650px;
}

TABLE.pricelist {
	width: 500px;
	border: 0px;
}

TD.pricesectie {
	height: 28px;
	background: transparent url('images/balk_normal.png') no-repeat scroll top left;
	padding: 4px 0px 0px 10px;
	margin-top: 20px;
	overflow: hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #830e59;
}

TD.header {
	vertical-align: bottom;
	padding: 15px 4px 3px 4px;
	font-size: 10pt;
	font-weight: bold;
	color: #830e59;
	border-bottom: 1px dotted #830e59;
}

TD.invoer {
	vertical-align: middle;
	padding: 2px 4px 2px 4px;
	font-size: 8pt;
	font-weight: bold;
}

TD.space {
	height: 10px;
}

TH.heading {
	background-color: #fdedf8;
	border-bottom: 1px dotted #830e59;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	padding: 0px 2px 1px 2px;
	text-align: left;
}

TR.even {
	background-color: #ffffff;
}
TR.odd {
	background-color: #fdedf8;
}

TD.item {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	vertical-align: middle;
	padding: 4px 2px 4px 2px;
}

TD.item2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	vertical-align: middle;
	padding: 4px 2px 4px 2px;
}

TR.Aodd {
	background-color: #ffffff;
}
TR.Aeven {
	background-color: #F9F9F9;
}


TD.ithead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	vertical-align: middle;
	padding: 4px 2px 4px 2px;
	font-weight: bold;
}

TD.it {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	vertical-align: top;
	padding: 4px 2px 4px 2px;
}

TD.it2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	vertical-align: top;
	padding: 4px 2px 4px 2px;
	background-color: #a9aeea;
	color: #fff;
}

TD.it3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	vertical-align: top;
	padding: 4px 2px 4px 2px;
	color: Red;
	font-weight: bold;
}


TD.dicthead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	border-bottom: 1px solid #830e59;
	padding-left: 4px;
}

TD.wordlinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	padding-left: 4px;
}
TD.wordrechts {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	padding-left: 4px;
	border-left: 1px solid #830e59;
}

/* -------------------------------------------------- 
CADEAUS
----------------------------------------------------- */

TR.cadeauheader {
	background-color: #EDEDED;
	height: 28px;
}

TR.cadeautext {
	background-color: #F7F7F7;
}

TD.cadeautitle {
	vertical-align: middle;
	padding: 2px 4px 2px 8px;
	font-size: 11pt;
	font-weight: bold;
	color: #830e59;
	border-top: 1px solid #830e59;
}

TD.cadeaupoints {
	width: 60px;
	vertical-align: middle;
	text-align: center;
	padding: 2px 0px 2px 0px;
	font-size: 8pt;
	font-weight: bold;
	color: #830e59;
	line-height: 90%;
	border-top: 1px solid #830e59;
}

TD.cadeaubestel {
	width: 85px;
	vertical-align: middle;
	text-align: center;
	padding: 2px 0px 2px 0px;
	border-top: 1px solid #830e59;
	font-size: 7pt;
	line-height: 90%;
}

TD.cadeautext {
	vertical-align: top;
	padding: 0px 4px 8px 8px;
}

DIV.cadeausubtitle {
	font-weight: bold;
	margin: 3px 0px -5px 0px;
}

DIV.bevestiging {
	width: 450px;
	margin: 0px 0px 20px 80px;
	padding: 10px;
	background-color: #FFFF66;
	border: 2px solid Black;
	font-weight: bold;
	text-align: center;
}

/* -------------------------------------------------- 
AGENDA
----------------------------------------------------- */


TD.agendabottom {
	border-bottom: 1px solid #830e59;
}