/********************************************************************/
/*   Stylesheet voor korfbalvereniging Olympiek Den Haag.			*/
/*   gemaakt door:  Henk van Dorp									*/
/********************************************************************/

/********************************************************************/
/*   Definieer hier de body-styles.									*/
/*   background is de pagina met het watermerk van olympiek.		*/
/*   blue is een blauwe achtergrond, zoals titelbalk en menu		*/
/*   red is het oude menu en wordt nu niet meer gebruikt.....		*/
/********************************************************************/

body.background	{ background-image: url("../images/welkom2_flets.jpg");
			  	  background-attachment : fixed;
			  	  background-position: 10px 15px;
		    	}
		    	
body.tbackground	{ background-image: url("../images/tennis_flets.jpg");
			  	  background-attachment : fixed;
			  	  background-position: 10px 15px;
		    	}

body.blue		{ background-color: blue; }

body.red		{ background-color: red; }

body.black		{ background-color: black; }



/********************************************************************/
/*   definieer hier je anchor (link).								*/
/*   a is standaard													*/
/*   white is een link met witte kleur letters (in blauwe menu)		*/
/*   blue  is een link met blauwe letters							*/
/********************************************************************/

a				{ color: red; 
			  	  text-decoration: none;
		    	}
a:hover 		{ color: black; }
a:active 		{ color: red; }

a.white			{ color: white; 
			  	  text-decoration: none; }
a.white:hover 	{ color: black; }
a.white:active 	{ color: white; }

a.blue			{ color: blue; 
			  	  text-decoration: none; }
a.blue:hover 	{ color: black; }
a.blue:active 	{ color: blue; }


h1				{ font-family : arial, helvetica, sans-serif;
		      	  font-size: 	xx-large ;
		      	  font-weight : bold;
		    	}
		    	
h2				{ font-family : arial, helvetica, sans-serif;
		    	  font-size: 	large;
        		  font-weight: 	bold;
		    	}
		    
h3				{ font-family : arial, helvetica, sans-serif;
		    	  font-size: 	medium;
        		  font-weight: 	bold;
		    	}
		    

h4				{ font-family : arial, helvetica, sans-serif;
		    	  font-size: 	small;
        		  font-weight: 	bold;
		    	}
		    	
h6				{ font-family: 	 verdana, arial, helvetica, sans-serif;
				  font-size:	large; }
				
p				{ font-family: 	 verdana, arial, helvetica, sans-serif;
		    	  font-size:	 small;
		    	  font-style:	 normal;
		    	  font-weight:	 bold;
		    	  text-align:	 justify;
		    	  padding-right: 15px;
	  	    	}

hr				{ height: 		2px; }
			
table.border 	{ border-collapse: separate;
			 	 border-color: blue;
			 	 border-width: thick;
			 	 border-style: solid;
			 	 background-color: white;
			 	}
			 	
table.blackborder 	{ border-collapse: separate;
			 	 border-color: black;
			 	 border-width: thick;
			 	 border-style: solid;
			 	 background-color: white;
			 	}

th				{ background-color:	red;
				  color:		white;
				  border: 1px solid;
				  font-family:	verdana, arial, helvetica, sans-serif;
				  font-size:	small;
				  font-style:	italic;
				  font-weight:	bold;
				  text-align:	center;
				}
			
td				{ border: 1px solid;
 				  font-family: 	verdana, arial, helvetica, sans-serif;
			      font-size:	small;
			      font-style:	normal;
			      font-weight:	bold;
				}

li				{ font-family: 	verdana, arial, helvetica, sans-serif;
			      font-size:	small;
			      font-style:	normal;
			      font-weight:	bold;
				}
			
ul				{ font-family: 	verdana, arial, helvetica, sans-serif;
			      font-size:	small;
			      font-style:	normal;
			      font-weight:	bold;
				}
				
ul.disc			{ list-style-type: disc; }
ul.circle		{ list-style-type: circle; }
ul.square		{ list-style-type: square; }
ul.none			{ list-style-type: none; }
			
ol				{ font-family: 	verdana, arial, helvetica, sans-serif;
			      font-size:	small;
			      font-style:	normal;
			      font-weight:	bold;
				}
				
ol.number		{ list-style-type: decimal; }
ol.loweralpha 	{ list-style-type: lower-alpha;}
ol.upperalpha 	{ list-style-type: upper-alpha;}			
			

.center			{ text-align: center; }
.left			{ text-align: left; }
.right			{ text-align: right; }
.top			{ text-align: top; }
.bottom			{ text-align: bottom; }


.comic			{ font-family: comic sans ms; }
.microdot		{ font-family: microdot; } 

.red			{ color: red; }
.blue			{ color: blue; }
.white			{ color: white; }
.black			{ color: black; }
.yellow			{ color:#FF0}

.bgblue			{ background-color: blue; }
.bgred			{ background-color: red; }
.bgwhite		{ background-color: white; }