body
	{
		background-color:black;
		color:white;

		font-family: 'Permanent Marker', cursive;
		width:90%;
		
		/* min-width:1920px;*/
	}

	a
	{
		color:white;
		text-decoration:none;
	}

	a:hover
	{
		color:white;
	}


	video.bgvid /* fullscreen */
	{ 
	    position: fixed;
	    top: 50%;
	    left: 50%;
	    min-width: 100%;
	    min-height: 100%;
	    width: auto;
	    height: auto;
	    z-index: -100;
	    -ms-transform: translateX(-50%) translateY(-50%);
	    -moz-transform: translateX(-50%) translateY(-50%);
	    -webkit-transform: translateX(-50%) translateY(-50%);
	    transform: translateX(-50%) translateY(-50%);
	    /* background: url(polina.jpg) no-repeat; */
	    background: none;
	    background-size: cover; 
	}

	video#bgvid
	{
		opacity:0.9;
	}


	#content div.content
	{
		display:none;
	}
	

	#content #Werkschau
	{
		width:70%;
	}

	#content #Werkschau .Werke img, #content #Ausstellungen .Ausstellung img
	{
		height:150px;
		margin:25px;

		transition: 0.5s ease-in-out;
	}

	#content #Werkschau .Werke img:hover, #content #Ausstellungen .Ausstellung img:hover
	{
		-webkit-transform: scale(1.1);
		-moz-transform: scale(0.9);
		-ms-transform: scale(0.9);
		-o-transform: scale(0.9);
		transform: scale(1.1);
	}


	#content #Ausstellungen
	{
		overflow-y: scroll;
		width: 70%;
		height: 85%;
		margin-top:3%;
		/*padding-top:5%;*/
		padding-right: 30%;
	}

	#content #Ausstellungen .name
	{
		font-size:24pt;
	}

	#content #Termine
	{
		font-size:20pt;
		/*color:grey;*/

		padding-top:150px;
	}


	#content #Termine .Termin
	{
		margin-left:80px;
	}

	#content #Termine .value
	{
		font-size:32pt;
		color:white;
	}


	#egberts
	{
		height:188px;
		width:500px;
		cursor:pointer;
	}

	#egberts img 
	{
		transition: 0.5s ease-in-out;
	}

	#egberts:hover img {
		-webkit-transform: scale(0.9);
		-moz-transform: scale(0.9);
		-ms-transform: scale(0.9);
		-o-transform: scale(0.9);
		transform: scale(0.9);
	}

	#hand
	{
	  position: fixed;
	  height: 60%;
	  right: 5%;
	  bottom: 30%;
	}

	#hand img
	{
		width:650px;
	}


	#menu
	{
		font-size:36pt;
		font-family: 'Permanent Marker', cursive;


		position:fixed;
		bottom:0px;
		left:0px;
		/*right:0px;*/
		width:100%;
		/* height:100px;*/
		/*text-align:left;*/

		padding-left:30px;
		display:none;
	}


	/* TODO Farbverlauf? https://css-tricks.com/snippets/css/gradient-text/ */
	#menu a[href="#Werkschau"]:hover, a[href="#Werkschau"][current="current"]
	{
		color:blue;

		  background: -webkit-linear-gradient(#0101DF, #A9D0F5);
		  -webkit-background-clip: text;
		  -webkit-text-fill-color: transparent;
	}

	#menu a[href="#Ausstellungen"]:hover, a[href="#Ausstellungen"][current="current"]
	{
		color:red;

		  background: -webkit-linear-gradient(#FE2E2E, #F6CECE);
		  -webkit-background-clip: text;
		  -webkit-text-fill-color: transparent;
	}

	#menu a[href="#Termine"]:hover, a[href="#Termine"][current="current"]
	{
		color:yellow;

		  background: -webkit-linear-gradient(#F7FE2E, #F3E2A9);
		  -webkit-background-clip: text;
		  -webkit-text-fill-color: transparent;
	}

	#menu a[href="#Werdegang"]:hover, a[href="#Werdegang"][current="current"]
	{
		color:green;

		  background: -webkit-linear-gradient(#2EFE64, #0B610B);
		  -webkit-background-clip: text;
		  -webkit-text-fill-color: transparent;
	}

	#menu img.logo
	{
		cursor:pointer;
		padding-right:30px;
		padding-bottom:30px;
		margin-right:30px;
		/*margin-bottom:30px;*/
		/*float:right;*/
	}


	.absolute-center
	{
	  margin: auto;
	  position: absolute;
	  top: 0;
	  left: 0;
          bottom: 0;
	  right: 0;
	}


	.absolute-right
	{
	  margin: auto;
	  position: absolute;
	  top: 0;
	  /*left: 0;*/
          bottom: 0;
	  right: 0;
	}

	.absolute-left
	{
	  margin: auto;
	  position: absolute;
	  top: 0;
	  left: 0;
          bottom: 0;
	  /*right: 0;*/
	}


	#impr
	{
		position:fixed;
		top:0px;
		right:0px;
		padding:6px;
	}


	/* superslides */


		div.slide
		{
			/*height:100%;*/
			
		}

		div.slides-container div
		{
			
			/*width:100%;*/
			text-align:center;
		}

	
		div.slides-container div img
		{
			/*max-height:80%;*/
			max-height:90vh;
			/*height:auto;*/
			/*max-width:80vw;*/
			border:10px solid grey;
		}