﻿/* style.css         Erwin Gottschlich           01.08.2008 */
/* 10.07.2011 Erwin Gottschlich  neue class Elemente zum formatieren */
/* 10.07.2011 für Logo p.bild_x hinzugefügt */
/* ---------- Begin CSS ---------- */
html {
/* top right bottom left */
    margin : 0px 0px 0px 0px;
    padding : 0px;
    font-family : "Arial";
}
body {
/* ---------- Boxes ---------- */
}
#container {
    width: 950px;
    background-color:#6699CC;
}
#header {
}
#main {
    text-align : center;
    padding : 0px 10px 0px 10px;
    background-color:#CFD6EB;
/* background-image: url(http://www.baadershop.de/images/entwurf1a_GB.jpg); */
}
p.bild_x {
    text-align : right;
}
/* ---------- erst die allgemeinen Header ---------- */
h1 {
    color : #000099;
    text-align : center;
    font-size : 24pt;
}
h2 {
    color : 000099;
    text-align : center;
    font-size : 16pt;
}
h3 {
    color : #CC3300;
    text-align : center;
    color: #CC3300;
    font-style: italic;
    font-weight: bold;
}
h4 {
    color : #000080;
    text-align : center;
    font-size : 14pt;
}
h5, h6, p {
    color : #000080;
    text-align : center;
}
/* ---------- jetzt die speziellen Header  ---------- */
h4.red {
    color : #CC3300;
    font-style: italic;
}
h2.hersteller_typ {
    color : 3366CC;
    font-size : 16pt;
}
h1.bezeichnung_1 {
    color : 00008B;
    font-size : 20pt;
    font-style: italic;
}
h2.bezeichnung_2 {
    color : 3366CC;
    font-size : 14pt;
}
h2.bezeichnung_3 {
    color : #CC3300;
    font-style: italic;
}
h2.bezeichnung_4 {
    color : #00008B;
    font-style: talic;
    font-size : 14pt;

}
h4.hinweis_6 {
    color : #0000CC;
    font-style: italic;
	font-size : 12pt;
}
h2.titel_bild {
}
h2.spurweite {
    color : #00008B;
    font-size : 16pt;
}
/* ---------- Buttons ---------- */
#buttons {
    clear: both;
    text-align : center;
    background-color:#CC3300;
    width : 100%;
}
a.button, a.button2 {
    text-align : center;
    font-size : medium;
    background : #999999;
    color : black;
    width : 160px;
    padding : 5px 15px 5px 15px;
    text-decoration	: none;
    border : darkblue solid 2px;
    margin : 10px 10px 0px 0px;
/* top right bottom left */
}
a.button2 {
    width : 320px;
    background : blue;
    color : white;
    font-weight: bold;
}
a.button:visited, a.button2:visited {
    background : #E6DB8E;
    color : black;
}
a.button:active, a.button2:active {
    background : #CCCCCC;
    color : black;
}
a.button:hover,a.button2:hover {
    background : #CCCCCC;
    color : white;
    border : #5B2E00 solid 2px;
}
#content {
    clear: both;
    text-align : center;
    color : #5B2E00;
/* top right bottom left */
    margin : 0px 0px 0px 10px;
}
h2.zustandinfo {
    color : #CC3300;
    text-align : center;
    color: #1F25A5;
    font-style: Caps italic;
    font-weight: Caps italic;
    font-size : 12pt;
}
h2.zustand {
    color : #CCCCCC;
    font-size : 18pt;
}
h2.bedienungsanleitung {
    color : #CCCCCC;
    font-size : 12pt;
}
h2.gebrauch {
    color : #CCCCCC;
    font-size : 12pt;
}
h1.funktion {
    color : #000099;
    text-align : center;
    font-size : 12pt;
}
h2.ovp {
    color : #CCCCCC;
    font-size : 12pt;
}
/* ---------- Horizontal Line ---------- */
hr {
    height : 10px;
    background : #C0C0C0;
    color : blue;
    border : #5B2E00 solid 2px;
/* top right bottom left */
    margin : 0px 15px 0px 50px;
}
hw {
    color : #CC3300;
    text-align : center;
    font-size : 24pt;
}   
h4.beschreibung_1 {
}
h4.beschreibung_2 {
}
h4.beschreibung_3 {
    color : #0000CC;
    font-style: italic;
}
h4.beschreibung_4 {
    color : #CC3300;
    font-style: italic;
}
h4.hinweis_1, h4.hinweis_2, h4.hinweis_3, h4.hinweis_4, h4.hinweis_5 {
    color : #0000CC;
    font-style: italic;
}
/* ---------- Lists ---------- */
li {
    color : #000080;
    text-align : left;
}
/* ---------- Images ---------- */
img {
    border:0
}
/* ---------- Other ---------- */
.span.Lauftext {
    background : #C0C0C0;
    color : dark-blue;
}
.UL_Bold {
    text-decoration: underline;
    font-weight: bold;
}
/* ---------- Box with frame and colored header ---------- */
.t-boxleft {
    clear: both;
    float:left;
    text-align: left;
    display: block;
    margin: 0px 20px 20px 0px;
}
.t-boxright {
    clear: both;
    float:right;
    display: block;
    margin: 0px 20px 20px 0px;
}
.t-boxcenter {
    clear: both;
    text-align: center;
    display: block;
    margin: 0px 20px 20px 0px;
}
.teaser {
    width:200px;
    background-color:white;
    border:solid 1px black;
    margin: 10px 0px 10px 0px;
}
.t-head {
    font-family:'Trebuchet MS',sans-serif;
    background-color:blue;
    color:white;
    padding: 3px;
    margin: 0;
    font-size: 85%;
}
.t-txt {
    font-family:Arial,sans-serif;
    color:#000000;
    padding: 5px;
    line-height:150%;
    font-size: 75%;
}
/* ---------- End CSS ---------- */