/* include next lines in the body of your webpage to include and activate this stylesheet 
   <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
   <link href="./styles.css" rel="stylesheet" type="text/css">
*/


/* and include for overruling in a page all/some styles that defined in this stylesheet, use in the head:
   <style type="text/css">
      <!--
      //-->
   </style>

*/ 

/*
#01FF66 = groen
#0E0079 = blauwig
#FF0000 = rood
#808080 = grijs
#FFFFFF = wit
*/


body { 
       color: 					#010066;
       font-family: 			verdana, sans-serif; 
       background-image: 		url('images/common/logo_politie.jpg'); 
       background-attachment:	fixed;
       background-position:		center 50%;
       font-size: 				9pt;
	   line-height: 150%;

}

body.blue 		{ background-color:#01FF66; background-image: url('none');}  /* wat doet dit? */
body.left 		{ background-color:#010066; background-image: url('index_support/blauwbalkje_left.png'); 
				  background-position:  right top; }
body.lefttop 	{ background-color:#010066; background-image: url('index_support/blauwbalkje_lefttop.png'); 
				  background-position:  right bottom; }
body.leftbottom 	{ background-color:#010066; background-image: url('index_support/blauwbalkje_leftbottom.png'); 
				  background-position:  right top; }
body.right 		{ background-color:#010066; background-image: url('index_support/blauwbalkje_right.png'); 
				  background-position:  left top;}
body.righttop 	{ background-color:#010066; background-image: url('index_support/blauwbalkje_righttop.png'); 
				  background-position:  left bottom;}
body.rightbottom { background-color:#010066; background-image: url('index_support/blauwbalkje_rightbottom.png'); 
				  background-position:  left top;}
body.top 		{ background-color:#010066; background-image: url('index_support/blauwbalkje_top.png'); 
				  background-position:  left bottom;}
body.bottom 		{ background-color:#010066; background-image: url('index_support/blauwbalkje_bottom.png'); 
				  background-position: left top;}


 

td { 
      line-height: 150%;  /* voor pagina donateur. aan te passen */
   } 
   
table.fotoindex { 
                  margin-left: 20px; 
                  margin-right: 20px; 
                }

A:link    { FONT-WEIGHT: bold; TEXT-DECORATION: none; COLOR: #010066;}
A:visited { FONT-WEIGHT: bold; TEXT-DECORATION: none; COLOR: #010066;}
A:hover   { FONT-WEIGHT: bold; TEXT-DECORATION: none; COLOR: #FF0000;}
A:active  { FONT-WEIGHT: bold; TEXT-DECORATION: none; Color: #FF0000;}
 
A.menu:link    { COLOR: #ffffff; FONT-WEIGHT: normal; TEXT-DECORATION: none;  text-align: justify; font-size: 11pt; font-variant:small-caps;} 
A.menu:visited { COLOR: #ffffff; FONT-WEIGHT: normal; TEXT-DECORATION: none;  text-align: justify; font-size: 11pt; font-variant:small-caps;}
A.menu:hover   { COLOR: #FF0000; FONT-WEIGHT: normal; TEXT-DECORATION: none;  text-align: justify; font-size: 11pt; font-variant:small-caps;}
A.menu:active  { Color: #FF0000; FONT-WEIGHT: normal; TEXT-DECORATION: none;  text-align: justify; font-size: 11pt; font-variant:small-caps;}

p        { margin-left:  20px; margin-right: 20px; text-align: justify;}
p.large  { margin-left:  20px; margin-right: 20px; text-align: justify; font-size: 11pt;}
p.small  { margin-left:  20px; margin-right: 20px; text-align: justify; font-size: 7pt;}
p.foto   { margin-left:  20px; margin-right: 20px; margin-bottom: 4px; margin-top: 4px; text-align: center; font-size: 8pt; line-height: normal}
p.menu   { margin-left:  20px; margin-right: 20px; color: #FFFFFF; font-size: 8pt; text-align: center; }
p.captionright  { margin-left: 20px; margin-right: 20px; font-style: italic; font-size: 9pt; text-align: center; line-height: normal}
p.captionleft   { margin-left: 20px; margin-right: 20px; font-style: italic; font-size: 9pt; text-align: center; line-height: normal}
p.captioncenter { margin-left: 20px; margin-right: 20px; margin-top: 5px; font-style: italic; font-size: 9pt; text-align: center; line-height: normal}
p.fotocaption   { margin-left: 20px; margin-right: 20px; font-style: italic; font-size: 9pt; text-align: center; margin-top: 0pt; line-height: normal}
p.fotocounter   { margin-left: 20px; margin-right: 20px; COLOR: #808080; font-style: normal; font-size: 8pt; text-align: center;}
p.center { margin-left: 20px; margin-right: 20px; text-align: center; font-size: 8pt;  }
p.left   { margin-left: 20px; margin-right: 20px; text-align: left; font-size: 8pt;  }
p.right  { margin-left: 20px; margin-right: 20px; text-align: right; font-size: 8pt; }


h1 {margin-left: 20px; margin-right: 20px; font-family: arial, sans-serif; text-transform: uppercase; text-align: center; font-size: 16pt;}
h2 {margin-left: 20px; margin-right: 20px; text-align: center; font-size: 12pt;}
h3 {margin-left: 20px; margin-right: 20px; text-align: center; font-size: 10pt;}
h4 {margin-left: 20px; margin-right: 20px; text-align: center; font-size: 9pt; }

h2.foto {margin-left: 20px; margin-right: 20px;  margin-bottom: 4px; font-family: arial, sans-serif; text-transform: uppercase; text-align: center; font-size: 16pt;}

hr { margin-left: 20px; margin-right: 20px; }
hr.menu { margin-left: 0px; margin-right: 0px; } /* no margins needed since it is already enclosed in the p.menu */

img.center { margin-left: 20px; margin-right: 20px; text-align: center;  }
img.left   { margin-left: 20px; margin-right: 20px; text-align: left;    }
img.right  { margin-left: 20px; margin-right: 20px; text-align: right;   }

center.menu   { color: #ffffff;font-size: 8pt;}
center.center { margin-left: 20px; margin-right: 20px;}

ul   { margin-left: 20px; margin-right: 20px;}
li   { margin-left: 20px; margin-right: 20px;}
            
form { margin-left: 20px; margin-right: 20px;}