﻿
		body {
			margin: 0;
			font-family: 'Open Sans', sans-serif;
			font-weight:300;
			text-align: center;
			background-color: #000000; /* Hintergrundfarbe für die Seite, vom User wählbar */
			background-size:cover;
			background-position:center top;
			background-attachment:fixed;
			color: #ffffff; /* Schriftfarbe, vom User wählbar */
			padding-bottom:60px;
		}

		h1, h2, h3, h4 {
			text-align: center;
			color: white;
		}

		h1 {
			margin: 0 0 .2em;
			font-size: 3.0em;
			letter-spacing: .075em;
		}

		h2 {
			font-size: 55px;
			line-height: 1.3em;
			margin: 50px 0 20px 0;
			font-weight:300;
		}

		h3 {
			font-size: 25px;
			margin: 0 0 40px 0;
			color:#8E8E8E;
			font-weight:300;
		}

		#images {

			max-width: 924px; /* maximal 3 spalten mit je 288px (4+280+4) */
			margin: 0 auto;
			padding: 0;
			line-height: 0;
		}

			#images li {
				list-style: none;
				display: inline-block;
				width: 288px; /* Breite der Bilderrahmen */
				margin: 4px; /* Außenabstand der Bilderrahmen */

			/*	  Hintergrundfarbe für die Bilderrahmen, vom User wählbar */
				background-color:black;
				transition: all 0.3s;
/*				box-shadow: 0 0 0 3px #ffffff;  */
				box-shadow: 0 0 0 3px black;
/*				padding-left:10px;
				padding-right:10px;  */
				padding-right:10px;
				padding-bottom:1px;
			}

				#images li:hover {

					background-color:#000000; /* Hintergrundfarbe für die Bilderrahmen beim Mouseover */
					cursor:pointer;
/*					box-shadow: inset 0 0 0 3px #8E8E8E;   */
					box-shadow: 0 0 0 3px red;
				}



				#images li div {

					display: table;

					margin: 0;

					height: 190px;	/* Höhe der Bilderrahmen (ohne Bild-Text) */

					width: 100%;

				}

					#images li div a {

						display: table-cell;

						vertical-align: middle;

					}

				#images li div.imageinfo {

					font-weight:300;

					display: block;

					height:auto;

					padding-bottom:15px;

					padding-top:15px;

					color:#8E8E8E;

					font-size:1.2em;

				}

					#images li div.imageinfo p {

						line-height:1.3em;

						margin:0;

					}



		#paging {

			margin: 50px auto 50px auto;

		}

			#paging a {

				display: inline-block;

				font-weight:300;

				font-size:40px;

				margin: 0 5px 0 5px;

				width: 0.8em;

				height: 1.3em;

				color: #8E8E8E;

				text-decoration: none;

				transition: all 0.3s;

			}

				#paging a:hover {

					color:#ffffff;

				}

				#paging a.current {

					color:#ffffff;

					border-bottom:2px solid #ffffff;

				}



		#copyright {

			position:fixed;

			bottom:0;

			display: block;

			width:100%;

			background-color:#000000;

			font-size:16px;

			font-weight:400;

			padding: 14px 0 14px 0;

			color: #2988cb;

			text-decoration:none;

		}

			#copyright a {

				display: inline-block;

			}



