/********* RESET ********/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1.5;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}

/* BODY */
html, body {
width: 100%;
height: 100%;
padding: 0;
margin: 0; 
}

body {
font-family: 'Josefin Slab', serif;
}

h1 {
font-size: 2em;
margin:  1em 0;
}

h2 {
font-size: 1.7em;
margin:  1em 0;
}

h3 {
font-size: 1.5em;
margin: 0;
}

ul {
font-size: 1.2em;
}

ul li {
text-indent: 0.6em;
}


p {
font-size: 1.2em;
margin: 0.5em 0;
}

a {
color: #28ace2;
}

img {
max-width: 100%;
}

hr {
clear: both;
display:block;
height:1px;
border:0;   
border-top: 1px dashed #28ace2;
}

/* Clearfix */

.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}

.clearfix {
display: inline-block;
width: 100%;
}

/* Floats */

.right {
float: right;
}

.left {
float: left;
}

/* NAV */
header {
width: 100%;
height: 80px;
position: fixed;
background-color: #fff;
z-index: 99999;
text-align: center;
border-bottom: 1px dashed #28ace2;
}

nav {
font-size: 1.4em;
display: inline;
}

nav ul {
display: inline;
font-size: 1em;
}

nav li {
position: relative;
display: inline;
float: left;
margin: 1.2em;
text-indent: 0;
}

nav li a{
color: #28ace2;
display: block;
text-decoration: none;
}

header nav .home{
height: 100px;
width: 140px;
text-indent: -9999em;
background-image: url('../images/alles-in-beweging-logo.png');
background-size: contain;
background-repeat: no-repeat;
margin-top: 0.6em;
}

.dropdown{
list-style: none;
position: absolute;
left: -9999px;
z-index: 10;
opacity: 0;
-webkit-transition: opacity 0.35s linear;
-moz-transition: opacity 0.35s linear;
-o-transition: opacity 0.35s linear;
transition: opacity 0.35s linear;
}

.dropdown li{
padding: 0;
margin: 0;
float: none;    
}

.dropdown a{
white-space: nowrap;
text-align: left;
display: block;
}

header li:hover ul{
left: 0;
opacity: 0.95;
}

header li:hover ul a{
color: #28ace2;
padding: 0.2em 0.8em;  
background: #fff; 
-webkit-transition: all 0.15s linear;
-moz-transition: all 0.15s linear;
-o-transition: all 0.15s linear;
transition: all 0.15s linear;
}

header li:hover ul a:hover{
color: #fff;
background: #28ace2;
}

img.uc_logo {
margin: 2em 1em 0 1em;
}

/* wrapper */
#wrapper {
padding-top: 75px;
}

/* main */
.main {
clear: both;
margin: 0 auto;
width: 960px;
position: relative;
}

.main h1 {
text-align: center;
}

.aanbod {
float: left;
margin: -10px 10px 20px;
width: 61%;
padding: 5px;
height: 450px;
border-radius: 8px;
border: 1px dashed #28ace2;
position: relative;
overflow: hidden;
}

.aanbod_social {
float: left;
/* margin: -20px 10px 30px; */
margin: -10px 10px 10px 0;
width: 32%;
padding: 5px;
height: 450px;
border-radius: 8px;
border: 1px dashed #28ace2;
position: relative;
overflow: hidden;
}

.aanbod_social .tweet {
font-family: 'Josefin Slab', serif;
}

.naschools_aanbod.lkp_uitleg{
height: auto;
font-size: 1.2em;
text-align: center;
}

.naschools_prijs {
position: absolute;
top: -100px;
right: 125px;
z-index: 4;
padding: 1em 1.6em;
font-size: 0.8em;
text-align:center;
border-radius: 5em;
background-color: rgba(245, 131, 32,.90);
color: #fff;
-webkit-transform: rotate(10deg);
-moz-transform: rotate(10deg);
-o-transform: rotate(10deg);
-ms-transform: rotate(10deg);
transform: rotate(10deg);
}

p.naschools_prijs {
float: left;
font-size: 0.9em;
width: 55px
}

.naschools_prijs span{
clear: left;
}

.aanbod img {
border-radius: 8px;
margin-right: 10px;
float: left;
}

.wrapper_title {
height: 4em;
}

.aanbod h2 {
text-align: center;
margin: 0;
font-size: 1.6em;
}

.aanbod p {
font-size: 1.2em;
margin: 0.5em 0;
}

.cursusbutton {
position: absolute;
bottom: 10px;
right: 34px;
width: 150px;
padding: 6px 0;
text-align:center;
color: #fff;
border-radius: 5px;
background-color: #28ace2;
font-size: 1.3em;
}

.wrapper_cursus{
width: 100%;
padding: 10px;
border-radius: 8px;
border: 1px dashed #28ace2;
}

.wrapper_naschools {
width: 100%;
}

.naschools_aanbod, .voorstellen {
width: 100%;
height: 160px;
padding: 10px;
border-radius: 8px;
border: 1px dashed #28ace2;
position: relative;
margin-bottom: 10px;
}

.naschools_aanbod h2, .naschools_aanbod p{
margin: 0;
}

.naschools_aanbod img {
float: left;
margin-right: 10px;
border-radius: 5px;
}

.voorstellen {
width: 100%;
height: auto;
}

.voorstellen div {
display: inline-block;
vertical-align: top;
max-width: 75%;
}

.voorstellen li {
font-size:0.95em;
}

.voorstellen_tekst{
}

.voorstellen img {
float: right;
width: auto;
margin: 5px 5px 10px 0;
border-radius: 10px;
}

.voorstellen h2, .voorstellen p {
margin: 0;
}

.wrapper_cursus img {
float:right;
border-radius: 5px;
margin-left: 5px;
}

.lkp_wrap {
width: 18.5%;
margin: 0.5%;
display: inline-block;
}

.lkp_wrap img {
float:left;
border-radius: 5px;
margin-bottom: 5px;
}

.lkp_wrap img:hover {
opacity: 0.7;
}

#overzicht_lkp h2 {
text-align: center;
font-size: 1.3em;
}

.wrapper_cursus h2 {
font-size: 1.6em;
margin: 0.5em 0 0;
}

.wrapper_cursus ul span {
font-weight: bold;
}

a#inschrijfbutton{
text-decoration: none;
}

a#inschrijfbutton div, a#inschrijfbutton div:hover{
background-color: #fa8825;
margin: 1em;
width: 13em;
padding: 0.5em;
text-align:center;
color:white;
border-radius: 2em;
font-size: 1.2em;
}

/* Footer */
footer {
height: 6em;
line-height: 4em;
color: #28ace2;
clear: both;
}

footer p, .footer_div.left a {
font-size: 1.1em;
}

.footer_div {
display: inline;
}

.footer_div p {
margin: 0 10px;
float: left;
}

/* Flexslider */

.flex-container .flex-direction-nav .flex-prev {
left: 0;
}

.flex-container .flex-direction-nav .flex-next {
right: 0;
}

.flex-container{
width: 100%;
height: 100%;
max-width: 1368px;
margin: 0 auto;
position: relative;
}

.flexslider .slides >li{
}

.flex-caption {
width: 96%;
padding: 10px;
position: absolute;
left: 0;
bottom: -1em;
background: rgba(231,231,231,0.6);
color: #fff;
text-align: center;
font-size: 1.5em;
line-height: 1.5em;
}

/* Formulieren */

#contact img{
vertical-align: text-top;
height: 35px;
}

#contact img{
vertical-align: text-bottom;
height: 35px;
}

#contact img{
vertical-align: bottom;
height: 35px;
}

#contact img{
vertical-align: text-bottom;
height: 40px;
}

#contact form {
text-align: left;
}

#contact label {
display: block;
padding: 10px;
font-size: 1.2em;
cursor: pointer;
color: #28ace2;
}

#contact input, #contact textarea{
font-size: 1.1em;
color: #28ace2;
width: 60%;
border-radius: 5px;
border: 1px solid #28ace2;
}

#contact input {
height: 1.5em;
padding: 0.5em 1em;
}

input:focus, textarea:focus {
outline: none;
}

#contact textarea {
height: 8em;
padding: 15px;
max-width:60%;
}

#contact textarea#hoegekomen {
height: 3em;
}

#contact button[type="submit"] {
margin: 20px;
border: 0px none;
font-size: 0.9em;
background-color: #28ace2;
color: #fff;
display: block;
padding: 1em;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-appearance: none;
-moz-appearance: none;
}

#contact button[type="submit"]:hover {
cursor: pointer;
color:#f1ae73;
}

#contact button[type="submit"]:active {
color: #fff
}

.uc_contact a {
margin: 0 5px;
}

.uc_contact a:hover {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
filter: alpha(opacity=60);
opacity: 0.6;
}

@media only screen and (max-width: 600px) {
	header {
		position: absolute;
		left: 0;
	}
}