/* CSS Document */

html {
	height: 100%;
}

body {
	height: 100%;
	margin: 15px;
	padding: 0px;
	font-family: Arial, Helvetica, Sans Serif, Times new Roman, Courier;
	font-size: 14px;
	font-weight: Bold;
	font-style: Italic;
	color: #000000;
	background-color:#fff1e1; /* roze */
}

div#index
	{
	position:absolute;
    left:10px;
    top:20px;
	height:650px;
	width:800px;
	text-align:center;
	background-image:url('Vrijzinnigen logo.jpg');
	background-repeat: no-repeat;
	}

div.intro
	{
	position:absolute;
    left:10px;
    top:20px;
	width:800px;
	height:1000px;
	text-align:center;
	background-image:url('Vrijzinnege achtergrond1.jpg');
	background-repeat: no-repeat;
	}

div.clr
 	{
	clear: both;
	height: 1px;
	border: 0px;
	margin: 0px;
	}

div.header_outer
    {
	float: left;
	border: 0px;
	margin: 0px;
	}

div#index_header
    {
	float: left;
	width: 790px;
	height: 145px;
	padding: 0px;
	margin: 1px;
    border: 0px solid #cccccc;
	text-align: center;
	}

div.header_left
    {
	float: left;
	width: 180px;
	height: 180px;
	padding-top: 40px;
	margin: 1px;
    border: 0px solid #cccccc;
	text-align: left;
	}

div.header
    {
	float: left;
	width: 610px;
	height: 180px;
	padding-top: 40px;
	margin: 1px;
    border: 0px solid #cccccc;
	text-align: center;
	}

div#button_outer
    {
	float: left;
	border: 0px;
  	margin: 0px;
	}

div#button_left
    {
	float: left;
	width: 340px;
	height: 85px;
	padding: 0px;
	margin: 1px;
	border: 0px solid #cccccc;
	}

div#button
    {
	float: left;
	width: 83px;
	height: 85px;
	margin: 1px;
	padding-top: 30px;
	background-color: purple;
	/* text-align: center; */
	}

div.content_outer
    {
	float: left;
	padding: 0px;
	margin: 0px;
	}

div#indexcontent_inner
    {
    float: left;
	width: 800px;
	height: 247px;
    border: 0px solid #cccccc; 
    padding: 0px;
    margin: 1px;
	text-align: left;
	}

div.content_inner
    {
    float: left;
	width: 800px;
    border: 0px solid #cccccc; 
    padding-left: 20px;
    margin: 1px;
	text-align: left;
	}

div.copy
    {
	float: left;
	width: auto;
	padding: 1px;
}

ul.copyright
	{
 	display: block;
	font-size: 60%;
	font-weight: Bold;
	font-style: Italic;
	list-style-type: none;
	}

a#navindex
    {
    color:white;
    background-color:purple;
    padding:0.2em 0.6em;
    /* border-right:1px solid white; */
    }

a#navindex:hover {color:#ff3300;}

h1
	{
	font-family:Viner Hand ITC, Garamond, Arial, Helvetica, Sans Serif, Times new Roman, Courier;
	color:#000000;
	width:100%;
	filter:shadow(color=#dcdcdc, direction=90);
	}

h2
	{
	font-family:Garamond, Arial, Helvetica, Sans Serif, Times new Roman, Courier;
	color:#000000;
	text-decoration: underline;
	}

h3
	{
	font-family: Garamond, Arial, Helvetica, Sans Serif, Times new Roman, Courier;
	color:#a3a3a3;
	font-size:medium;
	font-weight:bolder;
	font-style:italic;
	font-variant:small-caps;
    text-align:left;
	width:100%;
	/* filter:shadow(color=#dcdcdc, direction=90);*/
	}

ul#navigatie
    {
    /* float:left; */
    width:100%;
    padding:0;
    margin:0;
    list-style-type:none;
	}

li.menu {display:inline;}

a.navpag
    {
    float:left;
    width:9em;
    text-decoration:none;
    color:white;
    background-color:purple;
    padding:0.2em 0.6em;
    border-right:1px solid white;
    }

a.navpag:hover {background-color:#ff3300;}
	
td
	{
	font-family: Arial, Helvetica, Sans Serif, Times new Roman, Courier;
	font-size:11px;
	color:#000000;
	text-align:left;
	padding:0,20px;
	}

td.lks
	{
	font-family: Arial, Helvetica, Sans Serif, Times new Roman, Courier;
	font-size:11px;
	color:#000000;
	text-align:left;
	padding:0,1em;
	}
	
td.kleur
	{
    background-color:#ff88ff;
	}