@font-face
{
    font-family: doctorBob;
    src: url(DOCTORB.ttf) format("opentype");
}
body
{
    background-image: url("../img/achtergrond.jpg");
    background-repeat: no-repeat; 
    background-position: top center;
    background-attachment: fixed;
    background-color: black;
    color: white;
    font-family: doctorBob;    
}
#social
{
    opacity: 0.5;
}
#social:hover
{
    opacity: 1;
}
#socialBox
{
    width:355px;
    margin:0 auto 8px auto;
    height: 50px;
}

/* ################################################### index ############################################################### */
#HeaderTitle
{    
    margin: -55px auto auto auto;
    font-size: 15pt;
    width:300px;
    height:200px;
    padding-top: 30px;  
}

#MenuDiv
{
  margin: 0 6px 0 auto;
  font-size: 20pt;
  height:150px;  
  text-align: right; 
  line-height:15px;
}

#menuLink
{
    color:white;
    text-decoration:none;  
}
#menuLinkActive
{
    color:#1ac6e5;
    text-decoration:none;  
}
#menuLink:hover
{
    color:#1ac6e5;
    text-decoration:none;  
}
#SRLogo
{
  float: left;
  padding:0;
  margin:20px 0 0 0;
  width:100px;
  height:172px;  
}
#ArtLogo
{
  float:left;
  padding:0;
  margin:20px 0 0 0px;
  width:200px;
  height:48px;    
}

#MenuPics
{
  width:615px;
  height:570px; 
  margin: 20px auto 20px auto; 
  font-size: 33pt; 
  color: white; 
  text-decoration: none;
}
#menu1{float: left; position: relative; opacity: 0.3;}
#menu2{float: left; position: relative; opacity: 0.3;}
#menu3{float: left; position: relative; opacity: 0.3;}
#menu4{float: left; position: relative; opacity: 0.3;}

#menu1:hover{opacity: 1;}
#menu2:hover{opacity: 1;}
#menu3:hover{opacity: 1;}
#menu4:hover{opacity: 1;}

#aboutText{position: absolute; margin:-60px 0 0 10px; color: white;}
#artText{position: absolute; margin:-60px 0 0 15px; color: white; }
#bandText{position: absolute; margin:-60px 0 0 29px; color: white;}
#contactText{position: absolute; margin:-60px 0 0 15px; color: white;}

@-moz-document url-prefix() 
{
#aboutText{position: absolute; margin:-80px 0 0 10px; color: white;}
#artText{position: absolute; margin:-80px 0 0 15px; color: white; }
#bandText{position: absolute; margin:-80px 0 0 29px; color: white;}
#contactText{position: absolute; margin:-80px 0 0 15px; color: white;}   
}

/* ################################################### about ############################################################### */
#aboutContent
{
  width: 700px;
  margin:0px auto 30px auto;  
}
#aboutContent h3
{
    font-size: 35pt;
    margin:0 0 0 20px ;
    padding:0;
}
#foto
{
    float:left;
    padding: 5px 15px 0 15px;
}
#aboutStory
{
  width: 300px;
  height: 250px;
  margin:0 auto 0 auto;   
  font-size: 10pt;
  text-align: justify;
  font-family: calibri;
}

/* ################################################### about ############################################################### */

#galleryContent
{
  width:800px;
  height:100%;   
}
#galleryMain
{
   margin:0 auto 30px auto;
   padding: 10px; 
   border: solid white 1px;
}
#galleryMainPic img
{
    
    margin: 0 auto;  
}
#detail
{
    display: none;
    font-family: calibri;
    font-size: 10pt;
}
#galleryMainPic:hover + #detail
{
    display: block;
    position:absolute;
    background-color: #1b1b1b;
    color:white;
    padding: 10px;
    opacity: 0.8;
}
#galleryPicName
{
    position: absolute;
    margin: -45px 0 0 15px;
    font-size: 25pt;
    font-weight: bold;    
}


#galleryPicDetail
{
    
}
#galleryIcon
{
  width: 690px;
  margin: 0 auto 40px auto;
  border: white 1px solid;
  padding: 5px;
    
}
#galleryIcon td
{
    padding:5px 5px 5px 10px;
    width: 150px;
    height: 113px; 
}
#galleryIcon td img
{
    border:  1px solid #2b2b2b;
}
#galleryIcon td img:hover
{
    border:  1px solid white;
}

#contact
{
    margin: 0 auto 40px auto;
    width: 350px;
    font-family: calibri;
}

h2
{
    font-size: 25pt;
    margin:20px 0 0 225px;
}
h1
{
   margin: 0 0 0 50px;
   font-size: 30pt; 
}
#footer
{
    font-family: calibri;
    font-size: 10pt;
    color: white;
    width:801px;
    height:20px;
    text-align: right;
    margin: 0 auto 0 auto;    
    
}
#footer a
{
    color:#1ac6e5;
    text-decoration: none;
}