@media screen {

	/* ################################ *
	 * ### Allgemeine Einstellungen ### *
	 * ################################ */

	html {
		height: 100%;
	}

	
	
	body {
		background: white;
		color: black;
		text-align: left;
		font-family: georgia, sans-serif, arial;
		font-size: 9pt;
		line-height: 120%;
	}
	
	img {
		border: 0px;
	}
	
	p {
		margin: 0;
	}
	
	a:link, a:visited {
		color: black;
		text-decoration: underline;
		border: none;
	}
	
	a:hover, a:active {
		color: red;
	}
	
	#all {
		position:absolute;
		height: 400px;
		width: 425px;
		left:50%;
		top:50%;
		margin-top: -200px;
		margin-left: -213px;	 
	}
	
	#dreieck {
		background: white url(../img/dreieck.jpg);
		border: 0px solid white;
		position:absolute;
		height: 166px;
		width: 200px;
		left:50%;
		top:50%;
		margin-top: -83px;
		margin-left: -100px;
	}
	
	#dreieck a {
		display: block;
		height: 166px;
		width: 200px;
	}
	
	#impressum {
		background: white url(../img/sexy_off.gif);
		border: 0px solid white;
		position:relative;
		height: 75px;
		width: 421px;
		left:50%;
		margin-top: 310px;
		margin-left: -211px;
	}
	
	#impressive a {
		height: 75px;
		width: 421px;
	}
	
	
	#invisible {
		display: none;
	}
	
	#text {
		margin: 3px 3px 3px 3px;
	}





}