/* VCN Base stylesheet */

/* Sjabloon stijlen */
html, body { height:100%; }
body {
  background-image: url(../data/img/back.gif);
  background-position: bottom;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 15px;
  color: #000066;
  margin: 0px;
  padding: 0px;
}
a       { color: #CC0000; }
a:visited{ color:#660066; }
a:hover { color: #FF633C; }
p       { padding: 0px 0px 0px 0px; font-size: 11px; line-height: 15px; margin:0px; text-align:justify;}
td		{ font-size: 11px;}
h1      { padding: 10px 0px 10px 0px; margin: 0px; font-size: 15px; font-weight: bold; font-family: "Century Gothic", Futura, Helvetica, Arial, sans-serif; letter-spacing:1px; }
h2      { padding: 10px 0px 2px 0px; margin: 0px; font-size: 13px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}
h3      { padding: 0px 0px 0px 0px;   margin: 0px; font-size: 11px; font-weight: bold; }
h4      { padding: 0px 0px 2px 0px; margin: 0px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight:normal;}

/* Pageframe */
#table_out    { height: 100%; width:100%; }
#table_center { vertical-align:middle; border-collapse:collapse; }
#frame_in     { border: 1px solid #CDD5FF; background: #FFFFFF; width: 775px; vertical-align: top; position: relative; text-align:left; }

/* Bovenkant */
#kopfoto  { width:775px; margin-left:0px; height:100px; float:left; text-align:right; }
#logo_mid { background-image: url(../data/img/logo_mid.jpg);  width:77px;  height:55px;  float:left; clear:both; }
#topmenu_container { width:698px; height:28px; float:left; }
#topmenu_schaduw { background-image: url(../data/img/topmenu/shadow.jpg); width:698px; height:21px; float:left; }
#topmenu_onderschaduw { background: #FFFFFF; width:698px; height:6px; line-height:6px; font-size:0px; float:left; }

/* Topmenu */
#topmenu    { width:100%; height:100%; position:relative; z-index:100; }
#topmenu ul { padding:0; margin:0; list-style-type:none; }
#topmenu li { float:left; position:relative; cursor: pointer; }

#topmenu li.topmenu      { background-position: 0px 0px; height:28px; }
#topmenu li.topmenuhover { background-position: 0px 28px; }

#topmenu ul ul { visibility:hidden; position:absolute; width:150px; top:28px; height:0; left:0; border-top:1px solid #bdc5d3; }
  * html #topmenu ul ul { top:27px; t\op:28px; }
#topmenu ul ul li { width:150px; }
#topmenu ul ul a { display:block; font-size:11px; text-align:left; text-decoration:none; background:#d2daeb; width:139px; color:#00236f; width:128px; height:auto; line-height:15px; padding:5px 10px; border:1px solid #bdc5d3; border-width:0px 1px 1px 1px; }
  * html #topmenu ul ul a { width:150px; w\idth:139px; }
#topmenu ul ul a:hover { color:#00236f; background:#a8c0ec; }
#topmenu ul li:hover ul,
#topmenu ul li.topmenuhover ul { visibility:visible; }

/* Splitsing, width's are dynamically defined in pag.vcn.base.php */
#leftpane { clear:both; float:left; }
#rightpane { float:left; padding-bottom:20px; }

/* Linkerdeel */
#logo_btm_nomenu { background-image: url(../data/img/logo_btm.jpg); width:77px; height:10px; line-height:0px; font-size:0px; position:relative; }
#logo_btm_jouwvcn { background-image: url(../data/img/logo_btm_jouwvcn.jpg); width:120px; height:23px; position:relative; left:-13px; }
#logo_btm_bottom  { background-image: url(../data/img/logo_btm_bottom.jpg); width:120px; height:17px; position:relative; left:-13px; }
.logo_btm_submenu { background-image: url(../data/img/menuitem_btm_jouwvcn.jpg); width:120px; height:20px; padding:6px 0px 0px 0px; position:relative; left:-13px;  text-indent: 5pt;}

#left_container { border-right:1px solid #CDD5FF;
margin:10px 35px 10px 4px;
padding-right:5px;
text-align:center; }

.sponsor { padding-top: 18px; }

/* Rechterdeel */
#contenttopbar { width:100%; clear:both; }
	#breadcrums	 { float:left; }
	#loginstate  { float:right; }
#onderrand     { background-image: url(../data/img/onderrand.jpg); width:617px; height:23px; }

/* General */
.pagetop { text-align:right; margin-top:10px; }
.inline_image_right { float:right; padding:6px; }
.inline_image_note  { text-align:center; font-style:italic; }

th        {              font-size:12px; font-weight:bold;}
.tablehead { float:left; font-size:12px; font-weight:bold;}
.tablecell { float:left; font-size:11px;  }
.rowclose  { clear:both; height:0px; line-height:0px; font-size:0px; width:100%; }
.border    { border:#cdd5ff solid 1px; border-collapse:collapse; }
.borderbtm { border-bottom:1px solid #cdd5ff; border-collapse:collapse; }

/* Standaardopmaak */
.hand             { cursor: pointer; cursor: hand; }
.red              { color: #CC0000; }
.blue             { color: #000066; }
.green            { color:#006633;}
.orange           { color:#FF9933;}
.darkgrey         { color:#666666;}
.grey             { color:#999999;}
.bold             { font-weight: bold; }
.italic           { font-style:italic; }
.justify          { text-align: justify; }
.text_1           { font-size: 10px; }
.text_2           { font-size: 11px; }
.text_3           { font-size: 12px; }
.text_4           { font-size: 15px; font-weight: bold;}
.vcenter          { text-align: center; }
.tleft            { text-align: left; }
.padtop_1         { padding-top:  4px; }
.padtop_2         { padding-top:  8px; }
.padtop_3         { padding-top: 12px; }
.padbtm_2         { padding-bottom: 8px; }
.padbtm_3         { padding-bottom: 12px; }
.nopad            { padding: 0px; }
.indent           { padding-left: 14px; }
.block            { clear: both; }
.close  	        { clear: both; font-size:0px; line-height:0px; height:1px; } /* Changed 0px to 1px for FF1.0 */
.hidden           { display:none; }
.invisible        { visibility:hidden; }
.left             { float:left; }
.right            { float:right; }
.space0           { letter-spacing: 1px; }
.space1           { letter-spacing: 4px; }
.uppercase        { text-transform: uppercase; }
.smallcaps        { font-variant: small-caps; }
.notify_red		    { background-color:#CC0000; color:#ffffff; padding:6px; margin:5px 0px 5px 0px; font-size:12px; }
.notify_light     { background-color:#cc7777; color:white;   padding:2px; margin-top:6px;         border:1px solid #7777cc; }
.notify_orange    { background-color:#f7e097;                padding:5px; margin-top:6px;         border:1px solid #cfc576; font-style:italic; }
.notify_green	    { background-color:#009900; color:#ffffff; padding:5px; margin:5px 0px 5px 0px; font-size:12px; }
.nowrap           { white-space:nowrap; }
.noline			      { text-decoration:none;}
div.scroll        { overflow:auto; }