/* 
    Document   					: rapid-html css
    Created on 					: 23. nov 2008, 11:16
    Author						: Martina Plawer universaldesign.de
*/
* {
    margin						: 0;
    padding						: 0;
}
body {
    font-family					: Verdana, Arial, Helvetica sans-serif;
	line-height					: 130%;
	color						: #2e3a40;
	background-color			: #fff;
	font-size					: 100.01%;
	margin						: 0 0 0 4em;
}
h1, h2, h3 {
	
	font						: bold 1em Arial, Verdana, Helvetica,  sans-serif;
}
p, label, textarea {
 	font						: normal .75em/1.6em  Verdana, Arial, Helvetica,  sans-serif;
}
a {
	color						: #6d8a24;
	text-decoration				: none;
	border-bottom				:1px solid #81b42a;
}
a:hover,
a:focus,
a:active {
	border-bottom				: 2px solid #81b42a;
	color						: #47690e;
	background-color			: inherit;
}
code {
	font-size					: 1.5em;
	padding						: 3px;
	border						: 1px dashed #ccc;
}
a img,
a.button {
	border						: none;
}
#logo {
	float						: left;
	border						: none;
}
#head-area {
	padding						: 10px 0 0 0;
	width						: 884px;
}
ul#metanavigation li,
ul#hauptnavigation li,
ul.skiplinks li {
	display						: inline;
	float						: left;
	padding						: 0 10px 0 0;
}
ul#hauptnavigation li {
	padding: 0;
}
#metanavigation  {
	float						: right;
	font						: normal .675em/1.6em  Arial, Helvetica, sans-serif;
	padding						: 44px 0 0 0;
}
ul#metanavigation li a {
	text-align					: right;
	border						: none;
}
ul#metanavigation li a:hover,
ul#metanavigation li a:focus,
ul#metanavigation li a:active {
	border-bottom				: 1px solid #81b42a;
}
ul#hauptnavigation {
	background					: #81b42a url(../img/top-nav-hover.png) 0 0 no-repeat;
	height						: 50px;
}
ul#hauptnavigation li a {
	color						: #fff;
	background-color			: #ccc;
	font						: bold .675em/1.6em  Arial, Helvetica, sans-serif;
	text-transform				: uppercase;
	display						: block;
	float						: left;
	background					: #81b42a url(../img/top-nav-hover.png) -20px 0 no-repeat;
	padding						: 15px 10px 0 10px;
	border: none;
}
ul#hauptnavigation li#startseite a {
	background					: #81b42a url(../img/top-nav-hover.png) 0 0 no-repeat;
}
ul#hauptnavigation li#startseite a:hover,
ul#hauptnavigation li#startseite a:focus,
ul#hauptnavigation li#startseite a:active,
#start ul#hauptnavigation li#startseite a {
	height						: 35px;
	padding						: 15px 10px 0 10px;
	background					: #81b42a url(../img/top-nav-hover.png) 0 -50px no-repeat;
	border						: none;
}
#preise ul#hauptnavigation li#euro a,
#bestellen ul#hauptnavigation li#order-form a,
#fragen ul#hauptnavigation li#faq a,
ul#hauptnavigation li a:hover,
ul#hauptnavigation li a:focus,
ul#hauptnavigation li a:active {
	background					: #81b42a url(../img/top-nav-hover.png) -15px -50px no-repeat;
	padding-bottom				: 3px;
	border						: none;
}
ul.skiplinks {
	padding						: 0 0 0 10px;
}
ul.skiplinks li a,
.aufzaehlung li {
	font-size					: .75em;
}
ul.aufzaehlung {
	margin						: 0 0 0 30px;
}
ul.aufzaehlung li {
	list-style					: square;
}
.button { 
	padding						: 0 0 0 5px;
}
.teaser p {
	padding						: 0 10px 20px 10px;
}
span.oo-space {
	position					: absolute;
	left						: -22222px;
}
.left, .right {
	float						: left;
	width						: 580px;
}
.right {
	width						: 300px;
}
.breaker {
	clear						: both;
}
.content-row {
	width						: 900px;
}

.single-column,
.double-column {
	width						: 290px;
	float						: left;
}
.marginal-column {
	float						: left;
	width						: 300px;
}
.marginal-column p {
	width						: 250px;
}
.double-column {
	width						: 580px;
}
#footer p,
.marginal-column p,
.single-column p,
.double-column p {
	padding						: 0 10px;
}
.double-column h2 {
	padding						: 20px 0 10px 0;
}
.text {
	font-size					: .75em;
	padding						: 10px 0 10px 10px;
}
p.abstand,
p.skip {
	padding-top					: 10px;
}
p.xl-padding {
	padding-top					: 30px;
}
.new-line {
	padding-top					: 10px;
}
.ohne-abstand-top {
padding-top						: 0;
}
p.abstand {
	padding-bottom				: 10px;
}
#last {
	padding-bottom				: 30px;
}
#footer {
	width						: 880px;
	background					: url(../img/footer.png) top left no-repeat;
	padding						: 10px 0 30px 0;
}
#footer p {
	padding						: 5px 0 0 20px;
	color						: #888;
	background-color			: inherit;
	width						: 270px;
}
#footer ul {
	float						: right;
	padding						: 0 320px 0 0;
}
#footer ul li {
	display						: inline;
}
#footer ul li a {
	display						: block;
	margin						: 0 0 0 10px;
	height						: 25px;
	width						: 52px;
	border						: 1px solid #81b42a;
	float						: left;
}
a#css-star {
	background					: url(../img/css-star.png) 0 0 no-repeat;

}
a#css-mix {
	background					: url(../img/css-mix.png) 0 0 no-repeat;
}
a#browser-shot {
	background					: url(../img/browser-shot.png) 0 0 no-repeat;
}
#footer ul li a:hover {
	background-position			: 0 -25px;
}
html[xmlns] {
	height						: 100%;
	padding-bottom				: 0.005em;
}
a.irgendwas:hover,
a.irgendwas:focus,
a.irgendwas:active {
   background-color				: #98061e;
   color						: #fff;
}