/* body */
body {
	margin:0;
	padding:0;
	height:100%; /* 100 % height */
}

html>body #wrap {height:100%;} /* 100 % height */
#wrap {
	width:82em;
	margin:0 auto;
}
#header {
	width:82em;
	height:4.2em;
}
html>body #header {
	position:fixed;
	/* position:relative; */	
	z-index:10; /* Prevent certain problems with form controls */
}
html>body #content-wrap {
	height:100%;
}
html>body #content {
	padding:0.5em 2.0em;
	height:80em;
	background-color:#666666 ;
}
#footer {
	width:82em;
	height:2.2em;
}
html>body #footer {
	position:fixed;
	bottom:0;
	z-index:10; /* Prevent certain problems with form controls */
}
html,
body {
	color:#fff;
	background:#d1d1d1;
}
body {
	font:76%/1.5 Verdana, Arial, Helvetica, sans-serif;
}
/* Headers */
h1
{
	margin:0em 0;
	font:normal 1.5em/1.1 Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:left;
	letter-spacing:1px;
/*	background:#d1d1d1; */
	padding:0.5em 0em;		
}
h2 {
	margin:0em 0;
	font:normal 1.3em/1.1 Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:left;
	letter-spacing:1px;
/*	background:#d1d1d1; */
	padding:0.5em 0em;	
}
h3 {
	margin:0em 0;
	font:normal 1.2em/1.1 Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:left;
	letter-spacing:1px;
/*	background:#d1d1d1; */
	padding:0.5em 0em;	
}
h4 {
	margin:0em 0;
	font:normal 1.0em/1.1 Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:left;
	height:1.2em;
	letter-spacing:2px;
/*	background:#d1d1d1; */	
	padding:0.5em 0em;	
}
h5 {
	margin:0em 0;
	font:normal 1.0em/1.2 Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:center;
	letter-spacing:2px;
/*	background:#d1d1d1; */
	padding:0.5em 0em;	
}
h6 {
	margin:0em 0;
	font:normal 1.2em/1.1 Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:left;
	letter-spacing:1px;
/*	background:#d1d1d1; */
	padding:0.5em 0em;	
}
p {
	margin:1 em 0;
	font-size: 90%;
}
.info {
	position:relative;
	padding:1.5em;
	border:2px solid #999;
	background:#d1d1d1;
}
/* links */
a:link,
a:visited {
	border-bottom:0px dotted;
	color: #ff0;
	/* font-weight:bold; */
	text-decoration:	none;
}
a:focus,
a:hover {
	border-bottom-style:solid;
	color:#f00;
}
#header,
#footer {
	color:#000;
	background:#d1d1d1;
	text-align:center;
}
#content-wrap,
#content {background:#d1d1d1;}
#footer a {color:#000;}
.toevhead {
	background-color: #d1d1d1; 
	color: #000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size : 70%;
  	padding:0em;
}
/* toelichting veld */
div.toelichting1 {
	background-color: #b90710;
	font-size: 100%;
	color: #fff;
	border: 1px solid #000;
	padding: 1ex;
	position: fixed;
	left: 20%;
	width: 20%;
	top: 105px;
	/* transparency */
	filter:alpha(opacity=92);
	-moz-opacity:0.92;
	-khtml-opacity: 0.92;
	opacity: 0.92;
	/* toelichting verbergen */
	visibility: hidden;
}
div.toelichting1 h6, div.toelichting1 p {
	font-size: 100%;
	font-weight:bold;
	line-height: 1.3em;
	margin: 0;
	padding: 0;	
}
div.toelichting2 {
	background-color: #b90710;
	font-size: 100%;
	color: #fff;
	border: 1px solid #000;
	padding: 1ex;
	position: fixed;
	left: 30%;
	width: 20%;
	top: 105px;
		
	/* transparency */
	filter:alpha(opacity=92);
	-moz-opacity:0.92;
	-khtml-opacity: 0.92;
	opacity: 0.92;
	/* toelichting verbergen */
	visibility: hidden;
}
div.toelichting2 h6, div.toelichting2 p {
	font-size: 100%;
	font-weight:bold;
	line-height: 1.3em;
	margin: 0;
	padding: 0;
}
/* toelichting veld */
div.toelichting3 {
	background-color: #b90710;
	font-size: 100%;
	color: #fff;
	border: 1px solid #000;
	padding: 1ex;
	position: fixed;
	left: 40%;
	width: 20%;
	top: 105px;
		
	/* transparency */
	filter:alpha(opacity=92);
	-moz-opacity:0.92;
	-khtml-opacity: 0.92;
	opacity: 0.92;
	/* toelichting verbergen */
	visibility: hidden;
}
div.toelichting3 h6, div.toelichting3 p {
	font-size: 100%;
	font-weight:bold;
	line-height: 1.3em;
	margin: 0;
	padding: 0;
}
div.toelichting4 {
	background-color: #b90710;
	font-size: 100%;
	color: #fff;
	border: 1px solid #000;
	padding: 1ex;
	position: fixed;
	left: 50%;
	width: 20%;
	top: 105px;
	/* transparency */
	filter:alpha(opacity=92);
	-moz-opacity:0.92;
	-khtml-opacity: 0.92;
	opacity: 0.92;
	/* toelichting verbergen */
	visibility: hidden;
}
div.toelichting4 h6, div.toelichting4 p {
	font-size: 100%;
	font-weight:bold;
	line-height: 1.3em;
	margin: 0;
	padding: 0;
}
div.toelichting5 {
	background-color: #b90710;
	font-size: 100%;
	color: #fff;
	border: 1px solid #000;
	padding: 1ex;
	position: fixed;
	left: 60%;
	width: 20%;
	top: 105px;
	/* transparency */
	filter:alpha(opacity=92);
	-moz-opacity:0.92;
	-khtml-opacity: 0.92;
	opacity: 0.92;
	/* toelichting verbergen */
	visibility: hidden;
}
div.toelichting5 h6, div.toelichting5 p {
	font-size: 100%;
	font-weight:bold;
	line-height: 1.3em;
	margin: 0;
	padding: 0;
}
div.toelichting6 {
	background-color: #b90710;
	font-size: 100%;
	color: #fff;
	border: 1px solid #000;
	padding: 1ex;
	position: fixed;
	left: 80%;
	width: 20%;
	top: 105px;
		
	/* transparency */
	filter:alpha(opacity=92);
	-moz-opacity:0.92;
	-khtml-opacity: 0.92;
	opacity: 0.92;
	/* toelichting verbergen */
	visibility: hidden;
}
div.toelichting6 h6, div.toelichting6 p {
	font-size: 100%;
	font-weight:bold;
	line-height: 1.3em;
	margin: 0;
	padding: 0;
}
/* menu balk nieuw */
.bg {background: url(arlesimages/button4.gif);}
.menu {
padding:0 0 0 32px; margin:0; list-style:none; height:40px; 
background:#fff url(arlesimages/button1a.gif) repeat-x; 
position:relative; 
font-family:arial, verdana, sans-serif; 
}
.menu li.top {
display:block; 
float:left; 
position:relative;
}
.menu li a.top_link {
display:block; 
float:left; 
height:40px; 
line-height:33px; 
/* color:#bbb; */
color:#fff; 
text-decoration:none; 
font-size:11px; 
font-weight:bold; 
padding:0 0 0 12px; 
cursor:pointer;
}
.menu li a.top_link span {
float:left; 
font-weight:bold; 
display:block; 
padding:0 24px 0 12px; 
height:40px;
}
.menu li a.top_link span.down {
float:left;
display:block; 
padding:0 24px 0 12px; 
height:40px; 
background:url(images/down.gif) no-repeat right top;
}
.menu li a.top_link:hover {
color:#000; 
background: url(images/button4.gif) no-repeat;
}
.menu li a.top_link:hover span {
background:url(images/button4.gif) no-repeat right top;
}
.menu li a.top_link:hover span.down {
background:url(images/button4a.gif) no-repeat right top;
}
.menu li:hover > a.top_link {
color:#000; 
background: url(images/button4.gif) no-repeat;
}
.menu li:hover > a.top_link span {
background:url(images/button4.gif) no-repeat right top;
}
.menu li:hover > a.top_link span.down {
background:url(images/button4a.gif) no-repeat right top;
}
.menu table {
border-collapse:collapse; 
width:0; 
height:0; 
position:absolute; 
top:0; 
left:0;
}
.menu a:hover {
visibility:visible;
}
.menu li:hover {
position:relative; z-index:200;
}
.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {
position:absolute; 
left:-9999px; 
top:-9999px; 
width:0; 
height:0; 
margin:0; 
padding:0; 
list-style:none;
}
.menu :hover ul.sub {
left:2px; 
top:40px; 
right:2px; 
background: #fff; 
padding:3px 0; 
border:1px solid #999999; 
white-space:nowrap; 
width:210px; 
height:auto;
	/* transparency */
	filter:alpha(opacity=82);
	-moz-opacity:0.82;
	-khtml-opacity: 0.82;
	opacity: 0.82;
}
.menu :hover ul.sub li {
display:block; 
height:20px; 
position:relative; 
float:left; 
width:250px;
}
.menu :hover ul.sub li a {
font-weight:normal;
display:block; 
font-size:11px; 
height:20px; 
width:192px; 
line-height:20px; 
text-indent:5px; 
color:#000; 
text-decoration:none; 
border:3px solid #fff; 
border-width:0 0 0 3px;
}
.menu :hover ul.sub li a.fly {
background:#fff url(images/arrow.gif) 80px 7px no-repeat;
}
.menu :hover ul.sub li a:hover {
background:#999999; 
color:#000;
}
.menu :hover ul.sub li a.fly:hover {
background:#999999 url(images/arrow_over.gif) 80px 7px no-repeat; 
color:#fff;
}
.menu :hover ul li:hover > a.fly {
background:#999999 url(images/arrow_over.gif) 80px 7px no-repeat; 
color:#fff;
} 
.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{left:90px; 
top:-4px; 
background: #fff; 
padding:3px 0; 
border:1px solid 999999; 
white-space:nowrap; 
width:93px; 
z-index:200; 
height:auto;
}

/* invoer velden */
.input {
   font-size: 90%;
   border: 1px solid #006;
   background: #ffc;
}
.textarea {
   font-size: 120%;
   border: 1px solid #006;
   background: #ffc;
}
.textarea_read {
   font-size: 120%;
   color: #555;
   border: 0px solid #fff;
   background: #ffc;
}
.select {
   font-size: 80%;
   border: 1px solid #006;
   background: #ffc;
}
.dateselect{
   font-size: 90%;
   border: 1px solid #006;
   background: #ffc;
}
.input:hover {
   border: 1px solid #f00;
   background: #ffc;
}
/* input protected */
.input_read {
	font-size: 90%;
	color: #555;
   border: 0px solid #fff;
   background: #fff;
}
.input_read:hover {
   border: 0px solid #fff;
   background: #fff;
}
/* labels */
label {
    display: block;
    width: 0px;
    float: left;
    margin: 2px 4px 6px 4px;
    text-align: right;
}
td.index_table_cell
{
  padding: 5px;
  border: none;
}

td.index_subcat_table_cell
{
  padding: 5px;
  border: none;
}
.gallerytitle {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 18pt;
}

.thumbnailtabletitle {
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
.thumbnailtitle {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-weight: lighter;
}

.thumbnail {
  text-align: center;
}
.thumbnail_title {
  text-align: center;
}
.navigationtext {
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
.navigationdisabledtext {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #CCCCCC;
}
.indexquicklist {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9pt;
}