@charset "utf-8";
/* CSS Document */

body {
	background: #fff url(background.png) top right repeat-y;
	margin: 0px;
	padding: 0px;
}
	
#titel {
	position: absolute;
	top: 20px;
	left: 30px;
	width: 450px;
	height: 385px;
	background: #fff url(titel_neue.png) top left no-repeat;
}

#fail {
	position: absolute;
	top: 20px;
	left: 30px;
	width: 588px;
	height: 106px;
	background: #fff url(titel_fail.png) top left no-repeat;
}
	
#titel p, #fail p {
	display: none;
}
	
#webvariants {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 250px;
	height: 400px;
	background: transparent url(background_webvariants.png) top right no-repeat;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #fff;
}
	
#webvariants p {
	margin: 140px 25px 0px 25px;
}
	
#webvariants ul {
	margin: 30px 25px;
	padding: 0;
}

#webvariants li {
	margin: 8px 0px 8px 0px;
	list-style-image: url(link.png);
	list-style-position: inside;
}

#webvariants li.kontakt {
	list-style-image: url(mail.png);
}

#webvariants a, a:visited, a:active {
	color: #fff;
}
	
#webvariants a:hover {
	color: #dcf0fa;
}