span.comment {font-size:10px; font-style:italic}

a {
	text-decoration:none;
}

a {
	color:blue
}

a:visited {
	color:blue
}

a:hover {
	color:blue
}

a.l          {text-decoration:underline; color:blue}
a.l:visited  {text-decoration:underline; color:blue}
a.l:hover    {text-decoration:underline; color:black}
a.m          {text-decoration:underline; color:grey}
a.m:visited  {text-decoration:underline; color:grey}
a.m:hover    {text-decoration:underline; color:grey}

/* dhtml test */

div#dhtml_test1 {
	visibility: hidden;
}

div#dhtml_test2 {
	visibility: hidden;
}

/* General styles */

html {
	height:100%; 
	width:100%; 
	padding:0px;
	margin:0px;
	border: 0px;
}

body {
	height:100%;
	width:100%; 
	padding:0px;
	margin:0px;
	border: 0px;
	background-color:#ffac4c; 
	color:black;
	text-align:center;
	font-size:  12px;
	font-family: Arial, Helvetica, sans-serif;
}

img {
	border: 0px;
}

.imgright {
	margin-top:10px;
	margin-bottom:10px;
	margin-left:20px;
	margin-right:0px;
	float:right;
	clear: right;
}

.imgleft {
	margin-top:10px;
	margin-bottom:10px;
	margin-left:0px;
	margin-right:20px;
	float:left;
	clear:left;
}

.imgfull {
	margin-top:10px;
	margin-bottom:10px;
	margin-left:0px;
	margin-right:0px;
	float:left;
	clear:both;
}

.imgcenter {
	margin-top:10px;
	margin-bottom:10px;
	margin-left:20px;
	margin-right:20px;
	clear:both;
}

.imgcap {
	color: #444;
	font-size: 85%;
	float: left;
	clear: right;
	text-align: left;
}

/*
.imgblock {
	background-color: green;
}
*/

div {
	padding: 0px;
	margin: 0px;
	border: 0px;
}
	
/*

* { 
  color: inherit;
  background: transparent;
}

*/

h1 {
	margin-left: 45px;
	margin-right: 30px;
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 0px;
	text-align: left;
	font-size: 18px;
	font-weight: bold;
}

h2 {
	margin-left: 45px;
	margin-right: 30px;
	margin-top: 10px;
	margin-bottom: 0px;
	padding: 0px;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
}


p {
	margin-left: 45px;
	margin-right: 30px;
	margin-top: 0px;
	margin-bottom: 13px;
	padding: 0px;
	text-align: left;
}

p.nohead {
	margin-left: 45px;
	margin-right: 30px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0px;
	text-align: left;
}

ul {
	margin-left: 45px;
	margin-right: 30px;
	margin-top: 7px;
	margin-bottom: 10px;
	padding: 0px;
	text-align: left;
	list-style-position: inside;
}

li {
	margin: 0px;
	padding: 0px;
	padding-left: 3px;
}




tr {
	padding:0px;
	margin:0px;
	border: 0px;
	border-spacing: 0px;
}

div#container1 {
	/* div contain used to measure the size of its contents */
	padding: 0px;
	margin: 0px;
	border: 0px;
}

div#container2 {
	/* div contain used to measure the size of its contents */
	padding: 0px;
	margin: 0px;
	border: 0px;
}

td img.imgblock {
/*	display: block;*/
	vertical-align: middle;
	border: 0px;
}


/* nieuws pagina table styles */

table.hbkklijst {
	padding: 0px;
	margin: 0px;
	margin-top: 10px;
	border-width: 0px;
	/* border-collapse: collapse; */
	font-size:  12px;
	font-family: Arial, Helvetica, sans-serif;
}

table.hbkklijst tr.hbkkdeel td {
	padding-top: 8px;
}

table.hbkklijst tr.hbkkvoorb td {
	padding-top: 10px;
	padding-bottom: 3px;
}

table.hbkklijst td {
	text-align: left;
	vertical-align: top;
	padding-right: 10px;
}

table.hbkklijst td.hbkktitel {
	font-style: italic;
}

table.hbkklijst td.hbkkprijs {
	text-align: right;
}

/* Oudedelft general table layout styles */

table#oudedelft {
	text-align: center;
	vertical-align: middle;
	width: 100%;
	padding: 0px;
	margin: 0px;
	border-width: 0px;
	border-spacing: 0px;
 	/* border-collapse: collapse; */
}

td {
	text-align:center;
	vertical-align:middle;
	padding: 0px;
	margin: 0px;
	border-width: 0px;
	border-style: solid;
	border-spacing: 0px;
	border-color: red;
}

td.t_block {
	height: 50px;
	background-color: #000050;
}

td#t_left {
	border-right-width: 1px;
}

td#t_center {
	background-image:url("gradient3_orange.png");
	background-repeat:repeat-x;
	background-color: #ffac4c;
	vertical-align:top;
}

td#t_right {
	border-left-width: 1px;
}

td.b_block {
	height: 50px;
	background-color: #000050;
}

td#b_left {
	border-right-width: 1px;
}

td#b_center {
	background-image:url(gradient2_orange.png);
	background-repeat:repeat-x;
	text-align: center;
	vertical-align: middle;
}

td#b_right {
	border-left-width: 1px;
}


td.i_block {
	background-color: #ffac4c;
	border-top-width: 1px;
	border-bottom-width: 1px;
}

td#i_left {
/*
	background-image: url("gradient_orange.png");
	background-repeat:repeat-x;
	background-color: #ffe3c4;
*/
	background-color: #000050;
	vertical-align:top;
	border-right-width: 1px;
}

td#i_right {
/*
	background-image: url("gradient_orange.png");
	background-repeat:repeat-x;
	background-color: #ffe3c4;
*/
	background-color: #000050;
	vertical-align:top;
	border-left-width: 1px;
}


div#logo_oude {
/*	width: 305px;*/
	height: 50px;
	border: 0px;
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("logo_50.png");
	text-align: center;
}

div#logo_oude_ie {
	width: 305px;
	height: 50px;
	border: 0px;
	margin: 0px;
	padding: 0px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='logo_50.png',sizingMethod='scale');
}


/* Navigation styles */

table#nav {
	width: 100%;
	text-align: center;
	vertical-align: middle;
	padding: 0px;
	margin: 0px;
	border-width: 0px;
	border-spacing: 0px;
 	/* border-collapse: collapse; */
}

table#nav td {
	padding: 0px;
	margin: 0px;
	border: 0px;
	text-align: center;
	vertical-align: middle;
}

table#nav a {
	font-size: 13px;
	text-decoration:underline;
}

table#nav a {
	color:blue;
}

table#nav a:visited {
	color:blue;
}

table#nav a:hover {
	color:black;
}

table#nav img {
	border: 0px;
}


/* Collectie list styles */

p#collhead {
	font-size: 13pt;
	font-weight: bold;
	padding-left: 27px;
	padding-top: 10px;
	padding-bottom: 2px;
	margin: 0px;
	border: 0px;
}

p#collsubhead {
	font-size: 8pt;
	font-weight: normal;
	padding-left: 27px;
	padding-top: 3px;
	padding-bottom: 4px;
	margin: 0px;
	border: 0px;
}
	
td#i_list {
        width: 200px;
	padding: 0px;
	margin: 0px;
	text-align: left;
	vertical-align: top;
	font-size:  12px;
}


div#collectie {
	width: 200px;
	height: 600px;
	border: 0px;
	padding: 0px;
	margin: 0px;
	text-align: left;
	vertical-align: top;
	position: relative;
	z-index: 100;
	overflow: auto;
}


ul.list {
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	list-style-type: none;
	list-style-position: outside;
}

li.list {
	padding-top: 0px;
	padding-bottom: 0px;
}

li.list a {
	display: block;
        text-decoration: none;
	padding-top: 2px;
	padding-left: 3px;
	padding-bottom: 2px;
	padding-right: 0px;
}

li.list a {
	color: black;
}

li.list a:visited { 
	color: black;
}

li.list a:hover { 
	color: black;
}


div#litem_back {
	position: absolute;
	top: 0px;
	border: 1px solid red;
	border-right: 0px;
	margin: 0px;
	padding: 0px;
	visibility: hidden;
	background-color: #c8dfff;
	z-index: 50;
	font-size: 1pt;
}


/* Collectie biography styles */
 
td#i_bio {
        width: 450px;
	padding: 0px;
	margin: 0px;
	text-align: left;
	vertical-align: top;
}

div#bio_padd {
	margin: 0px;
	border: 0px;
	padding: 5px;
}

div#bio_form {
	margin: 0px;
	border: 0px;
	padding: 0px;
	border: 1px solid red;
	background-color: #c8dfff;
/*	background-color: lightblue;*/
	color: black;
/*	background-color: #ffe3c4;*/
/*	font: 10pt Verdena,Arial, Helvetica, sans-serif;*/
}

div#bio_scroll {
	margin: 0px;
	border: 0px;
	padding: 0px;
	height: 250px;
	overflow: auto;
}

p#biohead {
	font-size: 13pt;
	font-weight: bold;
	padding: 0px;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 0px;
	padding-bottom: 17px;
	margin: 0px;
	border: 0px;
}
/*
span#bioname {
	font-size: 13pt;
	font-weight: normal;
}
*/

a#bioname {
	font-size: 13pt;
	font-weight: normal;
	text-decoration: underline;
	color: black;
}

a#bioname visited {
	font-size: 13pt;
	font-weight: normal;
	text-decoration: underline;
	color: black;
}

a#bioname hover {
	font-size: 13pt;
	font-weight: normal;
	text-decoration: underline;
	color: black;
}

p#artistbio {
	margin: 0px;
	border: 0px;
	padding: 5px;
	font: 12px Arial,Verdana,Helvetica;
}

.biotbl {
	font: 12px Arial,Verdana,Helvetica;
}

.biotbl td {
	text-align: left;
	vertical-align: top;
	padding-right: 4px;
}


/* Schilderij index styles */

td#i_index {
	width: 249px; 
	border-right-width: 1px;
	vertical-align: top;
}

p#schilder {
	width: auto;
	height: auto;
	padding-top: 10px;
	padding-bottom: 2px;
	margin: 0px;
	border: 0px;
	font-size: 13pt;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}

p#schilderinfo {
	width: auto;
	height: auto;
	padding-top: 0px;
	padding-bottom: 10px;
	margin: 0px;
	border: 0px;
	font-size: 8pt;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
}


div#index {
	height: 150px;
	overflow: auto;
	width: auto;
	border: 0px;
	padding: 0px;
	margin: 0px;
	text-align: left;
	vertical-align: top;
}

ul.index {
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	list-style-position: outside;
}

li.index {
	padding-top: 1px;
	padding-bottom: 1px;
	font-size: 12px;
}

li.index a {
        text-decoration: none;
}

li.index a {
	color: black;
}

li.index a:visited { 
	color: black;
}

li.index a:hover {
	color: blue;
}



table#painters {
	width: 249px;
	height: auto;
	border: 0px;
	margin: 0px;
	padding: 0px;
 	/* border-collapse: collapse; */
	border-spacing: 0px;
	visibility: hidden;
}

td#overige {
	padding-top:5px;
	border-top-width: 1px;
	font-size: 11px;
}

span#alfabet {
	font-size: 9px;
}

div.artistmenu {
	padding: 0px;
	margin: 0px;
	border: 1px solid black;
	border-top: 0px;
	position:absolute;
	top:0px;
	width: 150px;
	visibility:hidden;
	background-color: #ffe3c4;
	color: black;
}

div.artistmenu a {
	border: 0px;
	border-top: 1px solid black;
	margin: 0px;
	padding: 1px;
	display: block;
	text-decoration: none; 
	font-size: 11px;
}

div.artistmenu a {
	color: black;
	background-color: #ffe3c4;
}

div.artistmenu a:visited {
	color: black;
	background-color: #ffe3c4;
}

div.artistmenu a:hover {
	color: white;
	background-color: #ff8800;
}

/* IE workarround */
div.artistmenu a img {
        height: 0; 
	width: 0; 
	border-width: 0;
	visibility:hidden;
}


/* Schilderij image styles */

td#i_paint {
	width: 400px;
	height: 300px;
	border-bottom-width: 0px;
}

table#painting {
	width: 400px;
	border: 0px;
	margin: 0px;
	padding: 0px;
 	/* border-collapse: collapse; */
	border-spacing: 0px;
}


td.paint_pn  {
	width: 50px;
	padding: 0px;
	margin: 0px;
	border: 0px;
	text-align:center;
	vertical-align:middle;
}

td.paint_img {
	width: 299px;
	height: 300px;
	padding: 0px;
	margin: 0px;
	border: 0px;
	text-align: center;
	vertical-align: middle;
}

td.paint_img a {
	text-decoration: none;
	font-size: 7pt;
}

td.paint_img a {
	color:black;
}

td.paint_img a:visited {
	color:black;
}

td.paint_img a:hover {
	color:blue;
}

.img_painting {
	vertical-align: middle;
	border: 2px solid black;
}




/* Schilderij info styles */

td#f_paint {
	width: 400px;
	vertical-align: top;
	text-align: left;
	border-top-width: 0px;
}

div#info_form {
	padding: 0px;
	margin: 0px;
	border: 0px;
	text-align: left;
}

p.p_info {
	margin: 0px;
	border: 0px;
	padding-left: 100px;
	padding-top: 2px;
	padding-bottom: 0px;
	padding-right: 0px;
}

#title {
	text-align: left;
	font-weight:bold;
	font-size: 10pt;
}

#descrip {
	font-weight:normal;
	font-size: 9pt;
	font-style: italic;
}


#price {
	font-weight:normal;
	font-size: 9pt;
}

#extra {
	font-weight:normal;
	font-size: 8pt;
}


/* Big image popup styles */

body.imgpopup {
	height:100%; width:100%; 
	padding:0px;
	margin:0px;
	border: 0px;
/*	background-color: #ff8800; */
	background-color: #ffebcb;
	color:black;
	font: 9pt Arial, Helvetica, sans-serif;
}

div#pimg_center {
	width: 100%;
	text-align: center;
}

img.bigimage {
	padding:0px;
	margin:0px;
	border-style: solid;
	border-width: 2px;
	border-color: black;
}

table.imgpopup {
	height: 100%;
	width: 100%;
	padding: 0px;
	margin: 0px;
	border-width: 0px;
	border-spacing: 0px;
 	/* border-collapse: collapse; */
	text-align: center;
	vertical-align: middle;
}

table.imgpopup td {
	padding: 0px;
	margin: 0px;
	border-width: 0px;
	text-align: center;
	vertical-align: middle;
}

td#pimg_tborder {
	height: 40px;
	width: 100%;
}

td#pimg_tborder span {
	font-weight: bold;
	font-size: 11pt;
}

td#pimg_cborder {
	width: 100px; /* sum left and right border */ 
}

td#pimg_center {
	width: 100%;
}

td#pimg_bborder {
	height: 75px;
	width: 100%;
}

td#pimg_bborder span {
	font-size: 10pt;
}

td#pimg_bborder span a {
	text-decoration:underline;
	color:black
}


/* Home page stules */

/*
body#winter {
	background-image: url("winter-jan.jpg");
	background-color: #c1c7c8;
	background-repeat: no-repeat;
}
*/

body#zomer {
/*
	background-image: url("oudejan3.jpg");
	background-color: #f6fcff;
*/
/*
	background-image: url("oudejan6.jpg");
	background-color: #c8dfff;
*/
/*
	background-image: url("oudejan-small.jpg");
	background-color: #87b5ef;
*/
/*
	background-image: url("oudejan-big.jpg");
	background-color: #81ade6;
*/
	background-repeat: no-repeat;
	background-color: #87b5ef;
}

body.small_back {
	background-image: url("oudejan-small.jpg") ! important;
	background-color: #87b5ef ! important;
}

body.big_back {
	background-image: url("oudejan-big.jpg") ! important;
	background-color: #81ade6 ! important;
}

td.big_back {
	width: 140px ! important;
}

body.home h1 {
	margin-left: 35px;
	margin-right: 30px;
	margin-top: 15px;
	margin-bottom: 10px;
	padding: 0px;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
}


body.home p {
	margin-left: 35px;
	margin-right: 30px;
	margin-top: 0px;
	margin-bottom: 13px;
	padding: 0px;
	padding-left: 25px;
	text-align: left;
}

body.home ul {
	margin-left: 60px;
	margin-right: 30px;
	margin-top: 7px;
	margin-bottom: 7px;
	padding: 0px;
	padding-left: 14px; /* why 14 ??? */
	text-align: left;
	list-style-position: outside;
}

body.home li {
	margin: 0px;
	margin-top: 3px;
	margin-bottom: 3px;
	padding: 0px;
	padding-left: 3px;
}

table#oudejan {
	text-align: center;
	vertical-align: middle;
	width: 100%;
	padding: 0px;
	margin: 0px;
	border-width: 0px;
	border-spacing: 0px;
 	/* border-collapse: collapse; */
}

/*
table#oudejan td {
	background-color: transparent;
}
*/

td.t_jan {
	height: 70px;
}

td#jan_top {
	text-align: center;
	background-color: transparent;
}

td#jan_left {
	background-color: transparent;
}

td#jan_right {
	width: 70px;
	background-color: transparent;
}

div#logo_jan {
/*	width: 248px;*/
	height: 70px;
	border: 0px;
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("logo_70.png");
	text-align: center;
}

div#logo_jan_ie {
	width: 248px;
	height: 70px;
	border: 0px;
	margin: 0px;
	padding: 0px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='logo_70.png',sizingMethod='scale');
}



td#jan_center {
	width: 644px;
	border: 2px solid red;
	padding: 0px;
	text-align: left;
}

.transp_snow {
	/* no transparent background because of snow fall */
	background-color: #ffac4c;
}

.transp {
	background-image: url("transp6.png");
	background-repeat:repeat;
	background-color: transparent;
	filter:alpha(opacity=95); /* IE shit */
}

td.b_jan {
	height: 50px;
}

td#jan_bottom {
	height: 50px;
	border-left: 2px solid red;
	border-right: 2px solid red;
	text-align: center;
	vertical-align: middle;
}

/* Contact formulier styles */

div#inhoud {
	overflow: auto;
	border-width: 0px;
	background-color: transparent;
	padding: 0px;
	padding-top: 1px; /* needed to prevent margin creep in IE */
	padding-bottom: 1px; 
	margin: 0px;
	text-align: left;
	vertical-align: top;
	font-size:  12px;
}

td#i_center {
        width: 648px;
	padding: 0px;
	margin: 0px;
	text-align: left;
	vertical-align: top;
}

form#contact {
	text-align: left;
	padding: 1px; /* to prevent margin collapse */
	font-size:  13px;
}

form#contact input {
	margin: 0px;
	margin-right: 8px;
}

input.veld {
	width: 400px;
	background-color: #ffe3c4;
}

textarea.veld {
	width: 400px;
	height: 100px;
	background-color: #ffe3c4;
	/* FIXME: */
	font: inherit;
        font-size: 14px;
}

input.knop {
	background-color: #ffe3c4;
}

table.contact_form {
	border: 0px;
	padding: 0px;
	margin: 0px;
	border: 0px;
	border-spacing: 0px;
 	/* border-collapse: collapse; */
	font-size:  12px;
}

table.contact_form td {
	border: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 1px;
	padding-bottom: 1px;
	margin: 0px;
	width: 90px;
	text-align: left;
}
/*
form#contact h1 {
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 15px;
	margin-bottom: 10px;
	padding:0px;
	font-size: 18px;
	font-weight: bold;
}

form#contact h2 {
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 15px;
	margin-bottom: 10px;
	padding:0px;
	font-size: 14px;
	font-weight: bold;
}
*/

form#contact p {
	/*
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 0px;
	padding: 0px;
	*/
	margin-bottom: 10px;
	line-height: 2;
}


body.collall {
	color:black;
	background-color: #000050;
}

body.collall h1 {
	text-align: center;
}


div#alltop {
	width: 650px;
	height: 50px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	border: 1px solid red;
	border-top-width: 0px;
	border-bottom-width: 0px;
	background-image: url("gradient3_orange.png");
	background-repeat:repeat-x;
	background-color: #ffac4c;
	vertical-align:top;
	text-align: center;
}

div#allcenter {
	width: 650px;
	min-height: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	border: 1px solid red;
	background-color:#ffac4c; 
	text-align: center;
}

div#allcenter hr {
	border: 0px;
	height: 1px;
	color: red;
	background-color: red;
}

.no_title {
	text-align: left;
	font-weight:bold;
	font-size: 10pt;
}

.no_descrip {
	font-weight:normal;
	font-size: 9pt;
	font-style: italic;
}

.no_price {
	font-weight:normal;
	font-size: 9pt;
}

.no_extra {
	font-weight:normal;
	font-size: 8pt;
}

div.noscript {
	margin-left: auto;
	margin-right: auto;
	width: 300px;
}

table.noscript {
	margin-left: auto;
	margin-right: auto;
}

table.noscript td {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}


div#allbottom {
	width: 650px;
	height: 50px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	border: 1px solid red;
	border-top-width: 0px;
	border-bottom-width: 0px;
	background-image: url("gradient2_orange.png");
	background-repeat: repeat-x;
	background-color: #ffac4c;
	text-align: center;
	vertical-align: middle; /* doesn't work on div's */
}

div#allbottom table {
	margin-top: 15px;
}

div.allbio {
	margin-left: 50px;
	margin-right: 50px;
	margin-top: 5px;
	margin-bottom: 10px;
	padding: 5px;
	border: 1px solid red;
	background-color: #c8dfff;
	text-align: left;
}

div#jstxt {
	border: 1px solid #555;
	text-align: left;
	margin-left: 50px;
	margin-right: 50px;
	margin-top: 25px;
	margin-bottom: 10px;
	padding: 3px;
	color: #555;
	font-size:  10px;
	text-align: center;
}

div.aankondiging {
	border: 2px solid #888;
	width: 400px;
	text-align: center;
	margin-left: 45px;
	margin-right: 30px;
	margin-top: 25px;
	margin-bottom: 20px;
	padding: 15px;
	font-size:  110%;
}