html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
body{
        background-color: #786924;
        background-image: url('https://www.esoterie.zweb.be/images/crop-circle.jpg');
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: top right;
        background-attachment: fixed;
	padding:0;
	margin: 0 auto;
	font-family:"DejaVu Sans Condensed", Verdana, Arial, sans-serif;
	font-size:18px;
        line-height: 160%;
        word-spacing: 0.1em;
        letter-spacing: 0.01em;
        width:98%;
}
#achterkant{
	position:relative;
	width:100%;
	margin: 0 auto;
        z-index: 1;
}
/*----------------BOVENKANT---------------*/
#bovenkant{
	width:80%;
        margin-top:0px;
}
#logo{
        margin-top:0px;
        height:300px;
	background-image: url('https://www.esoterie.zweb.be/images/logo.png');
        background-position: 50% 30px;
        background-size: auto 80%;
        background-repeat: no-repeat;
        padding:0px;
        z-index:999;
}
#taal{
        padding-left:45%;
        z-index:997;
}
/*----------------BOVENKANT---------------*/

/* Top-level menu items */

.menu-btn div {
	position: absolute;
	left: 100%;
	top: 64%;
	padding-right: 8px;
	margin-top: -0.50em;
	line-height: 1.2;
	font-size: 18px;
	font-weight: 200;
	vertical-align: middle;
	z-index: 99;
}

.menu-btn span {
	display: block;
	width: 29px;
	height: 4px;
	margin: 4px;
	background: rgb(0,0,0);
	z-index: 99;
}
.menu-btn span:before {
       position:absolute;
	display: inline;
       top:335px;
       left:4px;
       height:20px;
       width:40px;
       color:#000000; 
       cursor:pointer;
}  

.menu {
        left: 0;
        right:0;
        padding-right:30px;
        background-color:#708F43;
        color:#5B5B5B;
        z-index: 2000;
        box-sizing: border-box;
        padding: 20px;
        display: none;
}
.menu a {
	color:#000;
	font-weight:normal;
        line-height: 160%;
	font-size:17px;
	text-transform:uppercase;
	text-decoration:none;
}
#menu a:link,
#menu a:visited{
	color:#ffffff;
	text-decoration:none;
}
.menu a:hover {
	color:#ffffff;
	text-decoration:none;
}

.expand {
	display: block !important; 
}
#home   {
	background-image: url('https://www.esoterie.zweb.be/images/home.gif');
        background-repeat: no-repeat;
        left: 10px;
        z-index: 1000;
        background-size: 30px;
}
/*----------------INHOUD---------------*/
#inhoud{
        background-color: #ffffff;
        opacity: 0.65;
        filter: alpha(opacity=65);
	position:relative;
	padding-left:0px;
	text-align:left;
	margin-bottom:10px;
	width:100%;
        background-color:#ffffff;
	background-position: top center ;
        margin-top:10px;
        margin-bottom:10px;
	margin-right:0px;
	border:1px solid #708F43;
        border-radius:13px;
}
#inhoud img {
        opacity: 1.0;
        filter: alpha(opacity=100);
}
/*----------------TABLE---------------  */

table.tabel{
        width:100%;
	float: center;
        padding:5px;
	font-size:17px;
        color:#000000;
	border:0px solid #708F43;
        border-radius: 4px;
}
table td.tabel{
      -webkit-appearance: none; -moz-appearance: none;
       display: block;
       margin: 0;
       line-height: 30px; 
}
table td input[type=text]{
       -webkit-appearance: none; -moz-appearance: none;
        display: block;
        margin: 0;
        width: 100%; height: 30px;
        line-height: 40px; 
	font-size:17px;
        color:#000000;
	background-color:#ffffff;
	border:1px solid #708F43;
        border-radius: 4px;
}
table td input[type=checkbox] {
        width: 25px; height: 25px;
	font-size:17px;
        color:#000000;
	background-color:#ffffff;
	border:1px solid #708F43;
        border-radius: 2px;
}
select, input[type=text] {
        width: 31%; height: 30px;
	font-size:17px;
        color:#000000;
	background-color:#ffffff;
	border:1px solid #708F43;
        border-radius: 2px;	
}
table textarea, textarea{
        width:100%;
        margin:5px 0;
        padding:3px;
	font-size:17px;
        color:#000000;
	background-color:#ffffff;
	border:1px solid #708F43;
        border-radius: 4px;
}
/*----------------FORM---------------*/
input[type=submit], input.submit{
	width: auto;
	padding: 4px 9px;
	border: 0;
        color:#ffffff;
	font-size:17px;
	font-weight:bold;
	text-transform:lowercase;
	background:#ff0000;
        cursor:pointer;
        border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
input[type=submit]:hover{
        color:#5B5B5B;
	text-decoration: none;
}
/*----------------CLEAR---------------*/
.clear{
	clear:both;
	margin-top:10px;
}
/*----------------ONDERKANT---------------*/
#onder{
 	background-color:#1A1A1A;
	width:100%; 
	padding-bottom: 30px;
        text-align:center;
} 
#menus{
        float:center;
	z-index: 998;
	color:#fff;
	font-weight:normal;
	font-size:15px;
	text-transform:uppercase;
	text-decoration:none;
        height:auto;
	width:100%;
	margin:0 auto; 

} 
#menus a:link,
#menus a:visited{
	color:#fff;
	text-decoration:none;
}
#menus a:hover{
        background-color:#ffffff;
        color:#5B5B5B;
	text-decoration:none;
        border-top-left-radius: 9px;
        border-top-right-radius: 9px;
        border-bottom-left-radius: 9px;
        border-bottom-right-radius: 9px;
}    
#onderkant{
	background-color:#708F43;
        color:#ffffff;
	width:100%;
	margin:0 auto;
        margin-bottom:0px;
	text-align:center;
	padding-top:3px;
	padding-bottom:3px;
        border-radius: 13px;
}

#onderkant a{
        color:#ffffff;
	text-decoration: none;
 	font-size:15px;
}
/*----------------PAGING---------------*/

#paging{
        color:#000000;
        margin-left:10px;
        margin-right:10px;
        padding-bottom:30px;
        padding-top:0px;
        vertical-align:top;
	z-index: 999;
}
#paging p{
	font-size:17px;
}
h2, h3{
	font-size:23px;
        color:#000000;
        padding-left:20px;
	text-align:center;
}
h4 {
	font-size:18px;
        color:#000000;
        padding-left:20px;
	text-align:center;
        font-style: italic;
}

#paging img.m{
        width:100%;
        height:auto;
        float:left;
        margin:0 0 0 0;"
}
#paging img.galerij{
        width:100%;
        height:auto;
        float:left;
        margin:0 0 5px 0;"
}
#paging li{
        color:#000000;
	font-size:17px;
}
#paging a:link, a:active , a:visited {
        color:#5B5B5B;
	text-decoration: none;
}
.home {
	padding-left:20%;
}        

h1{
	height:100%;
	background-color:#708F43;
        color:#000000;
	font-size:23px;
	text-align:center;
	padding:3px;  
        border-radius:3px;            
}
p.titel,p.titelintekst {
	height:100%;
	background-color:#708F43;
        color:#000000;
	font-size:23px;
	text-align:center;
	padding:3px;  
        border-radius:3px;            
}
#paging a:hover {
	color:#5B5B5B;
	text-decoration: underline;
}
.row:after {
  content: "";
  display: table;
  clear: both;
}

.row{
 display:flex;
 justify-content:space-between;
}
.TransfCard{
	font-size:14px;
	font-weight:normal;
        background-image:url('oshotransformatie/pic/backTransfName.jpg');
        width:300px;
        text-align:center;
        padding-bottom:5px; 
	box-shadow: rgba(0,0,0, 0.2) 10px 10px 5px;
        border-radius: 0px 0px 5px 5px;
}
.card{
 color: #ffffff;
 font-size: 14px;
 background:#000;
 width:300px;
 text-align:center;
 padding-bottom:3px; 
	box-shadow: rgba(0,0,0, 0.2) 10px 10px 5px;
        border-radius: 0px 0px 5px 5px;
}
.kaart-box img{
 width:300px;
	box-shadow: rgba(0,0,0, 0.2) 10px 10px 5px;
        border-radius: 5px 5px 0px 0px;
}
.kaart-box {
      display: flex;        
      flex-direction: column; 
      margin:20px;  
      justify-content: center;
}
.subTitle{
	font-size:16px;
	font-weight:normal;
}
.textBold{
	font-size:17px;
	font-weight:bold;
}
.text{
	font-size:17px;
	font-weight:normal;
}
.kaart-box-tekst{padding:60px 10px 0px 10px;z-index:-1;}
.titel-kaart {margin-left:15%;font-size:23pt;text-transform: uppercase;letter-spacing: 0.07em;}
.zen-kaart {margin-bottom:-33px;line-height: 160%;z-index:1;text-align:center;font-size:35pt;font-weight:800;text-transform: uppercase;letter-spacing: 0.07em;}
.nogeens a span{margin-left:20px;border-radius: 5px 5px 5px 5px;color:#ffffff;background:#FF4040;padding:3px;}

@media screen and (max-width: 800px) {
.row{
   display: block;
}
}