/*                         '
          .                 ,
           ~q               4
             #g        '    ]                  ;  ]
              ~#,           ]6         ]    |  f  I
               `0g      q    S         1    '       ]  ]
                 Q&     #    &   /        f   ]  ]  (  I  ]
                  #A    ]   ]2        j  , :  I  I  '     I
                   08  ' 1  iA !d     '  ' '  f  !          |
     _              00   E],K%. !    A  J ]     ]  I  |     '
      ^m_           [0N-"1&Ej  ' !  J' j  !  A  B  f  A  |      '
        ^4p        om@0qMM&Q0N&,c   " ,f ,   !  T  `  1  f         ,
          ^Mq  ]   aGK73MNWMM&#K0  6  ?  $  I  ]  ]  ]   ` ]   $   '
            #&g/AjW0W6x0&0E0#0KQbm#  ^      ?  !  !  [  ]  [   '  j
  - ,       ,#Z60gg8\ Q0N0RNQ#N#00S%,   &  ;   !  8  W  D  !  ;   ` '
     `*w   _*0MNNWT   +Q00000M#0Rg0p       6  +      !  F  '  f  ( ]   /
        9NM0&#A#M@Kt   {K#0&NgR00#M0j  &      &  J  ]   ! ]   '  ' S  ,
     +pN0QKM00NNM&&%-   ~##0M0QM000#' M^  $  K5  T  K  j  !  g  a  f  '
    qBM#M&NN&0M&MM6M9     ^~^#YM0~~  0mMh6$g #  /L| D  Z  0  0  V i  I
    `#000Q#M&80#M#M&-w   ~     \/%- \ r4-&mB\$MsgB$aMgs&g;4rg$,ps_0_,' |
      `#00MM0#8#MNX:r&      -  W  & ^  , {g', zSM8BQR$}E#MW00KD#Q#NBp0M&,,,_,__ 
       /#M0MQ&H&8MN%$ \\    e:W$ "4 '#/~6 M~9?@"07ONg9~?@~+"'^F~-=~*"*%0WM#BG0MM
         #MMM0##EM$:,     QS~&(U&  g  d ]  &    !  `7'  9
       _g@^7MMMMMT& - ) ms%M/~ "   +` 1  ) `  t
       ^   ,mMNH;E$%axN7Q0C~I         +  !    `  '
         _40V^ y 9#WZ!KA+~D   :     1
       aM*^   ,`  &  ^
   _am"~         l         '
  ^              '         Stylesheet voor VSNet.nl
                          (c) 2006 MonTay WebArchitects
                                  www.montay.nl

*/

*{
	font-size: 11px;
}

body,td,th, textarea {
	font: 100%/1.5em Verdana, Arial, Helvetica, sans-serif;
/*	color: #000;*/
}

body {
/*	background-color: #FFF;*/
	margin: 0px auto;
	background: #fff url('/images/layout/ruit.gif');
/*	scrollbar-track-color: #FFF;*/
}

big{
	font-size: 125%;
}
small{
	font-size: 80%;
}
h1{
	margin-top: 5px;
	font-size: 140%;
	text-shadow:#FF0000;
/*	background: url('http://global.vsnet.nl/images/layout/80_percent_mask.png');*/
}
h2{
	font-size: 130%;
/*	background: url('http://global.vsnet.nl/images/layout/80_percent_mask.png');*/
}
h3{
	font-size: 124%;
/*	background: url('http://global.vsnet.nl/images/layout/80_percent_mask.png');*/
}
h4{
	font-size: 118%;
}
h5{
	font-size: 110%;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
hr{
	border-width: 0px;
	border-style: solid;
	border-top-width: 1px;
	height: 1px;
}
p{
/*	background: url('http://global.vsnet.nl/images/layout/80_percent_mask.png');*/
/*	margin-top: 5px; */
}
fieldset{
/*	background: url('http://global.vsnet.nl/images/layout/80_percent_mask.png');*/
	margin-bottom: 5px;
}

img, img:link,img:visited {
	behavior: url("/data/iepngfix.htc");
}

img.noline{
    border: 0px !important;
}
.input, .wplInput, .smallInput, .tinyInput, textarea{
	margin: 0px;
	border: 2px inset #fff;
}

.input, textarea{
	width: 240px;
}
.button{
	padding: 1px 3px;
}
.wplInput{
	width: 174px; /* 240 - 60 */
}
.smallInput{
	width: 60px;
}
.tinyInput{
	width: 30px;
}
textarea{
	height: 100px;
	overflow: auto;
}

input[type="text"], input[type="password"], textarea{
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #ccc;
	margin-right: 1px;
}


INPUT.spinButton {
	width: 25px;
	text-align: right;
	height: 16px;
	padding-right:20px;					/* Padding pevents text from covering the up/dn img. Works better in Firefox but also causes textbox to widen by 20px. Arrows can go wonky in IE when text is too long. Perhaps it could be fixed with script that monitored the horiz-scroll position? */
	background-repeat:no-repeat;		/* Warning: Img may disappear in Firefox if you use 'background-attachment:fixed' ! */
	background-position:100% 0%;
}
INPUT.spinButtonImg{
	background-image:url('http://global.vsnet.nl/images/layout/spinbtn.gif');
}

INPUT.spinBtnUp {						/* Change button img when mouse is over the UP-arrow */
	cursor:pointer;
	background-position:100% -18px;		/* 18px matches height of 2 visible buttons */
}
INPUT.spinBtnDn {						/* Change button img when mouse is over the DOWN-arrow */
	cursor:pointer;
	background-position:100% -36px;		/* 36px matches height of 2x2 visible buttons */
}
*[TYPE="submit"],*[TYPE="button"] {
	padding: 1px 3px 2px 3px;
}
.messageFieldset{
	border-width: 1px;
	border-style: solid;
	padding: 0px 10px 12px 10px;
}

div#av_outerHolder{
	padding: 10px;
	border: 1px solid #eee;
/*	background: url('http://global.vsnet.nl/images/layout/80_percent_mask.png') repeat top right;*/
}

div#av_holder{
	display: none;
	height: 150px;
	margin: 10px 20px;
	padding: 5px 10px;
	overflow: auto;
/*	background: url('http://global.vsnet.nl/images/layout/80_percent_mask.png') repeat; */
}

#visitorCounter{
	font-size: 90%;
	float: left;
	padding-left: 15px;
}
#cright{
	font-size: 90%;
	float: right;
	padding-right: 15px;
/*	line-height: 95%;*/
}
/*************************** Layout-elements ***************************/

#mainTable{
    margin: 0;
}

#mainTable td{
    padding-top: 0;
}

td#contentNavigation, td#outerContentContainer{
	direction: ltr;
	border-width: 0px;
	border-style: solid;
	vertical-align: top;
	background-color: none !important;
}
td#outerContentContainer{
    padding-top: 100px;
/*    background: url('http://global.vsnet.nl/images/layout/80_percent_mask.png') repeat;*/
}

td#outerContentContainer table{
    width: 100%;
    background-color: #fff;
    border: 1px solid #f00;
}

td#outerContentContainer table td{
    padding: 5px;
}

td#contentNavigation{
	direction: ltr;
	border-width: 0px;
	border-style: solid;
	vertical-align: top;
	padding: 0 0 0 20px;
	background: none url('/images/layout/menuback.gif') repeat-y 20px;
	background-color: none !important;
}
#navLogo{
    display: none;
}
#navLogoHolder{
    width: 213px;
    height: 199px;
    margin: 0;
    padding: 0;
    background: url('/images/layout/koe.gif') no-repeat 0px 0px;
}
td#contentNavigation h5{
    padding-left: 5px;
}
td#contentNavigation_r{
	direction: ltr;
	border-width: 0px;
	border-style: solid;
	vertical-align: top;
	padding: 0 20px 0 0;
	width: 180px;
	background: url('/images/layout/menuback.gif') repeat-y 0px;
}

td#contentNavigation ul, td#contentNavigation_r ul{
	margin-left: 10px;
	padding-left: 0px;
	margin-top: 0px;
	padding-top: 0px;
	list-style: none;
	margin-bottom: 3px;
}

td#contentNavigation ul li{
    padding-bottom: 6px;
    padding-left: 8px;
    width: 150px;
    background-color: none;
    line-height: 1.1em;
}

td#contentNavigation ul li:hover{
    background-color: #eef;
    cursor: pointer;
}

#nav.dyn ul, .closed{
	display:none;
}

a.active{
	font-weight: bold;
}
.open{
	display: block !important;
}
div.catIcon{
	float: left;
	text-align: center;
	background: url('http://global.vsnet.nl/images/layout/80_percent_mask.png');
	margin: 5px;
	padding: 5px 0px;
	border-width: 1px;
	border-style: solid;
}
div.prodIcon{
	float: left;
	width: 200px;
	height: 160px;
	text-align: center;
	background: url('http://global.vsnet.nl/images/layout/80_percent_mask.png');
	margin: 10px 0 0 10px;
	padding: 2px 5px;
	border-width: 1px;
	border-style: solid;
}
div.prodIcon a{
	text-decoration: none !important;
}
div#selectionOptions{
	float: right;
	background: url('http://global.vsnet.nl/images/layout/80_percent_mask.png');
	border: 1px solid #99f;
	padding: 10px;
	width: 195px;
	height: 100%;
}
div#selectionOptions table{
	margin-left: -22px !important;
}
div.pageOptions{
	float: right;
	background: url('http://global.vsnet.nl/images/layout/80_percent_mask.png');
	border: 1px solid #aaf;
	padding: 10px;
	width: 195px;
}
div#selectionOptions ul{
	padding-top: 0px;
	margin-top: 0px;
}
.td_darkrow{
	background: url('http://global.vsnet.nl/images/layout/80_percent_mask.png') repeat top right;
}
.td_lightrow{
/*	background: url('http://global.vsnet.nl/images/layout/50_percent_mask.png') repeat top left;*/
}
.td_reqCell{
	text-shadow:#FF0000;
	padding: 0px 5px;
	vertical-align: top;
}
.td_footerCell{
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}
/****************** tabs *******************/

.tab_holder{
	border-bottom: 1px solid #a0a0a0;
	height: 24px;
	display: block;
	margin: 10px 0px;
}
.tabstart_inactive{
	float: left;
	background: url('http://global.vsnet.nl/images/layout/tabstart_inactive.png') no-repeat top left;
	width: 17px;
	height: 24px;
}
.tabstart_active{
	float: left;
	background: url('http://global.vsnet.nl/images/layout/tabstart_active.png') no-repeat top left;
	width: 17px;
	height: 24px;
}
.tabbody_active{
	float: left;
	background: url('http://global.vsnet.nl/images/layout/tabbody_active.png') repeat-x top left;
	padding-left: 10px;
	padding-right: 10px;
	font-weight: bold;
	height: 24px;
}
.tabbody_inactive{
	float: left;
	background: url('http://global.vsnet.nl/images/layout/tabbody_inactive.png') repeat-x top left;
	padding-left: 8px;
	padding-right: 8px;
	height: 24px;
	color: #a0a0a0;
}
.tabbetween_inactive{
	float: left;
	background: url('http://global.vsnet.nl/images/layout/tabbetween_inactive.png') no-repeat top left;
	width: 17px;
	height: 24px;
}
.tabbetween_lactive{
	float: left;
	background: url('http://global.vsnet.nl/images/layout/tabbetween_lactive.png') no-repeat top left;
	width: 17px;
	height: 24px;
}
.tabbetween_ractive{
	float: left;
	background: url('http://global.vsnet.nl/images/layout/tabbetween_ractive.png') no-repeat top left;
	width: 17px;
	height: 24px;
}
.tabend_active{
	float: left;
	background: url('http://global.vsnet.nl/images/layout/tabend_active.png') no-repeat top left;
	width: 17px;
	height: 24px;
}
.tabend_inactive{
	float: left;
	background: url('http://global.vsnet.nl/images/layout/tabend_inactive.png') no-repeat top left;
	width: 17px;
	height: 24px;
}