/*

Dj

///////   //////   ////     ////   ///////
///      //    //   //       //     //   //
 ////    //    //   //       //     //   //
   ///   //    //   //       //     //   //
//////    //////   ///////  ////  ////////




/* 0   General and Reset */

* {
	box-sizing: border-box;
	font-family: 'GT-Alpina', Courier, Monaco, monospace !important;
	}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, figure, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin:  0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}


/* 1 	Body and Soul */


body {
	background: #000;
	font-family: 'GT-Alpina', Courier, Monaco, monospace;
	font-variant-ligatures: normal;
	font-weight: normal;
	font-style: normal;
	font-size: 1.1em;
	color: #FFF;
	line-height: 1.4em;
	text-align:left;
	overflow: auto;
}

em {font-style: italic;}

::-moz-selection {background: #FFF; color: #0009;}
::-webkit-selection {background: #FFF; color: #0009;}
::selection {background: #FFF; color: #000;}

a:link {
	color: #FFF;
	text-decoration: none;
	border-bottom: 1px solid #FFF;
}

a:hover {
	color: #FFF;
	text-decoration: none;
	border-bottom: none;
}

a:visited {
	color: #FFF;
	text-decoration: none;
	border-bottom: 1px solid #FFF;
}

a:active {
	color: #FFF;
	text-decoration: none;
	border-bottom: 1px solid #FFF;
}


/* 2 	Layout */

.wrapper {
	position: absolute;
	width: 80vw;
	max-width: 1200px;
	top: 27px;
	left: 1.8vw;
	padding-bottom: 5em;
}

.works {
	width: 100%;
	cellspacing: 50px;
	cellpadding: 100px;
}

/* hier kannst du die Tabellenzeilenabstaende ajustieren: */

td {height: 1.2em; padding-bottom: 0.5em;}

td.date { padding-right: 50px}

img {height: auto; margin: 1em 1px 1em 1px;}

img.landscape {float: left; margin: 1em 1px 1em 1px;}

tr {border-top: 1px solid #FFF;}


/* 3	For smaller Screens */

@media screen and (max-width: 900px) {
	.wrapper {
		width: 98%;
		left: 1%;
		top: 2%;
		}
	img {width: 100%;}
	td {display: block; height: auto; padding-bottom: 1em; }
	td.date {padding-bottom: 0px;}
}