
/* CSS Document */


/* kleuren 
blauw:  #009FE0 
rood:   #E93131
paars:  #5C1789
groen:  #56AD3B
*/


.ContentPane
{
}

.ContentPane, P
{
  line-height: 16px;
}

.Normal, .Normal Table
{
  font-family: "Trebuchet MS" , Tahoma, Arial;
  color: #333333;
  font-size: 9pt;
  margin: 0px;
  padding: 10px 0px 0px;
  letter-spacing: 1px;
}

H2
{
  font-family: "Trebuchet MS" , Tahoma, Arial;
  color: #666644;
  font-size: 14pt;
  margin: 0px;
  padding: 10px 0px 0px;
  letter-spacing: 1px;
}

.layout_topbar_right 
{
  color:black;
}


.chapter_line_bar
{
  font-family: "Trebuchet MS" , Tahoma, Arial;
  color: #FFFFFF;
  font-size: 12pt;
  margin: 0px;
  padding: 0px 0px 0px 10px;
  letter-spacing: 1px;
}

/* ----- Layout ----- */

#layout_full
{
  width:750px;
  height:100%;
  padding-left:20px;
  padding-right:15px;
}


#layout_column_left 
{  
  width:180px;
  height:100%;
  background-color:#5C1789 ;
  z-index:255;
}

#layout_column_right
{
  width:570px;
  background-color:White;
}

#layout_logo 
{
  background-color:White;
  width:180px;
  height:124px;
  background-image:url(images/logo_green_dot.gif);
  background-repeat:no-repeat;
}

#layout_chapter_bar 
{
  float:left;
  width:180px;
  height:24px;
  background-image:url(images/layout_bg_chapter_purple.gif);
  background-repeat:no-repeat;
}



#layout_dots 
{
  width:570px;
  height:124px;
  background-image:url(images/dots_green.gif);
  background-repeat:no-repeat;
  background-color:navy;
}

#menu_topbar
{
  width:570px;
  height:24px;
  border-top:solid 2px #5C1789;
  border-bottom:solid 2px #5C1789;
  background-color:white;
}

#layout_topbar_left
{
  float:left;
  width:75%;
  height:24px;
}

#layout_topbar_right
{
  /* hier staat de knoppen van 'tekst grootte aanpassen' */
  float:right;
  height:24px;
  text-align:right;
  font-size:12px;
  font-family: "Trebuchet MS" , Tahoma, Arial;
  padding-top:4px;
}


/* ----- Footer ----- */
td#footer_line
{
    font-size: 2px;
    height: 5px;
    border-bottom: solid 8px #5C1789;
}

.footer_left 
{
	font-family: "Trebuchet MS" , Tahoma, Arial;
	letter-spacing: 0px;
	font-size:12px;	
	text-transform:uppercase;
    padding: 0 0 4 10px;
    background-color:#5C1789;
}


.footer_left a
{
 color:White;
 text-decoration:none;
}

.footer_left a:visited
{
 color:White;
 text-decoration:none;
}

.footer_left a:hover
{
 color:White;
 text-decoration:none;
}

div#footer_right {
	position:absolute;
	float:left;
	width:570px;
	bottom:0px; /* stick to bottom */
	margin-left:180px;
	z-index:255;
	border-bottom:solid 4px #5C1789;
}


/* ----- Breadcrumb ----- */

.breadcrumb 
{
  font-family: "Trebuchet MS" , Tahoma, Arial;
  letter-spacing: 1px;
  text-transform:uppercase;
  color: #3C3C3C;
  font-size: 9pt;
  padding: 4px 0px 0px 8px;
}
.breadcrumb a:hover
{
  color: #3C3C3C;
}
.breadcrumb a:visited
{
  color: #3C3C3C;
}

.breadcrumb a:link
{
  color: #3C3C3C;
}

/* ----- Menu ----- */

.menu_item_algemeen
{
	font-family: "Trebuchet MS" , Tahoma, Arial;
	letter-spacing: 1px;	
	padding-left:11px; 
	font-weight:bold;
	color:White; 
	letter-spacing:1px;
	background-image:url("images/menu_hrule.gif"); 
	background-repeat:no-repeat;
	background-position:bottom;
	height:23px;
	text-decoration:none;
}
.menu_item_algemeen a
{ 
	color:White; 
	font-weight:500;
}
.menu_item_algemeen a:hover
{ 
	color:White;
	font-weight:800; 
	text-decoration:none;
}

.menu_item_algemeen a:visited
{ 
color:White; 
}

.menu_sep_rule
{
	background-image:url("images/menu_sep_rule_purple.gif");
	background-repeat:repeat-x;
	height:23px;
}


.Menu_Container
{
	width:180px;
	height:50px;
}

.Menu_Item
{
	background-color:#5C1789;
	width:180px;
	font-size:12px;
	font-family: "Trebuchet MS" , Tahoma, Arial;
	letter-spacing: 1px;	
	text-transform:uppercase;
	
}

.Root_Menu_Item_Selected
{
	font-family: "Trebuchet MS" , Tahoma, Arial;
	letter-spacing: 1px;	
	background-color:#5C1789;
	height:22px;
	width:180px;
	color:White;
	background-image:url("images/button_bg.gif");
	background-position:bottom left;
	background-repeat:repeat-x;
	text-transform:uppercase;
}

.Root_Menu_Item_Active
{
	color:white;
	font-weight:bold;
	height:27px;
	width:180px;
	background-image:url("images/button_bg.gif");
	background-position:bottom left;
	background-repeat:repeat-x;
	text-transform:uppercase;
}

.Root_Menu_Item
{
	color:white;
	height:22px;
	width:180px;
	background-image:url("images/button_bg.gif");
	background-position:bottom left;
	background-repeat:repeat-x;
}

.CSSBreadCrumbRoot
{
	
	
}
.menuarrowcssclass
{
	background-color:Red;	
}

.Sub_Menu
{
	background-color:Red;
}

/* ----- Ferox IT Image rotator ----- */

#ImageRotator_picture {
	margin-bottom:0px;
	height:210px;
	width:280px;
	background-position:center;
	background-repeat:no-repeat;
	
}
#ImageRotator_pictureholder {
	position:relative;
	float: left;
	left:5px;
	top:10px;
}
#ImageRotator_picturedescription {
	position:absolute;
	width:280px;
	left:45px;
	top:183px;
	color:white;
	font-weight:bold;
	font-size:12px;
	font-family:Arial;
	height:20px;
}
#ImageRotator_ArrowLeft {
	background-image:url("images/arrow_left_purple.gif");
	background-repeat:no-repeat;
	width:18px;
	height:20px;
	cursor:pointer;	
}
#ImageRotator_ArrowRight {
	background-image:url("images/arrow_right_purple.gif");
	background-repeat:no-repeat;
	width:18px;
	height:20px;
	cursor:pointer;
}
#ImageRotator_center 
{
	font-family: "Trebuchet MS" , Tahoma, Arial;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	color:White;
	background-color:#5C1789;
	width:150px;
}

/* ----- Ferox IT Categorized news module ----- */
.span_newsitem_title
{
    font-size: 12pt;
}

.table_newsitems
{
  font-family: "Trebuchet MS" , Tahoma, Arial;
  color: #333333;
  font-size: 9pt;
  margin-top: 10px;
  letter-spacing: 1px;
  width: 550px;
}

td.td_newsimage
{
    background-position: 0px 10px;
    background-repeat: no-repeat;
    width: 116px;
    height: 108px;
}

.td_newsteaser
{
    width: 450px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 8px;
    text-align: left;
    vertical-align: top;
    height: 108px;
}

.a_newsitem_readmore
{
    position: relative;
    float: right;
    display:block;
    width: 79px;
    height: 23px;
    text-align: center;
    background-image: url(images/button_purple_meer.gif);
    background-repeat:no-repeat;
}


