/*
Kleuren die gebruikt worden binne de vektis website:

Blauw:		#0172BB
Oranje:		#FF9801
Wit:		#FFFFFF
Zwart:		#000000
Lichtgrijs:	#CCCCCC


*/

/* Van oude website!!!!*/
.producttitel
 {
        font-weight : bold;
        font-size: 15px;
        color: #0172BB;
 }


.titel
 {
        font-weight : bold;
        font-size: 13px;
        color: #0172BB;
 }

.subtitel
 {
        font-weight : bold;
        font-size: 11px;
        color: #0172BB;
 }




/* Body's voor verschillende pagina's */
BODY 
 {
	background-color : WHITE;
	font-family : verdana, Geneva, Arial, Helvetica, sans-serif;	
	font-size : 11px;
	color : #333333;	
	scrollbar-darkshadow-color : WHITE;
	scrollbar-arrow-color : #0172BB;
	scrollbar-track-color : WHITE;
	scrollbar-base-color : WHITE;
	scrollbar-shadow-color : #BBBBBB;
	scrollbar-3dlight-color : #BBBBBB;
	scrollbar-face-color : #EEEEEE;
	scrollbar-highlight-color : White;
 }
 
BODY.app {
	background: #fafafa url('../image/bgapp.jpg') repeat-x  fixed right top;
} 

BODY.topmenu {
	background: #f3f1f1 url('../image/topmenubg.jpg') repeat-x top;
	margin: 0px;
	padding: 0px;
} 
 
BODY.mainback
 {	
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: right bottom;
	background-image: url('../image/back.gif');
 }




BODY.back
 {
        background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: right bottom;
 }

BODY.productgroepinfo
 {
	background-color : #F7F8F8;

 }
 
 

/* Tabel background */
TABLE.blackborder
{
    border: #000000;    
    border-style: solid;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
}


TD.back
 {
        background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: right bottom;
 }



TD.ver_lijn 
 {
	background-color: #0172BB
 }

TD.hor_lijn
 {
	background-color: #0172BB
 }

TD.producttab
 {
	background-color: #F9F9F9
 }
 
TD.menuline {
	background: #efefef url('../image/toplinebg.jpg') no-repeat right;
	height: 4px;
} 

TABLE.topmenutable {
	background: #FFFFFF;
	margin-top:25px;
}
 
/* Paragrafen */
P
{
	font-size : 11px;
	color : #333333;
}

P.grijs
{
	color : #AAAAAA;
	
}

/* Kopteksten 
Blauw:		#0172BB
Oranje:		#FF9801
Wit:		#FFFFFF
Zwart:		#000000
Lichtgrijs:	#CCCCCC
*/
H1
 {
	font-weight : bold; 
  	font-size: 18px; 
	letter-spacing : 0.1ex;
  	color: #0172BB;
 }


H2
 {
	font-weight : bold; 
  	font-size: 11px; 
  	color: #000000;
 }


H3
 {
	font-weight : bold; 
  	font-size: 11px; 
  	color: #AAAAAA;
	text-decoration: underline;
 }

H4

 {
	font-weight : bold; 
  	font-size: 11px; 
	letter-spacing : 0.1ex;
  	color: #0172BB;
 }

/* Links */
A.track
{
	font-size : 9px;
	font-weight : none; 
	text-decoration : none;
	color : #999999;
}

A.track:hover
{
	font-size : 9px;
	font-weight : none;
	text-decoration : none;
	color : #333333;
}

A.bottom
{
	font-size : 9px;
	font-weight : bold; 
	text-decoration : none;
	color : #CCCCCC;
}

A.bottom:hover
{
	font-size : 9px;
	font-weight : none;
	text-decoration : none;
	color : #333333;
}

.authreq
{
	font-family : verdana, Geneva, Arial, Helvetica, sans-serif;	
	font-size : 11px;
	font-weight : bold; 
	text-decoration : none;
	color : #CCCCCC;
}


A
{
	font-family : verdana, Geneva, Arial, Helvetica, sans-serif;	
	font-size : 11px;
	font-weight : bold; 
	text-decoration : none;
	color : #0172BB;
}


A:hover
{
	font-weight : bold; 
	text-decoration : underline;
	color : #0172BB;
}




A.product:hover
{
	font-weight : bold; 
	text-decoration : none;
	color : #555555;

}

.href_pijl
{
	color :  #FF9801;
	font-size : 11px; 
}

A.oranje
{
    color : #FF9801;
}

A.oranje:hover
{
    color : #FF9801;
    text-decoration: underline;
}

/* Buttons's */
INPUT.submitBlauw
 {
    background-color : #FFFFFF;
    border-top-width: 1px;
    border-right-width: 2px;
    border-bottom-width: 2px;
    border-left-width: 1px;
    border-color: #0172BB; 
    cursor: hand;
 }

INPUT.submitOranje 
 {
    background-color : #FFFFFF;
    border-top-width: 1px;
    border-right-width: 2px;
    border-bottom-width: 2px;
    border-left-width: 1px;
    border-color: #FF9801; 
    cursor: hand;
    
 }

INPUT.submit
 {
    background-color : #FFFFFF;
    border-top-width: 1px;
    border-right-width: 2px;
    border-bottom-width: 2px;
    border-left-width: 1px;
    border-color: #FF9801; 
    cursor: hand;
    
 }

INPUT.blauw
 {
    border: 1px 1px 1px 1px #0172BB solid;
 }

INPUT.oranje
 {
    border: 1px 1px 1px 1px #FF9801 solid;
 }


/* topframe menu classes */

.ddmx a.item1,.ddmx a.item1-active {
padding-left:18px;
padding-right:18px;
float:left;
height:36px;
line-height:36px;
top:0 !important;
left:0;
font-size:11px !important;
font-family:Arial, Helvetica, sans-serif !important;
text-align:left !important;
font-weight:700;
color:#5a5959 !important;
text-decoration:none !important;
display:block;
white-space:nowrap;
position:relative;
background:url('../image/bgmenu.jpg') no-repeat right;
}

.ddmx .item11-acton-last a.item1,.ddmx .item11-acton a.item1,.ddmx .item11-acton-last a:hover,.ddmx .item11-acton a:hover,.ddmx .item11 a:hover,.ddmx .item11-last a:hover,.ddmx a.item1-active,.ddmx a.item1-active:hover,.ddmx a.item1:hover,.ddmx a.item1-active:hover {
color:#FFF !important;
background:#1b4165 url('../image/bgmenuover.jpg') no-repeat right;
}



.ddmx td.item11 {
background-color:#FFF !important;
white-space:nowrap !important;
padding:0 !important;
}



* html .ddmx td {
position:relative;
}
 table.ddmx {margin-bottom: 1px;}