table {
    border-spacing: 0;
    width: 102%;
}

.bordered {
    border: solid #ccc 1px;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    box-shadow: 3px 3px 3px 3px rgba(0,0,0,.5);
    -webkit-box-shadow: 3px 3px 3px 3px rgba(0,0,0,.5);
    -moz-box-shadow: 3px 3px 3px 3px rgba(0,0,0,.5);
}

#smokebg
{
    background: whitesmoke;
    opacity:.95;
}
/*
fieldset
{
    box-shadow:3px 3px 4px rgba(50, 50, 50, 0.9);
    -webkit-box-shadow:3px 3px 4px rgba(50, 50, 50, 0.9);
    -moz-box-shadow:3px 3px 4px rgba(50, 50, 50, 0.9);
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
}
*/
legend
{
  height: 30px;
  width:260px;
  text-align:center;
    box-shadow:3px 3px 4px rgba(50, 50, 50, 0.9);
    -webkit-box-shadow:3px 3px 4px rgba(50, 50, 50, 0.9);
    -moz-box-shadow:3px 3px 4px rgba(50, 50, 50, 0.9);
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
}

object
{
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
}

img
{
    width:100%;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
}


/* Main menu */

#menu
{
    text-align: left;
    width: 98%;
    margin-left: 5px;
    margin-right: 20px;
    padding: 5px 0 0 10px;
    list-style: none;
    /* background: transparent;  */
    background: black;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    -moz-box-shadow:3px 3px 3px 3px  rgba(0,0,0,.5);
    -webkit-box-shadow:3px 3px 3px 3px  rgba(0,0,0,.5);
    box-shadow:3px 3px 3px 3px  rgba(0,0,0,.5);
    /*    
    background: #111;
    background: -moz-linear-gradient(#444, #111); 
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444));    
    background: -webkit-linear-gradient(#444, #111);    
    background: -o-linear-gradient(#444, #111);
    background: -ms-linear-gradient(#444, #111);
    background: linear-gradient(#444, #111);

    -moz-border-radius: 50px;
    border-radius: 50px;
    -moz-box-shadow: 0 2px 1px #9c9c9c;
    -webkit-box-shadow: 0 2px 1px #9c9c9c;
    box-shadow: 0 2px 1px #9c9c9c;
    */    
}

#menu li
{
    float: left;
    padding: 0 0 10px 0;
    position: relative;
    line-height: 0;  
}

#menu a 
{
    width: 90px; /* */
    float: left;
    height: 25px;
    padding: 0 10px;
    color: #7C81FF; 
    /*text-transform: uppercase; */
    font: 15px Arial ;
    /*
    text-shadow: 0 0px 0 #000; 
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    -moz-box-shadow:3px 3px 3px 3px  rgba(0,0,0,.5);
    -webkit-box-shadow:3px 3px 3px 3px  rgba(0,0,0,.5);
    box-shadow:3px 3px 3px 3px  rgba(0,0,0,.5);  
    */
}

#menu li:hover > a
{
    color: #fafafa;
    text-decoration: blink;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    -moz-box-shadow:3px 3px 3px 3px  rgba(0,0,0,.5);
    -webkit-box-shadow:3px 3px 3px 3px  rgba(0,0,0,.5);
    box-shadow:3px 3px 3px 3px  rgba(0,0,0,.5); 
}

#menu li:hover > ul
{
    display: block;
}

/* Sub-menu */

#menu ul
{
    list-style: none;
    margin: 0;
    padding: 0;    
    display: none;
    position: absolute;
    top: 35px;
    left: 0;
    z-index: 999;    
    border: black;

    background: #444;
    background: -moz-linear-gradient(#444, #111);
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444));
    background: -webkit-linear-gradient(#444, #111);    
    background: -o-linear-gradient(#444, #111);    
    background: -ms-linear-gradient(#444, #111);    
    background: linear-gradient(#444, #111);

    opacity:.95;
    -moz-box-shadow: 0 0 2px rgba(255,255,255,.5);
    -webkit-box-shadow: 0 0 2px rgba(255,255,255,.5);
    box-shadow: 0 0 2px rgba(255,255,255,.5);    
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#menu ul ul
{
    top: 0;
    left: 150px;
}

#menu ul li
{
    float: none;
    margin: 0;
    padding: 0;
    display: block;  
    -moz-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
    -webkit-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
    box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
}

#menu ul li:last-child
{   
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;    
}

#menu ul a
{    
    padding: 10px;
    height: 10px;
    width: 165px;
    height: auto;
    line-height: 1;
    display: inline-block;
    white-space: nowrap;
    float: none;
    text-transform: none;
}

#menu ul a:hover
{
    font: bold;
    color: Blue;
    background: #0186ba;
    background: -moz-linear-gradient(#04acec,  #0186ba);    
    background: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba));
    background: -webkit-linear-gradient(#04acec,  #0186ba);
    background: -o-linear-gradient(#04acec,  #0186ba);
    background: -ms-linear-gradient(#04acec,  #0186ba);
    background: linear-gradient(#04acec,  #0186ba);
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    -moz-box-shadow:3px 3px 3px 3px  rgba(0,0,0,.5);
    -webkit-box-shadow:3px 3px 3px 3px  rgba(0,0,0,.5);
    box-shadow:3px 3px 3px 3px  rgba(0,0,0,.5); 
    /*
    opacity:2;
    filter:alpha(opacity=100);
    /*
    background: #0186ba;
    background: -moz-linear-gradient(#04acec,  #0186ba);    
    background: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba));
    background: -webkit-linear-gradient(#04acec,  #0186ba);
    background: -o-linear-gradient(#04acec,  #0186ba);
    background: -ms-linear-gradient(#04acec,  #0186ba);
    background: linear-gradient(#04acec,  #0186ba);
    */
}

#menu ul li:first-child > a
{
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}

#menu ul li:first-child > a:after
{
    content: '';
    position: absolute;
    left: 30px;
    top: -8px;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid #444;
}

#menu ul ul li:first-child a:after
{
    left: -8px;
    top: 12px;
    width: 0;
    height: 0;
    border-left: 0;    
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
    border-right: 4px solid #444;
}

#menu ul li:first-child a:hover:after
{
    border-bottom-color: #04acec; 
}

#menu ul ul li:first-child a:hover:after
{
    border-right-color: #04acec; 
    border-bottom-color: transparent;     
}


#menu ul li:last-child > a
{
    -webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
}

/* Clear floated elements */
#menu:after 
{
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

* html #menu             { zoom: 1; } /* IE6 */
*:first-child+html #menu { zoom: 1; } /* IE7 */

/* Softtone om media en foto;s */
div.polaroid224b
{
    width:224px;
    height:224px;
    padding:0px 0px 0px 0px;
    margin:55px;
    border:1px solid #BFBFBF;
    background-color:white;
    /* Add box-shadow */
    /*box-shadow:3px 3px 15px 5px #6C78F0;*/
    -moz-box-shadow:3px 3px 3px 3px  rgba(108,120,240,.5);
    -webkit-box-shadow:3px 3px 3px 3px  rgba(108,120,240,.5);
    box-shadow:3px 3px 3px 3px  rgba(108,120,240,.5);    
}
div.polaroid224
{
    width:224px;
    height:300px;
    padding:0px 0px 0px 0px;
    margin:55px;
    border:1px solid #BFBFBF;
    background-color:white;
    /* Add box-shadow */
    /*box-shadow:3px 3px 15px 5px #6C78F0;*/
    -moz-box-shadow:3px 3px 3px 3px rgba(108,120,240,.5);
    -webkit-box-shadow:3px 3px 3px 3px rgba(108,120,240,.5);
    box-shadow:3px 3px 3px 3px rgba(108,120,240,.5);    
}
div.polaroid200x255
{
    width:200px;
    height:255px;
    padding:0px 0px 0px 0px;
    margin:55px;
    border:1px solid #BFBFBF;
    background-color:white;
    /* Add box-shadow */
    /*box-shadow:3px 3px 15px 5px #6C78F0;*/
    -moz-box-shadow:3px 3px 3px 3px rgba(108,120,240,.5);
    -webkit-box-shadow:3px 3px 3px 3px rgba(108,120,240,.5);
    box-shadow:3px 3px 3px 3px rgba(108,120,240,.5);    
}
div.polaroid320b
{
    width:320px;
    height:320px;
    padding:0px 0px 0px 0px;
    margin:20px;
    border:1px solid #BFBFBF;
    background-color:white;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    /* Add box-shadow */
    /*box-shadow:3px 3px 15px 5px #6C78F0;*/
    -moz-box-shadow:3px 3px 3px 3px rgba(108,120,255,.5);
    -webkit-box-shadow:3px 3px 3px 3px rgba(108,120,255,.5);
    box-shadow:3px 3px 3px 3px rgba(108,120,255,.5);    
}

div.polaroid320
{
    width:320px;
    height:260px;
    padding:0px 0px 0px 0px;
    margin:20px;
    border:1px solid #BFBFBF;
    background-color:white;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    /* Add box-shadow */
    /*box-shadow:3px 3px 15px 5px #6C78F0;*/
    -moz-box-shadow:3px 3px 3px 3px rgba(108,120,255,.5);
    -webkit-box-shadow:3px 3px 3px 3px rgba(108,120,255,.5);
    box-shadow:3px 3px 3px 3px rgba(108,120,255,.5);    
}

div.polaroid550
{
    width:550px;
    height:550px;
    padding:0px 0px 0px 0px;
    margin:20px;
    border:1px solid #BFBFBF;
    background-color:white;
    /* Add box-shadow */
    /*box-shadow:3px 3px 15px 5px #6C78F0;*/
    -moz-box-shadow:3px 3px 3px 3px rgba(108,120,255,.5);
    -webkit-box-shadow:3px 3px 3px 3px rgba(108,120,255,.5);
    box-shadow:3px 3px 3px 3px rgba(108,120,255,.5);    
}
div.polaroid550x200
{
    width:500px;
    height:200px;
    padding:0px 0px 0px 0px;
    margin:20px;
    border:1px solid #BFBFBF;
    background-color:white;
    /* Add box-shadow */
    /*box-shadow:3px 3px 15px 5px #6C78F0;*/
    -moz-box-shadow:3px 3px 3px 3px rgba(108,120,255,.5);
    -webkit-box-shadow:3px 3px 3px 3px rgba(108,120,255,.5);
    box-shadow:3px 3px 3px 3px rgba(108,120,255,.5);    
}
div.polaroid500x200
{
    width:500px;
    height:200px;
    padding:0px 0px 0px 0px;
    margin:20px;
    border:1px solid #BFBFBF;
    background-color:white;
    /* Add box-shadow */
    /*box-shadow:3px 3px 15px 5px #6C78F0;*/
    -moz-box-shadow:3px 3px 3px 3px rgba(108,120,255,.5);
    -webkit-box-shadow:3px 3px 3px 3px rgba(108,120,255,.5);
    box-shadow:3px 3px 3px 3px rgba(108,120,255,.5);    
}
div.polaroid550x300
{
    width:550px;
    height:300px;
    padding:0px 0px 0px 0px;
    margin:10px;
    border:1px solid #BFBFBF;
    background-color:white;
    /* Add box-shadow */
    /*box-shadow:3px 3px 15px 5px #6C78F0;*/
    -moz-box-shadow:3px 3px 3px 3px rgba(108,120,255,.5);
    -webkit-box-shadow:3px 3px 3px 3px rgba(108,120,255,.5);
    box-shadow:3px 3px 3px 3px rgba(108,120,255,.5);    
}
div.polaroid200x200
{
    width:160px;
    height:220px;
    padding:1px 1px 1px 1px;
    margin:10px;
    border:1px solid #BFBFBF;
    background-color:white;
    /* Add box-shadow */
    /*box-shadow:3px 3px 15px 5px #6C78F0;*/
    -moz-box-shadow:3px 3px 3px 3px rgba(108,120,255,.5);
    -webkit-box-shadow:3px 3px 3px 3px rgba(108,120,255,.5);
    box-shadow:3px 3px 3px 3px rgba(108,120,255,.5);    
}
DIV.polaroid960x675
{
    width: 960px;
    height: 720px;
    padding: 10px;
    border: 0px;
    margin-left:auto;
    margin-right: auto;
    background-color: #FFFFFF;
    /*Add box-shadow
    box-shadow:3px 3px 15px 5px #6C78F0;*/
    -moz-box-shadow: 3px 3px 3px 3px rgba(108,120,255,.5);
    -webkit-box-shadow: 3px 3px 3px 3px rgba(108,120,255,.5);
    box-shadow: 3px 3px 3px 3px rgba(108, 120, 255, 0.5);
    -moz-border-radius: 0px 0px 14px 0px;
    -webkit-border-radius: 0px 0px 14px 0px;
    border-radius: 0px 0px 14px 0px;
}

/* page opmaak */
#blocks { float: left; margin-top: -10px; width: 680px; height: 530px; } 
#blocks .verticaal { height: 350px; width: 280px; float: left; margin: 10px 10px 0px 0px; cursor: pointer; 
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    -moz-box-shadow: 3px 3px 3px 3px #888;
    -moz-border-shadow: 3px 3px 3px 3px #888;
    -webkit-border-shadow: 3px 3px 3px 3px #888;
    border-shadow: 3px 3px 3px 3px #888;
} 


a:link {color:#0000FF;text-decoration:none;}                         /* unvisited link */
a:visited {color:#0000FF;text-decoration:none;}                      /* visited link */
a:hover {color:#FF00FF;text-decoration:underline;}                   /* mouse over link */
a:active {color:#FF00FF;text-decoration:blink;}                      /* selected link */

#menuhighway
{ 
    font-family: Trebuchet MS, Arial, Helvetica, Sans-Serif;
    height: 30px;
    line-height: 30px;
    background-color: #f00; 
    margin: 0px;
    clear: none;
    -moz-box-shadow: 0px 5px 5px #888;
    -webkit-box-shadow: 0px 5px 5px #888;
    box-shadow: 0px 5px 5px #888;
}

#menuhighway a:visited
{
    font-size: 12px;
    font-family: Trebuchet MS, Arial, "Helvetica Neue" , Helvetica, Sans-Serif;
    float: left; margin: 0px 0px 0px 20px;
    text-decoration: none;
    color: #fff; cursor: pointer;
}
#menuhighway a:hover
{
    color: Orange;
    text-decoration: blink; 
}

/*
.highway
{ 
opacity:.90;
font-size: 15px;
font-family:Trebuchet MS;
/*   background-color: #000; */

/*
-moz-box-shadow: 0px 5px 5px #888;
-webkit-box-shadow: 0px 5px 5px #888;
box-shadow: 0px 5px 5px #888;

} 
.highway a
{
color: #00f; cursor: pointer;
}

.highway a:visited
{
/* font-size: 12px;
font-family: Arial, "Helvetica Neue" , Helvetica, Sans-Serif; 
text-decoration: none;
color: #00f; cursor: pointer;
}
.highway a:hover
{
color: red;
text-decoration: underline;
}

*/
.shighway
{
    opacity:.90;
    font-size: 10px;
    font: bold;
    color: #034C77; cursor: pointer;
}
.mhighway
{
    opacity:.90;
    font-size: 12px;
    font: bold;
    color: #000; cursor: pointer;
}
.xhhighway
{
    opacity:1.0;
    filter:alpha(opacity=1.00);
    font-size: 22px;
    font: bolder;
    color: #034C77; cursor: pointer;
    text-decoration: blink; color: blue;
}

.hhighway
{
    opacity:.80;
    filter:alpha(opacity=80);
    font-size: 24px;
    font-family:Trebuchet MS;
    color: #FF1050;
}
.shhighway
{
    opacity:.80;
    filter:alpha(opacity=80);
    font-size: 18px;
    font-family:Trebuchet MS;
    color: #FF1050;
}
.mhhighway
{
    opacity:.80;
    filter:alpha(opacity=80);
    font-size: 15px;
    font-family:Trebuchet MS;
    color: #FF1050;
}
.smhighway
{
    opacity:.80;
    filter:alpha(opacity=80);
    font-size: 14px;
    font-family:Trebuchet MS;
    color: #FF1050;
}

.Ahhighway
{
    opacity:.80;
    filter:alpha(opacity=80);
    font-size: 24px;
    font-family:Trebuchet MS;
    color: #2A8284;
}
.Ashhighway
{
    opacity:.80;
    filter:alpha(opacity=80);
    font-size: 18px;
    font-family:Trebuchet MS;
    color: #2A8284;
}
.Amhhighway
{
    opacity:.80;
    filter:alpha(opacity=80);
    font-size: 15px;
    font-family:Trebuchet MS;
    color: #2A8284;
}
.Asmhighway
{
    opacity:.80;
    filter:alpha(opacity=80);
    font-size: 14px;
    font-family:Trebuchet MS;
    color: #2A8284;
}

.Bhhighway
{
    opacity:.80;
    filter:alpha(opacity=80);
    font-size: 24px;
    font-family:Trebuchet MS;
    color: #F45D06;
}
.Bshhighway
{
    opacity:.80;
    filter:alpha(opacity=80);
    font-size: 18px;
    font-family:Trebuchet MS;
    color: #F45D06;
}
.Bmhhighway
{
    opacity:.80;
    filter:alpha(opacity=80);
    font-size: 15px;
    font-family:Trebuchet MS;
    color: #F45D06;
}
.Bsmhighway
{
    opacity:.80;
    filter:alpha(opacity=80);
    font-size: 14px;
    font-family:Trebuchet MS;
    color: #F45D06;
}

.Chhighway
{
    opacity:.80;
    filter:alpha(opacity=80);
    font-size: 24px;
    font-family:Trebuchet MS;
    color: #600400;
}
.Cshhighway
{
    opacity:.80;
    filter:alpha(opacity=80);
    font-size: 18px;
    font-family:Trebuchet MS;
    color: #600400;
}
.Cmhhighway
{
    opacity:.80;
    filter:alpha(opacity=80);
    font-size: 15px;
    font-family:Trebuchet MS;
    color: #600400;
}
.Csmhighway
{
    opacity:.80;
    filter:alpha(opacity=80);
    font-size: 14px;
    font-family:Trebuchet MS;
    color: #600400;
}

.Dhhighway
{
    opacity:.80;
    filter:alpha(opacity=80);
    font-size: 24px;
    font-family:Trebuchet MS;
    color: #AF0200;
}
.Dshhighway
{
    opacity:.80;
    filter:alpha(opacity=80);
    font-size: 18px;
    font-family:Trebuchet MS;
    color: #AF0200;
}
.Dmhhighway
{
    opacity:.80;
    filter:alpha(opacity=80);
    font-size: 15px;
    font-family:Trebuchet MS;
    color: #AF0200;
}
.Dsmhighway
{
    opacity:.80;
    filter:alpha(opacity=80);
    font-size: 14px;
    font-family:Trebuchet MS;
    color: #AF0200;
}

.Ehhighway
{
    opacity:.80;
    filter:alpha(opacity=80);
    font-size: 24px;
    font-family:Trebuchet MS;
    color: #660066;
}
.Eshhighway
{
    opacity:.80;
    filter:alpha(opacity=80);
    font-size: 18px;
    font-family:Trebuchet MS;
    color: #660066;
}
.Emhhighway
{
    opacity:.80;
    filter:alpha(opacity=80);
    font-size: 15px;
    font-family:Trebuchet MS;
    color: #660066;
}
.Esmhighway
{
    opacity:.99;
    filter:alpha(opacity=80);
    font-size: 14px;
    font-family:Trebuchet MS;
    color: #660066;
}
.Exhighway
{
    opacity:.80;
    filter:alpha(opacity=80);
    font-size: 12px;
    font-family:Trebuchet MS;
    color: #660066;
}

.Fhhighway
{
    opacity:.80;
    filter:alpha(opacity=80);
    font-size: 24px;
    font-family:Trebuchet MS;
    color: #034CFF;
}
.Fshhighway
{
    opacity:.80;
    filter:alpha(opacity=80);
    font-size: 18px;
    font-family:Trebuchet MS;
    color: #034CFF;
}
.Fmhhighway
{
    opacity:.99;
    filter:alpha(opacity=99);
    font-size: 15px;
    font-family:Trebuchet MS;
    color: #034CFF;
}
.Fsmhighway
{
    opacity:.80;
    filter:alpha(opacity=80);
    font-size: 14px;
    font-family:Trebuchet MS;
    color: #034CFF;
}
.Fxhighway
{
    opacity:.80;
    filter:alpha(opacity=80);
    font-size: 12px;
    font-family:Trebuchet MS;
    color: #034CFF;
}
a.info{
    position:relative; /*this is the key*/
    color:#00f;
    /*  top:200px;
    left:50px;
    */
    text-decoration:none;
    text-align:center;
}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display: block;
    position:absolute;
    top: -160px;
    left: -200px;
    width: 20em;
    border:1px solid #000;
    font: 18px;
    background-color:#ccc; color:#F00;
    text-align: left;
    padding:10px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    -moz-box-shadow:3px 3px 3px 3px rgba(0,0,0,.5);
    -webkit-box-shadow:3px 3px 3px 3px rgba(0,0,0,.5);
    box-shadow:3px 3px 3px 3px rgba(0,0,0,.5);
}
/* ronde hoeken om het blad  heen */
#blad div.kara { overflow: hidden; width: 980px;
    -moz-border-radius: 14px 14px 14px 14px;
    -webkit-border-radius: 14px 14px 14px 14px;
    border-radius: 14px 14px 14px 14px;
}
/*
<div class="button">
<div class="outer">
<div class="height">
<div class="inner">
<a href="index.php">Start</a>
</div></div></div></div>
*/
.button {
    height: 30px;
    width: 100px;
    padding: 5px;
    margin-top: 0px;
    cursor: pointer;
    /* margin: 50px auto; */
}
.button .outer {
    position: relative;
    width: 100px;
    height: 100%;
    padding: 5px;
    margin-top: -8px;
    background: rgba(0,0,0,0.65);
    border-radius: 14px;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;

    box-shadow: inset rgba(0,0,0,0.85) 0px 1px 5px;
    -webkit-box-shadow: inset rgba(0,0,0,0.85) 0px 1px 5px;
    -moz-box-shadow: inset rgba(0,0,0,0.85) 0px 1px 5px;
    
    /*-webkit-transform: perspective(500px) rotateX(35deg);*/
    /*-moz-transform: perspective(500px) rotateX(35deg); */
}
.button .outer .height {
    position: relative;
    height: 100%;
    margin-top: -15px;
    padding-bottom: 15px;
    /* button kleur */
    background: #39a02d;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    box-shadow: rgba(0,0,0,0.85) 0px 1px 1px, inset rgba(0,0,0,0.35) 0px -2px 8px;
    -webkit-box-shadow: rgba(0,0,0,0.85) 0px 1px 1px, inset rgba(0,0,0,0.35) 0px -2px 8px;
    -moz-box-shadow: rgba(0,0,0,0.85) 0px 1px 1px, inset rgba(0,0,0,0.35) 0px -2px 8px;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
}       
.button:hover .outer .height {
    margin-top: -10px;
    padding-bottom: 10px;
    /* button kleur */
    background: #3aaf2d;

    box-shadow: rgba(0,0,0,0.25) 0px 1px 1px, inset rgba(0,0,0,0.35) 0px -2px 6px;
    -webkit-box-shadow: rgba(0,0,0,0.25) 0px 1px 1px, inset rgba(0,0,0,0.35) 0px -2px 6px;
    -moz-box-shadow: rgba( 0,0,0,0.25) 0px 1px 1px, inset rgba(0,0,0,0.35) 0px -2px 6px;
}
.button:active .outer .height {
    margin-top: 0px;
    padding-bottom: 0px;
}
.button .outer .height .inner {
    /* line-height: 2.8em; */
    font-size: 16px;
    /*letter-spacing: .05em; */
    position: relative;
    height: 100%;
    text-align: center;
    text-shadow: #8aff7b 0px 0px 1px;
    /* button kleur */
    background: #44d135;
    background: -moz-linear-gradient(top, #80ec75 0%, #43d034 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#80ec75), color-stop(100%,#43d034)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #80ec75 0%,#43d034 100%); /* Chrome10+,Safari5.1+ */
    background: linear-gradient(top, #80ec75 0%,#43d034 100%); /* W3C */
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    box-shadow: inset rgba(255,255,255,0.85) 0px 0px 1px;
    -webkit-box-shadow: inset rgba(255,255,255,0.85) 0px 0px 1px;
    -moz-box-shadow: inset rgba(255,255,255,0.85) 0px 0px 1px;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
}
.button:hover .outer .height .inner{
    text-shadow: #99f48d 0px 0px 1px;        
    /* button kleur */
    background: #43d034; /* Old browsers */
    background: -moz-linear-gradient(top, #43d034 0%, #67e45c 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#43d034), color-stop(100%,#67e45c)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #43d034 0%,#67e45c 100%); /* Chrome10+,Safari5.1+ */
    background: linear-gradient(top, #43d034 0%,#67e45c 100%); /* W3C */
}
.button:active .outer .height .inner{
    text-shadow: #319926 0px 1px 0px;

    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    box-shadow: inset rgba(0,0,0,0.9) 0px 0px 8px;
    -webkit-box-shadow: inset rgba(0,0,0,0.9) 0px 0px 8px;
    -moz-box-shadow: inset rgba(0,0,0,0.9) 0px 0px 8px;
    /* button kleur */
    background: #1d7d12; /* Old browsers */
    background: -moz-linear-gradient(top, #1d7d12 0%, #4fd342 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1d7d12), color-stop(100%,#4fd342)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #1d7d12 0%,#4fd342 100%); /* Chrome10+,Safari5.1+ */
    background: linear-gradient(top, #1d7d12 0%,#4fd342 100%); /* W3C */
}

    /* alternatief menu
    <a href="#" class="animatedButton3">
    <span class="animatedButtonText3">HOVER</span>
    <span class="animatedButtonExtraText3">SOME EXTRA TEXT</span>
    </a>
    */

 .animatedButton3{
        font-family: Trebuchet MS, Arial, sans-serif;
        text-decoration: none !important;
/*        background-color:#a30e12; */
        background-color:#2A8284;
        padding-left: 20px;
        padding-right: 20px;
        height: 28px;
        line-height: 28px !important;
        display: inline-block;
/*        border: 1px solid #450003; */
        border: 1px solid #2A8284;
        text-shadow:0px 1px 1px #000;
        overflow: hidden;
        -webkit-box-shadow: inset 0px 1px 1px #fff;
        -moz-box-shadow: inset 0px 1px 1px #fff;
        box-shadow: inset 0px 1px 1px #fff;

        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;

        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
    }

    .animatedButtonText3{
        font-family: Trebuchet MS, Arial, sans-serif;
        line-height: 28px !important;
        display: block;
        font-size: 16px;

        color: #EAEAEA; */
        text-align:center;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
    }

    .animatedButton3:hover{
/*        background-color:#880408;   */
        background-color:#F45D06;
        height:75px;
        -webkit-box-shadow: inset 0px 1px 1px #000, 0 0px 0px 0px #000;
        -moz-box-shadow: inset 0px 1px 1px #000, 0 0px 0px 0px #000;
        box-shadow: inset 0px 1px 1px #000, 0 0px 0px 0px #000;

    }

    .animatedButtonExtraText3{
        font-family: Trebuchet MS, Arial, sans-serif;
        font-size:12px;
        color:#fff;
        overflow: hidden;

    }

    .photos {
        width: 240px;
        height: auto;
        -moz-box-shadow:3px 4px 4px rgba(50, 50, 50, 0.9);
        -webkit-box-shadow:3px 4px 4px rgba(50, 50, 50, 0.9);
        box-shadow:3px 4px 4px rgba(50, 50, 50, 0.9);
        /*margin: auto;*/
        /*position:relative;*/
        /* mod from here */

    }
    .photos > div {
        /* background-color: rgba(128, 128, 128, 0.0); */
        background-color:transparent;
        padding: 0 0 0 0;
        border: 0px solid #444;
float: left;
        width: 240px;
        height: auto;
        z-index: 1;
        /*
        -moz-box-shadow:3px 4px 4px rgba(50, 50, 50, 0.9);
        -webkit-box-shadow:3px 4px 4px rgba(50, 50, 50, 0.9);
        box-shadow:3px 4px 4px rgba(50, 50, 50, 0.9);
        /*  margin: 0px; */
        overflow: hidden;
        position: relative;
        /*
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px;
        border-radius: 10px;
        */
        -webkit-transform:scale(1.0);
        -moz-transform:scale(1.0);
        -ms-transform:scale(1.0);
        -o-transform:scale(1.0);
        transform:scale(1.0);

        -webkit-transition-duration: 0.5s;
        -moz-transition-duration: 0.5s;
        -ms-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
        transition-duration: 0.5s;
    }
    .photos > div img{
        width: 100%;
    }
    .photos > div:hover{
      float:left;
      margin-top:190px;
      margin-left:200px;
        z-index: 10;
        -webkit-transform:scale(3);
        -moz-transform:scale(3);
        -ms-transform:scale(3);
        -o-transform:scale(3);
        transform:scale(3);
        -moz-box-shadow: 1px 1px 1px 1px rgba(156,156,156,.5);
        -webkit-box-shadow: 1px 1px 1px 1px rgba(156,156,156,.5);
        box-shadow: 1px 1px 1px 1px rgba(156, 156, 156, 0.5);
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px 4px 4px 4px;
    }