/* ################################################## */
/*                                                    */
/* Christoph Burghardt, halberMETER                   */
/*                                                    */
/* http://www.halbermeter.de © 2014-2015              */
/*                                                    */
/* ################################################## */

@font-face {
    font-family: 'kelvin';
    src: url('../fonts/kelvin-webfont.woff2') format('woff2'),
         url('../fonts/kelvin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


body { 
	background:#ffffff; 
	font-family: Georgia, Times New Roman, serif;
	font-size: 16px; font-size: 100%;
	line-height: 1.5em; 
	color: #ccbbbb; }

h1, h2, h3, h4, h5, h6, h7, h8 
	{	font-family: 'kelvin'; color: #eeeeee}
	
h1 { font-size: 1.2em;  }
h2 { font-size: 1.2em;  }
h3 { font-size: 1.2em;  }
h4 { font-size: 1.2em;  }

a {	-webkit-transition: all 150ms ease; 
	-moz-transition: all 150ms ease; 
	-o-transition: all 150ms ease; 
	transition: all 150ms ease; }

#content {
	margin: auto; 
	padding: 20px; 
	max-width: 800px; 
	color: #302222; 
	background: rgba(255, 255, 255, 0.5);}

#content_center {
	position: absolute; 
	top: 50%; 
	left: 50%; 
	margin-top: -160px; 
	margin-left: -160px; 
	display: block; 
	width: 300px; 
	height: 300px; 
	text-align: center; 
	padding: 10px;
	color: #302222; 
	outline: 5px dashed #4D4D4D;	
	background: rgba(255, 255, 255, 0.9); 
	font-family: 'kelvin'; }

#content_center a { color: #4d4d4d; }
#content_center a:hover { color: #cc0000; font-size: 1.05em; }
	
a#fullscreenhover {	
	z-index: 5;
	position: absolute; 
	top: 50%; 
	left: 50%; 
	margin-top: -400px; 
	margin-left: -400px; 
	display:block; 
	width: 800px; 
	height: 800px; 
	text-align: center; 
	color: transparent; }

.header { z-index: 9;
	padding: 10px; 
	font-family: 'kelvin';
	position: fixed;
	top: 0px;
	width: 100%;
	text-align: center;
	background-color: #3a3333;
		}

.header a { color: #eeeeee; }
.header a:hover { color: #ffcc00 }
	
.footer { 
	z-index: 10;
	padding: 10px; 
	font-family: 'kelvin';
	position: fixed;
	bottom: 0px;
	width: 100%;
	text-align: center;
	background-color: #3a3333;
		}

.footer a { color: #eeeeee; }
.footer a:hover { color: #ffcc00 }

.nowrap { white-space: nowrap; }
.displaynone { display: none; }
.alignright { text-align: right; padding-right: 5px; }
.hidden { display: none; }