@charset "utf-8";
/* CSS Document */

body{
background-color: #333333;
margin: 0px, auto;
text-align: center;
} 

#rand{
background-color: #333333;
width: 805px;
height: 625px;
position: absolute;
top: 50%;
left: 50%;
margin: -312px 0 0 -402px;
/* margin: 0px auto; */
}



#left_frame{
width:253px;
height: 601px;
float: left;
background: url(img/background.jpg); 
}

a.left_top{
width:253px;
height: 301px;
display: block;
float: left;
}
#left_down{
width:253px;
height: 301px;
float: left;
overflow-y: scroll;
overflow-x: hidden;
}
#kunstenaars{
width: 153px;
margin-left: 100px;
margin-top: 30px;
text-decoration: none;
color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-align: left;
}
a.link_kunstenaars{
text-decoration: none;
color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
text-align: left;
line-height: 14px;
}
a.link_kunstenaars:hover{
text-decoration: none;
color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight: bold;
text-align: left;
line-height: 14px;
}

#mainframe{
width: 549px;
height: 602px;
float: left;

}
#tekstarea{
width:520px;
float: left;
text-align: left;
margin-left: 15px;
margin-top: 15px;
}
#buttons{
width: 549px;
height: 38px;
float: left;
}
a.button1{
height: 38px;
width: 110px;
background:url(knoppen/menu_01.jpg) no-repeat;
display: block;
float: left;
}
a.button2{
height: 38px;
width: 106px;
background:url(knoppen/menu_02.jpg) no-repeat;
display: block;
float: left;
}
a.button3{
height: 38px;
width: 148px;
background:url(knoppen/menu_03.jpg) no-repeat;
display: block;
float: left;
}
a.button4{
height: 38px;
width: 185px;
background:url(knoppen/menu_04.jpg) no-repeat;
display: block;
float: left;
}
a.button1:hover{
height: 38px;
width: 110px;
background:url(knoppen/menu_o_01.jpg) no-repeat;
display: block;
float: left;
}
a.button2:hover{
height: 38px;
width: 106px;
background:url(knoppen/menu_o_02.jpg) no-repeat;
display: block;
float: left;
}
a.button3:hover{
height: 38px;
width: 148px;
background:url(knoppen/menu_o_03.jpg) no-repeat;
display: block;
float: left;
}
a.button4:hover{
height: 38px;
width: 185px;
background:url(knoppen/menu_o_04.jpg) no-repeat;
display: block;
float: left;
}
#mid_mainframe{
background: url(img/achtergrond.jpg);
float: left;
width: 549px;
height: 540px;
overflow: scroll;
overflow-y: scroll;
overflow-x: hidden;
color: #FFFFFF;
}


.photo{
width: 160px;
height: 250px;
text-align: center;
float: left;
display: block;
margin-left: 10px;
}


#adresbar{
width: 549px;
height: 24px;
background-image:url(img/adres.jpg);
float: left;
}

#footer{
width: 805px;
height: 30px;
text-align: center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-decoration:none;
color:#999999;
background:#333333;
}
.link{
text-align: center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-decoration:none;
color:#999999;
background:#333333;
}
.link:hover{
text-align: center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-decoration:none;
color:#FFFFFF;
background:#333333;
}

td{
color: #FFFFFF;
font-size: 10px;
}

img{
border:none;
border-style: none;
 }


/* adds voor javascript editor */
p {margin:0px; padding:0px;}

.galerie68_tekst{
font-weight: normal;
font-size: 10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height: 18px;
color:#FFFFFF;
}
.galerie68_kop{
font-weight: bold;
font-size: 14px;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height: 18px;
color:#FFFFFF;
}

.galerie68_beschrijving_kunst{
font-weight: normal;
font-size: 10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height: normal;
color:#FFFFFF;
}