/* ************************************************************************** */
/* Stylesheet für Rademacher-Standardlayout                                   */
/*                                                                            */
/* Version 1.0 - 26.10.2010                                                   */
/*                                                                            */
/* (c) Copyright 2010 by Impression Media Dorsten - www.impressionmedia.de    */
/* ************************************************************************** */


/* -------------------------------------------------------------------------- */
/* 01 | Reset & Basisstyles                                                   */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
	}

:focus {
	outline: 0;
	}

body {
	line-height: 1;
	color: black;
	background: white;
	}

ol, ul {
	list-style: none;
	}

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

caption, th, td {
	text-align: left;
	font-weight: normal;
	}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
	}
blockquote, q {
	quotes: "" "";
	}

html * {
	font-size: 100.01%;
	}


a {
	text-decoration: none;
	}


/* -------------------------------------------------------------------------- */
/* 02 | Layout                                                                */

html {
	overflow: -moz-scrollbars-vertical;
	text-align: center;
	}

body {
	background: #4D87C7 url(../bilder/seite/seite-hg.gif) top left repeat-x;
	color: #444;
	font-family: Arial, Geneva, Verdana, Helvetica, sans-serif;
	font-size: 75%;
	line-height: 1.5em;
	padding: 0 20px;
	text-align: center;
	}

#seiten-container,
#kopf,
#inhalt-container,
#spalte-links,
#spalte-mitte,
#spalte-rechts,
#fuss {
	position: relative;
	}

#kopf,
#inhalt-container {
	background: #fff;
	}

#seiten-container {
	background: transparent;
	margin: 24px auto;
	text-align: left;
	width: 960px;
	}

#kopf {
	height: 180px;
	margin-bottom: 24px;
	width: 100%;
	}

#inhalt-abstand {
	margin: 0 2%;
	}

#inhalt-container {
	float: left;
	padding-bottom: 20px;
	width: 100%;
	}

#haupt-inhalt {
	float: left;
	margin-top: 24px;
	width: 77.5%;
	}

#spalte-links {
	background: #DDEEDD;
	float: left;
	width: 27%;
	}

#spalte-mitte {
	background: #DDDDEE;
	float: right;
	margin-bottom: 24px;
	width: 71.039%;
	}

#spalte-rechts {
	background: #EEDDDD;
	float: right;
	margin-top: 24px;
	width: 21%;
	}

#fuss {
	background: #F0F0F0;
	border-top: #D2D2D2 5px solid;
	clear: both;
	color: #666;
	}

#fuss p {
	text-align: left;
	}

.abstand {
	padding: 16px;
	}

#fuss .abstand {
	padding: 10px;
	}

.ecke-lo,
.ecke-ro,
.ecke-ru,
.ecke-lu {
	background-repeat: no-repeat;
	height: 4px;
	position: absolute;
	width: 4px;
	}

.ecke-lo {
	background-position: top left;
	left: 0;
	top: 0;
	}

.ecke-ro {
	background-position: top right;
	right: 0;
	top: 0;
	}

.ecke-lu {
	background-position: bottom left;
	bottom: 0;
	left: 0;
	}

.ecke-ru {
	background-position: bottom right;
	bottom: 0;
	right: 0;
	}

#kopf .ecke-lo {
	background-image: url(../bilder/seite/kopf-ecke-lo.gif);
	}

#kopf .ecke-ro {
	background-image: url(../bilder/seite/kopf-ecke-ro.gif);
	}

#kopf .ecke-lu {
	background-image: url(../bilder/seite/kopf-ecke-lu.gif);
	}

#kopf .ecke-ru {
	background-image: url(../bilder/seite/kopf-ecke-ru.gif);
	}

#inhalt-container .ecke-lo {
	background-image: url(../bilder/seite/inhalt-container-ecke-lo.gif);
	}

#inhalt-container .ecke-ro {
	background-image: url(../bilder/seite/inhalt-container-ecke-ro.gif);
	}

#inhalt-container .ecke-lu {
	background-image: url(../bilder/seite/inhalt-container-ecke-lu.gif);
	}

#inhalt-container .ecke-ru {
	background-image: url(../bilder/seite/inhalt-container-ecke-ru.gif);
	}

#spalte-links .ecke-lo {
	background-image: url(../bilder/seite/spalte-links-ecke-lo.gif);
	}

#spalte-links .ecke-ro {
	background-image: url(../bilder/seite/spalte-links-ecke-ro.gif);
	}

#spalte-links .ecke-lu {
	background-image: url(../bilder/seite/spalte-links-ecke-lu.gif);
	}

#spalte-links .ecke-ru {
	background-image: url(../bilder/seite/spalte-links-ecke-ru.gif);
	}

#spalte-mitte .ecke-lo {
	background-image: url(../bilder/seite/spalte-mitte-ecke-lo.gif);
	}

#spalte-mitte .ecke-ro {
	background-image: url(../bilder/seite/spalte-mitte-ecke-ro.gif);
	}

#spalte-mitte .ecke-lu {
	background-image: url(../bilder/seite/spalte-mitte-ecke-lu.gif);
	}

#spalte-mitte .ecke-ru {
	background-image: url(../bilder/seite/spalte-mitte-ecke-ru.gif);
	}

#spalte-rechts .ecke-lo {
	background-image: url(../bilder/seite/spalte-rechts-ecke-lo.gif);
	}

#spalte-rechts .ecke-ro {
	background-image: url(../bilder/seite/spalte-rechts-ecke-ro.gif);
	}

#spalte-rechts .ecke-lu {
	background-image: url(../bilder/seite/spalte-rechts-ecke-lu.gif);
	}

#spalte-rechts .ecke-ru {
	background-image: url(../bilder/seite/spalte-rechts-ecke-ru.gif);
	}

#fuss .ecke-lu {
	background-image: url(../bilder/seite/fuss-ecke-lu.gif);
	}

#fuss .ecke-ru {
	background-image: url(../bilder/seite/fuss-ecke-ru.gif);
	}

#kopf .abstand {
	padding: 0;
	}

#kopf h1 {
	background-color: transparent;
	color: #660000;
	font-size: 300%;
	font-weight: bold;
	line-height: 1.2em;
	padding-top: 1.2em;
	text-align: center;
	z-index: 99;
	}

#kopf img.bild-links,
#kopf img.bild-rechts {
	z-index: 1;
	}

#kopf img.bild-links {
	float: left;
	margin: 30px 0 0 16px;
	}

#kopf img.bild-rechts {
	float: right;
	margin: 30px 16px 0 0;
	}


p.menu {
	color: #999;
	position: absolute;
	right: 16px;
	top: 8px;
	}

p.menu a {
	color: #999;
	}

p.menu a:hover {
	border-bottom: #999 1px solid;
	}

#spalte-links,
#spalte-rechts {
	margin-bottom: 24px;
	text-align: center;
	}

#spalte-links img,
#spalte-rechts img {
	margin-top: 1em;
	margin-bottom: 0.5em;
	width: 84%;
	}

#spalte-links p.bildunterschrift,
#spalte-rechts p.bildunterschrift {
	font-weight: bold;
	line-height: 1.5em;
	margin-bottom: 1em;
	}

#spalte-mitte p {
	line-height: 1.5em;
	margin-bottom: 1em;
	}


ol, ul {
	line-height: 1.5em;
	margin-bottom: 1em;
	margin-left: 5em;
	}

ol {
	list-style-type: decimal;
	}

ul {
	list-style-type: disc;
	}

.eingerueckt {
	margin-left: 3em;
	}

.fett {
	font-weight: bold;
	}

.hervorhebung {
	color: #660000;
	font-size: 133.333%;
	}

.kursiv {
	font-style: italic;
	}

p.slogan,
p.bestellen {
	color: #660000;
	font-size: 150%;
	font-style: italic;
	font-weight: bold;
	text-align: center;
	}

p.bestellen a {
	border-bottom: #660000 1px dotted;
	color: #660000;
	}

p.bestellen a:hover {
	border-bottom: #660000 1px solid;
	}

#spalte-mitte h2,
#spalte-mitte h3 {
	font-weight: bold;
	line-height: 1.5em;
	margin-bottom: 0.5em;
	}

#spalte-mitte h2 {
	font-size: 150%;
	}

#spalte-mitte h3 {
	font-size: 133.333%;
	}

.times {
	font-family: "Times New Roman", Times, serif;
	}


.zentriert {
	text-align: center;
	}

#partner-links #spalte-mitte p {
	text-align: center;
	}

#partner-links #spalte-mitte p a {
	color: #444;
	}

#partner-links #spalte-mitte p a:hover {
	border-bottom: #444 1px solid;
	}

#partner-links #spalte-mitte p a.img:hover {
	border: none;
	}


.error {
	border-top: red 1px solid;
	border-bottom: red 1px solid;
	color: red;
	}

.platzhalter {
	border-top: transparent 1px solid;
	border-bottom: transparent 1px solid;
	color: transparent;
	}

form fieldset {
	font-family: Arial, Geneva, Verdana, Helvetica, sans-serif;
	padding: 0;
	}

form label {
	cursor: pointer;
	float: left;
	width: 28%;
	padding-top: 2px;
	}

form input[type="text"],
form input[type="submit"] {
	border: #aaa 1px solid;
	background: #fff;
	color: #333;
	font-family: Arial, Geneva, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	margin-left: 0;
	margin-right: 0;
	padding: 4px 4px 4px;
	width: 68%;
	}

form input[type="checkbox"] {
	border: none;
	height: 17px;
	width: 17px;
	}

p.captcha form input {
	width: 28%;
	}

form textarea {
	border: #aaa 1px solid;
	font-family: Arial, Geneva, Verdana, Helvetica, sans-serif;
	margin-top: 0.5em;
	padding: 3px 3px 3px;
	width: 96%;
	}

form input:hover,
form input:focus,
form textarea:hover,
form textarea:focus {
	border: #444 1px solid;
	}

img.captcha {
	border: #aaa 1px solid;
	float: left;
	margin-bottom: 0.5em;
	}

#spalte-mitte form p {
	margin-bottom: 0.5em;
	}

form input[type="submit"] {
	margin-left: 73%;
	margin-top: 2.5em;
	width: 25%;
	}

#fuss-spalte-1, #fuss-spalte-2, #fuss-spalte-3, #fuss-spalte-4 {
	float: left;
	width: 25%;
	}

#fuss-spalte-1 a, #fuss-spalte-2 a, #fuss-spalte-3 a, #fuss-spalte-4 a {
	border-bottom: #660000 1px dotted;
	color: #660000;
	}

#fuss-spalte-1 a:hover, #fuss-spalte-2 a:hover, #fuss-spalte-3 a:hover, #fuss-spalte-4 a:hover {
	border-bottom: #660000 1px solid;
	}

#fuss p.fuss-links, #fuss p.fuss-rechts {
	width: 45%;
	}
	

#fuss p.fuss-links {
	float: left;
	text-align: left;
	}

#fuss p.fuss-rechts {
	float: right;
	text-align: right;
	}
	
#fuss p.fuss-links a, #fuss p.fuss-links a:hover {
	border: none;
	color: #666;
	text-decoration: none;
	}
	
.video {
	margin: 12px 0 18px 0;
	}