html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p{margin:0;padding:0;}

body { background-color: rgb(34 34 34); color: rgb(255 255 255); font-size: 0; font-family: 'Rubik', serif; }

img{ background-color:rgb(249 253 216); border:0 none;}

li{ list-style-type:none; }

a { color: rgb(128 218 0); text-decoration: none; }

h1 { color: rgb(208 233 136); text-shadow: 1px 1px 0 rgb(16 16 16); margin: 10px 5px 0 5px; display: block; line-height: 24px; font-size: 22px; font-weight: normal; }

.golkwor { background-color: rgb(126 176 134); background: linear-gradient(to bottom,rgb(200 194 26),rgb(49 49 23)); border: 1px solid rgb(110 106 7); outline: 1px solid rgb(73 72 36); box-shadow: 0 10px 20px -10px rgb(0 0 0); text-align: center; overflow: hidden; }
.werkstaf { display: inline-block; vertical-align: top; border-left: 1px solid rgb(110 117 52); border-right: 1px solid rgb(19 19 10); box-shadow: 0 0 0 1px rgb(5 17 3);  }
.werkstaf a { background-color: rgb(20 79 7); background: linear-gradient(to bottom,rgb(121 185 5),rgb(0 0 0)); color: rgb(255,255,255); display: block; height: 30px; font-size: 20px; line-height: 30px; text-transform: uppercase;  padding: 10px 20px; }
.werkstaf a span { color: rgb(241 255 38); }




.altoris { margin: 0 auto; text-align: center; width: 100%; }
.etnoraf{visibility:hidden}
.amroxious { text-align:center; width: 100%; overflow: hidden; padding: 2px 0 20px 0; }
.etwidge li { display: inline-block; vertical-align: top; margin: 10px 5px 0 5px; height: 20px; line-height: 20px; font-size: 16px; text-transform: uppercase; }
.etwidge li a { color: rgb(255 255 255); text-shadow: 1px 1px 0 rgb(24 24 23); }
.etwidge li a:hover, .etwidge li.active a { color: rgb(255,255,255);  }
.quadroox { width: 50%; float: left; position: relative; overflow: hidden; color: rgb(11 11 11);  box-shadow: 0 10px 20px -10px rgb(0,0,0); }
.quadroox a { display: block; background-color: rgb(5 31 0); margin: 2px 1px 0 1px; overflow: hidden; }
.quadroox a:hover { background-color: rgb(105 143 9); background: linear-gradient(to bottom,rgb(56 119 1),rgb(50 79 53)); color: rgb(255,255,255); }
.quadroox img { width: 100%; height: auto; max-height: 330px; }
.quadroox a:hover .quadroox-hjs { background-color: rgb(66 66 66); background: linear-gradient(to bottom,rgb(90 140 9),rgb(72 82 33)); }
.quadroox-hjs { background-color: rgb(87 90 0); border: 1px solid rgb(33 88 5); margin: 1px; padding: 1px; overflow: hidden; }
.quadroox .wobbler { font-size: 12px; text-transform: uppercase; display: block; overflow: hidden; height: 40px; text-shadow: 1px 1px 0 rgb(0,0,0); padding: 0 5px; line-height: 40px; text-align: left; }
.footer { box-shadow: 0 -1px 0 0 rgb(113 153 14); border-top: 1px solid rgb(76 79 38); margin: 20px 1px 0 1px; padding: 20px 5px; font-size: 16px; }
.footer span { color: rgb(197 249 0); }
.footer a { color: rgb(255,255,255); text-decoration: underline; }
.footer a:hover { text-decoration: none; }


.twinxer { color: rgb(99 105 5); box-shadow: 0 10px 20px -10px rgb(161 155 8); width: 50%; float: left; position: relative; overflow: hidden; }
.twinxer a { display: block; background-color: rgb(72 88 35); margin: 2px 1px 0 1px; overflow: hidden; }
.twinxer a:hover { background-color: rgb(78 112 15); background: linear-gradient(to bottom,rgb(139 150 51),rgb(140 126 15)); color: rgb(255,255,255); }
.twinxer img { width: 100%; height: auto; max-height: 330px; }
.twinxer a:hover .quadroox-hjs { background-color: rgb(85 101 10); background: linear-gradient(to bottom,rgb(147 155 114),rgb(91 59 9)); }


.aqualang { overflow: hidden; }
.dgx { border-top: 1px solid rgb(62 71 0); box-shadow: 0 -1px 0 0 rgb(49 38 7); margin-top: 1px; text-align: center; padding-bottom: 10px; }
.werver { display: inline-block; vertical-align: top; margin: 10px 5px 0 5px; width: 300px; height: 250px; }
.werver-2, .werver-3, .werver-4, .werver-5 { display: none; }
.apolls { border-top: 1px solid rgb(67 72 5); }


.quadroox-aferto .ronmaldo { color: rgb(30 130 19); border-left: 1px solid rgb(24 64 19); box-shadow: -1px 0 0 0 rgb(56 140 93); text-transform: uppercase; padding: 0 10px; float: right; line-height: 18px; margin: 6px 0; height: 18px; font-size: 12px; text-shadow: 1px 1px 0 rgb(0,0,0); }
.quadroox-aferto .ronmaldo span { color: rgb(202, 202, 202); }
.quadroox-aferto:hover .ronmaldo { border-left-color: rgb(33 178 24); box-shadow: -1px 0 0 0 rgb(38 47 88); color: rgb(6 111 56); }


@media all and (min-width:492px) {
    .quadroox, .twinxer { width: 33.3333%; }
}
@media screen and (min-width: 672px) {
    .werver-2 { display: inline-block; }
	}
	
@media all and (min-width:738px) {
    .quadroox, .twinxer { width: 25%; }
}

@media all and (min-width:1012px) {
    .golkwor { margin: 10px 1px 0 1px; }
    .werkstaf { float: left; }
    .werkstaf a { height: 40px; font-size: 24px; line-height: 40px; padding: 10px 20px; }
	.etwidge { float: left; text-align: left; padding: 20px 0 20px 10px; }
	.etwidge li { text-align: center; margin: 0 10px 0 0; padding: 0 10px 0 0; border-right: 1px solid rgb(33 82 20); box-shadow: 1px 0 0 0 rgb(60, 76, 59); }
    .altoris { width: 992px; }
    .amroxious { padding-top: 8px; }
    .quadroox { width: 246px; margin: 2px 1px 0 1px; }
    .quadroox img { width: 240px; height: 320px; max-height: 320px; }
    .quadroox .wobbler { font-size: 14px; padding: 0 10px; }
    .twinxer { width: 20%; }
}

@media all and (min-width:1260px) {
    .altoris { width: 1240px; }
    .twinxer { width: 16.6666%; }
	.werver { margin: 10px 1px 0 1px; }
    .werver-3, .werver-4 { display: inline-block; }
}

@media all and (min-width:1508px) {
    .altoris { width: 1488px; }
    .twinxer { width: 12.5%; }
	.werver { margin: 10px 5px 0 5px; }
    .werver-5 { display: inline-block; }
}