body {
    background: radial-gradient(circle at center ,#8D542C, #8D542C 10%, transparent 10%, transparent  20%, #8D542C 20%, #8D542C 30%, transparent 30%, transparent 40%, #8D542C 40%, #8D542C 50%, transparent 50%, transparent 60%, #8D542C 60%, #8D542C 70%, transparent 70%, transparent 80%, #8D542C 80%, #8D542C 90%, transparent 90%);
    background-size: 1em 1em;
    background-color: #643C20;
    opacity: 0.9;

    margin:0px;
    color:#5d5d5d;
    font-size:12px;
    line-height:18px;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

    min-width:1000px;
    font-weight:bold;
}


img,image {   /* ALTIJD LATEN STAAN ! */
    border:0px;
}

.container{
    width:1024px;
    margin:0 auto;
    position: relative;
}
.clear {
    clear: both;
    overflow: hidden;
}
/*.slider{*/
/*    !*background: url(/images/bg/sliderbg.png);*!*/
/*    background-color: rgba(0,0,0,0.3);*/
/*    !*background: url(/images/bg/bg-pink3.png);*!*/
/*    !*background: url(/images/bg/fabric.png);*!*/

/*}*/

/*.slider {*/
/*    background-image: url('/images/bg/bg-slider.png');*/
/*    background-repeat:repeat;*/

/*    position: relative;*/
/*}*/

.text-overlay {
    position: absolute;
    left: 0;
    top: 10px;
    z-index: 99999;
    background-color: #C5743B;
    color: #fff;
    height: 35px;
    padding: 0 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    letter-spacing: 2px;
    opacity: 1;
}

.text-overlay-right {
    position: absolute;
    right: 0;
    top: 15px;
    z-index: 99999;
    background-color: #C5743B;
    color: #fff;
    height: 35px;
    padding: 0 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    letter-spacing: 2px;
    opacity: 1;
}

.slider::after {
    content: '';
    display: inline-block;
    background-color: white;
    top: 0;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    opacity: .3;
}

#banner {
    width:1024px;
    height:555px;
    background-image:url(/images/banners/4.jpg);
    background-repeat:no-repeat;
    -moz-box-shadow:0px -5px 6px 3px rgba(0, 0, 0, 0.98);
    -webkit-box-shadow:0px -5px 6px 3px rgba(0, 0, 0, 0.98);
    box-shadow:0px -5px 6px 3px rgba(0, 0, 0, 0.98);
}

#test {
    width:1000px;
}

#logo {
    background-image:url(/images/logon.png);
    height:225px;
    width:150px;
    position: absolute;
    top: 0;
    right: -74px;
    z-index: 999;
}

#cssmenu {
    background-color: #C5743B;
}


#cssmenu ul{
    margin:0;
    padding:0;
    list-style-type:none;
    width:auto;
    position:relative;
    display:block;
    /*    height:80px;*/
    text-transform:uppercase;
    font-size:13px;
    background:transparent url('images/black.jpg') repeat-x top left;
}
#cssmenu li{
    display:block;
    float:left;
    margin:0;
    padding:0;
    width: 20%;
}
#cssmenu li a{
    display:block;
    color:#252525;
    text-decoration:none;
    text-align: center;
    padding:22px 0;
    transition: background-color 0.4s linear;
}

#cssmenu li a:hover, #cssmenu li a.active{
    /*    background-color: #c58759;        //d7ad8d*/
    /*    background:url(/images/bg/45degfabric.png);*/
    /*background-color: rgba(0,0,0,0.35);*/
    background-color: white;
    color: #CD956D;

}



.winkel {
    margin-right:15px;
    margin-bottom:15px;
    border:#FFFFFF solid 10px;
    transition: border-color .4s linear;
}
.winkel:hover {
    border:rgba(0,0,0,0.35) solid 10px !important;
}

#welkom {
    font-size:12px;
    line-height:25px;
    border-bottom:#5a5a59 dashed 1px;
    margin-bottom: 15px;
    padding: 10px;
}

.wit {
    color:#FFFFFF;
}

h1 {
    color:#5a5a59;
    /*color:#f3f0e8;*/
    margin:15px 0;
    padding-top:22px;
    margin-bottom:3px;
    font-size:16px;
    text-transform:none;
    font-weight:bold;
}
h2,h3,h4,h5 {
    color:#5a5a59;
    margin:0px;
    font-size:15px;
    text-transform:none;
    font-weight:bold;
    margin-top:5px;
}
h5 { text-transform:uppercase; font-size:12px; }

.main{
    position:relative;
    width:1000px;
    margin: 0 auto;
    margin-left:25px;
    margin-top:15px;
}

a.footermenu {
    color: #f3e8cd;
    font-weight: normal;
    font-size: 10px;
}
a.footermenu:link {text-decoration: none;color:#5a5a59; }
a.footermenu:active {text-decoration: none;color:#5a5a59; }
a.footermenu:visited {text-decoration: none;color:#5a5a59; }
a.footermenu:hover {text-decoration: underline;color:#5a5a59; }

#footer {
    margin-top:15px;
    font-size:11px;
    color:#5a5a59;
    text-transform:uppercase;
    border-top: dashed 2px #5a5a59;
    text-align:center;
}

a:link {
    color: #000;
    text-decoration:none;
    font-weight:bold;
}
a:visited {
    color: #000;
    text-decoration:none;
    font-weight:bold;
}
a:hover {
    color: #5a5a59;
    text-decoration:underline;
    font-weight:bold;
}
a:active {
    color: #000;
    text-decoration:none;
    font-weight:bold;
}

/*! http://responsiveslides.com v1.53 by @viljamis */

.rslides {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
}

.rslides li {
    -webkit-backface-visibility: hidden;
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    top: 0;
}

.rslides li:first-child {
    position: relative;
    display: block;
    float: left;
}

.rslides img {
    display: block;
    height: auto;
    float: left;
    width: 100%;
    border: 0;
}
.rslides {
    margin: 0 auto;
}

#columns {
    width: 950px;
}

#columns .column {
    position: relative;
    width:285px;
    padding: 1%;
}

#columns .left {
    float: left;
    margin-left:15px;
}

#columns .right {
    float: right;
}

#columns .midden {
    float: left;
}


label {
    display:block;
    width:190px;
    float:left;
    clear:left;
    text-align:right;
    padding-right:10px;
    margin-top:0px;
}
.form {
    border: 1px solid #5a5a59;
    border-collapse:collapse;
    background-color:#fff;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    height:16px;
    width:180px;
    color:#847d75;
    margin-bottom:7px;
    margin-top:2px;
}
form a:link{
    text-decoration: underline;
}
.knop {
    box-shadow: 0 0 5px rgba(0,0,0,0.5);
    border: 1px solid rgba(0,0,0,0.5);
    border-collapse:collapse;
    background-color: rgba(0,0,0,0.5);
    background-color:rgba(0,0,0,0.5);
    height:22px;
    width:90px;
    color:#fff;
    margin-top:4px;
}


/*COOCKIE ALERT*/
.alert{
    text-align: center;
    z-index: 999;
    position: fixed;
    bottom: 40px;
    left: 20px;
    display: inline-block;
    margin-bottom: 0;
    padding: 20px 0;
    color: #252525;
    background-color: #C5743B;
    border-radius: 0;
    border: 3px solid #fff;

}
.alert .btn{
    margin-top: 5px;
    background-color: rgba(0,0,0,0.35);
    color: #ffffff;
    border-color: #fff;
}
.alert .btn:hover,
.alert .btn:active{
    background-color: #fff;
    color: #C5743B;
    border: 1px solid;
}

.alert-link{
    text-decoration: underline;
    color: rgba(0,0,0,0.35);
}