body {
	/* Globale Formatierungen des BODY, die nach unten vererbt werden: */
	color: black;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	padding-bottom: 20px; /* damit der Footer nicht am unteren Browserrand klebt, sondern immer noch etwas Luft ist */
}
img {
	border: 0px; /* erspart uns, bei jedem IMG ein border="0" einzufügen! */
}
	div {
	/* da außen rum ein "center" ist und dieses center vererbt wird, */
	/* setze ich für alle DIVs global ein text-align: left, da sonst alle Inhalte mittig sind. */
	text-align: left;
}
p {
        /* <!-- Nur schonmal zur Sicherheit, da später der Backend-Editor alles in <p>s packen wird --> */
	padding: 0px;
	margin: 0px;
}
.site {
	/* Haupt-DIV um alles rum */
	width: 854px;
}
.top {
	background-image: url(../img/top.jpg);
	background-repeat: no-repeat; /* um sicher zu sein, dass es nicht gekachelt wird! */
	width: 854px;
	height: 17px;
	padding-top: 90px;
	/* Die Höhe der Top-Box ist 107px, so hoch ist auch die Hintergrund-Grafik! */
	/* Das Padding wir _IMMER_ von den Höhen- bzw. Breitenangaben abgezogen! */
	/* Also 107 Höhe minus 90 Top-Padding = 17px Resthöhe. */
	font-weight: bold;
}
.top a, .top a:hover, .top a:visited, .top a:active,
.bottom_left a, .bottom_left a:hover, .bottom_left a:visited, .bottom_left a:active,
.bottom_right a, .bottom_right a:hover, .bottom_right a:visited, .bottom_right a:active {
	/* Hier werden die Links für die Boxen oben und unten (rechts + links) formatiert! */
	text-decoration: none;
	color: black;
	font-weight: bold;
}
.content_text, .content_bild, .content_flash_rechts, .content_flash_links {
	/* Gemeinsame Eigenschaften beider DIVs: */
	float: left;
	border: 1px solid black;
}
.content_flash_links {
	width: 422px;
	height: 478px;
	padding: 1px;
}
.content_flash_rechts {
	width: 422px;
	height: 478px;
	padding: 1px;
}
.content_flash_fullscreen {
	width: 850px;
	height: 478px;
	padding: 1px;
	float: left;
	border: 1px solid black;
}
.content_text {
	width: 381px;
	height: 450px;
	padding: 20px 20px 10px 23px; /* Padding für: oben rechts unten links; also Uhrzeigersinn beginnend oben! */
	/* Breite und Höhe einer Box: 426 x 482 Pixel. Auch hier wird (wie immer) das Padding subtrahiert. */
	/* Zusätzlich muss die border abgezogen werden, jeweils 2px (links+rechts sowie oben+unten)! */
	color: #000000;
}
.content_text a, .content_text a:hover, .content_text a:visited, .content_text a:active{
       text-decoration: none;
       color: #373636;
       font-weight: bold;

}
.content_text a:hover{
    text-decoration: underline;
    color: #373636;
    font-weight: bold;

}

.content_bild {
	width: 422px;
	height: 478px;
	padding: 1px;
	/* Breite und Höhe einer Box: 426 x 482 Pixel. Auch hier wird (wie immer) das Padding subtrahiert. */
	/* Zusätzlich muss die border abgezogen werden, jeweils 2px (links+rechts sowie oben+unten)! */
}
.content_text h1, content_text h2 {
	/* Hauptüberschrift */
	font-size: 22px;
	font-weight: bold;
	padding: 5px 0px 0px 0px;
	margin: 0px;
}
.content_text h2 {
	/* Zwischenüberschrift: nur Schrift ist kleiner, Rest wird von oben übernommen! */
	font-size: 14px;
        padding: 5px -30px 0px 0px;
}
.spacer {
	/* Abstand zwischen den beiden Boxen */
	width: 2px;
	height: 1px; /* Höhenangabe hier zwingend, da der Spacer sonst 0px hoch ist und nicht angezeigt wird! */
	float: left;
}
.bottom_left, .bottom_right {
	float: left;
	width: 427px;
}
.bottom_right {
	text-align: right;
	padding-top: 6px;
}
a.katalog {
	/* Das Icon für "Katalog bestellen" bette ich ganz tricky mit in das a-Tag ein: */
	display: block; /* Dazu muss der Link zunächst ein Block-Element werden, damit das Padding funktioniert */
	background-image: url(../img/bottom_left.gif);
	background-repeat: no-repeat; /* Das Bild soll nur einmal auftauchen, nicht gekachelt! */
	height: 16px;
	width: 130px; 
	padding: 6px 0px 0px 31px;
	/* Das linke Padding ist auf 31, weil das Bild 25 Pixel breit ist und neben dem Bild noch 6 Pixel Luft sein sollen! */
}
select {
       width: 120px;
}

input, textarea {
	border: 1px solid #656662;
	padding: 1px;
	width: 350px;
}
textarea {
	height: 100px;
}
input.submit {
	width: 140px;
}
input.checkbox, input.radio {
	width: auto;
	border: 0;
}
.alert {
        font-weight: bold;
	color: #000000;
}