/** ******************************************* */		
/* 				   Standard                     */
/* ******************************************* **/		

td.line { /* black color of background of menu*/
	background-color: #213163;
}			 

td.produkt_leeg{
    width:20px; 
}

td.produkt_leeg_horizon{
    width:150px;
	border-left: #213163 1px solid; 
    border-right: #213163 1px solid; 
    border-bottom:#213163 1px solid;  
    border-top:#213163 1px solid;
	height:5px
}
td.produkt_leeg_horizon_geen_zijkanten{
    width:150px;
    border-bottom:#017FBC 1px solid;  
	height:5px
}

td.produkt_titel{
    width:150px;
	height:18px;
	border-left: #213163 1px solid; 
    border-right: #213163 1px solid; 
    border-bottom:#213163 1px solid;  
   	background-color:#8EACC6;
	color:#FFFFFF;
	text-align:center;
} 


td.produkt_image{
    width:150px;
	height:75px;
	border-left: #213163 1px solid; 
    border-right: #213163 1px solid; 
    border-bottom:#213163 1px solid;  
}

td.produkt_tekst{
    width:150px;
	height:175px;
	border-left: #213163 1px solid; 
    border-right: #213163 1px solid; 
    border-bottom:#213163 1px solid;  
	padding-left:5px;
	padding-right:5px
}

td.produkt_meer{
    width:150px;
	border-left: #213163 1px solid; 
    border-right: #213163 1px solid; 
    border-bottom:#213163 1px solid;  
	height:20px;
	padding-left:5px;
   	background-color:#8EACC6;    
} 
  
.master {
	border-top: #213163 1px solid;
	border-bottom: #213163 1px solid;
	border-left: #213163 1px solid;
	border-right: #213163 1px solid;
}

td{
	font-family: Verdana,tahoma,Arial;
	font-size: 10px;
    color: #000000;
}

td.masternorightline { /* for example where it says: 'all rights reserved' */
	border-top: #213163 1px solid;
	border-bottom: #213163 1px solid;
	border-left: #213163 1px solid;
}

td.sidecolumn { /* for example the menu navigation*/
	border-top: #213163 1px solid;
	border-left: #213163 1px solid;
	border-right: #213163 1px solid;
}

td.navigationbar { /* for example where all pilars */
	border-top: #213163 1px solid;
	border-left: #213163 1px solid;
	border-right: #213163 1px solid;
    background-color: #93AEC3;
}

td.content { /* this is the main column */
	border-left: #213163 1px solid;
    background-color: #ffffff;
}

td.content_other { /* this is the main column for other pages except home*/
	border-right: #213163 1px solid;
    background-color: #ffffff;
}

td.topline { /* for example in the menu  to cause a topline */
	border-top: #213163 1px solid;
    background-color: #ffffff;
}

td.bottomborder { /* to cheat a littlebit.. having a column with a bottom border. f.e. in rightside homepage */
	border-bottom: #213163 1px solid;
    background-color: #ffffff;
}

td.columnheader { /* a slightly darker colour for the title */
    background-color: #eeeeee;
}

table.message { /* for example in webshop */
	border-top: #213163 1px solid;
	border-left: #213163 1px solid;
	border-bottom: #213163 1px solid;
	border-right: #213163 1px solid;
	background-color: #eeeeee;
}

body {
	background-color: #ffffff;
	scrollbar-3dlight-color:#59008E; 
    scrollbar-arrow-color:F5F6F0;        /* color of the arrow */
    scrollbar-darkshadow-color:#000000;
    scrollbar-face-color:#;         /* color of the scrolling rectangle */
    scrollbar-highlight-color:#ffffff;
    scrollbar-shadow-color:F5F6F0;         /* color of the both endings of the scrollbar*/
	overflow-x:hidden;y:scroll;				/* NO VERTICAL SCROLLING */
	background-repeat:no-repeat;
}

body.popup {
	background-color: #ffffff;
	overflow-x:hidden;y:scroll;				/* NO VERTICAL SCROLLING */
}

td.popup{
    color:#000000;
}


table.content {
	background-repeat:no-repeat;
}

body.blanks {
	background-color: #ADBBDA;
}      

body.bottom {
	background-color: #F5F6F0;
}      
    
p.title {
	color:#40366B; 
	font-family: verdana; 
	font-size: 13px; 
	margin-left:5px;
	margin-right:5px;
	font-weight:bold
}

p.pillartitle {
	color:#40366B; 
	font-family: verdana; 
	font-size: 11px; 
	margin-left:5px;
	margin-right:5px;
	font-weight:bold
}
p {
	color:#000000; 
	font-family: verdana; 
	font-size: 10px;
	margin-left:5px;
	margin-right:5px;     
}

div.distance {
	margin-left:15px;
	margin-right:15px;
}

p.white_content {
	color:#ffffff; 
	font-family: verdana; 
	font-size: 11px; 
	font-weight:bold
}

.content{
	color:#000000; 
	font-family: verdana; 
	font-size: 10px; 
	margin-left:20px;
	margin-right:20px;
}

td{
	color:#000000; 
	font-family: verdana; 
	font-size: 10px; 
	background-repeat:no-repeat;
	margin-left:20px;
}

td.blue1{
	border-top: #213163 1px solid;
	border-left: #213163 1px solid;
	border-right: #213163 1px solid;
    border-bottom: #213163 1px solid;
	background-color:#93AEC3; 
	font-family: verdana; 
	font-size: 10px; 
	background-repeat:no-repeat;
	margin-left:20px;
}
	
p.bold{
	font-family: arial; 
	font-size : 11px; 
	letter-spacing: 0.0em; 
	color:#000000;}

hr{
	height:1;
	color:#000000;
}
   
hr.darkblue{
	color: #293163; 
	height:1;
}
		
li{
	color: #000000; 
	font-family: verdana; 
	font-size: 10px;}
	

/** ******************************************* */		
/* 				   HYPERLINKS                   */
/* ******************************************* **/		
a{
	font-size:10px;
	font-family: verdana;
	color: #000000;
	font-weight:normal;
	text-decoration: none}

a:hover {
	font-size:10px;
	font-family: verdana;
	color: #000000;
	font-weight:normal;	
	text-decoration: underline}
    
a:active {
	font-size:10px;
	font-family: verdana;
	color: #000000;
	font-weight:normal;	
	text-decoration: none}

a:visited {
	font-size:10px;
	font-family: verdana;
	color: #000000;
	font-weight:normal;	
	text-decoration: none}     

a:visited:hover {
	font-size:10px;
	font-family: verdana;
	color: #000000;
	font-weight:normal;	
	text-decoration: underline}            

    
a.regular{
	font-size:10px;
	font-family: verdana;
	color: #000000;
	font-weight:normal;
	text-decoration: none}

a.regular:hover {
	font-size:10px;
	font-family: verdana;
	color: #6797B9;  /* #93AEC3 = lightblue | darkblue = #213163 | red = #B41C29  */
	font-weight:normal;	
	text-decoration: none
}

a.regular:visited {
	font-size:10px;
	font-family: verdana;
	color: #000000;
	font-weight:normal;	
	text-decoration: none
}

a.regular:visited:hover {
	font-size:10px;
	font-family: verdana;
	color: #6797B9;   /* #93AEC3 = lightblue | darkblue = #213163 | red = #B41C29  */
	font-weight:normal;	
	text-decoration: none
}
    
    
a.black{
	font-size:10px;
	font-family: verdana;
	color: #000000;
	font-weight:normal;
	text-decoration: none}

a.black:hover {
	font-size:10px;
	font-family: verdana;
	color: #6797B9;  /* #93AEC3 = lightblue | darkblue = #213163 | red = #B41C29  */
	font-weight:normal;	
	text-decoration: none
}

a.black:visited {
	font-size:10px;
	font-family: verdana;
	color: #000000;
	font-weight:normal;	
	text-decoration: none
}

a.black:visited:hover {
	font-size:10px;
	font-family: verdana;
	color: #6797B9;   /* #93AEC3 = lightblue | darkblue = #213163 | red = #B41C29  */
	font-weight:normal;	
	text-decoration: none
}

a.bignav:link {
	font-size:12px;
	font-family: Verdana,tahoma,Arial;
	color: #213161;
	font-weight:bold;
	text-decoration: none}

a.bignav:hover {
	font-size:12px;
	font-family: Verdana,tahoma,Arial;
	color: #213161;
	font-weight:bold;
	text-decoration: none}

a.bignav:visited {
	font-size:12px;
	font-family: Verdana,tahoma,Arial;
	color: #213161;
	font-weight:bold;
	text-decoration: none}

a.bignav:active {
	font-size:12px;
	font-family: Verdana,tahoma,Arial;
	color: #213161;
	font-weight:bold;
	text-decoration: none}

a.news_blinker {
	color:#ffffff; 
	font-family: verdana; 
	font-size: 11px; 
	margin-left:5px;
	margin-right:5px;
	font-weight:bold;
	text-decoration: none	
}

a.news_blinker:hover {
	color:#ffffff; 
	font-family: verdana; 
	font-size: 11px; 
	margin-left:5px;
	margin-right:5px;
	font-weight:bold;
	text-decoration: none	
}

a.news_blinker:active {
	color:#ffffff; 
	font-family: verdana; 
	font-size: 11px; 
	margin-left:5px;
	margin-right:5px;
	font-weight:bold;
	text-decoration: none	
}

a.news_blinker:visited {
	color:#ffffff; 
	font-family: verdana; 
	font-size: 11px; 
	margin-left:5px;
	margin-right:5px;
	font-weight:bold;
	text-decoration: none	
}
    
a.news {
	font-size:10px;
	font-family: verdana;
	color: #000000;
	font-weight:normal;	
	letter-spacing: 0.0em; 
	text-decoration: none}

a.news:hover {
	font-size:10px;
	font-family: verdana;
	color: #000000;
	font-weight:normal;	
	letter-spacing: 0.0em; 
	text-decoration: underline}
 
 
    
a.news_blur {
	color:#000000; 
	font-family: verdana; 
	font-size: 11px; 
	margin-left:5px;
	margin-right:5px;
	font-weight:bold;
	text-decoration: none	
}

a.news_blur:hover {
	color:#000000; 
	font-family: verdana; 
	font-size: 11px; 
	margin-left:5px;
	margin-right:5px;
	font-weight:normal;
	text-decoration: none	
}



a.title{	
	color:#40366B; 
	font-family: verdana; 
	font-size: 11px; 
	margin-left:5px;
	margin-right:5px;
	font-weight:bold;
	text-decoration: none	
}

a.title:hover {	
	color:#40366B; 
	font-family: verdana; 
	font-size: 11px; 
	margin-left:5px;
	margin-right:5px;
	font-weight:bold;
	text-decoration: none	
}

a.titlesmall{	
	color:#40366B; 
	font-family: verdana; 
	font-size: 9px; 
	margin-left:5px;
	margin-right:5px;
	font-weight:bold;
	text-decoration: none	
}

a.titlesmall:hover {	
	color:#ffffff; 
	font-family: verdana; 
	font-size: 9px; 
	margin-left:5px;
	margin-right:5px;
	font-weight:bold;
	text-decoration: none	
}
a.titlesmall:active {	
	color:#40366B; 
	font-family: verdana; 
	font-size: 9px; 
	margin-left:5px;
	margin-right:5px;
	font-weight:bold;
	text-decoration: none	
}
a.titlesmall:visited {	
	color:#40366B; 
	font-family: verdana; 
	font-size: 9px; 
	margin-left:5px;
	margin-right:5px;
	font-weight:bold;
	text-decoration: none	
}


/** ******************************************* */		
/* 				   Font                         */
/* ******************************************* **/		
		
li.text {
	color: black; 
	font-family: arial; 
	font-size: 10px;}
		
font.input_header{
	 color: black; 
	 font-size : 10px; 
	 font-family: verdana; 
	 font-weight: bold}

font.disclaimer{
	font-family: verdana; 
	font-size: 9px; 
	color:#ffffff;
	font-weight: normal}

font.title{
	color:#40366B; 
	font-family: verdana; 
	font-size: 11px; 
	margin-left:5px;
	margin-right:5px;
	font-weight:bold
}

span.content{
	color:#ffffff; 
	background-color:transparent; 
	font-family: verdana; 
	font-size: 10px;}
		
font.menu_link{
	color: #B61B2B; 
	font-size : 10px; 
	font-family: arial;}		

/** ******************************************* */		
/* 					Forms	                    */
/* ******************************************* **/	
.toolbar {
	margin-bottom:3px;
	height:28px;
	overflow:hidden;
	background:lightgrey;
	border:1px black solid;
	width:100%;}

.messagebar {
	margin-bottom:3px;
	height:28px;
	overflow:hidden;
	background:lightgrey;
	border:1px black solid;
	width:40%; }

.titlebar {
	margin-bottom:3px;
	height:28px;
	overflow:hidden;
	background:lightgrey;
	border:1px black solid;
	width:100%;}		
	
.selectorName {
	color:black;
	background-color:lightgrey;}

#toolbar img {
	margin:2px 1px 2px 0px;
	position:relative;
	border:1px solid #D6D3D6;
	vertical-align:middle;}

#toolbar img.separator {
	position:relative;
	top:-1px;}

#toolbar img.hover {
	border:1px outset white;}
		
#toolbar img.depressed {
	top:1px; left:1px;
	border:1px inset #ffffff;}
		
.div     {
	border: 2px inset; 
	position: relative; 
	clip:  rect(   ); 
	padding-top: 2px; 
	padding-right: 2px; 
	padding-bottom: 2px; 
	padding-left: 2px}
		
.div_description {  
	height: 100px; 
	width: 700px;
	background-color: #FFFFFF;}
		
.div_content {
	height: 500px; 
	width: 700px}


.inputSubmit {
	color: #B61B2B;
	background-color: #ADBBDA;
	border-color : #B61B2B;
	border-top : 1px solid;
	border-bottom : 1px solid;
	border-left : 1px solid;
	border-right : 1px solid;
	font-family : verdana;
	font-size : 10px;
	font-weight: bold;}

.inputBox{
	color : #000000;
	background : #FFFFFF;
	border-color : #B61B2B;
	border-top : 1px solid;
	border-bottom : 1px solid;
	border-left : 1px solid;
	border-right : 1px solid;
	font-family : Verdana,tahoma,Arial;
	font-size : 10px;}		

td.parent {
	position:relative;
}
div.news_table {
	font-size:110%;
	position:absolute;
	left:10px; /* this is relative in relation to Table.parent */
    right
	left-border:1px;
	border-color:#B61B2B;
	background-color:#FFB67B;
}

