/* GRID 1200 v1.7 (by PMKMedia.nl/grid) */

/* reset */
html,body,address,blockquote,div,dl,form,h1,h2,h3,h4,h5,h6,ol,p,pre,table,ul,dd,dt,li,tbody,td,tfoot,th,thead,tr,button,del,ins,map,object,a,abbr,acronym,b,bdo,big,br,cite,code,dfn,em,i,img,kbd,q,samp,small,span,strong,sub,sup,tt,var,legend,fieldset{margin: 0px;padding:0;}
img,fieldset{border:0;}
/* set html5 elements to block */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block;}
/* apply a natural box layout model to all elements */
*,*:after,*:before{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
/* viewport css */
@-webkit-viewport{width:device-width;}@-moz-viewport{width:device-width;}@-ms-viewport{width:device-width;}@-o-viewport{width:device-width;}@viewport{width:device-width;}
/* body css */
body{margin:0;text-align:center;}
.section{clear:both;padding:0;margin:0;}
/* media css */
img{max-width:100%;height:auto;display:block;}
.video{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;}
.video iframe,.video object,.video embed{position:absolute;top:0;left:0;width:100%;height:100%;}
/* form css */
input[type=text],input[type=password],input[type=number],input[type=date],input[type=month],input[type=week],input[type=time],input[type=datetime],input[type=datetime-local],input[type=email],input[type=search],input[type=tel],input[type=url],input[type=button],input[type=submit],select,textarea{-webkit-appearance:none;border-radius:0;}
input[type=text],input[type=password],input[type=number],input[type=date],input[type=month],input[type=week],input[type=time],input[type=datetime],input[type=datetime-local],input[type=email],input[type=search],input[type=tel],input[type=url],select,textarea{width:100%;}
/* general table css */
table{width:60%;table-layout:auto;word-wrap:break-word;}
#lesrooster table{width:100%;}
/* split column css */
.split-column{float:left;width:100%;margin-bottom:20px;}
.split-column:last-child {margin-bottom:0;}
/* content css */
.content{margin:0 auto;text-align:left;max-width:1200px;} /* width of your responsive website (example 1200px) */
.one-column{float:left;width:98%;margin:10px 1%;}
.two-column,.two-fourth-column{float:left;width:48%;margin:10px 1%;}
.three-column{float:left;width:31.333333%;margin:10px 1%;}
.two-third-column{float:left;width:100%;margin:5px 1%;}
.four-column,.one-fourth-column{float:left;width:23%;margin:10px 1%;}
.three-fourth-column{float:left;width:73%;margin:10px 1%;}
.six-column{float:left;width:14.666666%;margin:10px 1%;}
.five-sixth-column{float:left;width:81.333333%;margin:10px 1%;}
@media screen and (max-width: 800px) {
.one-column,.two-fourth-column,.three-column,.two-third-column,.one-fourth-column,.three-fourth-column,.six-column,.five-sixth-column{width:97%;margin:10px 1.5%;}
.two-column,.four-column{width:47%;margin:10px 1.5%;}
}
@media screen and (max-width: 600px) {
.content{min-width:100px;}
.one-column,.two-column,.two-fourth-column,.three-column,.two-third-column,.four-column,.one-fourth-column,.three-fourth-column,.six-column,.five-sixth-column{width:96%;margin:10px 2%;}
}
/* Stylesheet: Theme-Template1200 // Template1200-grid Modified On 2017-02-22 17:27:26 */
/* TEMPLATE 1200 v1.3 (by PMKMedia.nl/template1200) */

 

/* body css */

body {
	background: #010001;
	font-family: 'Roboto Condensed', sans-serif;
	color: #fff;
	font-size: 16px;
	line-height: 30px;
	font-weight: 300;
	-webkit-text-size-adjust: 100%;
}

/* headings / paragraph margin css */

h1,h2,h3,h4,h5,h6,p {margin:10px;}

/* headings css */

h1 {font-size:30px;font-weight:400;color:#000;line-height:42px;}
h2 {font-size:26px;font-weight:400;color:#000;line-height:38px;}
h3 {font-size:22px;font-weight:400;color:#000;line-height:34px;}
h4 {font-size:20px;font-weight:400;color:#000;line-height:32px;}
h5 {font-size:18px;font-weight:400;color:#000;}
h6 {font-size:60px;}

/* list css */

ul {list-style-type:disc;margin:10px 40px;}
ol {list-style-type:decimal;margin:10px 40px;}
ul li {display:list-item;}
ol li {display:list-item;}

/* link css */

a {color:#b1182e;text-decoration:underline;}
a:visited {color:#b1182e;}
a:hover {color:#bbb;}
a:active {color:#333;}

/* elements css */

strong,b {font-weight:400;}
em,i {font-style:italic;}
u {text-decoration:underline;}

.form input,.form textarea {background:#FFF;border:1px solid #000;padding:8px;font-family:'Roboto Condensed',sans-serif;color:#000;font-size:16px;font-weight:300;border-radius:5px;}
.form input[type=submit],.form button {color:#FFF;background:#b1182e;border:0;font-weight:400;width:100%;}
.form input[type=submit]:hover,.form button:hover {background:#000;cursor:pointer;}
.form td {padding:0 12px;border:0;}

.search-form input {background:#FFF;border:0;padding:8px;font-family:'Roboto Condensed',sans-serif;color:#000;font-size:16px;font-weight:300;border-radius:5px;}
.search-form input[type=submit]{display:none;}

/* content css */

#header_container {
	top: 0;
	left: 0;
	position: fixed;
	background: #bbb;
	width: 100%;
	z-index: 1000;
	box-shadow: 0 0 10px rgba( 0, 0, 0, 0.2 );
	-webkit-box-shadow: 0 0 10px rgba( 0, 0, 0, 0.2 );
}

#header_container span {color:#b1182e;}

#newsitem {
margin-left: 0px;
margin-top: -170px;
text-align: left;
max-width: 850px;
position:absolute;
}
#content_container {
	margin-top: 5px;
	width: 100%;
        background-image: url("https://dansstudiofred.nl/uploads/images/backgrounds/home_bg.png");
        background-repeat: no-repeat;
}


.content_back {
	width: 100%;
	text-shadow: 0 0 5px #000;
	border-bottom: 1px solid #efefef;
	font-size: 18px;
	font-weight: 400;
	padding: 200px 0;

        

}

.content_back p,.content_back h1,.content_back h2,.content_back h3,.content_back h4,.content_back h5,.content_back h6 {
	padding: 5px;
}

.content_blocks {
	border-bottom: 1px solid #efefef;
	padding: 0px 0;
        min-height: 800px;
        margin-top: 400px;
        margin-left: 120px;
        margin-right: 10px;
        background-image: url("https://dansstudiofred.nl/uploads/images/pics/danspaar.png");
        background-repeat: no-repeat;
        background-position-x: right;
        background-size: 500px 500px;
}


.content_blocks p {padding:0px;
width: 60%;
}


.content_blocks h1,.content_blocks h2,.content_blocks h3,.content_blocks h4,.content_blocks h5,.content_blocks h6 {
	padding: 5px;
	color: #b1182e;

}
#title {
	color: #FFF;
transform: rotate(270deg);
transform-origin: 5% 60%;
-webkit-transform: rotate(270deg);
-webkit-transform-origin: 50% 60%;
left: 10px;
top: 100px;
}

.news-content {
	text-align: center;
	border: 1px solid #efefef;
	border-radius: 5px;
	color: #000;
}

.news-content:hover {background:#f5f5f5;}

.news-content:hover > .orange_button {background:#000;}

.orange_button {
	margin: 20px;
	text-align: center;
	background: #b1182e;
	border-radius: 5px;
	font-weight: 400;
	color: #FFF;
}

.three-column.round {
float: right;
margin-top: 20px;
}

.three-column.round p {
float: right;
margin-top: 20px;
}
.round {padding:30px;}

.round > div {
	border-radius: 10%;
	overflow: hidden;
      
}
.round img {
	display: block;
	width: 100%;
}

.image-article img {
	width: 100%;
	border-radius: 10px;
	display: block;
}

.footer {
	background: #bbb;
	padding-bottom: 30px;
	color: #666;
}

.footer a {color:#666;text-decoration:none;}
.footer a:hover{color:#999;}

.footer h1,.footer h2,.footer h3,.footer h4,.footer h5,.footer h6 {
	padding: 5px;
	color: #666;
}

.footer p {
	padding: 0 5px;
	margin: 0 10px;
	color: #666;
}

.footer-desktop {display:block;}
.footer-mobile {display:none;}

.main-nav {
	font-family: 'Quicksand', sans-serif;
	font-size: 48px;
	text-align: center;
}

.main-nav p {margin:10 10 10 10;}

.main-nav a {
	color: #999;
	font-weight: 300;
	text-decoration: none;
}

.main-nav a:hover {color:#CCC;}

.facebook-share {background:#42549a;color:#FFF;text-decoration:none;padding:5px 10px;border-radius:5px;}
.twitter-share {background:#66ccff;color:#FFF;text-decoration:none;padding:5px 10px;border-radius:5px;}
.facebook-share:hover,.twitter-share:hover {background:#000;color:#FFF;}
.facebook-share:visited,.twitter-share:visited {color:#FFF;}

.social img {width:18px;display:inline-block;}

@media screen and (max-width: 1600px) {
	
	.content_back {padding:150px 0;}
    
}


@media screen and (max-width: 1200px) {
	
	.content_back {padding:100px 0;}

	.news-height {min-height:280px;}

}

@media screen and (max-width: 980px) {
	
	.content_back {padding:100px 0;}

	.news-height {min-height:340px;}

}

@media screen and (max-width: 800px) {
	
	body {line-height:25px;}

	.search-form label {display:none;}
	
	#header_container:hover {
		overflow: auto;
		max-height: 100%;
	}

	#content_container {
		overflow: hidden;
	}

	.content_blocks {padding:0;}
	
	.news-content {
		text-align: left;	
		line-height: 20px;
		min-height: 100%;
	}

	.news-content h1,.news-content h2,.news-content h3,.news-content h4,.news-content h5,.news-content h6,.news-content p {margin:10px;}

	.news-height {min-height:100%;}
	
	.orange_button {margin:15px;}
	
	.news-content > .round {
		float: left;
		padding: 15px;
		width: 30%;
	}

	.image-article {
		margin: -20px -20px 10px -20px;
	}

	.image-article img {
		border-radius: 0;
	}
	
	.footer-desktop {display:none;}
	.footer-mobile {display:block;text-align:center;}
	
	.footer {padding-bottom:5px;}
	
	.social img {
		width: 26px;
		display: inline-block;
		margin: 10px 5px;
	}
	
}

@media screen and (max-width: 600px) {
	
	.content_back {padding: 40px 0;}
	
	.news-content {line-height:25px;}
    
}

 #content_container_image_footer { display: none;}  

@media only screen and (max-width: 840px) { 
    #content_container { background-image: url("https://dansstudiofred.nl/uploads/images/backgrounds/logo.png");margin-top: 63px;} 
    #content_container_image { display: none;} 
    #content_container_image_footer { display: block;}   
    .content_blocks {background-image: none !important; } 
    .content_blocks {margin-left: -10px; margin-right: 10px; margin-top: 150px;} 
    #newsitem {margin-top: -50px;}
    .content_blocks p {padding:0px;
width: 100%;
}
    }
/* Stylesheet: Theme-Template1200 // Template1200-style Modified On 2019-01-28 14:29:20 */
/* TEMPLATE 1200 v1.3 (by PMKMedia.nl/template1200) */

 

/* menu css */

#menu {
	font-size: 14px;
        font-weight: bold;
}

.logo a {
	text-decoration: none;
}

#nav-mobile {
	display: none;
}

#menu-mobile {
	float: right;
        

}

#menu, #menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
	position: relative;

}

#menu li {
	float: left;
	position: relative;
        margin: 0px 35px 0px 25px;

}

#menu li ul {
	position: absolute;
	margin-top: -10%;
	margin-left: 0px;
	display: none;
        margin: 0px -35px 0px -25px;

}

#menu li:hover ul {
	display: block;

}

/* menu link css */

#menu a {
	display: block;
	color: #fff;
        background: #222221;
	text-decoration: none;
	padding: 6px 24px;
        border-bottom-left-radius: 7px;


}

#menu a:hover {
	background: #222221;
	color: #b1182e;
	border-bottom-left-radius: 7px;

}

#menu ul {
	width: 180px;
	overflow: hidden;
	border-bottom-left-radius: 7px;


}

#menu ul a {
	width: 200px;
	padding: 5px;
}

.currentpage {
	background: #222221 !important;
	color: #b1182e !important;
	border-bottom-left-radius: 7px; !important;

}

/* menu z-index */

#menu ul {
	z-index: 1000;
}

@media screen and (max-width: 800px) {	

	/* mobile menu css */

	#menu-mobile {
		float: none;
	}
	
	.logo {
		display: none;
	}

	#nav-mobile {
		display: block;
		padding: 10px;
		font-size: 20px;
		font-weight: 400;
		background: url(data:image/png;base64,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) no-repeat right;
		background-position: 98% 50%; 
		background-size: 22px;
		-moz-background-size: 22px;
		-webkit-background-size: 22px;
	}

	#menu {
		display: none;
	}
	
	#menu-mobile:hover #menu {
		display: block;
	}

	/* menu css */
	
	#menu li {
		float: none;
	}
	
	#menu li ul {
		position: relative;
		margin-top: 0;
		margin-left: 0;
		display: block;
	}
	
	#menu li:hover ul {
		display: block;
	}
	
	#menu ul {
		width: 100%;
		box-shadow: none;
		-webkit-box-shadow: none;
	}

	/* menu link css */
	
	#menu ul a {
		width: 100%;
		padding: 10px 10%;
	}

}
/* Stylesheet: Theme-Template1200 // Template1200-menu Modified On 2017-02-22 10:00:19 */