html, body {
          font-family: Verdana, Arial, Helvetica, sans-serif;
          color: white;
          background: #C0C0C0;
          text-align: center;
          height: 100%;
          margin: 0 0 0 0;
}

div#pagina {
          position: relative;
          height: auto !important; /* voor moderne browsers */
          height: 100%; /* voor IE */
          min-height: 100%;
          margin: 0 0 0 0;
          padding: 0 0 0 0;
          width: 900px;
          margin: auto;
          text-align: center;
          background: #000000;
}

div#kop {          
          border-width: 0px; border-style: solid; border-color: #000000;
          height: auto; width: 100%;
          overflow: hidden;
          padding: 0 0 0 0;
}

div#menu {
          float: left;
          width: 100%;
}

div#content {
          width: 100%;
}

div#footer {
          position: absolute;
          bottom: 0; /* heel belangrijk */
		  height: 20px;
		  margin: 0px 10px 0px 10px;
}




/** TABELLEN */


Table.menu {
          padding: 0px;
          margin: 0px;
          width: 100%;
}

Table#content {
          padding: 0px;
          margin: 0px;
          width: 100%;
}

TD.menu {
          border-width: 0px;
          border-style: ridge;
          border-color: #000000;
          padding: 0px;
          text-align: center;
          width: 12%;
          font-size: x-small;
		  font-weight: 500;
}

TD#kolom1 {
          border: 0;
          padding: 10px 10px 10px 10px;
          text-align: center;
          vertical-align: top;
          width: 50%;
}

TD#kolom2 {
          border: 0;
          padding: 10px 10px 10px 10px;
          text-align: center;
          vertical-align: top;
          width: 50%;
}


TD#fotonavigatie {
          height: 100px;
          vertical-align: top;
}

TD#indexinhoud {
          width: 170px;
          background-color: #808080;
          padding: 10px 10px 10px 10px;
          vertical-align: top;
}

TD.landenkolom {
          width: 150px;
          padding: 10px 10px 10px 10px;
          vertical-align: top;
}



TD#indexkolom {
          width: 175px;
          padding: 10px 10px 10px 10px;
          vertical-align: top;
}

/** VERHALEN */

TD#rvinhoud {
          width: 170px;
          padding: 10px 10px 10px 10px;
          margin-top: 10px;
          vertical-align: top;
}

TD#verslag {
          width: 700px;
          margin-top: 10px;
          padding: 10px 10px 10px 10px;
          vertical-align: top;
}


/** BLOKKEN */

div#frame {
          border-width: 2px; border-style: solid; border-color: #CC6633;
          height: auto; width: 100%;
          padding: 0px 0px 0px 0px;
}



div#framekop {
          height: auto; width: auto;
          padding: 0px 20px 0px 10px;
}

div#inhoud {
          float: left;
          width: 170px;
          min-height: 420px;
          background-color: #808080;
          padding: 10px 10px 10px 10px;
          margin-top: 10px;
}


div#info {
          float: left;
          width: 720px;
          margin-top: 10px;
}

div#indexkolom1 {
          float: left;
          width: 360px;
          padding: 10px 10px 10px 10px;
}

div#indexkolom2 {
          float: right;
          width: 360px;
          padding: 10px 10px 10px 10px;
}

div#kolthumb {
          float: left;
          width: auto;
          margin-right: 10px;
          padding: 0px 0px 0px 0px;
}

div#rowthumb {
          float: left;
          width: 100%;
          padding: 0px 0px 0px 0px;
}

div#kol4 {
          float: left;
          width: 185px;
          text-align: left;
          padding: 0px 10px 0px 10px;
}

div#cel {
          float: left;
          Width: 100px;
          padding: 10px 5px 0px 5px;
}

div.cel1 {
          float: left;
          width: 100%;
		  height: 80px;
          padding: 10px 0px 0px 0px;
}
div#cel2 {
          float: left;
          width: 100%;
		  height: 125px;
          padding: 10px 0px 0px 0px;
}

div#intro {
          float: left;
          width: 410px;
          vertical-align: top;
          text-align: center;
          margin-top: 10px;
          padding: 10px 10px 10px 10px;
}

div#onderwerp {
          float: left;
          width: 100%; height: 30px;
          margin: 0 0 0 0;
          padding: 10 0 0 0;
}

div#ondwfoto {
          float: left;
          width: 100%;
          padding: 0px 0px 0px 20px;
}

div#thumbs {
          float: left;
          height: 300px;
}

div#nav {
          float: left;
          width: 410px;
}

div#tekst {
          float: right;
          width: 410px;
          margin-top: 10px;
          padding: 10px 10px 10px 10px;
}

div#foto {
          float: right;
          width: 100%;
}

div#onderschrift {
          float: right;
          width: 100%; height: 100px;
}

div#exp {
          float: left;
          width: 100%;
          margin-top: 10px;
}


div#fotoblok {
          border-width: 0px;
          margin-top: 10px;
          margin-right: 10px;
          overflow: hidden;
          padding: 10px 10px 10px 10px;
}

div#foto-informatie {
          border-width: 1px; border-style: solid; border-color: #dedede;
          height: 300px;
          padding: 0px 10px 0px 10px;
          margin-right: 10px;
}


/** TEKST */

p {
          font-size: 12px;
          text-align: justify;
          margin-bottom: 0px;
          margin-top: 0px;
}

p.intro {
          font-size: 12px;
          color: #FDE4AC;
          text-align: center;
          Margin-top: 10px;
}

p.info {
          font-size: 12px;
          color: #FFFFFF;
          text-align: justify;
          Margin-top: 10px;
}

p.nav {
          font-size: 10px;
          color: #696969;
          text-align: center;
          margin-top: 10px;
}

p.navphp {
          font-size: 10px;
          color: #696969;
          text-align: right;
          margin-top: 0px;
		  margin-right: 10px;
}


p.copy {
          font-size: 10px;
          font-style: italic;
          text-align: center;
          margin-top: 2px;
}

p.volgende {
          text-align: center;
          font-size: 12px;
          color: #696969;
}

p.vb {
          text-align: left;
          font-size: 10px;
          font-style: italic;
}

p.shop {
			text-align: right;
}

p.center {
			text-align: center;
}

H1 {
          color: #FFFFFF;
          font-size: 14px;
          margin-bottom: 5px;
          text-align: left;
}

H2 {
          color: #FFFFFF;
          font-style: italic;
          font-size: 12px;
          margin-bottom: 5px;
          margin-top: 5px;
          text-align: left;
}

H3 {
          color: #FFFFFF;
          font-style: italic;
          font-size: 12px;
          margin-bottom: 5px;
          margin-top: 5px;
          text-align: left;
}

H4 {
          color: #FFFFFF;
          font-style: italic;
          font-size: 12px;
          margin-bottom: 5px;
          margin-top: 5px;
          text-align: center;
}

H5 {
          color: #FFFFFF;
          font-weight: bold;
          font-size: 10px;
          margin-bottom: 0px;
          margin-top: 0px;
          text-align: center;
}

H6 {
          color: #FFFFFF;
          font-size: 10px;
          margin-bottom: 0px;
          margin-top: 0px;
          text-align: center;
}

ul {
 line-height: 1.2em;
 font-weight: normal;
 font-variant: normal;
 text-transform: none;
 text-decoration: none;
 text-indent: 6px;
 list-style-position: outside;
 list-style-image: url(arrow.gif);
 list-style-type: disc;
 padding: 6px;
 margin: 2px;
 }
 


li {
          font-size: 12px;
          text-align: left;
		  margin-left: 10px;
          margin-bottom: 0px;
          margin-top: 0px;
}



/** HYPERLINKS */

a {
          font-size: 12px;
          color: #ffffff;
}

a:visited {
          color: #ffffff;
}

a:active {
          color: red;
}

a:hover {
          color: #666666;
}

a img {
       border:0px;
	   border-color:#ffffff;
       }

/** AFBEELDINGEN */

img#thumb {
          margin: 0px 0px 0px 0px;
          vertical-align: bottom;
          border-style: solid;
          border-width: 1px;
          border-color: #ffffff;
}


img#intro {
          margin-top: 40px;
}

img#groot {
          margin-top: 0px;
          border-style: solid;
          border-width: 3px;
          border-color: #ffffff;
}

img#verhaal {
          float: left;
          margin: 10px;
          border-style: solid;
          border-width: 3px;
          border-color: #FFFFFF;
}



img#exp {
          margin: 5px;
          border-style: solid;
          border-width: 20px;
          border-color: #FFFFFF;
}


/** WEBWINKEL */

input, option, textarea, select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
	background-color: #F1F1F1;
}
form {
	margin: 0px;
}
.titel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #808080;
	padding: 4px;
	border-top: solid 1px #808080;
	border-left: solid 1px #808080;
	border-right: solid 1px #808080;
	width: 100%;
	float: right;
}
.bericht {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFFFFF;
	padding: 4px;
	margin-bottom: 5px;
	border-bottom: solid 1px #808080;
	border-left: solid 1px #808080;
	border-right: solid 1px #808080;
	width: 100%;
	float: right;
}

.navigatie{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFFFFF;
	padding: 4px;
	margin-bottom: 5px;
	border-bottom: solid 0px #333333;
	border-left: solid 0px #333333;
	border-right: solid 0px #333333;
	width: 70%;
	float: left;
}

.terug{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
	padding: 4px;
	margin-bottom: 5px;
	border-bottom: solid 0px #333333;
	border-left: solid 0px #333333;
	border-right: solid 0px #333333;
	width: 30%;
	float: right;
	text-align: right;
}

.rand {
	border: solid 1px #FFFFFF;
}