/* framework -------------------------------------------- */
html, body{
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: auto;
    overflow-x: hidden;
}

/*div { border: 1px solid red; }*/
 
div#container
	{
    	position: 	relative;
    	width: 		980px;  
    	height: 	100%;    	
    	margin: 	0 auto;
	}
	
a, div{ -moz-outline-style: none; } /* Prevent Mozilla from outline links and divs */

div#header
{

	position: absolute;
	margin-top: 53px;
	width: 100%;
	height: 114px;
	background: url(../siteimg/header_bg_green.gif) repeat-x;

}

div#header_left
{
	float: left;

    position: relative;
    margin-left: 0px;
    margin-top: 0xp;  
    width: 151px;
    height: 114px;
    
    border-right: 5px solid white;
    
    background: url(../siteimg/telefonie_header_left.gif) repeat-x;
    
}

div#header_middle
{
	float: left;

}

div#header_right
{
	float: right;

    position: relative;
    margin-right: 0px;
    margin-top: 0xp;     
    width: 223px;
    height: 114px;
    
    border-left: 5px solid white;
}

div#workspace
{

	position: absolute;
	left: 0px;
	top: 185px;
		
	width: 100%;
	background: url(../siteimg/workspace_bg.gif) repeat-y;
	
}


div#workspace_bottom
{

	position: absolute;
	
	z-index: -1;

	top: 200px;	
	bottom: 0px;
	
	height: expression(document.body.clientHeight-200);
		
	width: 100%;
	
	background: url(../siteimg/workspace_bg.gif) repeat-y;
	
}


div#workspace_left
{
	float: left;

    position: relative;
    margin-left: 0px;
    margin-top: 0xp;  
    width: 151px;
    
    border-right: 5px solid white;
    
    background-color: #e6efac;
    height: 100%;
    
}

div#workspace_middle
{
	
	position: relative;

	float: left;
	height: 100%;
	padding-left: 5px;

    
}

div#workspace_right
{
	float: right;

    position: relative;
    
	/*
    bottom: 0px;	
	height: expression(document.body.clientHeight-185);
	*/
	
	/*
	height: 550px;
	*/
  
	/*
    margin-right: 0px;
    margin-top: 0xp;     
    */
    width: 223px;
    /*
    height: 100%;\
    */
    
    background-color: #e6efac;
    
    border-left: 5px solid white;
}

/* andere zaken dan frame opmaak */
td.left_menu_item
{	
	border-top:			5px solid white;
	font-family:		Verdana;
	font-size:			8pt;
	height: 			22px;
	font-weight:		bold;
	padding-left:		10px;
}

td.left_menu_item_last
{	
	border-top:			5px solid white;
	border-bottom:		5px solid white;
	font-family:		Verdana;
	font-size:			8pt;
	height: 			22px;
	font-weight:		bold;
	padding-left:		10px;
}

table.menu
{
	margin-top: 15px;
}



/* overzichten -------------------------------------------- */ 
div#kn_overzichten
	{
		
		position: 		relative;
		
		top: 0px;
		left: 0px;
		
    	width: 			590px;  
    	height: 		100%;    	
    	margin: 		0px;
		font-family:	Verdana;
		font-size:		8pt;
		line-height:	1.5em;	
		
	}
	
	/*
	div#gespreksoverzicht
	{

    	position: 	relative;
    	width: 		100%;  
    	height: 	199px;    	
    	overflow:	auto;

    	    	
	}	
	*/


td.spacer
	{
	
		height: 7px;
	
	}
	
td.spacerTop
	{
	
		height: 25px;
	
	}

	
input.maandoverzicht
	{
		width: 100%;
		font-family:	Verdana;
		font-size:		8pt;		
		
	}
	
input.terug
	{
		width: 100px;
		font-family:	Verdana;
		font-size:		8pt;		
		
	}
	
input.afdrukken
	{
		width: 100px;
		font-family:	Verdana;
		font-size:		8pt;		
		
	}	
	
hr.header
   {
        color:              #e6efac;
        background:         #e6efac;
        border:             0;
        height:             4px;
   }
   
td.header
	{

		font-family:	Verdana;
		font-size:		14pt;		
		font-weight:	bold;
	
	}
	
hr.pageEnd
   {
        color:              #e6efac;
        background:         #e6efac;
        border:             0;
        height:             2px;
        margin-top:	 		10px;
        margin-bottom:	 	10px;
   }
   
 th.last
 	{

		border-right:	1px solid #c6c6c6; 	
 	
 	}
 	
 td.raster
 	{

		border-left:	1px solid #c6c6c6; 	
		border-bottom:	1px solid #c6c6c6; 	
 	
 	} 	
 	
 td.rasterLast
 	{

		border-left:	1px solid #c6c6c6; 	
		border-bottom:	1px solid #c6c6c6; 	
		border-right:	1px solid #c6c6c6;
 	
 	} 	
 	
 	
 div.beschrijving
	{
	
		font-size: 10pt;
		font-weight: bold;
		padding-top: 5px;
		padding-bottom: 7px;
	
	}
	
tr.head th
{
    font-weight:        bold;
    font-size:          11px;
    
    color:              #666666;
    
    background:         white url(../siteimg/columnhdrbg.png) repeat-x;
    
    
    height:             22px;
    
    padding:		    0px;
    padding-left: 		2px;
    padding-right: 		2px;
    
    cursor:             default;
    
    vertical-align:		middle;
    white-space: 		nowrap;
}	

div.stylish_button
{
    font-weight:        bold;
    font-size:          11px;
    
    color:              #666666;
    
    text-align:			center; 
    
    background:         white url(../siteimg/columnhdrbg.png) repeat-x;    
    
    height:             18px;
    width:				125px;
    
    padding:		    0px;
    
    cursor:             default;
    
    border-right:		1px solid #c6c6c6; 
    border-bottom:		1px solid #c6c6c6;     
    
}

div.stylish_button_maandoverzicht
{
    font-weight:        bold;
    font-size:          11px;
    
    color:              #666666;
    
    text-align:			center; 
    
    background:         white url(../siteimg/columnhdrbg.png) repeat-x;    
    
    height:             18px;
    width:				99%;
    
    padding:		    0px;
    
    cursor:             default;
    
    border-right:		1px solid #c6c6c6; 
    border-bottom:		1px solid #c6c6c6; 
    
}
	
A:link, A:visited, A:active, A:hover
{
	color: 	black;
	text-decoration: underline;		

}

A.left_menu:link, A.left_menu:visited, A.left_menu:active
{
	color: 	#5f6163;
	text-decoration: none;
}

A.left_menu:hover
{
	color: 	white;
	text-decoration: none;		

}



table.gespreksoverzicht
	{
		/*width: 100%;*/
	}
	
/* login -------------------------------------------- */
   h1
   {
        font-family:        Verdana;
        font-size:          1.4em;
   }
   
   div.kn_gesprekspec
   {
   
		position: 		relative;
    	width: 			590px;  
    	height: 		100%;    	
    	margin: 		0px;
		font-family:	Verdana;
		font-size:		8pt;
		line-height:	1.5em;
   }
   
   div.kn_login
   {
        position: relative;
   }
   
   div.kn_logocontainer
   {
        position: relative;
   }   
   
   div.kn_links
   {
        font-family: verdana;
        font-size: 8pt;
        line-height: 1.3em;
   }   
   
   td.login
   {
        font-family: verdana;
        font-size: 8pt;   
   }
   
   p.login
   {
        font-family: verdana;
        font-size: 8pt;   
   } 
   
   p.faq, td.faq
   {
        font-family: verdana;
        font-size: 8pt;    
        line-height: 1.4em;
   }  
   
   td.req
   {
        color:              #acc314;
        width:              100%;
       
   }
   
   span.req
   {
        color:              #acc314;
        font-family: verdana;
        font-size: 8pt;          
   }
   
   input.submit
   {
        width:              105px;
        height:             26px;
        
   }
   
   div.messagebox
   {
        padding:        2px 2px 2px 2px;
        border:         1px solid #96965E;
        margin-bottom:  16px;
        background:     #FFFFE1;
   }
   
   div.hdn
   {
        display:        none;
   }
   
   div.vsbl
   {
        display:        block;
   }
   
   /* is voor het headertje logo enzo */
	td.spacerTop
	{
	
		height: 25px;
		
	}   
	
	hr.header
	{
        color:              #e6efac;
        background:         #e6efac;
        border:             0;
        height:             4px;
	}
   
	td.header
	{

		font-family:	Verdana;
		font-size:		14pt;		
		font-weight:	bold;	
	}
	
	hr
	{
        color:              #e6efac;
        background:         #e6efac;
        border:             0;
        height:             2px;
	}	
	
	div.stylish_button_inloggen
	{
	    font-weight:        bold;
	    font-size:          11px;
	    
	    font-family:		Verdana;
	    
	    color:              #666666;
	    
	    text-align:			center; 
	    
	    background:         white url(../siteimg/columnhdrbg.png) repeat-x;    
	    
	    height:             18px;
	    width:				125px;
	    
	    padding:		    0px;
	    
	    cursor:             default;
	    
	    border-right:		1px solid #c6c6c6; 
	    border-bottom:		1px solid #c6c6c6;     
	    
	}	
	
	div.stylish_button_wwvergeten
	{
	    font-weight:        bold;
	    font-size:          11px;
	    
	    font-family:		Verdana;
	    
	    color:              #666666;
	    
	    text-align:			center; 
	    
	    background:         white url(../siteimg/columnhdrbg.png) repeat-x;    
	    
	    height:             18px;
	    width:				200px;
	    
	    padding:		    0px;
	    
	    cursor:             default;
	    
	    border-right:		1px solid #c6c6c6; 
	    border-bottom:		1px solid #c6c6c6;     
	    
	}		
	
	A:link, A:visited, A:active, A:hover
	{
		color: 	black;
		text-decoration: underline;	
		font-family: verdana;
        font-size: 8pt;    
        line-height: 1.4em;
	
	}	
	
/*hoofdmenu-opmaak: geleend van piweb*/
#hoofdmenu {
	position: absolute;
	top: 23px;
	left: 0;
}

#header_animatie {

	position: relative;
	top: 5px;
	left: -2px;

}

#rightmenu {
	position: absolute;
	top: 30px;
	right: 0px;
}

#nav, #nav ul {
	float: left;
	width: 500px;
	
	list-style: none;
	line-height: 13px;
	font-weight: bold;
	font-size: 11px;
	padding-left: 0px;
	padding-right: 0px;
	border: 0px dashed white;
	margin: 0 0 0px 0;
}
#nav a {
	display: block;
	color: white;
	font: normal normal bold 11px/12px Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding-top: 6px;
	padding-bottom: 5px; 
	padding-left: 7px;
	border-bottom: 1px solid white;
	background-color: #0281b8;
}
#nav li {
	float: left;
	padding: 0;	
	border: 1px solid white;
}
#nav li a.televisie {
	background-image: url(../siteimg/knop_televisie.gif);
	background-color: transparent;
	width: 109px;
	w\idth: 109px;
	text-indent: -5000px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px; 
	border-bottom: 0px solid white;
	height: 26px;
	background-repeat: no-repeat;
}
#nav li:hover a.televisie, #nav li.sfhover a.televisie {
	background-image: url(../siteimg/knop_televisie_f2.gif);
	background-repeat: no-repeat;
	background-color: transparent;
	width: 109px;
	w\idth: 109px;
	text-indent: -5000px;
	padding-left: 0px;
	padding-right: 0px;
	border-bottom: 0px solid white;
	height: 26px;
	padding-bottom: 0px;
}
#nav li a.televisie_actief {
	background-image: url(../siteimg/knop_televisie_f2.gif);
	background-color: transparent;
	width: 109px;
	w\idth: 109px;
	text-indent: -5000px;
	padding-left: 0px;
	padding-right: 0px;
	height: 100px;
	padding-bottom: 0px; 
	border-bottom: 0px solid white;
	height: 26px;
	background-repeat: no-repeat;
}
#nav li:hover a.televisie_actief, #nav li.sfhover a.televisie_actief {
	background-image: url(../siteimg/knop_televisie_f2.gif);
	background-repeat: no-repeat;
	background-color: transparent;
	width: 109px;
	w\idth: 109px;
	text-indent: -5000px;
	padding-left: 0px;
	padding-right: 0px;
	border-bottom: 0px solid white;
	height: 26px;
	padding-bottom: 0px;
}
#nav li a.internet {
	background-image: url(../siteimg/knop_internet.gif);
	background-repeat: no-repeat;
	background-color: transparent;
	width: 109px;
	w\idth: 109px;
	text-indent: -5000px;
	padding-left: 0px;
	padding-right: 0px;
	border-bottom: 0px solid black;
	height: 26px;
	padding-bottom: 0px;
}
#nav li:hover a.internet, #nav li.sfhover a.internet {
	background-image: url(../siteimg/knop_internet_f2.gif);
	background-repeat: no-repeat;
	background-color: transparent;
	width: 109px;
	w\idth: 109px;
	text-indent: -5000px;
	padding-left: 0px;
	padding-right: 0px;
	border-bottom: 0px solid black;
	height: 26px;
	padding-bottom: 0px;
}
#nav li a.internet_actief, #nav li:hover a.internet_actief, #nav li.sfhover a.internet_actief {
	background-image: url(../siteimg/knop_internet_f2.gif);
	background-repeat: no-repeat;
	background-color: transparent;
	width: 109px;
	w\idth: 109px;
	text-indent: -5000px;
	padding-left: 0px;
	padding-right: 0px;
	border-bottom: 0px solid black;
	height: 26px;
	padding-bottom: 0px;
}
#nav li a.telefonie {
	background-image: url(../siteimg/knop_telefonie.gif);
	background-repeat: no-repeat;
	background-color: transparent;
	width: 108px;
	w\idth: 109px;
	text-indent: -5000px;
	padding-left: 0px;
	padding-right: 0px;
	border-bottom: 0px solid black;
	height: 26px;
	padding-bottom: 0px;
}
#nav li:hover a.telefonie, #nav li.sfhover a.telefonie {
	background: url(../siteimg/knop_telefonie_f2.gif);
	background-repeat: no-repeat;
	background-color: transparent;
	width: 109px;
	w\idth: 109px;
	text-indent: -5000px;
	padding-left: 0px;
	padding-right: 0px;
	border-bottom: 0px solid black;
	height: 26px;
	padding-bottom: 0px;
}
#nav li a.telefonie_actief, #nav li:hover a.telefonie_actief, #nav li.sfhover a.telefonie_actief {
	background-image: url(../siteimg/knop_telefonie_f2.gif);
	background-repeat: no-repeat;
	background-color: transparent;
	width: 109px;
	w\idth: 109px;
	text-indent: -5000px;
	padding-left: 0px;
	padding-right: 0px;
	border-bottom: 0px solid black;
	height: 26px;
	padding-bottom: 0px;
}
#nav li a.start {
	background-image: url(../siteimg/kn_logo_top_left.gif);
	background-repeat: no-repeat;
	background-color: transparent;
	width: 153px;
	w\idth: 153px;
	text-indent: -5000px;
	padding-left: 0px;
	padding-right: 0px;
	border-bottom: 0px solid black;
	height: 26px;
	padding-bottom: 0px;
}
#nav li:hover a.start, #nav li.sfhover a.start {
	background-image: url(../siteimg/kn_logo_top_left.gif);
	background-repeat: no-repeat;
	background-color: transparent;
	width: 153px;
	w\idth: 153px;
	text-indent: -5000px;
	padding-left: 0px;
	padding-right: 0px;
	border-bottom: 0px solid black;
	height: 26px;
	padding-bottom: 0px;
}
#nav li a.start_actief, #nav li:hover a.start_actief, #nav li.sfhover a.start_actief {
	background-image: url(../siteimg/kn_logo_top_left.gif);
	background-repeat: no-repeat;
	background-color: transparent;
	width: 153px;
	w\idth: 153px;
	text-indent: -5000px;
	padding-left: 0px;
	padding-right: 0px;
	border-bottom: 0px solid black;
	height: 26px;
	padding-bottom: 0px;
}	

/* flash ding? */
#row_vulling {
	position: absolute;
	left: 156px;
	top: 58px;
	width: 590px;
	height: 115px;
}