body, html, #wrapper{ height:100%; width:100%; margin:0; padding:0;}
body { font-family:Arial, Helvetica, sans-serif; font-size: 12px; background:url(../images/marblicht.jpg); height:100%; overflow:auto; color:#666; }

* { outline: none; }
a img { border: none; }


/* layout */
#intro { position:absolute; z-index:99; top:0; left:0; width: 100%; height:100%; min-height:100%; background:url(../images/bg_intro.jpg); text-align:center; }
#intro table{ height:100%; margin:0 auto; }
#horizon { position: absolute; top: 50%; left: 0px; width: 100%; margin-top: -310px; min-width: 1000px; }
#wrapper{ width: 1000px; height:620px; margin:0 auto; position:relative; }
#header{ width:auto; height:50px;}
#logo{ position:absolute; left:130px; top:0; width:139px; height:40px; z-index:10;}
#artistsNaam{ position:absolute; right:10px; top:0; width:700px; height:40px; z-index:9; text-align:right; }
#artistsNaam h1{ color:#999; font-size:22px; font-weight:normal; }

#holder{ float:left; width:1000px; margin:0; padding:0; }
/* menu */
#menuholder{ width:120px; float: left; display:inline; margin:0 10px 0 0; padding:0;}
#menu h1{ display:none; }
#menu { width: 110px; height:100%; min-height:100%; display:table;  vertical-align:top; margin:0 }
#menu ul{ list-style:none; margin:0; padding:0; height:100%; }
#menu ul.actionmenu { display:table-cell; vertical-align:middle; }
#menu li{ display:block; list-style:none; text-align:center; margin:0; padding:10px 10px 9px 10px; border-bottom:none; width:100px; border: solid 1px #FFF; border-bottom:none;  }
#menu li a{ font-size:12px; color:#666; text-decoration:none; height:100%; padding:9px 0 10px 0; }
#menu li a.active, #menu li a:hover{ color:#FF9933; }
#menu li.last { border-bottom:solid 1px #FFF;}

#content{ width:870px; float:left; display:inline; margin:0; padding:0;}
#pageHome{ background:url(../images/start.jpg) no-repeat; width: auto; height:520px; }
#pageText{ background:url(../images/bgxandra3.gif); }
#textPart{ width:530px; margin:0 auto; height:486px; overflow:auto; background:#F0F0F0; padding:0 10px 20px 10px; color:#666; }
#textPart ul, #textPart li{ list-style:none; padding:0; margin:0;}
#textPart ul{ margin:0 0 20px 0;}
.blokTekst{ width:500px; margin:0 auto; text-align:justify; display:block; }


/* slide home */
#v_slidein{ padding:10px; }
a.v_slidein{ color:#FFF; }
#v_slideout{ }
a.v_slideout{ color:#666; text-decoration:underline; }
a.v_slideout:hover{ color:#FF9933; text-decoration:none; }
#vertical_slide { background:#F0F0F0; padding: 20px; height:480px; overflow:auto; width:auto;  }
#vertical_slide h1{ font-weight:normal; }
#vertical_slide ul{ padding:0 0 0 10px; margin:0 0 20px 0; }
#vertical_slide ul li a{ color:#FF9933; text-decoration:none;}
#vertical_slide ul li a:hover{ text-decoration:underline;}

#contacts th{ visibility:hidden;}
#contacts td{ padding: 3px 0;}

#artists, #artistsDetail, #objects{ width:100%; min-width:550px; height:480px; overflow:auto; padding: 20px 0 0 0; position:relative; background-color:#FFF; }
#artists{ background-image:url(../images/bgxandra2.gif); }
#artistsDetail{ background-image:url(../images/behang.jpg);}
#objects{ background-image:url(../images/bgxandra3.gif); }
.artistThumbHolder{ width:20%; float:left; display:inline; text-align:center; height:33%; position:relative; }
.artistThumb{ width:110px; overflow:hidden; position:relative; height:100px; margin:0 auto;}
.artistThumb img{ position:absolute; left:0; top:0;}
.artistThumb img:hover{ left:-4px;}

.artThumbHolder{width:25%; float:left; display:inline; text-align:center; height:33%; position:relative;}
.artThumb{ width:125px; overflow:hidden; position:relative; height:100px; margin:0 auto;}
.detail{ text-align:center; margin:0 auto;}
.detail.cv{ text-align:left; font-size:12px; color:#666; margin:0 auto; }

#infoHolder, #infoHolderImages{ margin:0 auto; text-align:center; }
#infoHolder{  width:600px;}
#infoHolderImages{  width:800px; margin:100px auto 0 auto;}
.infoItem, .infoItemL, .infoItemImg{ padding:0 10px; float: left; display:inline; text-align:justify; }
.infoItem{ width:280px; }
.infoItemL {}
.infoItemImg { width:auto; padding:0 5px 0 0;}
.infoItem p{padding-top:0; margin-top:0;}

#footerNav{ height:50px; width:880px; margin:0 0 0 120px; }

/* paragraaf text en headings */
#textPart p { margin:0 0 10px 0; padding: 0; line-height:18px;}
#textPart h1{ margin:0; padding:14px 0 6px 0; font-size:15px; }
#textPart h2{ margin:0; padding:14px 0 4px 0; font-size:13px; }
#textPart h3{ margin:0; padding:14px 0 2px 0; font-size:12px; }
#artistsDetail h5{ margin:0; padding:10px 0 0 0; font-size:16px; font-weight:normal; }
.detail.cv p{ padding:0 0 0 100px; }
.detail.cv h3{ padding:0 0 0 100px; font-size:13px; }

#artistsDetail h5{ text-transform:lowercase;}	

/* images en buttons */
.imgLarge{ margin:0 0 10px 0; }
a.backBt{ background:url(../images/back1.gif) no-repeat center; display:block; padding:10px 0 0 0; position:absolute; top:230px; left:20px; }
a.backBt:hover{ background:url(../images/back2.gif) no-repeat center;}
a.nextBt{ background:url(../images/fwd1.gif) no-repeat center; display:block; padding:10px 0 0 0; position:absolute; top:230px; right:20px; }
a.nextBt:hover{ background:url(../images/fwd2.gif) no-repeat center;}
a.prevBt{ background:url(../images/back1.gif) no-repeat center; display:block; padding:10px 0 0 0; position:absolute; top:230px; right:20px; }
a.prevBt:hover{ background:url(../images/back2.gif) no-repeat center;}

/* links */
#artistsNaam h1 a{ color:#999; font-size:22px; font-weight:normal; text-decoration:none; }
#artistsNaam h1 a:hover{ color:#FF9933; }
.artistThumbHolder a{ color:#666; font-size:10px; text-decoration:none; }
.artistThumbHolder a:hover{ text-decoration:underline; }
#artistsDetail h5 a{ color:#999; text-decoration:none; padding:0 0 0 30px; }
#artistsDetail h5 a:hover{color:#FF9933; }
#textPart a{ color:#999; text-decoration: none;}
#textPart a:hover{ color:#FF9933;}
#footerNav a{ display:block; width:25%; padding:10px 0 0 0; float:left; display:inline; text-align:center; font-size:16px; color:#666; text-decoration:none; }
#footerNav a:hover{ color:#FF9933; }
#footerNav a.backMain{ background:url(../images/back1.gif) no-repeat center 10px;}
#footerNav a.backMain:hover{ background:url(../images/back2.gif) no-repeat center 10px;}
.contactLink{ color:#0099FF; text-decoration:none;}
.contactLink:hover{ color:#000;}

/* fixes */
.clearFix { clear: both; display: block; font-size: 0; line-height: 0%; height: 0; visibility: hidden; }