html {font-size: 100%;}

html, body {
height: 100%;
}
body, table {
  font-size: 1em;
  margin: 0;
  font-family: verdana, arial, helvetica, sans-serif;
}
body {
  padding:1.5em;
  margin-bottom: 1em;
}
#main {
	margin: 0px auto;
	width:100%;
	padding: 0 1em;
	border-radius: 1em; 
	-moz-border-radius: 1em; 
	-webkit-border-radius: 1em;
	background-color:#f0f5ad;
	border: thin silver solid;
}

#boven, .boven {
padding:0.3em;
width=100%;
}
#upleft {
	float:left;
}
#upright {
	margin: 0px auto;
	font-weight: bold;
	font-size: 1em;
	color:#F0F5AD;
	text-align:center;
}
#upright1 {
	float: right;
	text-align:right;
}

#menu {
margin-top:0.2em;
width: 100%;
background: #000;
float: left;
font-family:Verdana;
margin-bottom: 1em;
border-radius: 0.3em; 
-moz-border-radius: 0.3em; 
-webkit-border-radius: 0.3em;
}
#menu ul {
list-style: none;
margin: 0;
padding: 0;
float: left;
}

#menu a, #menu h2 {
display: block;
margin: 0;
}

#menu h2 {
color: #F0F5AD;
background: #000;
font-size: 1.1em;
padding-top: 0.2em;
line-height: 1.6em;
margin: 0px;
}

#menu a {
color: #F0F5AD;
background: #000;
text-decoration: none;
font-weight:bold;
font-size: 0.8em;
padding: 0.2em 0 0.3em 0.6em;
}

#menu a:hover {
color: #F0F5AD;
background-color:#0066FF;
}

#menu li { /* breedte submenu */
position: relative;
padding-left: 0.2em;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

#menu ul ul {
position: absolute;
width: 11em;
padding-top: 0.2em;
z-index: 500;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}
/* met dank aan http://ago.tanfa.co.uk/css/examples/menu/tutorial-h.html#hs1 */

#menu .menuklik a, #menu .menuklik a:hover {
color: #F0F5AD;
font-weight: bold;
padding:0px;
margin:0px;
}

#content-holder {
margin-top:0.2em;
}
#crumb { clear: both; padding-left: 0.3em; display:inline; }
#crumb, #crumb a:link, #crumb a:visited, #crumb a:active {
text-decoration:none;
color:#0000FF;
font-weight: bold;
font-size:0.9em;
}
#crumb a:hover { text-decoration:underline; color:#FF00FF; }
#zoeken { float: right; padding-right:0.5em; max-width:20em;}

#content-left {
float: left;
width: auto;
height: auto;
padding: 1.1em 0.3em 0.3em 0.3em;
}
#content-right {
clear: right;
padding: 0.3em 0.3em 0.3em 0.3em;
overflow: hidden;
}
#puzzel-container {
display: block;
max-width:100%;
border: 1px outset silver;
padding: 0.2em;
overflow-y: hidden;
}
#cr {
clear:both;
display:block;
width:100%;
height:1.6em;
background-color:#000;
font-weight:bold;
font-family:Verdana, Geneva, sans-serif;
font-size:0.8em;
text-align:center;
margin: 0.5em 0;
padding-top: 0.2em;
color:#f0f5ad;
border-radius: 0.3em;
-moz-border-radius: 0.3em; 
-webkit-border-radius: 0.3em;
}
.crright {
	clear: right;
	float:right;
	padding-right: 0.3em;
}
.cl {
clear:both;
}
hr {
color: silver;
}
#kolommen {
clear:right;
padding: 0.2em 0.3em;
border-color: silver;
border-style: solid;
border-width:  0 1px 1px 1px;
overflow:hidden;
}
.kolom1, .kolom2, .kolom3, .kolom4 {
float: left;
margin-right: 0.4em;
width:31%;
}
.kolomregel {
line-height: 1.5em;
}
#column-left {
float:left;
width:50%;
border-right: 1px solid silver;
}
#column-right {
float:left;
width:auto%;
border-right: 1px solid silver;
}

#column25 {
float:left;
line-height: 1.1em;
border-right: 1px solid silver;
}
#column75 {
float:left;
width: auto;
}
#column75img {
width: auto;
text-align: center;
}
/* einde posities */

.columntext {
display: block;
border-bottom: 1px solid silver;
padding: 0.2em 0 0.1em 0.2em;
line-height: 1.3em;
}
h1 {
font-size: 1.2em;
}
.content-h2 {
clear:both;
line-height: 1.6em;
border: 1px #ffffff outset;
background: url(/images/h1.jpg) repeat-x;
padding: 0.1em 0.3em;
margin: 0.4em 0 0 0;
color:#f0f5ad;
font-size:1em;
}
.content-h2 a:link, .content-h2 a:visited, .content-h2 a:active, .content-h2 a:hover {
color:#f0f5ad;
font-weight:bold;
}
.content-h2right {
float:right;
}
.content-h2left {
float:left;
padding-right:0.4em;
}

.text_nopicture {
display: block;
height:auto !important;
border: 1px outset silver;
padding: 0.2em;
}
img { border:0; }
img.left, .left {
float:left;
padding: 0 0.4em 0 0.2em;
}
img.right, .right {
float:right;
padding: 0 0.2em 0 0.2em;
}
.imgtop {
max-height:125px;
height:auto;
width:auto;
}
.photo_box {
float:left;
padding: 0.3em 0 0.3em 0; 
height:auto;
text-align:center;
font-size:0.8em;
}
.photo_box img {
margin-bottom: 0.3em;
}
.googlead {
float:left;
width: 750px;
padding:5px;
}
.google{
padding-top:5px;
}
.c {text-align:center;}
.row {
clear:both;
display:block;
min-height: 90px;
height:auto !important;
height:0.4em;
color:#333;
padding: 0.3em 0;
border-bottom: solid 1px silver;
}
.img-row {
clear:both;
display:block;
padding: 0.3em;
color:black;
}
img.nieuw {
padding: 0.3em;
border: 2px solid #f00;
}
#kopje {
color: #0000FF;
font-weight: bold;
}
table .simpel {
	table-layout:fixed;
	width: 99%;
}
.std { 
vertical-align:top ;
border-bottom: solid 1px blue;
}
.bgtd { 
background: grey;
font-weight:bold;
}
/* links, rechtstreeks overgenomen van vakantieweb --------------------------- */
.linkkop {
display: block;
background: url(/images/hlink.jpg) repeat-x;
color:#F0F5AD;
margin: 0.5em 0.5em 0 0;
padding: 0.1em 0 0.3em 0.3em;
font-weight:bold;
font-size: 1em;
}
.linkbg {
line-height:0.8em;
font-size: 0.9em;
background-color:#F0F5AA;
margin: 0.3em 0.5em 0.3em 0;
}
.linkbg a:link, .linkbg a:visited {
display:block;
text-decoration:none;
color:#0033CC;
font-size:0.9em;
font-weight: bold;
}
.linkbg a:hover {
text-decoration:underline;
color:#0033CC;
font-size:0.9em
font-weight: bold;
}

.fout { font-weight:bold; color:red; }
.rood { color:red }
input[type="text"] { width: 100%; }
.attop { vertical-align:top }
#testtabel { border: solid 1px grey;  width: 100%; padding-right: 0.5em;}
.pright {float:right; padding: 0.5em 0.2em 0 0;}
.hide { display: none; }
.nieuws { width:80%; border:solid 1px blue; text-align:center; 	margin: 0.5em auto; font-size:0.8em; }