/* CSS for henkcortier.com */
/* code by Melimato */
/* use this code if you want but only on nice sites */
/* general design and content copyrighted: Henk Cortier, Melimato */


/*general*/

body { background-color: #000; color: #999; font: .9em 'Trebuchet MS','Gill Sans',Helvetica,sans-serif; text-align: left; margin: 0; width: 860px; }

p { margin: 1em 0;}

a { color:#fff; text-decoration: none; }

a:hover { color: #666; }

a img { border: none; }

h1 { font-size: 10%; line-height: 10%; margin: 0 0 0 10px; padding: 0; }

h1 span { /*tekst onzichtbaar*/ position: absolute; left: -2650px; }

h2 { background: #1f1f1f; color: #ccc; font-size: 1.4em; font-weight: bold; line-height: 26pt; padding: 0 0 0 10px; }

div.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }

ul { list-style: none; text-align: left; }

/* loading img */
div#loadingContainer { position: absolute; z-index: 1; width: 186px; text-align: center; border: none; }

div#loadingContainer img#loading { border: none; }

/* copyright */
div#copyright { font-size: .9em; }

/* backgrounds */
div#pagehome, div#pagecontact, div#pagenews, div#pagegal, div#pagegalpic, div#pageexhib, div#pagecopyright { width: 860px; height: 834px; }

div#pagehome { background: #000 url('../img/background_home.gif') no-repeat top left; }

div#pagecontact { background: #000 url('../img/background_contact.gif') no-repeat top left; }

div#pagecopyright { background: #000 url('../img/background_contact.gif') no-repeat top left; }

div#pagenews { background: #000 url('../img/background_news.gif') no-repeat top left; }

div#pagegal { background: #000 url('../img/background_gal_2.gif') no-repeat top left; }

div#pagegalpic { background: #000 url('../img/background_gal_0.gif') no-repeat top left; }

div#pageexhib { background: #000 url('../img/background_exhib.gif') no-repeat top left; }

/* columns */
div#left { float: left; text-align: right; width: 190px; margin: 804px 0 0 0; /*border: 1px solid red;*/ }

div#right { float: right; width: 660px; margin: 0 0 200px 0; /*border: 1px solid green;*/ }

div#right1 { float: left; width: 420px; margin: 0; padding: 0; /*border: 1px solid blue;*/ }

div#right2 { float: right; width: 190px; margin: 0 30px 0 20px; /*border: 1px solid white;*/ }

div#rightall { text-align: center; margin: 0px 20px 0 0; clear: both; float: left; width: 630px; /*border: 1px solid gray;*/ }

/* menu */
div#menu { font-size: 1.2em; line-height: 120%; margin: 90px 0 0 0; }

div#menu ul { margin: 0; padding: 0; }

div#menuleft { float: left; /*border: 1px solid blue;*/ }

div#menuright { float: right; margin-right: 40px; /*border: 1px solid red;*/ }

/* HOME-HOME-HOME-HOME-HOME-HOME-HOME-HOME-HOME-HOME-HOME-HOME-HOME-HOME-HOME-HOME */
/* intro */
div#intro { margin: 180px 0 0 0; padding: 0 20px 0 20px; width: 380px; }

#intro p { }

/* picture of the day */
div#pictureoftheday { margin: 30px 0 0 0; padding: 0 20px; width: 380px; }

div#pictureandcaption { text-align: center; }

#pictureoftheday img { border: 3px solid #fff; width: 370px; }

/* quote */
div#quote { margin: 180px 0 0 0; width: 190px; }

p#quotetext { font: italic 100 1.2em Georgia,Times,serif; }

p#quoteauthor { font-style: italic; font-family: Georgia,Times,serif; }

/* news */
div#news { margin: 30px 0 0 0; width: 190px; }

div#news ul { margin: 0; padding: 0; }

div#news li { margin-top: 5px; }

/* links */
div#links { margin: 30px 0 0 0; width: 190px; }

div#links ul { margin: 0; padding: 0; }

/* CONTACT-CONTACT-CONTACT-CONTACT-CONTACT-CONTACT-CONTACT-CONTACT-CONTACT-CONTACT*/
/*contact*/
div#contact { float: right; margin: 60px 40px 0 10px; padding: 0; width: 200px; font-size: 1em; text-align: left; }

div#contactpic { clear: both; float: left; margin: 30px 0 0 8px; padding: 0; width: 380px; }

div#newsletter { margin-top: 1.6em; }

div#newsletter p { margin: 1em 0 0 0;}

input.field { margin: 1em 0;}

/* NEWS-NEWS-NEWS-NEWS-NEWS-NEWS-NEWS-NEWS-NEWS-NEWS-NEWS-NEWS-NEWS-NEWS-NEWS-NEWS*/
/*newsmain*/
div#newsmain { margin: 200px 0 0 0; padding: 0 20px 0 20px; width: 380px; }

div#newsmain ul { margin: 0; padding: 0; }

div#newsmain li { margin-top: 20px; }

div#newsdetail { margin: 180px 0 0 0; width: 190px; }

div#newsdetail img { border: 2px solid #fff; }

#newsdetailtitle { color: #fff; }

p#newsdetailtext { margin-top: .6em; }

/* EXHIB-EXHIB-EXHIB-EXHIB-EXHIB-EXHIB-EXHIB-EXHIB-EXHIB-EXHIB-EXHIB-EXHIB-EXHIB-EXHIB*/
/*exhibmain*/
div#exhibmain { margin: 200px 0 0 0; padding: 0 20px 0 20px; width: 380px; }

div#exhibmain ul { margin: 0; padding: 0; }

div#exhibmain li { margin-top: 20px; }

div#exhibdetail { margin: 180px 0 0 0; width: 190px; }

div#exhibdetail img { border: 2px solid #fff; }

#exhibdetailtitle { color: #fff; }

#exhibdetailtext { margin-top: .6em; }


/* GALLERY-GALLERY-GALLERY-GALLERY-GALLERY-GALLERY-GALLERY-GALLERY-GALLERY-GALLERY-GALLERY */
/* gallerymain */
div#gallerythumbs { clear: both; }

#gallerythumbs li.gallery1 { float: left; margin: 0; padding: 0 20px; width: 170px; }

#gallerythumbs img { border: 2px solid #fff; }

#gallerythumbs ul { text-align: center; padding: 0; margin: 0; }

#gallerythumbs li { text-align: center; height: 200px; padding: 0; margin: 0; /*border: 1px solid red;*/ }

p.piccaption { margin-top: .5em; }

div#pages { float: right; margin: 20px 15px 0 0; height: 50px; }

div#breadcrumbs, div#breadcrumbsnopages { float: left; text-align: left; margin: 170px 0 0 20px; height: 50px; width: 420px; }

div#rightall div#breadcrumbs { margin: 20px 0 0 20px; }

div#breadcrumbs em, div#breadcrumbsnopages em { font-size: 110%; font-style: normal; }

div#gallerypicture { display: block; margin-left: auto; margin-right: auto }

div#gallerypicture h2 { text-align: left; color: #fff; font: 1.4em 'Trebuchet MS','Gill Sans',Helvetica,sans-serif; margin: 0 0 0 20px; padding: 0; 	overflow: hidden;	width: 400px;	background: none; }

#gallerypicture img { display: block; margin: 0 20px; border: 1px solid #fff; }

#piccaptionbig { width: 400px; display: block; margin: 6px auto; }

#previous { float: left; padding: 0 0 0 0px; }

#next { float: right; padding: 0 0px 0 0; }

div#navbarthumbs { margin: 80px 0 0 2px; }

div#navbarthumbs ul { margin:0; padding:0; list-style-type:none; display:inline; overflow: hidden; }

div#navbarthumbs ul li { display:inline; }

div#navbarthumbs ul li a:hover img { border: 2px solid #999; }

.navthumb { margin: 0 1px; border: 2px solid #000; }

.navthumbactive { margin: 0 1px; border: 2px solid #fff; }

div#navbarthumbs ul li a:hover img#right, div#navbarthumbs ul li a:hover img#left { border: none; }