/**********  Algemeen  **********/

body { font-family: Verdana; font-size: x-small !important; font-size: xx-small; color: #000; margin: 0px; padding: 0px; text-align: left; height: 100%; }
h1 {color:#dc241f; margin: 0px; font-family: Verdana; font-size: large !important; font-size: medium; font-weight: bold;}
h2 {color:#dc241f; margin: 0px 0px 10px 0px; font-size: small !important; font-size: x-small; font-family: Verdana; font-weight: bold;}
h3 {color: white; margin: 0px 0px 5px 0px; font-size: x-small !important; font-size: xx-small; font-family: Verdana; font-weight: bold;}
p { border: 0px solid lime; margin: 10px 0px; }
table p { font-size: x-small !important; font-size: xx-small; margin: 10px 0px; }
a { color:#dc241f; }
.button { width: 175px; border: 1px solid #dc241f; margin: 2px; font-family: Verdana; font-size: xx-small !important; font-size: 7pt; color: #dc241f; padding: 1px 5px;}
.textinput { border:1px solid #dc241f; font-size: xx-small !important; font-size: 7pt; color: #000; }
select { border:1px solid #dc241f; font-size: xx-small !important; font-size: 8pt; color: #000; }

#contents 		{float:left; width: 566px; height: 100%; padding: 0px;}

/* text alignment */
.txtleft { text-align: left; }
.txtmid { text-align: center; }
.txtright { text-align: right; }

/* textkleuren */
.redtext { color:#dc241f; }
.greytext { color: #999; }
.lightgreytext { color: #ddd; }

/* rechterbalk algemeen */
#rightmenu 	{float:left; width: 200px; background-color: #bbbbbb; color: white; font-size: 7pt !important; font-size: xx-small; font-family: Verdana;}
#rightmenu table { color: white; font-size: 7pt !important; font-size: xx-small; font-family: Verdana; }
.info                  {position:absolute; visibility:hidden; left:100px; top:100px; border: 1px solid #dc241f; padding:4px; width: 400px; background: white url(images/info_big.gif) no-repeat bottom right;}
.info_image         {cursor: pointer; border: 0; margin-left: 2px;}

/*rechterbalk stappen */
#rightmenu .header	{ height: 25px; background-color: #888; font-weight: bold; font-size: medium !important; font-size: small; }
.step { border-left: 1px solid #ddd; display: block; float: left; width: 25px; height: 15px; padding: 5px 0; text-align: center; background-color: #888; }
.step a { color: white; text-decoration: none; }
.activestep { background-color: #bbb; }
.steptext { border: 0px solid blue; font-size: x-small !important; font-size: xx-small; border-left: 1px solid #ddd; float:left; width: 115px; height: 12px; color: white; padding: 8px 0 5px 5px; text-align: center; }

/* rechterbalk keuzeopties */
#rightmenu .formulier 	{border: 0px solid lime; margin: 15px 5px;  padding-left: 5px;}
#rightmenu .formulier  form	{padding: 0; margin: 0; font-size: x-small !important; font-size: xx-small; font-family: Verdana;}
.optieitem { cursor: pointer; }

/* rechterbalk overig */
#rightmenu .interactiemenu { font-size: x-small !important; font-size: xx-small; padding: 5px 0px 5px 3px; background-color: white;}
.notes { font-size: x-small !important; font-size: xx-small; background-color: white; color: black; }
.celprijstotaal { color: black; padding: 5px 0; font-size: small !important; font-size: x-small; font-weight: bold; }

#detailschermtabel { height: 100%; position: relative; padding: 0px; margin: 0px;}


/**********  STAP 1   **********/

/* overzichtstabel */
.overzicht { font-size: xx-small !important; font-size: 7pt; font-family: Verdana; }
.overzicht a { color:#dc241f; text-decoration:none; }
.overzicht th { cursor: pointer; }

/* tabelheaders */
.s1header { padding: 0 5px; height: 40px; color: white; }

.headlightleft { background: #dc241f url('images/table_corner_topleft.gif') no-repeat top left;}

.headlight { background-color: #dc241f;}
.headdark { background-color: #7f001a;}

.headlightright { background: #dc241f url('images/table_corner_topright.gif') no-repeat top right;}
.headdarkright { background: #7f001a url('images/table_corner_toprightdark.gif') no-repeat top right; }

/* tabelkolommen */
.s1col { padding: 0 5px; height: 20px; }

.collight { background-color: #dddddd; }
.coldark { background-color: #cccccc; }
.colactive { background: #ed918f; cursor: pointer;}

/* tabelfooter */
.s1footer { height: 6px; }

.footlightleft { background: #dddddd url('images/table_corner_bottomleft.gif') no-repeat bottom left; }

.footlight { padding-left: 5px; background-color: #dddddd; }
.footdark { padding-left: 5px; background-color: #cccccc; }

.footlightright { background: #dddddd url('images/table_corner_bottomright.gif') no-repeat bottom right; }
.footdarkright { background: #cccccc url('images/table_corner_bottomright_dark.gif') no-repeat bottom right; }


/**********  STAP 2  **********/

/* detailtabel algemeen */
.detailtabel { width: 560px; }
.detailtabel a { font-size: x-small !important; font-size: xx-small; font-family: Verdana; }
.groepmelding	{ font-size: x-small !important; font-size: xx-small; font-family: Verdana; }


/* tabelheaders */
.s2header { padding: 0 5px; height: 20px; color: white; }
.headingleft { background: #dc241f url('images/table_corner_topleft.gif') no-repeat top left; }
.headingmid   { background-color: #dc241f; }
.headingright { background: #dc241f url('images/table_corner_topright.gif') no-repeat top right; }
.col_evnummer { width: 70px; }
.col_omschrijving { width: 272px; }
.col_aantal { width: 46px; }
.col_stukprijs { width: 84px; }
.col_totaalprijs { width: 92px; }

/* tabelkolommen */
.s2column { padding: 0 5px; }
.columnlight { background-color: #dddddd; }
.columndark { background-color: #cccccc; }

/* tabelfooter */
.s2footer { padding: 0 5px; border-top: 1px solid #cccccc; height: 20px; }
.footerleft { background: #dddddd url('images/table_corner_bottomleft.gif') no-repeat top left; }
.footermid { background-color: #dddddd; }
.footerright { background: #dddddd url('images/table_corner_bottomright.gif') no-repeat top right; }

/* productinfo div bij mouseover evnummers */
.productinfo	{ font-family: Verdana; font-size: x-small !important; font-size: xx-small; border:1px solid #dc241f; padding:4px; margin-top:13px; background: white url(images/info_big.gif) no-repeat bottom right; min-width:350px; position:absolute; display:none; }
.productinfo ul li { font-family: Verdana; font-size: x-small !important; font-size: xx-small; }
.muispointer	{ cursor:default; }

/* cad documentatie div met downloadlinks */
.caddocumentatie	{ border:1px solid #dc241f; padding:4px; margin-left:100px; margin-top:22px; background: white url(images/info_big.gif) no-repeat bottom right; width:350px; height:150px; position:absolute; display:none; }
.caddocumentatie h2	{ float:left; }
.caddocumentatie span	{ float:right; cursor:pointer; font-size:14px; font-weight:bold; color:#dc241f; }

/* specificatietabel algemeen */
.specificatietabel { font-size: xx-small !important; font-size: 7pt; font-family: Verdana; }
.specificatiebreedte { width: 92px; }

/* specificatietabel footer */
.s2specfooter { padding: 0 5px; height: 12px; }
.specfooterleft { background: #dddddd url('images/table_corner_bottomleft.gif') no-repeat bottom left; }
.specfooterright { background: #dddddd url('images/table_corner_bottomright.gif') no-repeat bottom right; }


/* brutototaal tabel */
.offertetabel { font-size: xx-small !important; font-size: 7pt; font-family: Verdana; }
.totaalprijstabel { padding: 0 5px; }


/**********  STAP 3 printview  **********/
.regelingcategorie { float:left; padding-left:80px; }
.materiaalcategorie { float:left; padding-left:40px; }
.isolatiecategorie { float:left; padding-left:80px; }
.rookgascategorie { float:left; padding-left:80px; }
.ketelscategorie { float:left; padding-left:60px; }
.accessoirescategorie { float:left; padding-left:85px; }

.print_detailschermtabel { width: 100%; }
#print_contents_voorblad	{ font-size: xx-small !important; font-size: 7pt; font-family: Verdana; width: 660px; height:976px; padding: 5px; }
#print_contents 		{ font-size: xx-small !important; font-size: 7pt; font-family: Verdana; width: 660px; padding: 5px; }

.print_aligntable { font-size: xx-small !important; font-size: 7pt; font-family: Verdana; }
.print_pagina1 { border: 0px solid red; width: 660px; height: 901px; }
.print_pagina2 { border: 1px solid white; width: 660px; height: 901px; }
.print_logo { text-align: center; }
.print_nawtabel { width:100%; font-size: xx-small !important; font-size: 7pt; font-family: Verdana; }
.print_footer { text-align: center; border: 0px solid green; }

.print_categorie_tableheader { background-color: #cccccc; font-weight: normal; }
.print_categorie_tablefooter { font-weight: bold; }
.print_opstellingheader { background-color: #cccccc; font-size: xx-small !important; font-size: 7pt; font-family: Verdana; }
.print_specheader { background-color: #cccccc; }

.print_reclame { font-size: 7pt; font-weight:bold; font-family: Arial; }

/**********  STAP 3 op naam stellen  **********/
.contacttabel { font-size: x-small !important; font-size: xx-small; font-family: Verdana; }
.contacttabel input { border: 1px solid black; }