/* 
Madaus Landingpages
Start: 09:30, 26.09.2008
Letzte Aenderung: 13:00, 29.10.2008
Manuela Hoffmann, info@pixelgraphix.de
Jo Schneider, service @ maxxmedia.de
*/

* {
	padding: 0;
	margin: 0;
	border: 0;
}

#lp-html {
	background: #e9e5ee url(bilder/bg-kachel.jpg) top left repeat-x;
	width: 937px;
}

ul, ol, li {
	list-style-type: none;
}

a:link, a:visited {
	color: #1fa22e;
	text-decoration: underline;
}

a:hover {
	text-decoration: underline;
}

a:focus {
	outline: none;
}

.right {
	float: right;
	margin: 0 0 0.4em 0.4em;
}

#lp-html p, p.lp, ul.lp, #lp-html li {
	font: 1em/1.5em Arial, Tahoma, Verdana, sans-serif;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	clear: both;
}

h1.lp {
	color: #556460;
	font-size: 3.5em;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	line-height: 1.2em;
	background-image: url("bilder/m.gif");
	background-repeat: no-repeat;
	background-position: right bottom;
	text-align: right; display: block;
	margin-top: 0; margin-bottom: 1.2em;
	margin-left: 0; padding: 0 30px 0 0;
	position: relative; width: 450px
}

h1.lp span {
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 1em;
	color: #1fa22e;
	display: block;
	clear: both;
}

h2.lp {
	color: #111111;
	font-size: 3em;
	line-height: 160%;
	background-image: url("bilder/m.gif");
	background-repeat: no-repeat;
	background-position: right bottom
}

#lp-info h2 {
	margin: 50px 0 0 0;
	padding: 0 35px 0 0;
	position: relative;
	width: 135px;
}

h3.lp  { color: #556460; font-size: 2em; font-family: Arial, Helvetica, Geneva, sans-serif; line-height: 1em }

#lp-details h3 {
	padding: 20px 0 0 0;
}

img.lp, a img.lp {
	border: 0;
}

#lp-headerinfo  { padding: 20px 0 0 336px }

#lp-main {
	background-image: url("bilder/bg.jpg");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0 0;
	padding: 20px 0 0 80px;
	width: 530px;
	float: left
}

#lp-info {
	background: transparent url(bilder/produkt.png) top left no-repeat;   
	float: left; /* Manuela Hoffmann: Dieses float bewirkt ebenfalls die korrekte Darstellung des ganzen Hintergrunds */ 
	padding: 0 30px 0 220px;
	width: 270px;
}

#lp-info li, #lp-infotxt li {
	list-style-image: url(bilder/bullet.png);
	margin: 0;
	list-style-type: none;
	list-style-position: outside;
	margin: 0 0 3px 20px;
}

#lp-details {
	padding: 10px 0 0;
	width: 850px;
	clear: both
}

#lp-infotxt {
	margin-right: 57px;
	width: 280px;
	float: left;
	clear: right
}


/* 27.10.2008 */

#lp-produkte  { background: #eaf0e5; margin: 218px 40px 0 0; padding: 10px; width: 220px; float: left; clear: right; border: solid 1px #1f8643 }

#lp-produkte h2, #produkte a {
	color: #1F8643;
	font-size: 1em;
	text-decoration: none;
}

#lp-produkte h2 {
	margin: 1.5em 0 0.3em 0;
}

#lp-produkte p {
	margin: 0.5em 0;
	padding: 0;
}


/* Ende 27.10.2008 */

#lp-sideinfo {
	margin-top: 45px;
	width: 210px;
	float: left
}

#lp-sideinfo li {
	background: transparent url(bilder/shadow.png) bottom left no-repeat;
	float: left;
	padding: 0 2px 10px 6px !important;
	padding: 0 2px 5px 6px; /* Für den IE6 */
	margin: 10px 0;
	width: 192px;
}

#lp-sideinfo li p {
	background: #DAE2D7 url(bilder/bg-kachel.jpg) top left repeat-x;
	margin: 0;
	width: 140px;
	padding: 15px 20px;
	border: 1px solid #DAE2D7;
}

#lp-sideinfo li p strong {
	font-size: 1.4em;
	letter-spacing: -0.03em;
	color: #6a5439;
	font-weight: normal;
}


/* Neu 28.10.2008 */

#lp-sideinfo li p.download strong {
	color: #6a5439;
	font-size: 1.4em;
	letter-spacing: -0.03em;
	font-weight: normal;
	padding: 3px 0 0 26px;
	background: transparent url(bilder/icon.png) no-repeat 0 0;
}

#lp-sideinfo li p.achtung strong {
	color: #6a5439;
	font-size: 1.4em;
	letter-spacing: -0.03em;
	font-weight: normal;
	padding: 3px 0 0 26px;
	background: url("bilder/icon-achtung.png") no-repeat 0 0;
}

/* Ende 28.10.2008 */

#lp-alt-produkt  { margin-left: 280px; padding: 40px 0; width: 540px; clear: both }

/*
Eigentlich wollte ich »m« und Claim per CSS einbinden, was in allen Browsern außer dem IE6 auch funktioniert. Dieser lässt sich leider auch per Skript nicht dazu bewegen, transparente Hintergünde auszurichten und so musste ich die Klassen nehmen :-(.
*/

.lp-m {
	margin: 0;
	position: absolute;
	top:  -10px;
	right: 0;
}

.lp-claim {
	float: right;
}