/***********************************************************
 * File: melle.css
 * Project: Melle - Schilder
 *
 * Copyright: (c) 2006 Hippo Software. All rights reserved
 *            <http://www.hipposoftware.nl>
 *
 * Author: Bert Bulder <mailto:bertb@hipposoftware.nl>
 *         Brouwersgracht 48, 1013 GX Amsterdam, 020-6255344
 *
***********************************************************************/
body {
	background-color: #777777;
	margin: 0;
	padding: 0;
	font: 10px/16px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	color: #000;
	margin: 0px;
}	
#view {
	margin: 0px auto; 	
	height: 540px;
	width: 900px;
	overflow:hidden;
}
#wrapper {
	background-color: #FFFFFF;
	border: 0px;
	padding: 0px; 
	margin: 0px; 
	background-image:url(../images/bg.gif);
	background-repeat:no-repeat;
	text-align: left; 	
	height: 540px;
	width: 900px;
	overflow:hidden;
}
a {
	color: #000000;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
#hoofdmenu {
	float:left;
	clear:both;
	height: 56px;
	padding-left:0px;	
	width:871px;
}
#menuitem {
	width: 115px;
	height: 56px;
	float:left;
	font: 10px/16px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-variant:small-caps;	
	text-align:center;
}	
.eerste {
	width: 99px;
}
.over a, .werk a, .contact a {
	color:#FFFFFF;
	font-weight:bold;	
}
.over a:hover, .werk a:hover, .contact a:hover {
	color:#000000;
}
.over {
	background-image:url(../images/bg-menuitem-over.gif);
}	
.werk {
	background-image:url(../images/bg-menuitem-werk.gif);
}
.contact {
	background-image:url(../images/bg-menuitem-contact.gif);
}
.verberg {
	display:none;	
}
#printer {
	width: 133px;
	height: 36px;
	float:left;
	text-align:right;
	padding-top: 20px;
}
#submenu {
	height:24px;
	width:852px;
	float:left;
	font-size: 10px;
	clear:both;
	padding-left: 118px;
	line-height: 22px;
}
.oversubmenu a {
	color:#000000;
}
.oversubmenu a:hover {
	color:#D59D05;
}
.oversubmenu a.selected {
	color:#D59D05;
}
.werksubmenu {
	font-variant:small-caps;
	font-weight:bold;
}

.werksubmenu a {
	color:#000000;
}
.werksubmenu a:hover {
	color:#B64A01;
	
}
.werksubmenu a.selected {
	color:#B64A01;
}
#main {
	padding-left:99px;
	width:871px;
	height: 460px;	
	float:left;
	clear:both;
}
#plaatje, #begintekst {
	float: left;
}
#plaatje {
	width: 462px;
}

#begintekst {
	padding-left: 20px;
	padding-top: 300px;
	width: 260px;
	height: 159px;
}
#tekstlinks {
	padding-left: 20px;
	padding-top:45px;
	width: 300px;
	height:400px;
	float:left;
}
#contactlinks {
	padding-left: 15px;
	padding-top:50px;
	width: 350px;
	height:400px;
	float:left;
}
#tekstrechts {
	margin-left: 65px;
	margin-top: 15px;
	padding-top:30px;
	width: 385px;
	height:400px;
	float:left;	
	overflow:auto;
}
#contactrechts {
	margin-left: 105px;
	margin-top: 15px;
	padding-top:35px;
	width: 265px;
	height:400px;
	float:left;	
	overflow:auto;
	font: 10px/17px Verdana, Arial, Helvetica, sans-serif;	
}
#tabellevensloop {
	width: 78%;
}
#tabellevensloop td {	
	text-align:left;
}
#bio {
	width: 300px;
}
#bio p {
	margin-bottom:8px;
}
#interview {
	width: 350px;
}
#interview p {
	margin-bottom:8px;
}
#tijdbalk {
	padding-left:18px;
	height:24px;	
	line-height: 22px;
}
#tijdbalk a {
	color:#000000;
}
#tijdbalk a:hover {
	color:#000000;
}
#tijdbalk a.selected {
	color:#FFFFFF;
}
#tentoonstellingen {
	margin-top: 15px;
	padding-top:30px;
	padding-left: 20px;	
	width: 750px;
	height:376px;
	float:left;	
	overflow:auto;
}
#tentoonlinks {
	width: 345px;
	float:left;
}
tabeltentoon{
	width: 100%;
}
#tabellevensloop td {	
	text-align:left;
}
input.veld36 {
	width: 210px;
	height: 15px;
	border: #999999 1px solid;
	margin-bottom: 3px;
	font: 9px/16px Verdana, Arial, Helvetica, sans-serif;
	padding-left: 3px;
}
textarea.area36 {
	width: 210px;
	height: 200px;	
	border: #999999 1px solid;
	font: 9px/16px Verdana, Arial, Helvetica, sans-serif;	
	padding-left: 3px;	
	margin-bottom: 3px;	
}
input.button {
	background-color:#01ABB6;
	color:#FFFFFF;
	font: 10px/16px Verdana, Arial, Helvetica, sans-serif;
	font-variant:small-caps;
	width:90px;
	height:20px;
	padding-left:3px;
	text-align:left;
	cursor:pointer;
}
input.buttonzoek {
	background-color:#993F01;
	color:#FFFFFF;
	font: 10px/16px Verdana, Arial, Helvetica, sans-serif;
	font-variant:small-caps;
	width:94px;
	height:26px;
	padding-left:3px;
	text-align:center;
	cursor:pointer;
}
input.veld34 {
	width: 192px;
	height: 22px;
	margin-bottom: 3px;
	font: 10px/16px Verdana, Arial, Helvetica, sans-serif;
	padding-left: 3px;
	margin-left: 4px;	
}
input.check {
	margin-top: 4px;
}
select.select36 {
	width: 210px;
	height: 22px;
	margin-bottom: 3px;
	font: 10px/22px Verdana, Arial, Helvetica, sans-serif;
	padding-left: 3px;
	margin-left: 4px;
}
td {
	font: 10px/22px Verdana, Arial, Helvetica, sans-serif
}
#fotoselectie {
	height:166px;
	width:631px;
	float:left;
	padding: 6px;
	overflow:hidden;
}
#fototerug{
	height:166px;
	width:135px;
	float:left;
	padding-top:70px;
	padding-left:0px;
	text-align:center;
}

/* nieuwe zoom */

#ill450hoog {
	float:left;
	height: 450px;
	padding-left: 10px;
	padding-top: 10px;
	width: 620px;
	overflow:hidden;
}
#commrechts {
	float:left;
	margin-left: 10px;
	width: 110px;
	text-align:left;
	font-size:11px;
}
div#ill450hoog img {
		cursor:url("style/zoomin.png"), -moz-zoom-in;
}