/* ALGEMENE PAGINA-LAYOUT - */
html  {
  height            : 100%;
  width             : 100%;
}

body {
  behavior			  : url("csshover.htc")
  }
body {
  font-family       : arial, helvetica, sans-serif;
  font-size	        : 100%;
  min-height        : 100%;
  background 	     : #ccf url(image/franciscaans_logo.png) no-repeat 10% 0;
  color		        : #000;
  margin-left	     : 18%;
  margin-right	     : 10%;
  padding-left      : 5px;
  }
/*#header{
  background 	    : url(image/franciscaansnl.gif) top;
  }
 */
#content {
  width				  : 100%;
  min-height	     : 100%;
  height	       	  : auto;
  margin-left	     : auto;
  margin-right	     : auto;
  background	     : #fff;
  color				  : #000;
  clear				  : left;
 }
a {
 color 				 : blue;
 background 		 : #fff;
 text-decoration	 : underline;
}
a:link {
  text-decoration	 : underline;
 }
a:visited {
  color				 : #3333cc;  /*blue;*/
  background		 : #fff;
  text-decoration	 : underline;
 }
a:hover  {
  color				 : red;
  background		 : #fff;
  text-decoration	 : none;
  }
 a:active {
  color				 : red;
  background		 : #33f;
  text-decoration	 : none;
 }
 a#huidig {
 	color            : #339;
	background       : #ccf url(image/pijltje.gif) left center no-repeat;
	text-decoration  : none;
 }

 a#hier {
    background       : #ccf url(image/pijltje.gif) left center no-repeat;
    color            : #339;
	text-decoration  : none;
 }
 h1 {
  font-family 	 	  : arial, helvetica, sans-serif;
  color				  : #303099;
  background		  : #ccf;
  text-align		  : center;
  font-size	  		  : 140%;
}
h2 {
  font-family		  : arial, helvetica, sans-serif;
  color				  : #303099;
  background		  : #ccf;
  text-align		  : center;
  font-size			  : 120%;
  margin			     : 0 0 0.3em 0;
}
/* -------------------------------------- */
/* KOP ---------------------------------- */
div#kop {
    height           : 107px;
    width            : 100%;
    background-repeat: repeat-x;
    background-color : white;
    top              : 0px;
    position         : fixed;
    z-index          : 2
}

#logo {
    display          : block;
    position         : absolute;
    top              : 0px;
    left             : 0px;
    width            : 176px;
    height           : 107px;
    z-index          : 1;
    background       : url(image/frans-tau.gif) no-repeat;
}

#logo span {
    display          : none;
}



/* --------------------------------------- */
/*BEGIN VAN CODE VOOR MENUBALK HORIZONTAAL */
ul {		     /* all lists */
  padding			  : 0;
  margin			     : 0;
  list-style		  : none;
}

li { /* all list items */
  float				  : left;
  position			  : relative;
  width				  : 110px;
  border			  : 1px solid #770000;
  background		  : #eee;	/*white;*/
  color				  : #000;
  font-weight		  : normal;
  font-size			  : 90%;
  text-align		  : left;
  margin-top		  : 0px;
 }

li ul { /* second-level lists */
  display			  : none;
  clear				  : left;
  float				  : left;
  position			  : absolute;
  margin              : 0px;
  width				  : 110px;
  top				  : 1em;
  z-index			  : 1;
 }
body>ul{
  top				  : auto;
  left				  : auto;
}

li:hover ul, li.over ul { /* lists nested under hovered list items */
  display			  : block;
}

li a       {
  color				  : blue;
  background		  : #eee;
  text-decoration	  : none;	/*underline;*/
  padding-left        : 5px;
  display             : block;
 }
li#huidig a {
  background          : #ccf url(image/pijltje.gif) left center no-repeat;
  display             : block;
}
li a:hover  {
  color				  : #33f;
  background		  : #fff;   /*#ccf;*/
  text-decoration	  : none;
  font-weight		  : normal;
  display             : block;
  }
li a:active {
  color				  : blue;
  background		  : #fff;
  text-decoration	  : none;
  }
li a:visited {
  color				  : blue;
  background		  : #fff;
  text-decoration	  : underline;
  }
/*EINDE CODE VOOR MENUBALK HORIZONTAAL */

#lijst{
  background		  : #ccf;
  color		    	  : #000;
  }
#nav	   {
  background		  : #fff;
  color		    	  : #000;
  float		    	  : left;
  text-align		  : left;
  }

hr {
  color		    	  : #8181ff;    /*  IE */
  border-color		  : #8181ff;	/*  Opera */
  background	      : #8181ff;	/*  Netscape, Mozilla */
  height	    	  : 1px;
  border 			  : solid #ccf;
  border-top-width    : 1px;
}
blockquote  {
  font-style		  : italic;
  }
address     {
  color				  : blue;
  background		  : #fff;
  font-size			  : 80%;
  text-align		  : left;
  }
textarea    {
  font-family		  : Arial, Helvetica, Helv, sans-serif;
  font-size			  : 100%;
  font-weight		  : bold;
  color				  : blue;
  background		  : white;
 	    }
p {
  margin	 		  : 0 1em 0 1em;
  }
.afstand {
  margin			  : 10px 15px 15px 15px;
 }
table.verwijzing{
  background		  : #fff;
  color				  : #36f;
  width				  : 80%;
  padding			  : 5px;
  border			  : none;
}
td.lijst    {
  font-family		  : arial, helvetica, sans-serif;
  font-size			  : small;
  }
.pastelblauw {
  font-family		  : Arial, Helvetica, sans-serif;
  font-size			  : 110%;
  color				  : #303099;
  font-weight		  : bold;
  background		  : #ccf;
  }
.blauw	{
  font-family		  : Arial, Helvetica, sans-serif;
  font-size			  : 110%;
  color				  : blue;
  font-weight		  : bold;
  background		  : #fff;
  }
 .basiskop {
  font-family		  : arial, helvetica, sans-serif;
  font-size			  : 110%;
  color				  : blue;
  font-weight		  : bold;
  background		  : #fff;
  margin-left		  : 20px;
 }

 .bruin	{
  font-family		  : arial, helvetica, sans-serif;
  font-size			  : 100%;
  color				  : #941414;
  background		  : #fff;
}
 .navkop {
  font-family		  : Arial, Helvetica, sans-serif;
  font-size			  : 100%;
  color				  : maroon;
  font-weight		  : normal;
  background		  : #ccf;	/*#8181ff;*/
  color               : black;
 }
.vetrood    {
  font-family		  : Arial, Helvetica, sans-serif;
  font-size			  : 100%;
  color				  : #ff0000;
  font-weight		  : bold;
  background		  : #8181ff;
  }
.kleur1 {
  font-family		  : Arial, Helvetica, sans-serif;
  font-size			  : 100%;
  color               : #303099;
  background          : #ffffff;
}
.pastor	    {
  font-family		  : Arial, Helvetica, sans-serif;
  font-size			  : 100%;
  margin-top		  : 20px;
  margin-left		  : 20px;
  }
.copyright  {
  font-family		  : Arial, Helvetica, sans-serif;
  font-size			  : 9px;
  }
.justify    {
  font-family		  : Arial, Helvetica, sans-serif;
  text-align		  : justify;
  font-size	 		  : 10px;
  }
.nieuw      {
  color				  : red;
  text-decoration	  : underline;
  text-align		  : center;
  font-weight		  : bold;
  background		  : #8181ff;
  }
.geniet {
  text-align		  : center;
  font-size			  : small;
  }
.klein	{
  font-size			  : smaller;
}
.teksten {
  margin-left		  : 15%;
}
#footer {
  position			  : fixed;
  width				  : 72%;
  height			  : 80px;
  top				  : auto;
  bottom			  : 0;
  text-align		  : center;
  background		  : #fff;
  color	 			  : #000;
 }
 #voet {
  font-size           : 80%;
  position			  : relative;
  width				  : 100%;
  height			  : auto;
  top				  : auto;
  margin-bottom	      : 0px;
  text-align		  : center;
  color				  : #000;
  background		  : #fff;
  margin-right		  : -10%/
 }
 #voetbalk {
  clear               : both;
  height              : 2em;
  position            : absolute;
  bottom              : 0;
  left                : 18%;
  background          : #ccf;
  border              : none;
  width               : 100%;
  text-align          : center;
 }

.overweging {
	padding-left      : 15px;
}