@import url("_style.css");

.cycle-wrapper { 	position: relative; width: 90%; margin: 0 5%; text-align:  center; clear: both; }
.cycle-wrapper img { position: absolute; left: 0px; z-index: 3; overflow: hidden; text-align:  center; width: 100%;}
.cycle-slideshow {  position: relative;top: 0px; left: 0px;  z-index:  2; margin: 0; width: 100%; 	}
.cycle-slideshow img { width: 100%;  }

.kolomlinks .tekst {  background:#f2eed2;}

.bloklinks {width: 50%; float:  left; height:  150px; margin: 0px; }
.blokrechts { width: 50%; float:  left;height:  150px; margin: 0px; }
.bloklinks:hover { background:#f2eed2; cursor: pointer; }
.blokrechts:hover { background:#f2eed2; cursor: pointer;}
.bloklinks .wepContent img { width: 90px; height:  90px; margin:   0px;margin-right:  20px;float: left;}
.blokrechts .wepContent img { width: 90px; height:  90px;  margin:   0px;margin-right:  20px;float: left;}
a { text-decoration: none;  }

@media screen and (max-width: 745px) 
{
.kolomlinks { width: 100%; margin: 0 0 0 0;  }
.kolomlinks .tekst { width: 90%; padding: 0 5%; }
.cycle-wrapper { width: 100%; margin: 0%;  }
.cycle-wrapper img { display: none}

.bloklinks {width: 50%; float:  left; height:  300px; margin: 0px; }
.blokrechts { width: 50%; float:  left;height:  300px; margin: 0px; }
}