/* @override http://mcthias-2.local:8888/abwrack-praemie-ende/c/style.css?version=1.0 */

/*

	abwrack-praemie ENDE

	----------------------

	@file 		style.css
	@version 	1.0.0b
	@date 		2009-07-01 09:12:19 +0200 (Wed, 1 Jul 2009)
	@author 	Matthias Edler-Golla <meg@wachenfeld-golla.de>

	Copyright (c) 2009 Wachenfeld + Golla, Buero fuer Gestaltung <http://wachenfeld-golla.de>

*/

/* @group normalisieren */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,img {
	border: 0;
}

address,caption,cite,code,dfn,th,var {
	font-style: normal;
	font-weight: normal;
}

ol,ul {
	list-style: none;
}

caption,th {
	text-align: left;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}

q:before {
	content: "\201E";
	color: #333;
}

q:after {
	content: "\201C";
	color: #333;
}

abbr,acronym {
	border: 0;
}

/* @end */

/* @group font und farben allgemein */

body {
	font: 93%/1.5 Arial, Verdana, sans-serif;
	color: #4f4f4f;
	background: #666666 url(../p/abgelaufen.jpg) no-repeat 0 0;
}

html>body {
	font-size: 15px;
}

/* @end */

div#popUp {
	width: 751px;
	height: 549px;
	background: url(../p/popup_hg.png) no-repeat 0 0;
	position: absolute;
	top: 10%;
	left: 116px;
	padding: 35px;
}

div#popUp p {
	width: 65%;
	margin-bottom: 1.5em;
}

h1#vorbei {
	position: relative;
	width: 438px;
	height: 58px;
	margin-bottom: 0.8em;
}

h1#vorbei span {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: url(../p/vorbei.gif) no-repeat 0 0;
}

h2#guteNachricht {
	position: relative;
	width: 224px;
	height: 32px;
	margin-top: 3em;
	margin-bottom: 0.3em;
}

h2#guteNachricht span {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: url(../p/guteNachricht.gif) no-repeat 0 0;
}

div#swopper {
	position: absolute;
	right: 45px;
	bottom: 19px;
}

span#aeris {
	display: block;
	width: 200px;
	height: 120px;
	background: url(../p/aerisLogo.gif) no-repeat 0 100%;
}

a#aerisLink:link,
a#aerisLink:visited {
	color: #fff;
	background: url(../p/aerisLink.gif) no-repeat 0 2px;
	padding: 5px 25px 15px 20px;
	text-decoration: none;
}

a#aerisLink:hover,
a#aerisLink:active,
a#aerisLink:focus {
	background: url(../p/aerisLink.gif) no-repeat 0 -48px;
}