/*
Theme Name: E Motion
Theme URI: http://www.e-motion.nu
Description: E Motion website
Author: Crius Communicatie
Version: 1.3
Tags: E Motion
*/
body{margin: 10px 0; padding:0; text-align:center; background:#95353c;}

span.wpcf7-list-item {display:block;}

/* WRAPPERS EN CONTENT DIVS */
.inhoud{width:1050px; height:100px; margin:0 auto; text-align:left; padding-left:40px;}
.inhoud img{float:left; border:none;}
.inhoud ul{float:left;}
.content{width:1050px;margin:0 auto; text-align:left; padding-left:40px;}

/* TEKST- EN TABELSTIJLEN */
h2{font-family:arial; font-size:25px; font-weight: bolder; text-transform:uppercase; margin:0 0 20px 0;}
h3{font-family:arial; font-size:18px; font-weight: bolder; text-transform:uppercase; margin:0;}
td, th, a, p, li{font-family:arial; font-size:12px; list-style:disc; margin:0;}
table, th, tr, td{border-width: 0px; text-align:left; vertical-align: top; line-height: 12px; margin:0;}
th{width: 500px;}
a{color:#fff}

/* SOCIALE MEDIA */
.inhoud p {float:left;}
.inhoud ul:first {padding-left:330px; padding-top:10px;}
.inhoud li.nb{ list-style:none; width:33px; height: 34px; background:url(images/nieuwsbrief.png); background-position:34px 0px; margin-left:200px; margin-top:-10px;}
.inhoud li.nb:hover{ background-position:0px 0px;}
.inhoud li.fb{ list-style:none; width:33px; height: 34px; background:url(images/facebook.png); background-position:34px 0px; margin-left:200px; margin-top:-10px;}
.inhoud li.fb:hover{ background-position:0px 0px;}

/* SIDEBAR */
#sidebar{width:200px; float:left;}
#sidebar ul{margin:0; padding:0;margin-top:20px}
#sidebar li{list-style:none; width:133px; height:72px; position:relative; margin-bottom:-10px} /* margin-bottom: afstand tussen tabs */
#sidebar span{display:none;}

/* MENU */
#sidebar li.tab2{background:url(images/menu/nieuws.png); z-index:2;margin-bottom:-15px}
#sidebar li.tab6{background:url(images/menu/yoga.png); z-index:2; left:-30px; top:7px; }
#sidebar li.tab3{background:url(images/menu/moderne-dans.png); z-index:1; left:-20px;margin-bottom:-15px}
#sidebar li.tab6{background:url(images/menu/yoga.png); z-index:2; left:-30px; top:7px;margin-bottom:-15px}
#sidebar li.tab10{background:url(images/menu/pilates-flow.png); z-index:2; left:-40px;margin-bottom:-15px;margin-top:15px}
#sidebar li.tab141{background:url(images/menu/Yoga-in-Zuid-Afrika.png); z-index:0; left:-30px; bottom:10px;}
#sidebar li.tab15{background:url(images/menu/workshops.png); z-index:0; left:-20px; margin-bottom:-15px;}
#sidebar li.tab17{background:url(images/menu/Behandelingen.png); z-index:1; right:-10px; margin-bottom:-15px;}
#sidebar li.tab20{background:url(images/menu/over-geertje.png); z-index:2; left:-20px}
#sidebar li.tab21{background:url(images/menu/lesrooster.png); z-index:1; right:-30px;margin-bottom:-15px}
#sidebar li.tab22{background:url(images/menu/prijzen.png); z-index:2; left:-10px;margin-bottom:-5px}
#sidebar li.tab23{background:url(images/menu/praktische-info.png); z-index:3; right:-20px;margin-bottom:-20px}
#sidebar li.tab24{background:url(images/menu/contact.png); z-index:4; left:-10px; }

/* Aanvullingen vanaf hier */

/* CODA-SLIDER */
.coda-slider-wrapper { padding:0; }
.coda-slider { background: url(images/bg-slider.png) no-repeat; float:left }
.coda-slider, .coda-slider .panel { width: 679px;}
.coda-slider .panel-wrapper { padding:20px 17px 10px 13px; }
.coda-slider-wrapper { clear: both; overflow: auto }
.coda-slider { float: left; overflow: hidden; position: relative }
.coda-slider .panel { display: block; float: left }
.coda-slider .panel-container { position: relative;}

/* SLIDES */
.bgpanel{height:650px; width:650px;}
.tekst p{margin:18px 0;}

/* Home */
#slide1 .bgpanel{background: url(images/slider/home.jpg) no-repeat; }
#slide1 .bgtrnsprnt{background: rgba(00, 00, 00, 0.4); padding: 5px 25px 5px 5px; }
#slide1 .tekst{color:#fff; padding-top:350px;}
/* Nieuws */
#slide2 .bgpanel{background: url(images/slider/nieuws.jpg) no-repeat;}
#slide2 .bgtrnsprnt{background: rgba(00, 00, 00, 0.6); padding: 10px 40px 10px 10px; border-radius:10px;}
#slide2 .tekst{color:#fff; padding:50px 0px 0px 0px; width: 650px}
/* Dans */
#slide3 .bgpanel{background: url(images/slider/dans.jpg) no-repeat;}
#slide3 .bgtrnsprnt{background: rgba(00, 00, 00, 0.4); padding:10px; height:630px; }
#slide3 .tekst{color:#fff; padding-right:400px;}
/* Yoga */
#slide5 .bgpanel{background: url(images/slider/yoga.jpg) no-repeat;}
#slide5 .bgtrnsprnt{background: rgba(00, 00, 00, 0.4); padding:10px; height:630px; }
#slide5 .tekst{color:#fff; padding-right:400px;}
	/* Vinyasa yoga */
	#slide6 .bgpanel{background: url(images/slider/vinyasa-yoga.jpg) no-repeat;}
	#slide6 .bgtrnsprnt{background: rgba(00, 00, 00, 0.4); padding:10px; margin-top:300px;}
	#slide6 .tekst{padding:5px 20px 5px 5px; color:#fff}
	/* Gentle vinyasa yoga */
	#slide7 .bgpanel{background: url(images/slider/gentle-vinyasa-yoga.jpg) no-repeat;}
	#slide7 .bgtrnsprnt{background: rgba(00, 00, 00, 0.4); padding:5px 50px 5px 5px;  }
	#slide7 .tekst{color:#fff; padding-top:450px;}
	/* Yoga voor mannen */
	#slide71 .bgpanel{background: url(images/slider/yoga-voor-mannen.jpg) no-repeat;}
	#slide71 .bgtrnsprnt{background: rgba(00, 00, 00, 0.4); padding:5px 50px 5px 5px;  }
	#slide71 .tekst{color:#fff; padding-top:25px;}
/* Creative core flow */
#slide9 .bgpanel{background: url(images/slider/creative-core-flow.jpg) no-repeat; padding:5px; color:#fff;}
#slide9 .bgtrnsprnt{background: rgba(00, 00, 00, 0.4); padding:5px 25px 5px 5px; }
#slide9 .tekst{width:635px;margin-top:300px}
/* Workshops */
#slide10 .bgpanel{background: url(images/slider/workshops.jpg) no-repeat;}
#slide10 .bgtrnsprnt{background: rgba(00, 00, 00, 0.4); padding:5px 25px 5px 5px; }
#slide10 .tekst{color:#fff;}
	/* Workshop 1 */
	#slide151 .bgpanel{background: url(images/slider/workshop-1.jpg) no-repeat; position:relative}
	#slide151 .bgtrnsprnt{background: rgba(00, 00, 00, 0.6); position:absolute; bottom:0px; padding:0 25px; border-bottom-right-radius:5px; border-bottom-left-radius:5px; }
	#slide151 .tekst{color:#fff; padding-top:100px;}
	/* Workshop 2 */
	#slide152 .bgpanel{background: url(images/slider/workshop-2.jpg) no-repeat; position:relative}
	#slide152 .bgtrnsprnt{background: rgba(00, 00, 00, 0.6); position:absolute; bottom:0px; padding:0 25px; border-bottom-right-radius:5px; border-bottom-left-radius:5px; }
	#slide152 .tekst{color:#fff; padding-top:100px;}
	/* Workshop 3 */
	#slide153 .bgpanel{background: url(images/slider/workshop-3.jpg) no-repeat; position:relative}
	#slide153 .bgtrnsprnt{background: rgba(00, 00, 00, 0.6); position:absolute; bottom:0px; padding:0 25px; border-bottom-right-radius:5px; border-bottom-left-radius:5px; }
	#slide153 .tekst{color:#fff; padding-top:100px;}
	/* Workshop 4 */
	#slide154 .bgpanel{background: url(images/slider/workshop-4.jpg) no-repeat; position:relative}
	#slide154 .bgtrnsprnt{background: rgba(00, 00, 00, 0.6); position:absolute; bottom:0px; padding:0 25px; border-bottom-right-radius:5px; border-bottom-left-radius:5px; }
	#slide154 .tekst{color:#fff; padding-top:100px;}
	/* Workshop 5 */
	#slide155 .bgpanel{background: url(images/slider/workshop-5.jpg) no-repeat; position:relative}
	#slide155 .bgtrnsprnt{background: rgba(00, 00, 00, 0.6); position:absolute; bottom:0px; padding:0 25px; border-bottom-right-radius:5px; border-bottom-left-radius:5px; }
	#slide155 .tekst{color:#fff; padding-top:100px;}
	/* Workshop 6 */
	#slide156 .bgpanel{background: url(images/slider/workshop-6.jpg) no-repeat; position:relative}
	#slide156 .bgtrnsprnt{background: rgba(00, 00, 00, 0.6); position:absolute; bottom:0px; padding:0 25px; border-bottom-right-radius:5px; border-bottom-left-radius:5px; }
	#slide156 .tekst{color:#fff; padding-top:100px;}
/* Yoga in Zuid-Afrika */
#slide17 .bgpanel{background: url(images/slider/zuid-afrika.jpg) no-repeat;}
#slide17 .bgtrnsprnt{background: rgba(00, 00, 00, 0.4); padding:5px 70px 5px 5px;  }
#slide17 .tekst{color:#fff; padding-top:500px;}
/* Behandelingen */
#slide19 .bgpanel{background: url(images/slider/behandelingen.jpg) no-repeat;}
#slide19 .bgtrnsprnt{background: rgba(00, 00, 00, 0.4); padding:5px 50px 5px 5px;}
#slide19 .tekst{color:#fff; padding-top:260px;}
	/* Massage */
	#slide20 .bgpanel{background: url(images/slider/massage.jpg) no-repeat; position:relative;}
	#slide20 .bgtrnsprnt{background: rgba(00, 00, 00, 0.4); position:absolute; bottom:0; padding:5px; padding-right:50px;}
	#slide20 .tekst{color:#fff;}
	/* Therapeutische Thaise Massage */
	#slide21 .bgpanel{background: url(images/slider/massage-thais.jpg) no-repeat;}
	#slide21 .bgtrnsprnt{background: rgba(00, 00, 00, 0.4); padding:5px 50px 5px 5px; }
	#slide21 .tekst{color:#fff; padding-top:200px;}
	/* Progressive Mental Alignment Coaching */
	#slide211 .bgpanel{background: url(images/slider/thais-massage.jpg) no-repeat;}
	#slide211 .bgtrnsprnt{background: rgba(00, 00, 00, 0.4); padding:5px 50px 5px 5px; }
	#slide211 .tekst{color:#fff; padding-top:200px;}
	/* Beweging in je brein */
	#slide28 .bgpanel{background: url(images/slider/beweging-in-je-brein.jpg) no-repeat;}
	#slide28 .bgtrnsprnt{background: rgba(00, 00, 00, 0.4); padding:5px 50px 5px 5px; border-bottom-left-radius:10px; border-bottom-right-radius:10px }
	#slide28 .tekst{color:#fff; padding-top:260px;}
/* Over Geertje */
#slide23 .bgpanel{background: url(images/slider/over-geertje.jpg) no-repeat;}
#slide23 .bgtrnsprnt{background: rgba(00, 00, 00, 0.4); padding:10px; height:630px; }
#slide23 .tekst{color:#fff; padding-right:400px;}
/* Lesrooster */
#slide24 .bgpanel{background: url(images/slider/lesrooster.jpg) no-repeat;}
#slide24 .bgtrnsprnt{background: rgba(00, 00, 00, 0.4); padding:5px 5px 5px 10px; height:640px;}
#slide24 .tekst{color:#fff;}
/* Prijzen */
#slide25 .bgpanel{background: url(images/slider/prijzen.jpg) no-repeat;}
#slide25 .bgtrnsprnt{background: rgba(00, 00, 00, 0.4); padding:5px; height:640px;}
#slide25 .tekst, #slide23 td, #slide23 p,#slide23 th{color:#fff;}
/* Praktische info */
#slide26 .bgpanel{background: url(images/slider/praktische-info.jpg) no-repeat;}
#slide26 .bgtrnsprnt{background: rgba(00, 00, 00, 0.4); padding:5px 40px 5px 5px; height:640px;}
#slide26 .tekst{color:#fff;}
/* Contact */
#slide27 .bgpanel{background: url(images/slider/contact.jpg) no-repeat;}
#slide27 .bgtrnsprnt{background: rgba(00, 00, 00, 0.4); padding:5px; height:630px;}
#slide27 .tekst, #slide25 td, #slide25 p{color:#fff;}

/* Aanvullingen vanaf hier */

/* DANSER */
.content img.dansen{ float:left; position:relative; left:-55px; top:64px;}

/* Tablepress */
.tablepress-id-3 .column-1, .tablepress-id-4 .column-1, .tablepress-id-5 .column-1, .tablepress-id-6 .column-1 {width: 150px;}
.tablepress-id-3 .column-2, .tablepress-id-4 .column-2, .tablepress-id-5 .column-2, .tablepress-id-6 .column-2 {width: 150px;}
.tablepress-id-3 .column-3, .tablepress-id-4 .column-3, .tablepress-id-5 .column-3, .tablepress-id-6 .column-3 {width: 150px;}
.tablepress-id-7 .column-1, .tablepress-id-8 .column-1 {width: 250px;}
.tablepress-id-7 .column-2, .tablepress-id-8 .column-2 {width: 150px;}

/* Button 10-7-2017 */
.button {
  display: inline-block;
  height: 50px;
  line-height: 50px;
  padding-right: 30px;
  padding-left: 70px;
  position: relative;
  background-color:rgb(41,127,184);
  color:rgb(255,255,255);
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 15px;
  
  
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  text-shadow:0px 1px 0px rgba(0,0,0,0.5);
-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true)";zoom:1;
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true);

  -moz-box-shadow:0px 2px 2px rgba(0,0,0,0.2);
  -webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.2);
  box-shadow:0px 2px 2px rgba(0,0,0,0.2);
  -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true)";
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true);
}

.button span {
  position: absolute;
  left: 0;
  width: 50px;
  background-color:rgba(0,0,0,0.5);
  
  -webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
border-right: 1px solid  rgba(0,0,0,0.15);
}

.button:hover span, .button.active span {
  background-color:rgb(0,102,26);
  border-right: 1px solid  rgba(0,0,0,0.3);
}

.button:active {
  margin-top: 2px;
  margin-bottom: 13px;

  -moz-box-shadow:0px 1px 0px rgba(255,255,255,0.5);
-webkit-box-shadow:0px 1px 0px rgba(255,255,255,0.5);
box-shadow:0px 1px 0px rgba(255,255,255,0.5);
-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ccffffff,Positive=true)";
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ccffffff,Positive=true);
}

.button.red {
  background: #e74c3c;
}