@charset "utf-8";
@import url("editinplace.css");


html {

}

body {
  background-color:#181512;
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.8em;
  color: #FFF;
  text-align: center;
}

/* reset */
ul, li, img, body, html {
  margin: 0;
  padding: 0;
}

a {
  color: #817E7E;
  font-size: 11px;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a img {
  border: none;
}


h3 {
  font-size: 11px;
  color: #000;
  margin: 0;
}

span.editinplace{
    display:block;
    width:50px;
    padding:3px 3px 0 3px;
    background-color:#EEE;
}

#mainContainer {
    text-align: left;
    width: 900px;    
    margin: auto;
}

#subContainer {
    width: 100%;    
    float: left;
}

#spacerHorizontal {
    width:100%;
    height:50px;
    float: left;
}
#spacerLeft {
    width:281px;
    height:50px;
    float:left;
}
#spacerMid {
    width:2px;
    height:50px;
    background:#FFF;    
    float:left;
}
#spacerRight {
    width:617px;
    height:50px;
    float:left;
}



#navContainerSmall {
    width: 128px;
    float: left;
}
#contentContainerSmall {
    width:695px;
    float:left;
}
#navContainerBig {
    width: 205px;
    float: left;
}
#contentContainerBig {
    width:772px;
    float:left;
}
#navContainerNews {
    width: 108px;
    padding: 50px 0 0 0;
    float: left;
}
#contentContainerNews {
    width:792px;
    float:left;
}
#navContainerArtist {
    width: 108px;     
    padding:50px 0 0 0;
    float: left;
}
#contentContainerArtist {
    width:592px;  
    float:left;
}
#navContainerCV {
    width: 128px;
    padding:50px 0 0 0;
    float: left;
}





/* TOPBAR */
#topBar { width:100%; float: left; }
#topBar #topRight { width:500px; height:120px; float: left; }
#topBar #topLeft { width:270px; height:90px; padding: 30px 0 0 58px; float: left;}    
     
    
/* PAGINATE */
#paginate { padding:0; margin:0; height:50px; color:#FFF; width: 301px; }
#paginate #aantal_items { padding: 0 0 2px 20px; }
#paginate img { vertical-align:middle; }
#paginate .text_align { display:inline;}
#paginate a { color:#FFF; font-weight: bold; padding:0 2px 10px 2px; }    
#paginate a:hover { color:#FFF; text-decoration: none; font-weight: bold; }

#paginate .paginaActive a { font-weight:bold; text-decoration: none; color:#FFF; padding: 0 2px 15px 2px;
                            background: url(../images/paginate/balletje.gif) no-repeat; 
                            background-position: 60% 15px;}  

#paginate .paginaActive { font-weight:bold; 
                          text-decoration: none; 
                          color:#FFF; 
                          padding: 0 2px 15px 2px;
                          background: url(../images/paginate/balletje.gif) no-repeat; 
                          background-position: 60% 15px;
                        }  



/* NAV */
ul { list-style-type: none; }
li { color:#FFF; line-height: 3em; font-weight:bold; }
li a { color:#FFF; }
li a:hover { color:#F8DA52; text-decoration: none; }
li .current { color:#F8DA52; font-size:16px; font-weight:normal; text-decoration: none; }

ul #subNav { list-style-type: none;}
ul #subNav li { line-height:1em; }
ul #subNav li a { color:#FFF; }
ul #subNav li .currentSub { color:#F8DA52; font-size:11px; }





/* CONTACT */
.contactTextField {
    background:#FFF;
    border:0px;
    width: 320px;
    height:18px;
}
.contactTextArea {
    background:#FFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size:13px;
    border:0px;
    width: 400px;
}
.contactFormLabel {
    font-weight: bold;
    height: 30px;
    padding:0 20px 0 0;
    margin:0;        
}

.contactFormLabelWrong {
    font-weight: bold;
    color:red;
    height: 30px;     
}
.contactFormLabelGood {
    font-weight: bold;
    color:green;
}
#contactInfo {
    padding:25px 0 0 0;
    margin:0;
    line-height:1.5em;
    font-weight:bold;
}
#mailto {
    color:#FFF;
}






/* START NEWS */

/* LATEST NEWS */
#newsContainer {
    width:540px;
    padding:10px 20px 0 20px;
    background:#FFF;
    float:left;
}
#newsContainer .newsLeft {
    width:340px;
    padding:0 20px 0 0;
    float:left;
}
#newsContainer .newsLeft p { margin:0; padding:0;}
#newsContainer .newsRight {
    width:180px;
    float:left;
}
#newsContainer .newsRight img {
    width: 176px;
}

#newsContainer .lineBreak {
    width:540px;
    padding:10px 0 0 0;    
    margin:0;
    float: left;
}

#newsContainer .titel {
    color:#E20A16;
    font-weight:bold;
}
#newsContainer .tekst {
    color:#181512;
    line-height:1.5em;
}
#newsContainer .leesVerder {
    color: #666;
    font-weight: bold;
    text-decoration:underline;
}



/* SUBSCRIBE */
.subscribeTextField {
    background:#FFF;
    border:0px;
    width: 320px;
    height:18px;
}

.subscribeFormLabel {
    font-weight: bold;  
    line-height: 1.5em;
    height: 30px;  
    padding:0 30px 0 0;
    margin:0;    

}
.subscribeFormText {
    font-weight: bold;  
    line-height: 1em;
    color:#F8DA52;  
    height: 30px;      
}

#subscribeSubmitButton {
    padding:15px 0 0 0;
    margin:0;
}

.subscribeFormTextWrong {
    font-weight: bold;
    color:red;
    height: 30px;             
}

/* UNSUBSCRIBE */
.unsubscribeFormText {
    font-weight: bold;  
    line-height: 1em;
    color:#F8DA52;  
    height: 30px;      
}
#unsubscribe_desc {
    line-height: 1.4em;
    color:#FFF;  
    height: 40px;          
}

/* END NEWS */





/* LINKS */
#linksContainer {
    width:695px;   
    padding:0;
    margin:0;
    float: left;
}
#linksContainer p {
    margin:0;
    padding:0;
} 
#linksContainer .exhibition {
    color: #FFFFFF;
    font-weight:normal;       
}
#linksContainer .exhibition_selected {
    color: #F8DA52;
    font-weight:normal;
}
#linksContainer .spacer {
    height:10px;
}


dl {
    padding:0;
    margin:0;
}
dt {
    width:148px; 
    color:#0083D7;
    font-weight:bold;    
    text-align: right;
    padding:0 5px 0 0;
    margin:0;
    float:left;
}
dd {
    width: 535px;
    padding:0 0 0 5px;
    margin:0;    
    border-left: 2px solid #FFF;
    float:left;
}
dd a {
    color:#817E7E;
}

        

/* START ARTIST */

/* biography */        
#artistContainerLeft {
    width:165px;   
    height:100px; 
    text-align: right;
    padding:0 10px 0 0;
    float:left;
}
#artistContainerRight {
    width:370px;   
    background:#FFF;  
    color: #181512;
    padding: 10px 20px 100px 20px; 
    float:left;
}
    #artistContainerRight #titel {
        font-weight:bold;
        display:inline;
    }
    #artistContainerRight p {
        margin: 0;
        padding: 0;
    }        
    #artistContainerRight a {
        color:#888686;
    }
    


        
/* reviews */        
#artistContainerLeft #cat_pos {
    padding:35px 0 0 0;
    margin:0;
}
#artistContainerLeft .cats {
    margin:0;
    padding: 15px 0 0 0;
    color:#FFF;
}
#artistContainerLeft a {  
    margin:0;
    padding: 15px 0 0 0;
    color:#FFF;
}
#artistContainerLeft .selected {
    margin:0;
    padding: 15px 0 0 0;    
    color:#F8DA52;
}

                                    

#artistContainerRight .streepje {
    color:#888686;
    padding: 0 8px 0 8px;
    display:inline;
}
#artistContainerRight a {  
    color: #888686;
    font-weight:bold;    
}
#artistContainerRight a:hover { 
    text-decoration: underline;
} 
#artistContainerRight .selected {
    color:#181512;
    text-decoration: underline;
}
#artistContainerRight .titel {    
    font-weight:bold;
    padding:10px 0 10px 0;    
}
        
        
/* END ARTIST */        





/* START PHOTOWORKS */
#photoContainer {
    width:772px;
    padding:8px 0 0 0;
    float:left;
}
#photoworksContainerLeft {        
    width:600px;
    height:525px;
    float:left;
}

#photoworksContainerLeft .block {
    width:115px;
    height:165px;
    float:left;
}        
#photoworksContainerLeft .block img {
    width:115px;
    height:114px;
}
#photoworksContainerLeft .block .desc {
    width:115px;
    height: 46px;
    color: #0083D7;    
    line-height:1.2em;
    padding:5px 0 0 0;
    float:left;
}
#photoworksContainerLeft a:hover {
    text-decoration: none;
}
#photoworksContainerLeft .spacerHori {
    width:44px;
    height:165px;
    float:left;
}
#photoworksContainerLeft .spacerVerti {
    width:600px;
    height:15px;  
    float:left;
}


#photoworksContainerRight {
    width:152px;
    height:525px;
    padding:0 0 0 20px;
    float:left;
}
#photoworksContainerRight a {   
    height:17px;
    padding:0;
    margin:0;
    display:block;
}
#photoworksContainerRight #clearSelection {
    float:left;
}

/* dit is het menu kopje */
#photoworksContainerRight #pullDownContainer {
    /*
    width:148px;
    height:17px;           /* 27px */
    line-height: 1.2em;    /* stond er eerst niet */
    background: #751D1C;                        
    border:0;
    border-top:1px solid #461917;
    margin:5px 0 0 0;
    float:left;
    */
}
#photoworksContainerRight #pullDownContainer #pullDownText {
    /*
    width:125px;
    height:17px;
    line-height:1.4em;
    padding: 0 0 0 5px;
    float:left;  
    */
}
#photoworksContainerRight #pullDownContainer img {
    width:16px;
    height:16px;
    margin:0;
    padding:0;
    border:0;
    float:right;
}

/* end menu kopje */


/* START dit zijn de items in de pulldown menus */
#photoworksContainerRight #links {
    /* display: none; */
}
#photoworksContainerRight .pullDownText {
    width:148px;
    height:17px;
    background: #751D1C;                        
    border:0;
    border-top:1px solid #FFF;  
    padding: 0 0 0 5px;     
    float:left;
}
#photoworksContainerRight #enlargeSelection {
    padding:5px 0 0 0;
    float:left;
}


/* END */



/*
#photoworksContainerRight select {
    width:148px;
    height:17px;
    background-image: url('../images/photoworks/commission.jpg');
    border:0;
    padding:0;
    margin:0 0 5px 0;
    float:left;
}
*/

#photoworksContainerRight input {
    width: 128px;
    height: 13px;
    border-top:1px solid #8B8A88;
    border-right:1px solid #6B6967;
    border-bottom:1px solid #C5C4C4;
    border-left:0;
    font-size:11px;
    margin:68px 0 0 0;
    float:left;
}

#photoworksContainerRight #go {
    width: 20px;
    height: 17px;
    border:0;
    padding:0;
    float:left;
}

/* END PHOTOWORKS */




/* START PHOTO */

#photoDetailsContainer { 
    width: 900px;    
    height:100px;
    float:left;
}
#photoDetailsContainer #photoInfo {
    width:530px;    
    margin:0;
    padding:20px 0 0 0;
    float:left;
}
#photoDetailsContainer #photoInfo .titel{
    color:#FFF;   
    font-weight:bold;      
    text-decoration: none;
}


#photoDetailsContainer #photoInfo #left { 
    width:250px;                 
    padding:5px 0 0 0;     
    line-height:1.5em;
    float:left;
}
#photoDetailsContainer #photoInfo #right { 
    width:280px;                                   
    padding:10px 0 0 0;    
    line-height:1.5em;
    float:left;
}


#photoDetailsContainer #paginering { 
    width:301px;       
    padding:29px 0 0 29px;
    float:left;
}

#photoDetailsContainer #photoArea {
    width:900px;
    padding:10px 0 0 0;
    float:left;
}


/* END PHOTO */