/* stylesheet */

html,body,h1,h2,h3,h4,h5,a,p,ul,li,form,input,label{
	padding : 0;
	margin : 0;
	list-style : none;
	text-decoration : none;
	color : inherit;
}

h1,h2,h3,h4{
	padding : .3em 0;
	margin-bottom : 7px;
}

h1{ font-size: 1.7em; }
h2{ font-size: 1.4em; }
h3{ font-size: 1.2em; }
h4{ font-size: 1.1em; }

h2.normal{
	font-weight : normal;
}

html,body{
	position: relative;
	width : 100%;
	height : 100%;
	color: #3F51B5;
}

hr {
	border: 0;
	height: 1px;
	background: #5AACCA;
	background-image: linear-gradient(to right, #ccc, #5AACCA, #ccc);
}

.p1{
	padding : 1em !important;
}

.p2{
	padding : 2em !important;
}

.small-font{
	font-size : .8em;
}

.mb20{
	margin-bottom: 20px !important;
}

.mt10{
	margin-top: 10px !important;
}

.mt20{
	margin-top: 20px !important;
}

.mh20{
	margin: 20px 0 !important;
}

.mb0{
	margin-bottom: 0 !important;
}

.p0{
	padding: 0 !important;
}

.pb0{
	padding-bottom: 0 !important;
}

.hidden{
	display:none;
}

p.roze{
	color: #e91e63 !important;
}

h2.roze{
	color: #e91e63 !important;
	font-weight: 600;
	font-size: 18px;
	margin-top: 30px;
}

p.donkerblauw{
	margin-top: 1em;
}

.top-space{
	padding-top: 55px;
}

.price{
	color: #E8E180;
	font-size: 1.4em;
	padding: .5em;
	margin-left: 1em;
	border-radius: 50%;
	font-weight: 600;
	text-shadow: 1px 1px 1px #222;
	background: #1469B1;
	background: linear-gradient(#A9CED7,#235C90);
}

a.link{
	color : #CAE4FD;
}

.clear{
	clear: both;
}

*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

a:hover{
	text-decoration: none;
}

.justify{
	text-align: justify;
}

.align-left{
	text-align: left;
}

p.bold{
	font-weight : bold;
}

body{
	/*font-family: Verdana, Geneva, sans-serif,sans-serif;*/
	/*font-family: helvetica neue,helvetica,arial,lucida grande,sans-serif;*/
	font-family: 'Open Sans', sans-serif;
	/*font-family: 'Roboto', sans-serif;*/
	font-size: 16px;
	line-height: 1.8;
	color: #1d2337;
	background-color: #fff;
}

.grid{
	width : 90%;
	/*min-width : 450px;*/
	margin : 0 auto;
	position: relative;
	z-index: 7;
	margin : 0 auto;
	height: 100%;
}

section.main{

}

header{
	position: relative;
	top: 0;
	width: 100%;
	z-index: 79;
	text-shadow: 0px 1px 0px #FFF;
	/*background: #D8E6FF url(../images/header_bg.jpg) top center;*/
	background-color: rgba(255, 255, 255, 0.79);;
	height: 75px;
	box-shadow: 0 1px 2px #444;
	/*-moz-transition : all .1s;*/
	/*-webkit-transition : all .1s;*/
	/*transition : all .1s;*/
}

.header + div,.header + section{
	margin-top: 0;
}

.header.fix{
	position: fixed;
	height: 47px;
}

.header.fix + div,.header.fix + section{
	margin-top: 60px;
}

.logo{
	width: 180px;
	height: 40px;
	float : left;
	margin-top : 16px;
	background: url(../images/OBwoordenhulpcirkel.png) center no-repeat;
	background-size : contain;
	-moz-transition : all .5s;
	-webkit-transition : all .5s;
	transition : all .5s;
}

.header.fix .logo{
	width: 148px;
	height: 34px;
	margin-top: 8px;
}

input.form-control:focus{

}

.top-menu-icon{
	margin: 4px 1px 0 4px;
	float : right;
	cursor : pointer;
	display : block;
}

.top-menu_mobile{
	overflow : hidden;
	width : 100%;
}

#top_mobile_menu{
	padding-top : 0px;
}

#top_mobile_menu li{
	width : 100%;
	border-bottom : 1px solid #eee;
	background : #a4dae6;
	padding-left: 90px;
}

#top_mobile_menu li a{
	display : block;
	padding : 10px 0;
	color: #1F719C;
	font-size: 18px;
}

#top_mobile_menu li a.selected{
	color: #e91e63;
	font-weight: 600;
}

img{
	max-width: 98%;
}

.top-menu{
	display : none;
}

.menu_icon_line{
	width: 27px;
	height: 4px;
	margin: 7px 0 0px 0;
	border-radius: 25px;
	background: #4484A9;
}

.img_wrapper{
	display : inline-block;
	margin-top : 1em;
}

.overlay{
	background : url(../images/vergrootglas.png) center no-repeat;
}

.close{
	font-size : 20px;
	font-family : sans-serif;
	font-weight : bold;
	color : #dd7766;
	cursor : pointer;
}

.close:hover{
	color : #eee;
}

a.knob{
	padding : .5em;
	margin: 7px;
	border: 2px solid;
	background-color: #4A8EB5;
	color: #ccc;
}

a.knob:hover{
	background-color: #4A8EB5;
	color: #1B5F73;
}

.small_type{
	font-size: .8em;
	margin: 2em 0;
}

.loggedin{
	padding: 24px 0;
	float: right;
	height: 100%;
	display: block;
	line-height: 2.3em;
	color: #f243da;
}

@media screen and (min-width : 690px){
	.top-menu-icon{
		display : none;
	}

	.top-menu_mobile{
		display : none;
	}

	.header .top-menu{
		display : block;
		float : right;
		padding : 20px 0;
		margin-left : 7px;
		/* height: 100%; */
		overflow: hidden;
	}

	.header.fix .top-menu{
		padding : 7px 0;
	}

	.contact a{
		display : inline;
	}
}

.top-menu li{
	float : left;
	margin : 0 7px;
	padding: 4px;
	margin-left : 10px;
}

.top-menu li:hover{
	background-color: #e91e63;
}

.top-menu li:hover a{
	color: #eef3f6;
	text-shadow: none;
}

.top-menu li a{
	color : #333276;
	font-weight: bold;
	padding: .4em 2px;
}

.top-right{
	float : right;
	margin-top : 16px;
	-webkit-transition : all .6s;
	-moz-transition : all .6s;
	-o-transition : all .6s;
	transition : all .6s;
}

.top-right ul li{
	float: left;
}

.smb{
	display: none;
	float : left;
}

.smb a{
	width : 30px;
	height : 30px;
	margin : 0 5px;
	display : inline-block;
	background: url(../images/social_icons.png) no-repeat;
	background-size: 180px;
	border-radius: 4px;
}

#fb a{
	background-position: -3px -45px;
}

#tw a{
	background-position: -39px -45px;
}

#ln a{
	background-position: -75px -45px;
}

#fb a:hover{
	background-position: -3px -3px;
	border : 0;
}

#tw a:hover{
	background-position: -39px -3px;
	border : 0;
}

#ln a:hover{
	background-position: -75px -3px;
	border : 0;
}

.top-menu li a.selected{
	background: none;
	color: #ec3f7a;
	text-shadow: none;
}

.top-menu li:hover a.selected{
	color: #eee;
	text-shadow: none;
}

#top_login{
	margin : 3px 0 0 7px;
}

#top_login a{
	padding: 10px;
	color: #DA542C;
	font-size: 14px;
}

#top_login a:hover{
	color : #333;
}

.knoppen{

}

a .knop{
	padding: 2em 0;
	text-align: center;
	width: 140px;
	background-color: #11354E;
	float: left;
	font-family: sans-serif;
	margin: 12px;
	text-shadow: 0 1px 0 #424242;
	color: #EAEAEA;
	border-radius: 5px;
	box-shadow: 1px 2px 0px #98BDFF;
	border: 1px solid #1C799C;
}

a .knop:hover{
	background-color: #052B46;
	color : #FFA283;
	box-shadow: 0px 1px 2px #FFA283;
}


section#second h4{
	margin: 14px;
}

section#second ul{
	margin-bottom: 2em;
}


/**** FEEDBACK ******/

.feedback{
	position: relative;
	padding: .2em .7em;
	width: 90%;
	margin: 0 auto 7px auto;
	/*margin-bottom: 7px;*/
	z-index: 777;
	font-size: .9em;
}

.feedback.success{
	background-color: #BFFFA9;
	color: #489A36;
	border-left: rgb(33, 173, 33) 3px solid;
}

.feedback.error{
	background-color: #FFCDCD;
	color: #C71C1C;
	border-left: #D01818 3px solid;
}

.feedback.info{
	color: rgb(236, 236, 236);
	border-left: rgb(6, 129, 170) 3px solid;
}

span.close{
	position : absolute;
	right : 7px;
	color: #272727;
	padding: 0 3px;
	font-size: .8em;
	cursor: pointer;
}

section.main{
	position: relative;
	margin-top : 0px;
	padding-top : 7px;
	padding-bottom : 7px;
	min-height: 76%;
	/*background: #235C90 url(../images/gbg.png) center top repeat-x;*/
	background-color: #548fb4;
	box-shadow : inset 0 0 7px 0 #222;
}

.alink{
	color : #444;
}

.dieren-bg{
	position: absolute;
	left: 0;
	width : 100%;
	height : 100%;
	background : url(../images/hert.png) left bottom no-repeat;
	background-size: contain;
}

.specht-bg{
	position: absolute;
	width : 100%;
	height : 100%;
	background : url(../images/specht-2.png) right bottom no-repeat;
	background-size: contain;
}

.main-top{
	position: relative;
	width : 100%;
	/*height : calc(100% - 60px);*/
}

.beginbalk{
	background : url(../images/beginbalk-part.jpg) repeat-x;
	height : 370px;
	max-height: 500px;
	border-bottom : 3px solid #fff;
}

.dierengroep{

}

.dierengroep img{
	margin: 0 auto;
	display: block;
}

section#kids{
	/*padding : 70px 1px 30px 1px;*/
	/*overflow: hidden;*/
}

section#kids h2{
	margin-bottom : 64px;
	color : #FAEC7F;
	font-weight: normal;
	font-size: 21px;
}

section#home{

}

section#home h1{
	color : #fff;
	margin: 0;
	padding: 0;
	font-size: 1.8em;
}

section#home h4{
	color : #F0CC80;
	font-weight : normal;
}

section#prof, section#teksten{
	color : #fff;
}

section.main#overzicht{
	background: transparent;
	box-shadow: none;
}

section#contact{
	color : #fff;
	padding-bottom: 90px;
}

section#error{
	color: #fff;
	text-align: center;
}

section#info{
	padding : 2.4em 1px;
	color : #f7f7f7;
}

section#error a{
	color: #444D73;
}

.content h2.align-left{
	text-align: left;
}

.content h3{
	color: rgb(20, 72, 142);
	margin-bottom: 18px;
}

.content h4{
	color: #333276;
}

.content.blue h4{
	color: #FFEB3B;
}

.side-image{
	max-width: 100%;
	max-height: 100%;
	border-radius: 7px;
	display: block;
	margin: 0 auto;
}

.contact-gegevens{
	text-align: center;
}

.content ul.kenmerken{
	padding-left: 2em;
}

.content ul.kenmerken li{
	padding : 2px 27px;
	background: url(../images/pootbl.png) no-repeat;
	background-size: 10px;
	background-position: 1px 7px;
}

p.top{
	padding: 7px;
	text-align: right;
	font-size: .8em;
}

.dieren_bg{
	display : none;
	position : absolute;
	left : 0;
	top : 70px;
	width : 100%;
	max-width : 1200px;
	height : 100%;
	margin: 0 auto;
	background : url(../images/dieren_cafe_bg.png) center 5px no-repeat;
	background-size : 980px;
	z-index : 1;
}

.modal-content{
	color: #1d2337;
	background-color: #e0ece9;
}

.demo_action{
	padding:1em;
	background-color: #ffeb3b;
	border: 1px solid #333276;
	border-radius: 14px;
	color: #333276;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	position: absolute;
	z-index: 99;
	top:10%;
}

.oefenboek_action {
	position: absolute;
	padding: 14px;
	text-shadow: 0px 1px 0px #25556B;
	text-align: center;
	/*width: 210px;*/
	height: auto;
	background-color: #edeeae;
	/*background: #208698 url(../images/oefenboek_verkrijgbaar_trans.png) center no-repeat;*/
	background-size: contain;
	box-shadow: 1px 1px 3px #222;
	border-radius: 50%;
	right: 0;
	font-size: 16px;
	color: #3993ad;
	border: 2px solid #FFF;
	bottom: 20px;
}

.oefenboek_action p {
	padding: 0;
}

.social_buttons{
	position : relative;
	z-index : 7;
}

.img-holder{
	margin: 24px 0;
	text-align: center;
}

@media screen and (min-width : 800px){
	.beginbalk{
		height : 490px;
	}
	.dieren_bg{
		display : block;
	}
}

.background_image{
	background : url(../images/seascape-3.jpg) bottom no-repeat;
	background-size : contain;
}

.content p{
	/* padding : 0 1em; */
	text-shadow: none;
	color : #333276;
}

.footer{
	text-shadow: none;
	color : #f8f9fa;
}

.footermenu{
	margin: 24px 0;
	font-size: .9em;
}

.content.blue p{
	color: #fff;
}

.content.blue{
	background-color: #333276;
	color: white;
}

section#second{
	background-color: #fff;
	border-top : 4px solid #3F51B5;
	color : #555;
}

section#second p{
	padding : .6em 2em;
}

.underline{
	padding : 0 1.4em;
	margin-top : 1em;
	text-decoration : underline;
	color : #607190;
}

.underline-top{
	margin: 1em .5em;
	text-decoration : underline;
}

.background_image_squares{
	background : url(../images/rays.png) center bottom no-repeat;
	background-size : contain;
}

section#third{
	background: #a4dae6;
	border-top: 1px solid #3da2d2;
	border-bottom: 1px solid #0B4669;
	padding: 1.4em;
}

.items-list ul{
	padding-left: 24px;
	color: #1a2563;
}

.items-list ul li{
	list-style: inside;
}

section#fifth .content{
	text-shadow: 0 0 1px #424242;
	text-align: left;
	color: #eee;
}

section#fifth{
	background: #a4dae6;
	border-top: 1px solid #3da2d2;
	border-bottom: 3px solid #fff;
	padding: 1.4em;
}

section#fifth .content h2{
	color: #333276;
	margin-bottom: 18px;
}

section#fifth .content p{
	color: #333276;
	margin-bottom: 18px;
}

.video{
	padding:0;
	margin: 0 auto;
	display: block;
	position: relative;
	top: 22%;
}

section#sixth .content{
	text-shadow: 0 0px 1px #424242;
	text-align: center;
	color: #eee;
}

section#sixth{
	position: relative;
	background-image: url(../images/org_autumn_scene.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

section#sixth .content{
	position: relative;
}

section#sixth .content h2{
	color: #fff;
}

section#sixth .content p{
	color: #fff;
}

.overlay{
	background-color: rgba(99, 99, 99, 0.38);
	background-image: url(../images/pattern-licht.png);
	background-repeat: repeat;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}

.content{
	padding: 1.6em 0;
}

.content_seperator{
	padding : 2em 0 0 0;
}

.content h5{
	color: #16318A;
	font-size: 16px;
	margin: 14px 0;
}

.content .heading{
	margin-bottom : 27px;
	text-align : center;
}

.content a{
	color : #e91e63;
	font-weight: 600;
}

.formulier{
	margin-bottom: 20px
}

div#contactformulier{
	/* margin-bottom: 30px; */
}

a.or{
	color: #FFA846;
	text-shadow: 0 0 1px #575757;
}

.anchor{
	padding-top: 42px;
	display: block;
}

.anchor_small{
	padding-top: 17px;
	display: block;
}

.sidebar, .sidebar ul{
	display : none;
}

.col-wrapper{
	padding: .7em;
	margin: 14px;
}

.col-wrapper a.action-btn{
	max-width: initial;
}

.col-content{
	text-align: center;
	min-height: 400px;
	border: 3px solid #a4dae6;
	border-radius: 14px;
	background-color: #fff;
	padding: 1em;
}

.col-img{
	height: 60%;
	margin-bottom: 10px;
	padding: 1em;
}

.col-img img{
	max-height: 95%;
	max-width: 95%;
	transition: all .4s;
}

.col-img img:hover{
	max-width: 100%;
}

.col-text{

}

.button_behandeling{
	position: relative;
	top: 86%;
}

.button_methode{
	position: relative;
	top: 10%;
}

.button_leesspelletjes{
	position: relative;
	top: 68%;
}

a.action-btn{
	width: 100%;
	display: block;
	text-align: center;
	max-width: 240px;
	margin: 14px auto;
	padding: 3px 0;
	background: #ffe924;
	border: 1px solid #333276;
	color: #333276;
	border-radius: 4px;
	text-shadow: none;
	font-weight: 600;
}

a.action-btn:hover{
	background: #333276;
	color: #ffffff;
	text-shadow: none;
	font-weight: 400;
}

a.action-btn.yellow{
	background: #E91E63;
	border: 1px solid #ffffff;
	color: #fffdde;
	margin: 8px 0;
	padding: 4px;
	max-width: 100%;
	font-weight: 400;
}

a.action-btn.yellow:hover{
	background: #e8447c;
	color: #ffffff;
}

a.action-btn.yellowmap{
	background: #E91E63;
	border: 1px solid #ffffff;
	color: #ffffff;
	margin-left: 0;
	font-weight: 400;
}

a.action-btn.pink{
	margin: 0px auto;
	display: block;
	background: #E91E63;
	border: 1px solid #ffffff;
	color: #fffdde;
	font-weight: 400;
}

a.action-btn.pink:hover{
	background: #e8447c;
	color: #ffffff;
}

a.action-btn.yellowspel{
	margin: 0 auto;
}


section#second .col-text h4 {
	padding:0;
	margin:14px 0;
	font-weight: 600;
}

section#second .col-text p {
	padding:0;
	margin:0;
}

.speakout{
	font-size: 1.4em;
	font-weight: 400;
	margin-bottom: 27px !important;
}

/*********** SIDEBAR ***************/


@media screen and (min-width : 800px){
	.right_indent{
		padding-right : 180px !important;
		text-align : justify;
	}

	.sidebar{
		/*display : block;*/
		position: absolute;
		z-index: 50;
		padding : .5em 2em;
		background: rgba(216, 230, 255, 0.58);
		color: #3874A1;
	}

	.sidebar ul{
		display : block;
	}
}

/*********** END SIDEBAR ***************/

.default-form label{
	color: #333276;
}

.content p.small{
	font-size: .8em;
	color: #939393;
}

.content h1#intro{
	font-size: 1.8em;
	color: rgb(20, 72, 142);
	margin-bottom: 18px;
	text-align: center;
}

.content h2{
	color: #333276;
	margin-bottom: 18px;
}

span.sub_title{
	font-weight: normal;
	font-size: 20px;
}

section#second{
	padding-top: 65px;
	padding-bottom: 50px;
	/*background: url(../images/beginbalk_bg_blue.png) bottom no-repeat;*/
	background-size: contain;
}

section#second .content h5{
	color: #3F51B5;
}

section#second .content p{
	text-shadow: 0 0px 1px #eee;
	color : #2F3E4C;
}

section#second p.full_line{
	padding: 0 3em 2em;
	color: #8F999C;
	font-size: .9em;
}

.bg-image{
	background: url(../images/vis-en-haak.jpg) center bottom no-repeat;
	background-size: 500px;
}

.boxes{
	width: 300px;
}

.right{
	float : right;
}

.left{
	float : left;
}


.box{
	width : 100%;
	height: 150px;
	padding : .7em;
	border: 2px solid #E7F432;
	background: rgba(255, 255, 255, 0.59);
	margin: 24px 0;
	overflow: hidden;
}

section#second .box h4{
	margin : 0;
	color : #3F51B5;
	margin-bottom : 14px;
}

.an-link{
	position: relative;
}

.an-link:hover .arrow{
	left: 0;
}

.an-link:hover a{
	padding-left: 20px;
}

.arrow{
	position: absolute;
	width: 20px;
	border-left: 10px solid #46B328;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	left: -100px;
	top: 0px;
	transition : .4s;
}

.box a{
	color: #1F5A64;
	text-shadow: 0 0 1px #ccc;
	display: block;
	margin: 5px 0;
	padding-left: 0px;
	transition : .4s;
}

.space{
	height : 40px;
}

.third-image{
	height: 90px;
	background: url(../images/vliegen.png) center no-repeat;
	background-size: contain;
}

.colm-50, .colm-40, .colm-60, .colm-67, .colm-33, .colm-10, .colm-45{
	float: left;
	width : 100%;
	padding : 0;
}

.colm-50 img{
	max-width: 440px;
	border-radius: 3px;
	max-height: 145px;
}

.panda{
	width : 200px;
	height : 200px;
	background : url(../images/panda.png) no-repeat;
	background-size: contain;
}

.line{
	border-style: inset;
	border-width: 1px;
	border-color: #eee;
	width : 100%;
}

.side-image{
	margin: 1.4em;
	border-radius: 7px;
	vertical-align: baseline;
	overflow: hidden;
}

.side-image img{
	max-width : 100%;
	max-height : 100%;
	border-radius: 7px;
	display : block;
	margin : 0 auto;
}

img.border{
	border: 1px solid #fff;
}

.w40{
	width: 45%;
	text-align: left;
}

table.table{
	width : 100%;
	margin : 7px auto;
	text-shadow: none;
	border: 1px solid #333276;
	border-spacing: 1px;
	border-collapse: collapse;
	color: #333276;
	background-color: #fff;
	text-align: center;
}

table.table_staffelkorting{
	text-shadow: none;
	color: #333276;
	background-color: #fff;
	text-align: center;
	font-size: .7em;
}

table.table_staffelkorting td, table.table_staffelkorting th{
	padding: 2px 7px;
}

.table td, .table th{
	border: 1px solid #333276;
}

.table-striped tbody tr:nth-of-type(odd) {
	background-color: #e5fbff;
}

table.orders{
	background : #fff;
}

ul.order_overview{
	border : 1px solid #ddd;
	max-width : 500px;
	background : #F7F7F7;
	color : #284150;
	margin : 0 auto;
}

ul.order_overview li{
	padding: 4px;
	font-size: 16px;
	border: 1px solid #eee;
}

ul.list-arrows {
	padding: 0;
	margin: 0 0 30px 0;
	list-style: none;
	border-top: 1px solid #66e5de;
}

.privacy .content h2 {
	color: #fd4885;
}

ul.list-arrows li {
	display: block;
	position: relative;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-right: 2em;
	border-bottom: 1px solid #66e5de;
}

ul.list-arrows li:hover a:before{
	right: 0;
}

ul.list-arrows li:hover a{
	color: #6c7173;
}

ul.list-arrows li a:before {
	content: "\f178";
	font-family: FontAwesome;
	color: #66e5de;
	max-width: 100%;
	height: auto;
	position: absolute;
	top: 0;
	right: 14px;
	bottom: 0;
	margin-top: auto;
	margin-bottom: auto;
	width: 1.25em;
	transition-property: right;
	transition-duration: 200ms;
	transition-timing-function: ease;
	transition-delay: initial;
	height: 1.5em;
}

ul.list-arrows a{
	color: #39728e;
	font-weight: 400;
}

span.label{
	min-width: 12em;
	display: inline-block;
	color: #888;
}

span.cancel{
	float : right;
	color : #DE9A34;
}

th{
	background: #333276 ;
	color: #eee;
	text-align: center;
}

.center{
	text-align: center;
	margin: 0 auto;
}
.line_product{
	margin: 40px 0;
	border-top: 2px solid #a4dae6;
	border-bottom: 2px solid #a4dae6;
}

.product_beschrijving{
	margin: 1em 0;
}

.beschrijving{
	padding:0 1em;
	margin-bottom: 0px !important;
}

.beschrijving h2{
	font-weight: 600;
	margin-bottom : 0;
}

.beschrijving h5{
	margin-top : 4px;
	margin-bottom : 21px;
	color: #e91e63;
	font-size: 16px;
	font-weight: bold;
}

.contact h2{
	font-weight: 600;
}

.contact p{
	padding: .5em 0;
}

.who_map{
	padding: 1em;
}

.whonder_kenmerken{
	margin-top: 65px;
	color: #333276;
	/*margin-left: 22px;*/
}

.who_kenmerken li{
	margin-left: 32px;
}

.who_kenmerken i{
	margin-left: -29px;
	margin-right: 14px;
	color: #333276;
}

ul.opsomming {
	margin-left: 22px;
	color: #e91e63;
	font-size: 16px;
	font-weight: 600;
}

.opsomming i {
	margin-left: -22px;
	margin-right: 7px;
	color: #e91e63;
}

.prijs{
	padding:0 1em;
	margin-bottom: 0px !important;
	color: #333276;
}

.prijs h2{
	font-weight: 600;
	margin-bottom : 0;
	color: #e91e63;
	font-size: 1.4em;
}

.prijs h5{
	margin-top : 4px;
	margin-bottom : 21px;
	font-size: 14px;
}
ul.who_specificaties{
	font-size: 14px;
	margin-top: 45px;
}

ul.specificaties{
	font-size: 14px;
	margin-top: 12px;
	margin-bottom: 25px;
	margin-left: 22px;
}

.specificaties i {
	margin-left: -22px;
	margin-right: 7px;
	color: #2ba54a;
}

.woordenhulpflits {
	margin-top: 35px;
}

.woordenhulpflits_inhoud {
	margin-top: 35px;
}

.whflits h5{
	font-size: 16px;
	font-weight: 600;
}

.voordelen_flits{
	margin-top: 35px;
}

.voordelen_flits h5{
	font-weight: 600;
}

.bijbestellen{
	margin-top: 64px;
}

.center .btn{
	margin-top : 100px;
}

.btn{
	background: #3F51B5;
	color: #E8E8E8;
	border-radius: 5px;
	text-align: center;
	cursor: pointer;
	display: inline-block;
	border:none;
}

.btn.btn-primary{
	background: #38a430;
	color: #E8E8E8;
}

.btn.btn-secondary{
	background: #1d2337;
	color: #E8E8E8;
}

.btn.btn-orange{
	background: #D26010;
	background: -moz-linear-gradient(#F23E10,#F77A20);
	background: -o-linear-gradient(#F23E10,#F77A20);
	background: -webkit-linear-gradient(#F23E10,#F77A20);
	background: linear-gradient(#F23E10,#F77A20);
	padding: .5em 1em;
	font-size: 18px;
	max-width: 10em;
	color: #E8E8E8;
	text-shadow: 0 0 1px #794021;
	border-radius: 5px;
	border: 1px solid #863232;
	text-align: center;
	cursor: pointer;
	display: inline-block;
	box-shadow: 0px 2px 0px #712B1C, 0px 2px 7px #FFFDEF;
}

button.btn a{
	color: #ddd;
	text-shadow: 0 0 1px #4C1907
}

button.btn:hover a{
	text-decoration : none;
	color: #FFFFFF;
	text-shadow: 0 0 1px #4C1907, 0 0 7px #ddd;
}

.btn.btn-orange:hover{
	background: #D26010;
	color : #fff;
}

.btn:active{
	background: #D26010;
	color : #fff;
	box-shadow: 0px 0px 0px #712B1C, 0px 1px 7px #FFFDEF;
}

.btn.btn-default{
	background: #717171;
	padding: .4em 1em;
	font-size: 14px;
	color: #ffffff;
	border: 0;
	box-shadow: none;
}

.btn.btn-blue{
	background: #235d8e;
	padding: .4em 1em;
	font-size: 14px;
	color: #ffffff;
	border: 0;
	box-shadow: none;
}

.vogel {
	position: absolute;
	width: 270px;
	height: 120px;
	background: url(../images/vliegen.png) center no-repeat;
	background-size: contain;
	top: -80px;
	left: 0px;
	z-index: 20;
	transition : all .5s;
}

.main-wrapper{
	position: relative;
	z-index: 7;
	/*width : 800px;*/
	margin : 0 auto;
}

.main-wrapper.kids{
	padding-top : 110px;
}

.main-wrapper .intro{
	color : #eee;
	margin-bottom : 65px;
	text-align : center;
}

.main-wrapper .intro h1, .main-wrapper .intro h3{
	padding : 0;
	margin : 0;
}

.main-wrapper .intro h1{
	color: #F7E246;
	text-shadow: 0px 1px 1px #656565;
}

p.home-intro{
	padding: 2em 1.4em;
	color: #BFBFBF;
	font-size : .9em;
}

p.home-intro a{
	color : #071C2B;
}

.main-wrapper .intro h3{
	font-weight : normal;
	color: #D13939;
	text-shadow: 0 1px 1px #565656;
}

.top-image{
	position: relative;
	width : 100%;
	height : 285px;
	border-top : 4px solid #E7F432;
	border-bottom : 4px solid #E7F432;
	box-shadow: inset 0 0 2px 0 #222;
	transition : all 1.4s;
}

#set{
	background: url(../images/leesbladen-bg-2.jpg) center center no-repeat;
	background-size: 100%;
	transition : all 1.4s;
}

#set2{
	background: url(../images/autumn_woordenhulp-5.jpg) center no-repeat;
	background-size: 100%;
}

.caption{
	max-width: 400px;
	margin-top: 34px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	border-radius: 5px;
	color: #208698;
	text-shadow: 0 0px 1px #FFFFFF;
	background: rgba(216, 230, 255, 0.75);
	box-shadow: 0px 2px 2px #4B6677;
	padding: 1.6em;
}

.caption h2{
	margin-bottom : 14px;
	font-size: 18px;
}

.blauwe_balk{
	font-weight: 600;
}

.caption p{

}

.container{
	position: relative;
	z-index: 10;
	width : 500px;
	height : 300px;
	margin : 0 auto;
	background: rgb(252,245,184); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(252,245,184,1) 0%, rgba(249,234,114,1) 32%, rgba(249,229,77,1) 34%, rgba(239,213,43,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,245,184,1)), color-stop(32%,rgba(249,234,114,1)), color-stop(34%,rgba(249,229,77,1)), color-stop(100%,rgba(239,213,43,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(252,245,184,1) 0%,rgba(249,234,114,1) 32%,rgba(249,229,77,1) 34%,rgba(239,213,43,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(252,245,184,1) 0%,rgba(249,234,114,1) 32%,rgba(249,229,77,1) 34%,rgba(239,213,43,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(252,245,184,1) 0%,rgba(249,234,114,1) 32%,rgba(249,229,77,1) 34%,rgba(239,213,43,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(252,245,184,1) 0%,rgba(249,234,114,1) 32%,rgba(249,229,77,1) 34%,rgba(239,213,43,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcf5b8', endColorstr='#efd52b',GradientType=0 ); /* IE6-9 */
	border-radius : 14px;
	border : 2px solid #fff;
	float : none;
	box-shadow: 0 1px 2px 0 #444;
}

.container.intro{
	width : 780px;
	height : 370px;
	margin : 7px auto;
	float : none;
}

.boekenworm{
	position : relative;
	margin : 10px auto;
	width : 400px;
	height : 270px;
	background : url(../images/boek-en-worm-potlood.png) center no-repeat;
	background-size : contain;
}

.boekenworm a{
	position : absolute;
	display : block;
	width : 94%;
	height : 80%;
	top : 40px;
	left : 15px;
}

.inside{
	margin-top : 30px;

}

.inside-container{
	position: relative;
	width : 80%;
	height : 240px;
	margin : 0px auto;

	overflow: hidden;
}

.shade{
	position : absolute;
	width : 100%;
	height : 100%;
	top : 0;
	left : 0;
	box-shadow: inset 1px 1px 5px #333;
}

.slider{
	position: relative;
	height: 100%;
}

.slide{
	position: absolute;
	height : 240px;
	width: 400px;
	float: left;
	z-index : 2;
	box-shadow: inset 1px 1px 5px #333;
}

.slide.active{
	display: block;
}

.lezen{
	background : url(../images/memorie.jpg) center top no-repeat;
	background-size: cover;
}

.leren{
	background : url(../images/trainer.jpg) center top no-repeat;
	background-size: cover;
}

.schrijven{
	background : url(../images/vissentekst.jpg) center top no-repeat;
	background-size: cover;
}

.slide-content{
	position : relative;
	height : 100%;
}

.slide-content a{
	position: absolute;
	top: 70%;
	display: inline-block;
	color: #fff;
	padding: .5em 1em;
	margin: 1em;
	border-radius: 7px;
	background: #58D32E;
	text-shadow: 0 1px 1px #444;
	box-shadow: 0 1px 2px #222;
}

.slide-content  a:hover{
	background: #666;
	box-shadow: 0 0px 1px #222;
}

.slide-content h1{
	color: #fff;
	text-shadow: 0 1px 1px #222;
	background: rgba(68, 68, 68, 0.5);
	padding: .5em 1em;
	font-size: 1em;
}

.container p{
	color: #0B5F73;
	text-align: center;
	font-size: .8em;
	padding: .5em;
	text-shadow: 0px 0px 2px #F7F7F7;
	font-family: "Arial Black","Arial Bold",Gadget,sans-serif;
}

.slides {
	position: relative;
	z-index: 10;
	width: 500px;
	height: 120px;
	margin: 40px auto;
	float: none;
	border-radius: 14px;
	border: 2px solid #fff;
	background: #FF7442;
	background: -o-linear-gradient(#FF8181,#AD0000);
	background: -moz-linear-gradient(#FF8181,#AD0000);
	background: linear-gradient(#FF8181,#AD0000);
	box-shadow: 0 1px 2px 0 #444;
}

.item {
	position: relative;
	width: 145px;
	float: left;
	height: 70px;
	margin: 21px 10px;
	background: rgba(148, 35, 35, 1);
	box-shadow: inset 0 0 3px #2D2D2D;
}

.item.active{
	background : rgb(245, 222, 63);
}

.item.active .slide-img{
	box-shadow: 0 1px 3px #333;
}

.slide-img{
	position: absolute;
	width: 70%;
	left: 15%;
	height: 90%;
	top: 3%;
	border: 1px solid #D8D8D8;
}

.slide-img:hover{
	box-shadow: 0 0px 4px #eee;
	border: 1px solid #c3c3c3;
}

.slide-img img{
	width : 100%;
	height: 100%;
	margin-top: 0px;
}

.clicker{
	position: absolute;
	background: transparent;
	width: 100%;
	height : 100%;
	z-index: 40;
}

.tijger{
	position: absolute;
	top: -24px;
	left: -7px;
	width: 150px;
	height: 127px;
	background : url(../images/tijger.png) no-repeat;
	background-size: contain;
	z-index: 30;
}

.panter{
	position: absolute;
	top : -23px;
	left : 1%;
	width : 160px;
	height : 120px;
	background : url(../images/tijger.png) no-repeat;
	background-size: contain;
}

.beren{
	height: 93px;
	margin-top: 1em;
	background : url(../images/beren_sm.png) center no-repeat;
	background-size : contain;
}

.uil a{
	width : 50px;
	height : 90px;
	display : block;
	margin: 0 auto;
}

.uil:hover .tooltip{
	display : block;
}

.tooltip{
	display : none;
	position : absolute;
	padding : .4em 1em;
	border : 1px solid #777;
	border-top-left-radius: 7px;
	border-bottom-left-radius: 7px;
	border-top-right-radius: 7px;
	border-bottom-right-radius: 7px;
	background : #eee;
	top : 24px;
	z-index : 30;
	font-size : .8em;
	box-shadow : 1px 1px 3px #444;
	left : -227%;
	color: rgb(62, 123, 166);
	transition : all .7s;
}

.tooltip:after{
	content: '';
	position: absolute;
	left: 100%;
	top: 1px;
	border-right: 12px solid transparent;
	border-top: 12px solid transparent;
	border-left: 16px solid #576671;
	border-bottom: 12px solid transparent;
}

.footer-line{
	border-top: 2px solid #faf105;
	border-bottom: 2px solid #faf1056e;
}

.footer{
	position : relative;
	background-color: #252a3e;
	color: #fff;
}

.social_icons{
	text-align: center;
}

.connected_icons{
	margin: 0;
	list-style-type: none;
	display: inline-block;
	list-style: none;
	font-size: 2em;
	color: #335e8d;
}

.connected_icons li{
	display: inline-block;
	padding: .4em;
}

.connected_icons li:hover{
	color: #eee;
}

.text-up{
	font-size: 14px;
}

.footermenu li:first-child {
	font-size: 14px;
	font-weight: 400;
	color: #fff;
}

footer .footermenu1 {
	color: #82848e;
	text-align: center;
}

.ft-text{
	padding: 1.4em 0;
	text-align : center;
	color : #777;
	font-size : .8em;
}

footer .copy{
	text-align : center;
	font-size : .7em;
	color : rgb(78, 127, 165);
	clear : both;
}

/*****************material*********************/
form#dlMaterial{
	width: 400px;
	margin: 45px auto;
}

form#dlMaterial label{
	font-size : 16px;
	color : #e6e6e6;
}

form#dlMaterial select{
	padding : 7px;
	margin : 10px 0;
	font-size : 16px;
	border-radius : 5px;
}

.gegevens_output{

}

span.gegevens{

}

input[type="checkbox"] + label {
	font-size: .9em;
	padding-left: 20px;
	vertical-align: text-bottom;
}


/**************** register ********************/

#one{
	padding-top : 40px;
	padding-bottom : 80px;
	color : #284150;
}

#register{
	padding-top : 47px;
	padding-bottom : 80px;
	color : #284150;
}

#login{
	padding-top : 67px;
}

#regMe, #logMe, #newActivation, #passForget{
	position : relative;
	max-width : 470px;
	font-size: 14px;
	margin : 0px auto;
	background-color : #fff;
	border-radius : 5px;
	border : 1px solid;
	padding : 1.4em 2em;
}

#regMe{
	width : 95%;
	max-width: 740px;
}

.top_text{
	width : 75%;
}

.bird{
	position : absolute;
	right : 5px;
	top : -35px;
	width : 40%;
	height : 140px;
	background : url(../images/leeuwenrik.png) right bottom no-repeat;
	background-size : 150px;
}

.top_image{
	width : 100%;
	height : 25px;
	background : #777 url(../images/beginbalk-part.jpg) center repeat-x;
	background-size : 20px;
	margin-bottom : 45px;
}

#regMe h3{
	margin : 10px 0 21px;
	color : #284150;
}

span.small{
	margin-left : 10px;
	font-size : 14px;
	font-weight : normal;
}

#regMe p{
	margin : 10px 0;
}

a#forget{
	text-align : center;
	font-size : .8em;
	color : #666;
	display : block;
}

#login p{
	margin: 24px 0;
	font-size: .9em;
	color: #6F5851;
}

.formField{
	position : relative;
	margin : 12px 0;
}

.formField:after{
	content : '';
	clear : both;
	display: block;
}

label.inspring{
	font-size : .9em;
	padding-left : 18px;
	margin : 5px 0;
}

input,select,textarea{
	display: block;
	width: 100%;
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-image: none;
	background-clip: padding-box;
	border: 1px solid #a4dae6;
	border-radius: .25rem;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

input[type="checkbox"]{
	left: 0;
	width : 15px;
	margin : 0;
	top: 5px;
	display: inline-block;
}

input[type="submit"]{
	background-color : #3F51B5;
	border: 1px solid #3F51B5;
	color : #fff;
	margin-bottom : 30px;
	-webkit-transition : all .5s;
	transition : all .5s;
	cursor : pointer;
}

input[type="submit"]:hover{
	background-color : #2D8DC5;
}

input[type="radio"] + label.product {
	font-size: 1em;
	color: #1D7B17;
}

input[type="radio"] {
	width: inherit;
}

input[name="aantal"] {
	max-width: 3em;
	padding: 1px;
	text-align: center;
}

#login_text{
	text-align : center;
	font-size : .9em;
}

.error{
	font-size: 1em;
	margin: 7px;
	color: #d62929;
	border-radius: 4px;
	padding: 7px 14px;
	background: #ffe8e3;
}

#error_message p {
	color: #EA2727;
	background-color: #fff;
	padding: 1px 7px;
}

.errors{
	font-size: .8em;
	color: #b12007;
}

.errors p{

}

.inp_error{
	border: 1px solid #b12007;
	background-color: #f6e7d9;
}

.total{
	color: #3094CE;
	font-weight: 600;
	background-color: #fff;
	padding: 3px;
}

span#totaal {
	color: #3094CE;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	color:    #208698;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color:    #208698;
	opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	color:    #208698;
	opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color:    #208698;
}

form#aanvraag{

}

.grid_aanvraag{
	margin: 7px auto;
	padding: 1.4em 2em;
	background-color: rgb(238, 238, 238);
	border-radius : 4px;
	color: #264E67;
}


/**************** register ********************/

.grid_half, .grid_quart, .grid_8, .grid_10, .grid_30, .grid_60, .grid_40, .grid_45, .grid_third, .grid_two_third{
	float : left;
	padding-right : 10px;
	-webkit-box-sizing: border-box;
	box-sizing : border-box;
}

.grid_half{
	width : 100%;
}

.grid_quart{
	width : 25%;
}

.grid_8{
	width : 8%;
}

.grid_10{
	width : 25%;
}

.grid_30{
	width : 50%;
}

.grid_40{
	width : 100%;
}

.grid_45{
	width : 100%;
}

.grid_60{
	width : 60%;
}

.grid_third{
	width : 33%;
}

.grid_two_third{
	width : 67%;
}

.grid_half:after, .grid_quart:after, .grid_8:after, .grid_10:after,
.grid_30:after, .grid_40:after .grid_60:after, .grid_third:after, .grid_two_third:after{
	content : '';
	clear : both;
}

.grid_user_data{
	padding : 1em 0;
}

.grid_product_data{
	padding : 1em 0;
}

.center_small_block{
	max-width : 350px;
	margin : 14px auto;
}

@media screen and (min-width : 960px){

	.grid_user_data{
		width : 55%;
		float : left;
	}

	.grid_product_data{
		width : 40%;
		float : left;
		margin-left : 5%;
	}
	.grid_half:last-of-type, .grid_quart:last-of-type,
	.grid_8:last-of-type, .grid_10:last-of-type, .grid_30:last-of-type,
	.grid_60:last-of-type, .grid_third:last-of-type, .grid_two_third:last-of-type,
	.grid_40:last-of-type,.grid_45:last-of-type{
		padding : 0;
	}

	.grid_half{
		width : 50%;
	}
	.grid_10{
		width : 10%;
	}

	.grid_30{
		width : 30%;
	}

	.grid_40{
		width : 40%;
	}

	.grid_45{
		width : 45%;
	}

	.grid_60{
		width : 60%;
	}

	hr.only_small{
		display : none;
	}
}

#one{
	padding-top : 40px;
	padding-bottom : 80px;
	color : #284150;
}


#bestellen_oefenboek, #info_oefenboek{

}

#info_oefenboek h3{
	color : #4A8EB5;
}

#info_oefenboek img.enlarge{
	border : 1px solid #777;
}

#info_oefenboek p{
	padding : 1em 0.1em;
}

.grid_products{

}

.product_price{
	float: right;
	color: #1b8b99;
	padding: 7px;
}

.btn-wrapper{

}

ul.producten{
	border-top: 1px solid;
	color: #164D82;
	text-align: left;
}

ul.producten li{
	padding : .4em 1em;
	border-bottom : 1px solid;
	background: #BFD0DC;
}

ul.producten li form{
	display : inline-block;
}

ul.producten li input{
	width : 3em;
	display : inline-block;
	padding : 3px;
	margin : 2px;
}

ul.producten li input[type="submit"]{
	background: url(../images/refresh.png) no-repeat;
	background-size: 24px 24px;
	border: none;
	width : 25px;
}

ul.producten li span.prijs{
	font-size: 16px;
	color: #444;
}

ul.producten li .right-side{
	float: right;
	line-height : 32px;
}

ul.producten li span.totaal{
	color: #205207;
	margin-left: 2em;
}

ul.producten li.total{
	float: right;
	padding-right: 2.5em;
	background: #ddd;
	width : 300px;
	text-align : right;
}

ul.producten li.opgeteld{
	font-weight: bold;
}

span.amount{
	float : left;
}

div.arrow_down{
	width : 50px;
	height : 100px;
	background : url(../images/arrow_down.png) center no-repeat;
	margin : 12px auto;
}

span.remove{
	margin : 0 10px;
	cursor: pointer;
	color: #7B0505;
}

a.winkelen{
	padding: .3em .5em;
	border: 1px solid;
	font-size: 14px;
	/* border-radius: 4px; */
	margin: 14px 12px 0 0;
	display: inline-block;
	background: #FFFFFF;
}

.white_wrapper{
	padding: 2em;
	margin-top: 24px;
	margin-bottom: 24px;
	border-radius : 5px;
	background: #eee url(../images/beginbalk_bg.png) center bottom no-repeat;
	background-size: contain;
}

.product_box{
	width: 70%;
	padding: 0 1em;
	border: 1px solid;
	text-align : center;
	margin : 4% auto;
	float : none;
	border-radius: 4px;
}

.product_box p{
	font-size: 14px;
}

.product_box a{
	color : #208698;
}

.product_box img{
	width : 110px;
	padding: 2px;
	border: 1px solid #868686;
}

.product_box a.buy{
	padding: .4em;
	background: #4433ee;
	color: #ddd;
	border-radius: 4px;
	display: block;
	margin: 1em;
}

.product_box a.buy:hover{
	background: #8833ee;
}

.buy_btn{
	display : table;
	margin : 0px auto;
	margin-bottom : 3em;
	padding : .5em 1.2em;
	border-radius : 4px;
	border : 1px solid #276193;
	box-shadow : 0px 2px 0px #276193;
	color : #276193;
	background: #42D3FF;
}

.buy_btn:hover{
	background : #91E5FF;
	color : #fff;
	box-shadow : 0px 2px 0px #C7EAFF;
}

li.bestel_overzicht{
	font-size : 18px;
	color : #5563A5;
}

li.bestel_overzicht img{
	vertical-align : middle;
}

.small_text {
	text-align: center;
	font-size: .8em;
	color: #888;
}

.small_text a {
	color: #2D8DC5;
}

.small_text p{
	font-size: .8em;
}


/******* form valid ********************/

.form-group{
	position: relative;
}

.form-group:after{
	content: '';
	display: block;
	clear: both;
}

input.valid{
	background: #b8ffa3;
	border-color: #31851a;
}

@media screen and (min-width : 700px){
	.product_box{
		width: 45%;
		display : inline-block;
		margin : 2%;
	}
}

@media screen and (min-width : 800px){
	.product_box{
		width: 27%;
	}
}

/******* dragbox ********************/

.drag-wrapper{
	padding:7px;
	background: #fff6fa;
}
.startbox{
	width:150px;
	margin:2px;
	border:1px solid #5563A5;
	min-height:20px;
}
.dragbox{
	width:75%;
	margin:2px;
	min-height:20px;
	border:1px solid #5563A5;
}
li.drag-item{
	background-color: #f6f8ff;
	border: 1px solid #555;
	color: #c0c0c0;
	margin: 1px;
	padding: 4px;
	cursor: move;
	float: left;
}
#drag-box-left{
	float: left;
}
#drag-box-right{
	float: right;
}
#drag-box-right .drag-item{
	background-color: #fff985;
	color: #565a7a;
}


/******* ANIMATION ********************/

.animation{
	width : 100%;
	height : 100%;
	position: absolute;
	overflow: hidden;
}

.stars{
	position: absolute;
	top : 45px;
	left : 1%;
	width: 250px;
	height: 250px;
	z-index: 2;
	background : url(../images/stars.png) no-repeat;
	background-size : contain;
	/* -moz-animation: up 15s linear 6s infinite, opacit 15s linear 6s infinite ;
	-webkit-animation: up 15s linear 6s infinite, opacit 15s linear 6s infinite ;
    animation: up 15s linear 6s infinite, opacit 15s linear 6s infinite ; */
}

.star{
	position: absolute;
	top : 100px;
	left : 740px;
	width: 250px;
	height: 250px;
	z-index: 1;
	background : url(../images/star.png) no-repeat;
	background-size : contain;
	/* -webkit-animation: up2 25s linear 11s infinite, opacit 25s linear 11s infinite ;
    animation: up2 25s linear 11s infinite, opacit 25s linear 11s infinite ;  */
}

.cloud{
	position: absolute;
	top : 80px;
	left : 320px;
	width: 400px;
	height: 300px;
	z-index: 1;
	background : url(../images/cloud.png) no-repeat;
	background-size : contain;
	/*-webkit-animation: right 40s linear 22s infinite, opacity 40s linear 22s infinite ;
    animation: right 40s linear 22s infinite, opacity 40s linear 22s infinite ;*/
}

.cloud2{
	position: absolute;
	top : 12px;
	left : 200px;
	width: 400px;
	height: 300px;
	z-index: 1;
	background : url(../images/cloud2.png) no-repeat;
	background-size : contain;
	/*-webkit-animation: right 30s linear 1s infinite, opacity 30s linear 1s infinite ;  Chrome, Safari, Opera
    animation: right 30s linear 1s infinite, opacity 30s linear 1s infinite ; */
}

.cloud3{
	position: absolute;
	top : 15px;
	left : -390px;
	width: 400px;
	height: 300px;
	z-index: 1;
	background : url(../images/cloud3.png) no-repeat;
	background-size : contain;
	/*-webkit-animation: right 28s linear 5s infinite, opacity 28s linear 5s infinite ;
    animation: right 28s linear 5s infinite, opacity 28s linear 5s infinite ; */
}

@-webkit-keyframes right {
	0% { -webkit-transform: translate(0,0) scale(1,1); }
	50% { -webkit-transform: translate(800px,0) scale(1.4,1.1); }
	100% { -webkit-transform: translate(1900px, 0) scale(1.1,1); }
}

@keyframes right {
	0% { transform: translate(0,0) scale(1,1); }
	50% { transform: translate(800px,0) scale(1.4,1.1); }
	100% { transform: translate(1900px, 0) scale(1.1,1); }
}

@-webkit-keyframes up {
	0% { -webkit-transform: translate(0,0px) scale(1,1); }
	50% { -webkit-transform: translate(120px,-320px) scale(.8,.8); }
	100% { -webkit-transform: translate(200px, -550px) scale(.5,.5); }
}

@keyframes up {
	0% { transform: translate(0,0px) scale(1,1); }
	50% { transform: translate(120px,-320px) scale(.8,.8); }
	100% { transform: translate(200px, -550px) scale(.5,.5); }
}

@-webkit-keyframes up2 {
	0% { -webkit-transform: translate(120px,0px) scale(1,1); }
	50% { -webkit-transform: translate(120px,-420px) scale(.8,.8); }
	100% { -webkit-transform: translate(200px, -650px) scale(.1,.1); }
}

@keyframes up2 {
	0% { transform: translate(120px,0px) scale(1,1); }
	50% { transform: translate(120px,-420px) scale(.8,.8); }
	100% { transform: translate(200px, -650px) scale(.1,.1); }
}

@-webkit-keyframes opacity {
	0%   {opacity :1;}
	45%  {opacity : 0.7;}
	100%  {opacity:1;}
}

@keyframes opacity {
	0%   {opacity :1;}
	45%  {opacity : 0.7;}
	100%  {opacity:1;}
}

@-webkit-keyframes opacit {
	0%   {opacity :1;}
	50%  {opacity : 0.5;}
	100%  {opacity:0.9;}
}

@keyframes opacit {
	0%   {opacity :1;}
	50%  {opacity : 0.5;}
	100%  {opacity:0.9;}
}


@media screen and (min-width : 760px){
	.logo{
		width : 226px;
		height : 53px;
		margin-top: 12px
	}
	.top-menu{
		margin-left : 12px;
	}
	p.top{
		font-size: .9em;
	}

	.top-menu li a{
		padding : .4em;
		font-size: 14px;
		text-transform: uppercase;
		/*font-weight: bold;*/
	}
	.main-wrapper {
		width : 800px;
	}
	.container {
		float : left;
	}
	.slides {
		width: 200px;
		height: 300px;
		float: right;
		margin : 0;
	}
	.item {
		width: 160px;
		height: 70px;
		float : none;
		margin: 21px 20px;
	}
	.smb{
		display: block;
	}
	.colm-40{
		width : 40%;
	}
	.colm-50{
		width : 50%;
	}
	.colm-60{
		width : 60%;
	}
	.colm-67{
		width : 66.6667%;
	}
	.colm-33{
		width : 33.3333%;
	}
	.colm-10{
		width : 10%;
	}
	.colm-45{
		width : 45%;
	}
}

@media screen and (min-width : 900px){
	.grid{
		width : 800px;
	}
	.vogel {
		left: -80px;
	}
	.top-menu{
		margin-left : 27px;
	}
}

@media screen and (min-width : 1100px){
	.grid{
		width : 1024px;
	}
	.cloud2{
		left : -400px;
		-webkit-animation: right 50s linear 1s infinite, opacity 30s linear 5s infinite ; // Chrome, Safari, Opera
	animation: right 50s linear 1s infinite, opacity 30s linear 5s infinite ;
	}
}