/* BEGIN Overschrijving draka klassen*/
body {
	font-family: Arial, sans-serif;
	font-size: 10pt;
	color: #5d5a6d;
	width: 100%;
	height: 100%;
}

body.global {
	text-align: center;
	margin: 0 10px 0px 0px;
	width: 100%;
	height: 100%;
}

div.container {
	/* clear: both; gives problematic errors on IE-mac */
	width: 974px;
	margin: 0 auto 0 auto;
	border-left: 1px solid #fff; 
	padding: 0;
	text-align: left;
}
/* Hide from IE5-mac \*/
* html div.container {
	width: 975px; /*** ie adds the border inside so lets just make the whole container 1px larger in ie ***/
}

div.content {
	width: 765px;
	margin: 0 0 0 209px;
	padding: 0;
}

div.document {
	width: 725px;
	padding-left: 10px;
	padding-right: 10px;
}

div.navigation {
	/*** float:left; ***/
	background:#DAE0D2 url("../Images/global/navigation-visual.gif") no-repeat;
	background-color: #2B2D7D;
	width: 763px;
	height: 80px;
	text-transform: uppercase;
	font-size: 7.5pt;
	overflow: hidden;
}

div.navigation ul {
	margin:0;
	padding:44px 0 0 0;
	list-style:none;
	width: 745px;
}

div.block {
	float: right; /*** on ie mac float on right ***/
	display: inline;
	margin: 0;
	padding: 0 12px 0 0;
	width: 345px;
	/*border: 1px solid black;*/
}
/* Hide from Mac IE \*/
* html div.block {
    width: 350px; 
}

div.block {
	float: left;
}

div.path {
	display: block;
	padding: 5px 0 0 10px;
	height: 25px;
	overflow: hidden;
}

div.tree ul li.selected {
	font-weight: bold;
	size: 10pt;
}
/*EINDE Overschrijving draka klassen*/
div.superContainer
{
	position: absolute;
	width: 974px;
	height: 100%;
	border: 0px solid black;
	text-align: center;
	left:50%; 
	margin:0 auto auto -487px;
}

div.contentContainer
{
	position: absolute;
	border: 1px solid red;
	left: 209px;
	top: 105px;
	bottom: 0px;
}
div.border_top{ background: url(/*VIPURL*/"../Images/global/border-dots.gif"); padding: 1px 0 0 0; }
div.border_around{ background: url(/*VIPURL*/"../Images/global/border-dots.gif"); padding: 1px 1px 1px 1px; }

div.artikelLeft
{
	width: 45%;
}
div.artikelRight
{
	position: absolute;
	top: 32px;
	left: 50%;
	width: 45%;
}

a.catalogus:link, a.catalogus:visited
{
	text-decoration: none;
	color: #00287B;
}

a.catalogus:hover
{
	background-color: lightblue;
	text-decoration: none;
}

a.catalogus:active
{
	
}

table.datasheet tr.highlite
{
	background-color: #37468E;
	border: 1px solid white;
}
table.datasheet tr.highlite td
{
	color: #FFF;
}
.datasheet td
{
	font-size: 10pt;
	padding: 2px 3px;
}

.datasheet td a
{
	color: #5d5a6d;
}
.datasheet th
{
	background-color: #37468E;
	color:  white;
	border: 1px solid white;
	font-size: 10pt;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 2px;
}

.datasheet td.artNr
{
	background-color: #37468E;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	text-align: center;
	color: white;
	padding: 2px 0;
}

.datasheet td.artNr a:link, .datasheet td.artNr a:visited
{
	color: white;
	text-decoration: none;
}

.datasheet td.artNr a:hover
{
	color: yellow;
	text-decoration: none;
}

.datasheet tr.even
{
	background-color: #D1D1E5;
}

.datasheet td
{
	border-top: 1px solid white;
	border-bottom: 1px solid white;
}

.datasheet td.datasheetNumeric
{
	text-align: center;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	padding-left: 0px;
	padding-right: 0px;
}

.datasheet td.datasheetText
{
	text-align: center;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
}

.datasheet td.left
{
	border: 0px solid white;
	border-left: 1px solid white;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	text-align: right;
	padding-right: 0px;
}

.datasheet td.right
{
	border-right: 1px solid white;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	text-align: left;
	padding-left: 0px;
}

.datasheet tr.oneven
{
	/*background-color: #E7E6F1;	*/
}

.datasheet td.highlite
{
	background-color: pink;
	border: 1px solid white;
	cursor: pointer;
}

.contentTable
{
	font-size: 10pt;
	width: 100%;
}
.contentTable td, .contentTable th
{
	font-size: 10pt;
}

div.NTAContainer
{

}

div.NTAContainer span
{
}

table.NTA8012
{
	/*border: 1px solid black;*/
	margin-left: 25px;
	/*margin-right: 25px;*/
}
table.NTA8012 td, table.NTA8012 th
{
	border: 1px solid black;
	padding: 0 5px 0 5px ;
}

input.NTA8012
{
	font-size: 10pt;
	background-color: white;
	border: 1px solid lightgrey;
	width: 40px;
}
input.NTA8012:disabled
{
	background-color: white;
	color: black;
}
input.NTA8012Totaal
{
	font-size: 10pt;
	text-align: right;
	background-color: white;
	border: 1px solid lightgrey;
	width: 40px;
}

input.NTA8012TotaalKlasse
{
	font-size: 10pt;
	background-color: white;
	border: 1px solid lightgrey;
	width: 20px;
}

span.next
{
	margin-right: 20px;
	padding: 0px 5px;
	border: 1px solid #00287B;
	float : right;
	cursor: pointer;
}

table.contact th
{
	border: none;
	width: 130px;
}

span.extraInfo
{
	color: green;
	cursor: pointer;
}

div#extraInfo
{
	background: white;
	position:absolute;
	display: none;
	border: 1px solid black;
	width: 400px;
	padding: 10px;
}

img.imgUndo
{
	display: none;
	cursor: pointer;
}

div.moffenberekeningKlein
{
	height: 140px;
	overflow: auto;
}

div.moffenberekeningGroot
{
	height: 300px;
	overflow: auto;
	z-index: 300;
}

table td
{
	font-size: 10pt;
}

span.caption a
{
	padding: 0 2px;
	font-size: 10pt;
	color: #190c66;
	text-decoration: none;
}
span.caption a:hover {
	color: #fff;
	background-color: #528f5c;
}

div#errorContainer ul
{
	color: red;
}

label.error
{
	color: red;
}

TABLE.Hoofdmenu
{ 
	font-size: 10pt; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
}

TABLE.Hoofdmenu TH
{
	color: #ffffff; 
	PADDING: 4px 4px 4px 4px;
	WHITE-SPACE: nowrap;
	border: 1px solid white;
}

TABLE.Hoofdmenu TD
{
	PADDING: 1px 1px 1px 6px;
	WHITE-SPACE: nowrap;
}

TABLE.Hoofdmenu A
{
	color: #000000;
	text-decoration: none;
}

TABLE.Hoofdmenu TH A
{
	color: #ffffff;
	text-decoration: none;
}

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #999;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
	visibility: visible;
	text-align: left;
	width: 150px;
}
#tooltip.tooltipWide
{
	width: 300px;
}
div.moffenLinks
{
	position: relative;
	width: 39%;
	float: left;	
	height: 100%;
}

div.moffenRechts
{
	position: relative;
	float:left;
	margin-left: 0px;
	top: 0px;
	width: 60%;
	height: 100%;
}

h2.header, h2.header a
{
	font-size: 11pt;
	line-height: 100%;
}

span.indexHead
{
	font-size: 110%;
	color: #00287B;
	font-weight: bold;
}

span.alert
{
	font-size: 110%;
	color: red;
	font-weight: bold;
}

table.conditions td, table.conditions th
{
  font-size:12px;
  padding: 0px 5px;
}
/****************************/
/* Kabel berekening klassen */
/****************************/

div.cablecalc
{   border: 1px solid lightgrey; 
    padding: 2px 5px 2px 5px;
    background-color: #FFFFFF;
}

div.cablecalc h1
{   font-size: 12pt;
    padding-top: 0px;
    
}

div.cablecalc table td
{   height: 25px;
}

div.cablecalc input
{	font-size: 10pt;
	background-color: white;
	border: 1px solid lightgrey;
	width: 25px;
}

div.cablecalc input:disabled
{	background-color: white;
	color: black;
}

div.cablecalc select
{	font-size: 10pt;
	background-color: white;
	border: 1px solid lightgrey;
	width: 220px;
}

div.cablecalc_msg
{   color: #FF0000;   
    display: inline;
}

.calculated td
{   font-weight: bold;
    font-size: larger;
}

div.cablecalc span.button
{	padding: 0px;
	border: 1px solid #00287B;
	cursor: pointer;
}

span.izb 
{	display: inline;
	padding-left: 13px;
	padding-top: 2px;
	background-image: url("../images/global/link-arrow.gif");
	background-repeat: no-repeat;
	background-position: 0px 4px;
}

table.cabletable td
{   font-weight: bold; 
    padding-right: 10px;
}

#printheader, #uitgangspunten
{   display: none;
}

.cablelink, .cableadvice
{   text-decoration: none;
}

@media print
{   #divcontent
    {   margin-top: -100px;
        margin-left: 110px;
    }
    #divtemp, #kabulfoot, .sidebar, .navigation, .header, .path, .cablelink
    {   display: none;
        visibility: hidden;
    }
    #printheader, #uitgangspunten
    {   display: block;
    }
}