* {
    margin: 0;
    padding: 0;
   }

body {
    font-family: "Trebuchet MS";
	font-size: 14px;
    position:relative;
    margin:0px auto; /* centreer scherm indien breedte van het scherm groter dan breedte van website */
    width: 1024px;
} 
   
#header {
    position:absolute;
    width:1024px;
    height: 170px;
    background-color: #0000FF /* blauw */
    }
    
/* .galleryselection {
    border-width: 1px;
    border-color: #FFCC33;
    border-style: double;
    width: 200px;
    height: 150px;
    text-align: center;
} */

.exhibitionselection {
    border-width: 1px;
    border-color: #FFCC33;
    border-style: double;
    width: 150px;
    height: 100px;
    text-align: center;
}

.workshopselection {
    border-width: 1px;
    border-color: #FFCC33;
    border-style: double;
    width: 150px;
    height: 100px;
    text-align: center;
}

.keywords {
    color: #FF3366; /* rood */
}

.visitors {
    color: green;
    font-style: italic;
    font-size: x-small;
    }
    
.statistics {
    color: green;
    font-style: italic;
    font-size: x-small;
    }
    
.hint {
    color: #FFCC33; /* geel */
    font-size: small; /* was x-small */
    }
    
.picturetopleft {
    position:absolute;
    left:6px;
    top: 10px;
    }
      
.picturetopright {
    position:absolute;
    left:200px;
    top:10px;
    }
        
.maintitle {
	position:absolute;
	left:330px;
	top:12px;
	font-style: italic;
	font-size:36pt;
    color:#FF3366; /* rood */
    }

.copyright {
	position:absolute;
	left:651px;
	top:124px;
    font-size: 12px;
    color: #0000FF; /* blauw */
    }

.designed {
	position:absolute;
	left:651px;
	top:140px;
    font-size: 12px;
    color: #0000FF; /* blauw */
    }
 
.lessonsname { font-style: normal;}

.lessonsright {
    position: absolute;
    left:420px;
    top:10px;
    width: 394px;
    height: 381px;
    }
    
.lessonsbottom {
    position: absolute;
    left:10px;
    top:400px;
    width: 804px;
    height: 180px;
    }
    
#contentleft {
    position:absolute;
    width:200px;
    top:170px;
    height: auto; /* 900px */
    min-height: 600px; /* nieuw */ 
    background-color: #FFCC33; /* geel */
    }

#innerleft {
    margin: 10px 10px 10px 15px;
    }
 
#contentright {
    position:absolute;
    top:170px;
    left:200px;
    width: 824px;
    height: auto; /* 900px */
    color: White;
    font-style:italic;
    background-color: #FF3366; /* rood */
    }    

#innerright {
    margin: 10px 10px 10px 10px;
    }
    
.expopicture {
    width: 250px;
    }
    
.environmentinfo {
  	position:absolute;
	left:10px;
	top:25px;
    font-size: 12px;
    color:Red;
    }

.hostinfo {
  	position:absolute;
	left:10px;
	top:10px;
    font-size: 12px;
    color:Red;
    }
    
.picturetitle
{
    position: absolute;
    left: 10px;
    top: 10px;
}

.pictureimage
{
    position: absolute;
    left: 10px;
    top: 30px;
}

.picturedetails
{
    position: absolute;
    left: 420px;
    top: 30px;
}

.buttonback
{
    position: absolute;
    left: 10px;
    top: 370px;
}

.buttonprevious
{
    position: absolute;
    left: 125px;
    top: 370px;
}

.buttonnext
{
    position: absolute;
    left: 240px;
    top: 370px;
}

.pictureupdatedelay
{
    position: absolute;
    left: 420px;
    top: 384px;
    color: #FFCC33;
}

.pictureupdatedelayexhibition
{
    position: absolute;
    left: 565px;
    top: 383px;
    color: #FFCC33;
}

.pictureupdatedelayworkshop
{
    position: absolute;
    left: 506px;
    top: 384px;
    color: #FFCC33;
}