body {
    font-family: "Lucida Sans", Verdana, sans-serif;
    color: white;
}

a:link {color: black; text-decoration:none;}
a:visited {color: black;}
a:hover {color: black;}
a:active {color: black;}

.main img {
/*    width: 100%;   niet wijzigen*/
}

h1{
/*    font-size: 1.625em; */
    color: white;
    font-family:Arial;
    font-size: 0.755em;
    font-weight: bold;
    letter-spacing: 0.2em;
    text-shadow: 2px 2px 2px black;

/*    margin-left: 260px; */
    
}

h2{
     font-size: 1.075em; 
 

 
}

.header {
    padding: 1.0121457489878542510121457489879%;
/*     background: #f1f1f1;  */
    border: 1px solid #556699;
	border-top:solid 2px blue;
	border-bottom:solid 2px white;

    border-radius:15px;
/*    background-image:url('../images/sterrenhemel.png'); */
/*    background-color: cornflowerblue; */
/*     kleurverloop */
/*        background: linear-gradient(to bottom,#001a33,gray); */   
/* background: linear-gradient(to right,#001a33 5%, gray, white, silver, gray); margin-top:8px; margin-bottom:11px; border-top:solid 1px gray; border-bottom:solid 1px gray; box-shadow: 0 -5px 10px -5px midnightblue; border-top-left-radius:15px; border-top-right-radius:15px">
); */
    height: 95px; 
    width:99%;
    margin-top:0px;
    margin-left: auto;
    margin-right: auto;
}

#lote {
 float:left;
 width:140px;
}

#vmob {
display:none;
width: 290px;
}


/* blok met tyfoon naam */
      #shead2 {
float:right;

/*      width: 513px; */
      width: 86%; 
      height:185px;
      margin-top: 5px;
      margin-right:145px;

      text-align: center;
      background-color: navy;
      border: 1px solid #556699;
      font-family:Arial; font-size:25pt; color:white;
      font-weight: bold;
      letter-spacing: 0.2em;
      text-shadow: 2px 2px 2px black;
/*      box-shadow: inset 0 0 40px 40px #000a27; */

      padding: 5px;


      }

#sknop0xx {
max-width:99%;
float:left; margin-top:-10px;
margin-left:auto;
margin-right:auto;
}


#dezeook {
width:99%;
/* font-size:0.850em; */
font-size:1.450vw;

text-align:left;
}

/* De blok met knoppen */
      #sknop0 {
 
      margin-left: 0 auto;
      margin-right: 0 auto;
      margin-top: -7px;
      width:auto;
      height: 65px;
      background: silver; 
      background-image:url('../images/trrrustrail1.jpg');
      border: 1px solid gray;
      box-shadow: inset 0 0 8px 2px lightblue;

     }


/* menu's op hoofdpagina */

#antwpartytentenTest {display: none;}
#antwgeluidTest {display: none;}
#antwverlichtingTest {display: none;}
#antwrondomkeukenTest {display: none;}
#antwtrusssystemenTest {display: none;}
#antwstroomTest {display: none;}
#antwmeubilairTest {display: none;}
#antwBezorgTest {display: none; margin:auto; width:35%}
#antwspringkussensTest {display: none;}
#antwballonnenTest {display: none;}
#antwversieringdiverseTest {display: none;}

.menuBlok {
 z-index:9999999;
 border-radius:15px 15px;
 font-size:23px;
 border:3px solid #0000CD;
 background:white;
 box-shadow:inset 0 0 3px 3px black, 0 0 3px 3px #BDB76B, 0 0 12px 12px black, 0 0 12px 12px orange, 0 0 17px 17px blue;
 padding:10px;
 width:45%;
}

.menuBlok:hover {
/*
z-index:9999999; border-radius:15px 15px; font-size:23px; border:3px solid #0000CD; background:white; box-shadow:inset 0 0 3px 3px black, 0 0 3px 3px #BDB76B, 0 0 12px 12px black, 0 0 12px 12px orange, 0 0 17px 17px aquamarine; padding:10px; width:317px;
*/
}

.blokvanmenu {
width: 99%;
height:20px;
}

.sluit {
 float: right;
 background: white;
 width: 20px;
 height: 20px;
 font-size: 17px;
 padding: 2px;
 border:3px solid blue;
}

hr {width:95%; height:1px; color:#336699; background:silver;}





.menuitem {
    margin: 2.310344827586206896551724137931%;
    margin-left: 0;
    margin-top: 0;
/*    padding: 1.310344827586206896551724137931%; */
     padding: 1.010344827586206896551724137931%;
/*     border-bottom: 1px solid #e9e9e9;  */ 
    border: 1px solid #556699;
    border-radius:15px;
    background-color:#556699;
    cursor: pointer;
    text-align: center;
    font-size:11pt;
}

.menuitem:hover {background-color:green}

.menuitem1 {
    margin: 2.310344827586206896551724137931%;
    margin-left: 0;
    margin-top: 0;
/*    padding: 1.310344827586206896551724137931%; */
     padding: 1.010344827586206896551724137931%;
/*     border-bottom: 1px solid #e9e9e9;  */ 
    border: 1px solid #556699;
    border-radius:15px;
/*    background-color:#264d73; */
background-color:white;
    cursor: pointer;
    text-align: center;
    font-size:11pt;
}

.menuitem1:hover {background-color:#ADFF2F}

.menuitem a {
color: white;
}

.menuitem1 a {
color: black;
}




/* einde menu's hoofdpagina*/




.main {
    padding: 0.0661157024793388429752066115702%;
}



.footer {
    padding: 1.0121457489878542510121457489879%;
    text-align: center;
    background: #132639;
    font-size: 0.625em;
    color: white;
}

.gridcontainer {
    width: 99%;

}

.gridwrapper {
   width: 99%;
}

.gridbox {
    margin-bottom: 2.0242914979757085020242914979757%;
    margin-right: 1.0242914979757085020242914979757%;
    float: left;
}

.gridheader {
     width: 100%;
}



.gridmenu {
/*    width: 18.081781376518218623481781376518%; */
   width: 14.081781376518218623481781376518%;
    clear:both; 
    margin-left: 7px;
    
}

.gridmain {
/*    width: 52.987854251012145748987854251012%; */
 
width: 65.987854251012145748987854251012%;


}



.productblok {
 float:left;
margin-left:3px;
margin-top:25px;
margin-bottom:7px;
border-top:3px solid midnightblue;

/* background:linear-gradient(to bottom, white, #336699 72%, white 18%, white 16%); */ 


/* background: linear-gradient(to bottom, #cfc09f 2%,#634f2c 4%, #cfc09f 26%, #cfc09f 27%, white 40%,white 78%);*/

/* #3a2c0f #cfc09f display:inline-blok; margin 0 auto; border-radius:35px 35px; */


background: linear-gradient(to bottom, #f1f1f1 2%, #f1f1f1, white 26%, #f1f1f1 27%,white 40%,#f1f1f1 78%); 





box-shadow: 1px 3px 9px midnightblue;

border-radius:30px 30px;
width:112px;
 height:40%;
 text-align:center;
 padding:12px;
 
 
}

/* clearonly if device is pc */

.productblokextra {
 clear:both;
float:left;
margin-left:3px;
margin-top:25px;
margin-bottom:7px;
border-top:3px solid midnightblue;

/* background:linear-gradient(to bottom, white, #336699 72%, white 18%, white 16%); */ 


/* background: linear-gradient(to bottom, #cfc09f 2%,#634f2c 4%, #cfc09f 26%, #cfc09f 27%, white 40%,white 78%);*/

/* #3a2c0f #cfc09f display:inline-blok; margin 0 auto; border-radius:35px 35px; */


background: linear-gradient(to bottom, #f1f1f1 2%, #f1f1f1, white 26%, #f1f1f1 27%,white 40%,#f1f1f1 78%); 





box-shadow: 1px 3px 9px midnightblue;

border-radius:30px 30px;
width:112px;
 height:40%;
 text-align:center;
 padding:12px;
 
 
}




.productblokV {
 float:left;
margin-left:3px;
margin-top:25px;
margin-bottom:7px;
border-top:3px solid midnightblue;


/* background:linear-gradient(to bottom, white, #336699 72%, white 18%, white 16%);*/

/* background: linear-gradient(to bottom, #cfc09f 2%,#634f2c 4%, #cfc09f 26%, #cfc09f 27%, white 40%, white 78%); */ 


/* background: linear-gradient(to bottom, gray 2%,#B0C4DE, white 26%, #f1f1f1 27%,white 40%,white 78%); */

background: linear-gradient(to bottom, #f1f1f1 2%, #f1f1f1, white 26%, #f1f1f1 27%,white 40%,#f1f1f1 78%); 


box-shadow: 1px 3px 9px midnightblue;

border-radius:30px 30px;
width:112px;
 height:40%;
 text-align:center;
 padding:12px;
 
}


.benamingC {
 
      height:17px;
      border:2px solid silver;
      box-shadow: 1px 2px 4px midnightblue;
/*       box-shadow:0 0 1px 1px #556699, 0 0 2px 2px black, 0 0 0 3px lightblue; */ 
      padding-top:2px;
      padding-bottom:2px;
      border-bottom-right-radius: 15px 15px;
      border-bottom-left-radius: 15px 15px;
      width:108px;
      text-align:center;
/*      background:#000080;  */
/*        background:#264d73; */
background:white;
      font-size: 12pt;
      margin-right: 4px;
      margin-bottom: 4px;
     }

.benamingwatC {
      color:black;
      font-size:11pt;
      text-align:center;
      width:100px;
      }


.benamingC:hover {background-color:#e6f5ff}






.gridright {
/*    width: 15.281781376518218623481781376518%; */ 
width: 15.281781376518218623481781376518%;

/*  padding: 8px; */
/*    margin-right: 0; */
      background: white;
color:black;
    border-radius:15px;
display: inline-block;
}


.right {
/*    padding: 4.310344827586206896551724137931%; */
/*   background: #CDF0F6;  */
padding: 8px; 
    border-radius:15px;
}



.gridfooter {
    width: 100%;
    margin-bottom: 0;
}


.lijnen {
display:none;
}


.blokken {
    display:none;
}





@media only screen and (max-width: 1000px) {

#antwBezorgTest {width:90%}

#antwgeluidTest {width:90%}
#antwverlichtingTest {width:90%}
#antwrondomkeukenTest {width:90%}
#antwtrusssystemenTest {width:90%}
#antwstroomTest {width:90%}
#antwmeubilairTest {width:90%}
#antwspringkussensTest {width:90%}






#lote {
 width:99%;
 text-align:center;
}

#vmob {
display:block;
width: 99%;
}


.lijnen {
    display: block;
}

.blokken {
    display: none;
}


.header {
    height: 240px;
    background-color:#001a33;
    margin-top:30px;
}

.shead2 {
     display:none;
     
    }

#sknop0xx {
max-width:99%;
}


#dezeook {
width:99%;
font-size:0.805em;
margin-top:25px;
text-align:center; 
}

.blokvanmenu {
width: 69%;
}

.menuBlok {
width: 60%;
height: 100%;
}

    .gridmenu {
     width: 60%; 
     display: none;
    margin-left: 0px;
    }

    .menuitem {
        margin: 1.0121457489878542510121457489879%;
        padding: 1.0121457489878542510121457489879%;
        background: #EAEAFA;
    }

.menuitem a {
color: black;
}

.menuitem1 a {
color: black;
}





    .gridmain {
        width: 99%;

    }

    .main {
        padding: 1.0121457489878542510121457489879%;
display:block;
    }

.productblok {
 width:35%;
 }

.productblokextra {
clear:none;
float:left;
 width:35%;
}


.productblokV {
 width:35%;
 }

.benamingC {
      background:#EAEAFA;
     }

.benamingC:hover {background-color: gold;}

.benamingwatC {
      color:black;
      }

    .gridright {
 width: 99%;       
    }

    .right {
        padding: 1.0121457489878542510121457489879%;
/*        background: #4682B4; */
        width: 99%;
        color:black;
    }

    .gridbox {
        margin-right: 0;
        float: left;
    }
}


.productfotoB {
      height:75px;
      width:108px;
      
border:2px solid silver;
/*      box-shadow:0 0 1px 1px #556699, 0 0 2px 2px blue, 0 0 0 3px lightblue; */ 
      font-size:50pt;
      border-top-left-radius: 15px 15px;
      border-top-right-radius: 15px 15px;
      margin-right: 4px;
/*      box-shadow: inset 0 0 3px 3px navy; */
background:white;

      }


#bezorgkosten {
width:99%;
}