@charset "UTF-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
}



body {
	font-family:"Times New Roman", Times, serif;
	font-size:15px;
	font-style:normal;
	color:#000;
	width:100%;
	height:100%;
	/*overflow:hidden;*/
}
	

#content {
	width:100%;
	height:100%;
}

#header {
	margin-top:20%;
	width:80%;
	margin-left:10%;
}

#news {
	display:block;
	padding-bottom:10px;
	text-align:left;
}

.top{
	padding-bottom:5px;
	
}

.exhibition_title {
	font-style:italic;
	font-size:15px;
	padding-left:5px;
	}

#seperator {
	border-top:2px dotted black;
	text-align:center;
	padding-bottom:8px;
	margin-top:5px;
}

.cv {
	text-align:left;
}

#switches_container {
	float:left;
	 clear:left;
	margin-top:30px;
}

#switches_container ul{
	 list-style-type: none;
}

#switches_container ul ul{
	display:none;
	 list-style-type: none;
	 float:left;
	 clear:left;
	 text-decoration:none;
	 padding:20px;
	 margin-left:20px;
}

.switches {
	text-decoration:none;
	color:#000;
	float:left;
	clear:left;
	margin:5px;
}

.slides {
	display:none;
	
}

#contact a{
	text-decoration:none;
	color:#000;

}
#galleryHolder{
	position:relative;
	width:100%;
	height:auto;
	float:left;
	clear:left;
	
}

#gallery {
	position:absolute;
	top:150px;
	left:10%;
	width:80%;
	height:auto;
	padding-bottom:100px;
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    }
	
.container{
	position:relative;
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
	-webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
	float:left;
	clear:left;
	height:auto;
	width:auto;
	margin-bottom:100px;
}

.images {
	display:block;
	width:auto;
	height:auto;
}

.description {
	align-self:baseline;
	-webkit-align-self: baseline;
    display: block;
	text-align:center;
	width:86%;
}

.title{
	diplay:block;
	padding-bottom:5px;
}

.clear{
	height:1px;
	width:99%;
	clear:both;
}
.active {
	text-decoration:underline;
}
/* BREAKPOINT 960px */

@media only screen and (max-width: 960px){
	
	body {
		max-width:960px;
		max-height:100%;
		font-size:105%;
	}
	
	.exhibition_title {
	
	font-size:106%;
	}
	
	#gallery{
		width:86%;
		left:7%;
	}
	#header{
		margin-top:10%;
	}
}

/* BREAKPOINT 640px */

/* when changing the breakpoint below, change it ito the same value in the script.js file as well */

	
	
	
@media only screen and (max-width: 640px){
	
	html {
    -webkit-text-size-adjust: 100%;
	}
	
	body {
		max-width:100%;
		max-height:100%;
		font-size:110%;		
	}
	
	.exhibitionTitle {
	
	font-size:111%;
	}
	
	#switches_container{
		width:100%;
		position:relative;
	}

	nav{
		position:absolute;
		display: inline-block;
		left:50%;
		margin-left:-40px;    
		text-align:center;
	}
		#switches_container ul ul{
	 margin-left:-35%;
	
}
	.description {		
	display:block;	
	font-size: 88%;
	
	}
	
	#gallery{
		width:92%;
		left:4%;	
	}
	#header{
		padding-top:1%;
		padding-bottom:120px;
	}
}
/*body {                                 
		width:100%;
		max-width:640px;
		max-height:100%;
		font-size:18px;
	}
		
	#content p, span, a {
	   font-size:18px;
	}
	
	#header{
		margin-top:5%;
		padding-bottom:20px;
	}
	
	
	#switches_container{
		width:100%;
		float:none;
		position:relative;
	}

	nav{
		position:absolute;
		display: inline-block;
		left:50%;
		margin-left:-40px;    
		text-align:center;
	}
		
	#exhibition_title {
		font-size:18px;
	}
	.description{
		font-size: 18px;
	}
	*/
/* Print Styles */

@media print {
	* {
	    background: transparent !important;
	    color: black !important;
	    box-shadow: none !important;
	    text-shadow: none !important;
	    filter: none !important;
	    -ms-filter: none !important;
	}
	
	nav {
		display: none;
	}
	
	#content img {
	    max-width: 95%;
	    height: auto;
	}
}