/* Lay-out */

body {  /* The entire background of the screen */
        font-family :  Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 20px;
	font-weight: normal;
	color: #ffffff;
	/*background-image: url(images/background-image.gif);*/
	background-repeat: repeat-x;
	background-color: #7fa5da;
	margin: 0px;

}	
#navigatie {  /* The navigationbar */
	/*background-image: url(images/navigatie.gif);*/
	width: auto;
	height: 32px;
	padding-right: 20px;
	padding-top: 3px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}	
	
#logo { /* Banner logo */
	background-image: url(images/logo.gif);
	width: 800px;
	height: 85px;
	padding-top: 15px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
}

#space { /* Space image to fill some space between logo and text */
	background-image: url(images/spacer.gif);  
	width: 850px;
	height: 20px;
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
}

#spacesmall { /* Space image to fill some space between logo and text */
	background-image: url(images/spacesmall.bmp);  
	width: 1250px;


}


#vertspace { /* vertical Space image to fill some space vertically */
	background-image: url(images/vertspacer.gif); 
	width: 4px;
	height: 750px;
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	float:left;
}

#vertspaceleft { /* vertical Space image to fill some space vertically */
	background-image: url(images/vertspacer.gif);  
	width: 4px;
	height: 750px;
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	float:left;
}


#vertspacesmall { /* vertical Space image to fill some space vertically between big and small topbar */
	/* background-image: url(images/vertspacer.gif);   */
	background-image: url(images/vertspacer.gif);  
	width: 4px;
	height: 15px;
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 10px;
	padding-right: auto;
	margin-left: auto;
	margin-right: auto;
	float:left;
	
	
}

#topbar { /* Black bar on top of the textblock. Title of the page will be shown here */
	/*background-image: url(images/topbar.gif);  */
	background-color: #333333;
	width: 1250px;
	background-repeat: repeat-y;
	height: 20px;
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-size: 45px;
	float:none;
}


#topbarsmall { /* Black bar on top of the textblock. This is the smallpart above the RightImagebar*/
	/*background-image: url(images/topbar.gif);  */
	background-color: #222222;
	width: 180px;
	background-frepeat: repeat-y;
	height: 20px;
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-size: 45px;
	float:right;

}

#footer { */Bottom image + possible text below each page */
	/*background-image: url(images/footer.gif);*/
	font-family :  Verdana, Geneva, Arial, Helvetica, sans-serif;
	/*background-repeat: no-repeat;*/
	color:#ffffff;
	width: 751px;
	height: auto;
	margin-bottom: 1px;
	line-height: 12px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 2px;
	font-size: 11px;
	text-align: center;
}

#bodyarea { /* Area in which the pages are loaded */
        font-family :  Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-image: url(images/NewBgFiller.png);
        background-repeat: repeat-y;
	width: 1250px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0px;
	padding-bottom: 0px;
	overflow: hidden;
	height: 1200;
	color:#ffffff;
	text-align: left;
}

#TopBarTitle { /* Area in which the pages are loaded */
        font-family :  Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-image: url(images/TopbarBgFiller.png);
        background-repeat: repeat-y;
	width: 1250px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0px;
	padding-bottom: 0px;
	overflow: hidden;
	height:24px;
	color:#ffffff;
	text-align: center;
}




/* Logo / tekst */
.logo { padding-right: 50px; }
.smallertext { font-size: 9px; }

		


/* Content */

	
a:link { /* Details of hyperlinks */
	color: #7fa5a;
	text-decoration: none;
	font-weight: bold;
}
a:visited { /* Details of visited hyperlinks */
	color: #7fa5da;
	text-decoration: none;
	font-weight: bold;
}
a:hover { /* Details of hover over a hyperlink */
	color: #7fa5da;
	text-decoration: underline;
	font-weight: bold;
}

p {     /* Details of page */
	font-family :  Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: 20px;
	font-weight: normal;
	color: #ffffff;
}



#OverviewPage /* Page with animal details */
   { 
     color: white; 
     margin-left: 15px;

    }

#OverviewPage a /* details of the links in the overviewpage */
   { 
     font-family :  Verdana, Geneva, Arial, Helvetica, sans-serif;
     color: #ddd8ec;
     font-weight: bold;
    }
    
#OverviewPageA
   { 
     background-color: #333333;
     font-family :  Verdana, Geneva, Arial, Helvetica, sans-serif;
     color: red;
     font-weight: bold;
     margin-left: 15px;
     padding-left:0px;
     padding-right:0px;
    
MARGIN-TOP: 3px; MARGIN-Bottom: 3px; BACKGROUND-COLOR: #333333; FONT-SIZE: 11px; COLOR: #cccccc; BORDER-BOTTOM: #000000 1px solid; BORDER-Top: #000000 1px solid;
}
    
#InfoPageClass
   { 
     font-family :  Verdana, Geneva, Arial, Helvetica, sans-serif;
     MARGIN-TOP: 15px;
     MARGIN-Bottom: 3px;
     BACKGROUND-COLOR: #333333;  
     COLOR: #cccccc; 
     BORDER-BOTTOM: #000000 1px solid; 
     BORDER-Top: #000000 1px solid;
     padding-left:15px;


   }

#MenuBarClass
   { 
     font-family :  Verdana, Geneva, Arial, Helvetica, sans-serif;
     MARGIN-TOP: 5px;
     MARGIN-Bottom: 3px;
     BACKGROUND-COLOR: #333333;  
     COLOR: #cccccc; 
     BORDER-BOTTOM: #000000 1px solid; 
     BORDER-Top: #000000 1px solid;
     padding-left:0px;
     text-align: center;
     font-size: 14px;
     width:185px;


   }




#ContactPage /* Details of contact.php. */
   { 
     font-family :  Verdana, Geneva, Arial, Helvetica, sans-serif;
     font-size: 12px;
     font-style: normal;
     line-height: 20px;
     font-weight: normal;
     color: #ffffff;
     padding-left: 40px;
     padding-top: 0px;
     text-align: left;
    }

#ContactPage td /* Details of td section of contact/contact.php. */
   { 
     size:110;
    }


td {    /* Details of table item */
	font-family :  Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 20px;
	font-weight: normal;
	color: #ffffff;
}

img {   /* Details of image */
	border: 0;

}

ul {    /* Details of URL */
	font-family :  Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 2px;
	font-weight: normal;
	color: #307002;
}

#navigatie ul, li { /* Details of URL an Link in navigation block */
	display: inline;
	padding-top: 0px;
	margin-top: 0px;
	color: #307002;
}

#Maintext ul, li { /* Details of URL and Link in navigation block */
	padding-top: 0px;
	margin-top: 0px;
	color: #307002;
	text-align: left;
	color:#7fa5da;
/*	display: table;*/

}






#leftcolumntextarea ul, li{ /* Details of URL and Link in navigation block */
	padding-top: 0px;
	margin-top: 0px;
	color: #307002;
	text-align: left;
	color:red;
	

}

#logo p {
	color: #FFFFFF;
	margin-top: 5px;
}


h1 {
	color: #FFFFFF;
	font-size: 24px;
	font-weight: bold;
	margin: 0px;
	padding-top: 10px;
}

h2 {
        font-family :  Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	margin: 0px;
	padding-top: 2px;
}

#maintextarea { /* Area in which text of pages is placed */
        font-family :  Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding-left: 20px;
	padding-right: 10px;
	width: 800px;
	height : 750px;
	overflow:  auto;   /* Add scrollbar if text does not fit in window*/
	overflow-x: hidden; /* Make sure horizontal bar not shown. Only shown in IE */
	float: left;      /* Used for floating part next to the text */
	color: #ffffff;
	
}	

#smalltext
{  /* Text indicating number of entries/pages */
	font-size: 11px;
	line-height: 11pt;
	color:#ffffff;
}




#AdminMaintext { /* Area in which text of pages is placed */
        font-family :  Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding-left: 20px;
	padding-right: 10px;
	width: 800px;
	height : 650px;
	overflow:  auto;   /* Add scrollbar if text does not fit in window*/
	float: left;      /* Used for floating part next to the text */
	color: #ddffff;
	size:20px;
	text-align: left;
}

#AdminMaintext a { /* Area in which text of pages is placed */
        font-family :  Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding-left: 20px;
	text-align: left;
	color:#7fa5da;
	font-size: 16px	;
}


#adminhead { /* Area in which text of pages is placed */
        font-family :  Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding-left: 20px;
	text-align: left;
	color:#000000;
	font-size: 6px	;
}

#adminhead a { /* Hyperlink in Area in which text of pages is placed */
        font-family :  Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding-left: 20px;
	text-align: left;
	color:#000000;
	font-size: 26px	;
}


#maintextareaTopBarTitle { /* Area in which text of pages is placed */
        font-family :  Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding-left: 20px;
	padding-right: 10px;
	width: 800px;
	height : 20px;
	overflow:  hidden;   /* Add scrollbar if text does not fit in window*/
	float: left;      /* Used for floating part next to the text */
	color: #ffffff;
}



#maintextarea2 {
	padding-left: 20px;
	padding-right: 10px;
	width: 690px;
	float: auto;
	
}
#rightcolumntextarea {
        margin-top:0px;
	padding-left: 5px;
	padding-right: 10px;
	width: 180px;
	float: left;
	color: #FFaFFF;
	line-height:  210%;
}

#leftcolumntextarea {
	padding-left: 5px;   /* Werkt voor de menubox kolom */
	padding-right: 10px; /* Werkt voor de menubox kolom */
	width: 180px;        /* Werkt voor de menubox kolom */
	float: left;         /* Werkt voor de menubox kolom */
	color: #FFFFFF;      /* Geen effect om Menu */
	text-align:left;
}

#leftcolumntextarea ul, li{ /* Details of URL and Link in navigation block */
	padding-top: 0px;
	margin-top: 0px;
	color: #307002;
	text-align: left;
	color:red;
	

}

#rightcolumnTopBarTitle {
	padding-left: 5px;
	padding-right: 10px;
	width: 180px;
	float: left;
	color: #333333;
	margin-left: auto;
	margin-right: auto;
}

#leftcolumnTopBarTitle {
	padding-left: 5px;
	padding-right: 10px;
	width: 180px;
	float: left;
	color: #333333;
	margin-left: 10;
	margin-right: auto;
}