@charset "utf-8";

/*                _     _                _        _
                 | |   |_|             _| |_     |_|
    _ _ _ __   __| |__  _ _ __ ___   _|_   _|_  _ _   ___ ___
  / _` | ' _|/ __| '_ \| | '_ ` _ \ / _ | | | ' _| |/ __/ __/
 | (_| | (  | (_ | | | | | | | | | |  __| |_| (  | | (__\__ \
  \__,_|_|   \___|_| |_|_|_| |_| |_|\___|__/|_|  |_|\___/___/
  
*/

/****************************************************/
/* MISC */
/****************************************************/

	*{ margin:0; padding:0; }
	
	body {
		background-color: rgb(246,241,233);
		overflow: auto;
	}
	.container {
		margin-top: 1em;
		width: 800px;
		height: 800px;
		margin-left: auto ;
		margin-right: auto ;
	}
	#logo {
		width: 800px;
		height: 200px;
		background-image: url(../bmp/Logo.png);
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		opacity: 1;
		-webkit-animation: logoAnimation 3s linear 0s;
		-moz-animation: logoAnimation 3s linear 0s;
		-o-animation: logoAnimation 3s linear 0s;
		-ms-animation: logoAnimation 3s linear 0s;
		animation: logoAnimation 3s linear 0s; 
	}
	@-moz-keyframes logoAnimation { 
		0% { opacity: 1;
			-moz-animation-timing-function: ease-in; }
		100% { opacity: 1 }
	}
	#spruch,
	#kontakt,
	#webauftritt,
	#links,
	#verbindung {
		font-family: 'Times New Roman';
		font-style: normal;
		font-weight: normal;
		letter-spacing: 1px;
		color: rgb(35,35,35);
		width: 800px;
		text-align: center;
	}
	#spruch {
		font-style: italic;
		font-size: 40px;
		height: 200px;
		margin-top: 2em;
	}
	#kontakt {
		font-size: 18px;
		height: 200px;
	}
	#webauftritt,
	#links {
		font-size: 18px;
		height: 100px;
	}
	#verbindung {
		font-size: 12px;
		height: 100px;
		position: relative;
		bottom: 10px;
		z-index: 999;
	}
	a {
		text-decoration: none;
		font-weight: bold;	
		color: rgb(35,35,35);
		transition: color .25s linear 0s;
		-ms-transition: color .25s linear 0s;
		-moz-transition: color .25s linear 0s;
		-o-transition: color .25s linear 0s;
		-webkit-transition: color .25s linear 0s;
	}
	a:link {
		color: rgb(35,35,35);
	}
	a:visited,
	a:hover,
	a:active,
	a:focus {
		color: rgb(125,125,125);
	}