body {
  color: #fff;
  font-size: 12px;
  font-family: 'Ubuntu', sans-serif;
  background-color: #000;
  line-height: 16px;
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block;}
img {
	width:100%;
}
a img  {  
border: none;  
}

/* Float Clearing
--------------------------------------------- */

.clearfix:before,
.entry-content:before,
.entry:before,
.footer-widgets:before,
.pagination:before,
.site-container:before,
.site-footer:before,
.kop:before,
.site-inner:before,
.widget:before,
.wrap:before {
	content: " ";
	display: table;
}

.clearfix:after,
.entry-content:after,
.entry:after,
.footer-widgets:after,
.pagination:after,
.site-container:after,
.site-footer:after,
.kop:after,
.site-inner:after,
.widget:after,
.wrap:after {
	clear: both;
	content: " ";
	display: table;
}

.clearbeide {
margin-bottom:0;
padding:0;
border:0;
display:block;
clear: both;
}
embed,
iframe,
object,
video{
	max-width: 100%;
}
*:focus {
    outline: 0;
}
.kop{
	position: relative;
margin-top:0;
padding-top: 0;
border-bottom:1px #555 solid;
}

.kopopa{
float:left;
width:20%;
border:0px #fff solid;
}

.koplogo{
float:right;
width:70%;
padding-top:3%;
border:0px #fff solid;
}

.menu{
position:absolute;
bottom:10px;
float:left;
border:0px #fff solid;
}

.container {
 max-width:1300px;
 margin:0 auto;
 border:0px #cc0000 solid;
}

article{
  float:left;
  width:33.32%;

}
.contactarticle{
  float:left;
  width:100%;

}

.artist{
	position:relative;
	margin-bottom:20px;
	border-bottom:0px #cc0000 solid;
}



figure{
	margin-left:10px;
	margin-right:30px;
	padding-bottom:39%;
	position:relative;
	height:0;
	overflow:hidden;
	border:0px #fff solid;
}
.contactfigure{
	margin-left:0;
	margin-right:0;
	padding-bottom:80%;
	position:relative;
	height:0;
	overflow:hidden;
	border:0px #fff solid;
}
/*
figure:nth-of-type(3){
margin-right:0;	
}
*/
figure img{
	position:absolute;
	top:0;
	left:0;
	width:100%
}
.contacttitle{
	position:absolute;
	left:-13px;
	top:0px;
	min-width:300px;
	margin-left:0; /* was 45px */
	border:0px green solid;
	padding-right:20px;
}
.title{
	position:absolute;
	right:20px;
	bottom:0px;
	min-width:300px;
	margin-left:0; /* was 45px */
	border:0px green solid;
}

.head{
background-color: #222;
color:#fff;
padding-left:5px;
padding-right:5px;
padding-top:5px;
padding-bottom:5px;
}
.head span{
	margin-left:10px;
color:#cc0000;	
}
.contacthead{
background-color: #222;
color:#fff;
padding-left:17px;
padding-right:25px;
padding-top:5px;
padding-bottom:5px;
}

.kleinscherm{
	display:none;
}

/* style */
h1{
	font-size:27px;
	font-weight: normal;
	color:#cc0000;
	margin-top:0;
}
h1 span{
font-size:18px;
	font-weight: normal;
	color:#fff;	
	margin-left:10px;
}

h2{
	font-size:20px;
	font-weight: normal;
	color:#fff;
}
.rouge{
color:#cc0000;
font-size: 18px;
margin-right:15px;
}

a.adres{
	color:#fff;
}
a.adres:hover{
	color:#555;
}
/* COLS */

.col_vingt{
	float:left;
	width:38%;
	padding:0;

	
}
.col_soixante{
	float:right;
	width:60%;
	padding:30px 0;
	font-size: 14px;
	line-height: 30px;

}


/* menu */

nav {
	text-align: left;
	
}
nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
nav ul li {
	display: inline;
	margin-left: 25px;
}

nav ul li a{
	color:#555;
	font-size: 16px;
	text-decoration: none;
}
nav ul li a:hover{
	color:#fff;
}
nav ul li.select a{
	color:#cc0000;
}

nav ul li.first {
	margin-left: 0;
}
nav ul li ul {
	display: none;
}

@media screen and (max-width: 1079px) {
nav ul li {
	margin-left: 0px;
}

.kleinscherm{
display:block;
margin-top:20px;
padding-left:10px;
color:#555;
}

	}
/* e.o. menu */


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

  article{
  float:left;
  width:50%;
}

 .title{
	position:absolute;
	left:0;
	bottom:0px;
	min-width:0;
	margin-left:0; /* was 45px */
	border:0px green solid;
	}

}

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

	.kopopa{
	width:30%;
	}


 }

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

h1 span{
margin-left:0;
margin-top:20px;
display:block;
clear: both;

	}

 }

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

/*
	.head span{
	display:block;
	margin-left:0;	
	margin-top:5px;
	}
 */ 
 }

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

  	article{
  float:left;
  width:100%;
	}

  	h1{
	font-size:20px;
	font-weight: normal;
	color:#cc0000;
	margin-bottom:10px;
	padding-bottom:0;
	}

	h1 span{
	font-size:15px;
	margin-top:10px;
	}
	.menu{
	bottom:0.5%;
	}

 }
/*
  @media screen and (max-width: 400px) {

	.koplogo{
	padding-top:0.5%;
	}


}

*/