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

@font-face 
{
    font-family:Max;
    src:url(fonts/MaxRegExp.afm);
}
 

body
{
    font-family: Geneva, Arial, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size:13px;
  
    background-repeat:no-repeat;
    background-position:center top;
    margin-top: 0px;
    
} 

hr
{
     height:1px;
     border:none;
     color:#008000;
     border-top:1px solid;
}


.button {

    background-color:#ffc477;
    -moz-border-radius: 7px 7px 7px 7px;
    -webkit-border-radius:7px 7px 7px 7px;
    border-radius:7px 7px 7px 7px;
    border:1px solid #233559;
    display:inline-block;
    color:#7a6a1b;
    font-family:Georgia;
    font-size:15px;
    font-weight:normal;
    padding:1px 28px;
    text-decoration:none;
    -moz-box-shadow:  3px 3px 3px 3px #886512;
    -webkit-box-shadow: 3px 3px 3px 3px #886512;
    box-shadow: 3px 3px 3px 3px #886512;
     z-index: 1;
    behavior: url(../PIE.php);

}
.button:hover {
    background-color:#fb9e25;
}
.button:active {
    position:relative;
    top:1px;
}

#divareatop 
{
    border:1px solid #008000;
    background:#F5F5A4;  
      display:inline-block;
    -webkit-border-radius: 7px 7px 7px 7px;
    -moz-border-radius: 7px 7px 7px 7px;
     border-radius: 7px 7px 7px 7px;
     z-index: 2;
     behavior: url(../PIE.php);
}

#divupload 
{
    border:1px solid #008000;
    background:#F5F5A4;  
    -webkit-border-radius: 7px 7px 7px 7px;
    -moz-border-radius: 7px 7px 7px 7px;
    border-radius: 7px 7px 7px 7px;
        z-index: 2;
     behavior: url(../PIE.php);
}

#divmanager
{
    border:1px solid #008000;
    background:#F5F5A4;  
    -webkit-border-radius: 7px 7px 7px 7px;
    -moz-border-radius: 7px 7px 7px 7px;
    border-radius: 7px 7px 7px 7px;
        z-index: 2;
     behavior: url(../PIE.php);
}

#divitemb
{
    border:1px solid #008000;
    background:#F5F5A4;  
    -webkit-border-radius: 7px 7px 7px 7px;
    -moz-border-radius: 7px 7px 7px 7px;
    border-radius: 7px 7px 7px 7px;
        z-index: 2;
     behavior: url(../PIE.php);
}


#divpagestyle 
{
    border:1px solid #008000;
    background:#F5F5A4;  
    -webkit-border-radius: 7px 7px 7px 7px;
    -moz-border-radius: 7px 7px 7px 7px;
    border-radius: 7px 7px 7px 7px;
        z-index: 2;
     behavior: url(../PIE.php);
}

#divpagemeta 
{
    border:1px solid #008000;
    background:#F5F5A4;  
    -webkit-border-radius: 7px 7px 7px 7px;
    -moz-border-radius: 7px 7px 7px 7px;
    border-radius: 7px 7px 7px 7px;
        z-index: 2;
     behavior: url(../PIE.php);
}

#divveldfooter
{
    border:1px solid #008000;
    background:#F5F5A4;  
    -webkit-border-radius: 7px 7px 7px 7px;
    -moz-border-radius: 7px 7px 7px 7px;
    border-radius: 7px 7px 7px 7px;
        z-index: 2;
     behavior: url(../PIE.php);
}

#divpagefooter
{
    border:1px solid #008000;
    background:#F5F5A4;  
    -webkit-border-radius: 7px 7px 7px 7px;
    -moz-border-radius: 7px 7px 7px 7px;
    border-radius: 7px 7px 7px 7px;
        z-index: 2;
     behavior: url(../PIE.php);
}

#divpageproperties
{
    border:1px solid #004800;
    background:#FFA7AC;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
         z-index: 2;
     behavior: url(../PIE.php);
}

#diverror
{
    
    border:1px solid #008000;
    background:#F5F5A4;  
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
        z-index: 12;
     behavior: url(../PIE.php);
}

#divhelp
{
    
    border: 1px solid #004800;
    background:#DCFFB7;
    -webkit-border-radius: 7px 7px 7px 7px;
    -moz-border-radius: 7px 7px 7px 7px;
    border-radius: 7px 7px 7px 7px;
    -moz-box-shadow:  3px 3px 3px 3px #886512;
    -webkit-box-shadow: 3px 3px 3px 3px #886512;
    box-shadow: 3px 3px 3px 3px #886512;
           z-index: 2;
     behavior: url(../PIE.php);
}

#divinloggen
{
   background-color: #FFFFD7;
   border: 1px solid #000080;

    -webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
         z-index: 2;
     behavior: url(../PIE.php);
}


#divinputfile
{

 background:url(../images/upload2.png) no-repeat 100% 1px;
  height:40px;
  width:310px;
   
  margin-top:-10px;
  margin-left:4px;
}

#divinputfile #upload
{
 opacity: 0.0;
 -moz-opacity: 0.0;
 filter: alpha(opacity=00);
 font-size:18px;
}
 
#fakeinputfile
{
  margin-top:-20px;
  margin-left:0px;

}
 
#fakeinputfile #fakefilepc
{

 width:240px;
 height:18px;
 font-size:14px;
 font-family:Arial;
 
} 

#imagemelding
{
    border:1px solid #008000;
    background:#A5F5A4;
    padding:1px 8px;
    -webkit-border-radius: 7px 7px 7px 7px;
    -moz-border-radius: 7px 7px 7px 7px;
    border-radius: 7px 7px 7px 7px;

     behavior: url(../PIE.php);
}
 
#divbuttonview
{
    border:1px solid #008000;
    background:#F5F5A4;  
    -webkit-border-radius: 7px 7px 7px 7px;
    -moz-border-radius: 7px 7px 7px 7px;
    border-radius: 7px 7px 7px 7px;
             z-index: 2;
     behavior: url(../PIE.php);
}
 
 
#divbuttonproperties
{
    border:1px solid #008000;
    background:#F5F5A4;  
    -webkit-border-radius: 7px 7px 7px 7px;
    -moz-border-radius: 7px 7px 7px 7px;
    border-radius: 7px 7px 7px 7px;
             z-index: 2;
     behavior: url(../PIE.php);
}
#divcontentproperties
{
    text-align:left;
    border:1px solid #008000;
    background:#F5F5A4;  
    -webkit-border-radius: 7px 7px 7px 7px;
    -moz-border-radius: 7px 7px 7px 7px;
    border-radius: 7px 7px 7px 7px;
             z-index: 2;
     behavior: url(../PIE.php);
}
#id_koptext
{
    padding: 2px;
    border:1px solid #008000;
    background:#F5F5C4;
    -webkit-border-radius: 7px 7px 7px 7px;
    -moz-border-radius: 7px 7px 7px 7px;
    border-radius: 7px 7px 7px 7px;
             z-index: 2;
     behavior: url(../PIE.php);
}
#id_flash
{
    padding: 2px;
    border:1px solid #008000;
    background:#F5F5C4;
    -webkit-border-radius: 7px 7px 7px 7px;
    -moz-border-radius: 7px 7px 7px 7px;
    border-radius: 7px 7px 7px 7px;
             z-index: 2;
     behavior: url(../PIE.php);
} 
#id_logoshowb
{
    padding: 2px;
    border:1px solid #008000;
    background:#F5F5C4;
    -webkit-border-radius: 7px 7px 7px 7px;
    -moz-border-radius: 7px 7px 7px 7px;
    border-radius: 7px 7px 7px 7px;
             z-index: 2;
     behavior: url(../PIE.php);
}
#id_toptest
{
    padding: 2px;
    border:1px solid #008000;
    background:#C5C5F4;
    -webkit-border-radius: 7px 7px 7px 7px;
    -moz-border-radius: 7px 7px 7px 7px;
    border-radius: 7px 7px 7px 7px;
             z-index: 2;
     behavior: url(../PIE.php);
}
#id_pagewindow
{
    padding: 2px;
    border:1px solid #008000;
     background:#F5F5C4;
    -webkit-border-radius: 7px 7px 7px 7px;
    -moz-border-radius: 7px 7px 7px 7px;
    border-radius: 7px 7px 7px 7px;
             z-index: 2;
     behavior: url(../PIE.php);
}
#backupnow
{
    padding: 2px;
    border:2px solid #008000;
    background:#AFFFAF;
    -webkit-border-radius: 7px 7px 7px 7px;
    -moz-border-radius: 7px 7px 7px 7px;
    border-radius: 7px 7px 7px 7px;
           z-index: 2;
     behavior: url(../PIE.php);
}
#restorenow
{
    padding: 2px;
    border:2px solid #008000;
    background:#CFCFFF;
    -webkit-border-radius: 7px 7px 7px 7px;
    -moz-border-radius: 7px 7px 7px 7px;
    border-radius: 7px 7px 7px 7px;
           z-index: 2;
     behavior: url(../PIE.php);
}

input[type="text"]
{
font-size:12px;
font-family: Geneva, Arial, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
color:#004000;

border:1px solid #008000;
text-align:center;
padding: 1px;
    -webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
  
      behavior: url(../PIE.php);
}

input[type="password"]
{
font-size:12px;
font-family: Geneva, Arial, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
color:#004000;
border:1px solid #A08000;
padding: 1px;
    text-align:center;
    -webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
        
     behavior: url(../PIE.php);
}


textarea
{
font-size:12px;
font-family: Geneva, Arial, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
color:#333;
 
padding: 2px;
border:1px solid #008000;

    -webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
     border-radius: 4px 4px 4px 4px;
        
     behavior: url(../PIE.php);
}


ul
{
   background-color: transparent;
   list-style-type: none;
   color: white;
}
ul li ul
{   
    background-color: transparent;
    color: red;
    margin: 0;
    padding-left: 30px;
}

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
//background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -500px;
left: -200px; /*position where enlarged image should offset horizontally */

}