/*CSS Definition                                                        */
/*----------------------------------------------------------------------*/

/* Allgemeine Definitionen */

body,p,h1,h2,h3,h4,h5,ul,ol,li,div,td,th,address,blockquote,nobr,b,i,pre
{ 
font-family: arial, helvetica, verdana;
font-size: 10pt;
color:#000000;
}

body.Content { background-color:#FFFFFF; margin:2px 20px 20px 65px; background-image:url(images/Ohr-gross.jpg); position:relative; top:0; left:0; }
body.Home { background-color:#EBFFFD; margin:0; padding:0;  position:relative; top:0; left:0; text-align:center; }
div.ContentHome { width:650px; height:400px; background-image:url(images/bg_Home.jpg); background-repeat:no-repeat; background-position:152px 2px; position:relative; top:0; left:0; margin:auto; text-align:left;}
div.HomeLogoAnim { position:absolute; top:77px; left:346px; border:0; }
div.HomeSlogan { position:absolute; top:139px; left:432px; font-weight:bold; color:#00948C; }
.TextIntro p{ width:155px; position:absolute; top:160px; left:432px; color:#00948C; }
.CHMQ {float:right; margin:5px 0 0 5px; border:0;}
div.Impressum p { width:155px; position:absolute; top:360px; left:432px;  text-align:right; color:#00948C; font-size:75%; }
img.HomeAnim { position:absolute; top:206px; left:224px; }
p.Wir { position:absolute; top:115px; left:108px; }
p.Otoplastiken { position:absolute; top:140px; left:80px; }
p.Gehoerschutz { position:absolute; top:165px; left:60px; }
p.Material { position:absolute; top:190px; left:53px; border:0; }
p.Aktuell { position:absolute; top:215px; left:53px; }
p.Specials { position:absolute; top:240px; left:60px; }
p.Downloads { position:absolute; top:265px; left:70px; }
p.HinweiseTipps { position:absolute; top:290px; left:95px; }
p.Links { position:absolute; top:315px; left:135px; }
p.Stellenanzeige { position:absolute; top:340px; left:160px; }
p.KontaktImpressum { position:absolute; top:380px; left:200px; }
a.typ1 { font-weight:bold; color:#000000; text-decoration:none; font-size:8pt; }

div.Content { width:650px; position:relative; top:0; left:0; }

p,div,td,li,ul,ol { font-size:10pt; }


.Content p {margin:6pt 0 6pt 0;}
.ContentHome p {margin:6pt 0 6pt 0;}

p {margin: 6pt 0 6pt 0; }

ul { list-style-type:none; margin:0; padding:0; zoom:100%; display:table;}
li { background-image:url(images/Bullet.gif); background-position:0 6px; background-repeat:no-repeat; padding: 0 0 1px 15px; margin:0; }

h1 { font-size:13pt; font-weight:bold; margin:0 0 20px 0; padding:0; }
h2 { font-size:11pt; font-weight:bold; margin:0 0 0.5em 0; padding:0; }
h3 { font-size:12pt; font-weight:bold; margin-top:6pt; margin-bottom:6pt;}
h4 { font-size:10pt; font-weight:normal; font-style:italic; margin:0 0 0.5em 0 }
h5 { font-size:8pt;  font-weight:bold; margin-top:6pt; margin-bottom:6pt;}

img { border:0px; }


/*----------------------------------------------------------------------*/


/* Klassen */


.fixed {background-repeat:no-repeat; background-attachment:fixed;}
/* Hintergrundbild auf Inhaltsseiten fixieren */



.mark1 {font-weight:bold; color:#000000;}
/* für Sublines  */

.mark2 {color:#465200; font-weight:bold;}
/* für Hervorhebungen im Text */

.mark3 {color:#9F1E21; font-weight:bold;}
/* für Fehlermeldungen */

.small {font-family:Arial,Verdana,Helvetica,sans-serif; font-size: 8pt;}
/* für kleine Input-Felder */

.copyright {clear:both; font-size:7pt; font-style:italic; padding-top:5px;}


.InfoText { font-size:8pt; font-weight:bold;}


.InfoBoxRechts {
float: right;
margin-left:  10px;
margin-right:  0px;
margin-top:    0px;
margin-bottom: 4px;
padding: 5px;
background-color: EDF6B7;
width: 250px;
overflow:auto;
border:solid 1px #000000;
}


.InfoBoxLinks {
float: left;
margin-left:   0px;
margin-right:  0px;
margin-top:    15px;
margin-bottom: 15px;
padding-left:   3px;
padding-right:  0px;
padding-top:    1px;
padding-bottom: 2px;
background-color: EDF6B7;
width: 500px;
overflow:auto;
border:solid 1px #FFFFFF;
font-size: 8pt;
font-weight: bold;
}

/*----------------------------------------------------------------------*/

/* Hyperlink-Definitionen: */

a:link    {color:#00948C; }
a:visited {color:#00BDB9; }
a:hover   {color:#9B3DBA; }
a:active  {color:#7300A5; }
/* allgemein */

/*----------------------------------------------------------------------*/


/* Tabellenfelder einfärben (td, tr u.ä.) */

.tab10 {background-color:#00BCAB} 
/* Tabellen1 Überschriften */

.tab11 {background-color:#E7FFFF;} 
/* Tabellen1 Hell */

.tab12 {background-color:#B5DEDE;} 
/* Tabellen1 Mittel */

.tab13 {} 
/* Tabellen neutral */


/*----------------------------------------------------------------------*/

.SpecialsVorschaltseite { margin-top:25px; }
.SpecialsVorschaltseite img {border:1px solid #650D87; float:left; margin:0 30px 20px 0; }
img.Rahmen {border:1px solid #650D87;}
img.Titel { margin-bottom:20px; display:block; }

.Zurueck { position:absolute; right:0; bottom:0; }
.NeuerAbschnitt { clear:both; margin:40px 0 10px 0; }


img.VorschaltseiteBild { position:absolute; top:12px; left:0; }
.VorschaltseiteText{ width:287px; position:absolute; top:180px; left:0; }
.VorschaltseiteText p { margin:0; }
.VorschaltseiteUnterpunkte{ position:absolute; top:20px; left:310px; }
.VorschaltseiteUnterpunkte img { border:0; margin-top:7px; margin-bottom:0px; }
.VorschaltseiteUnterpunkte2{ position:relative; left:5px; }
.VorschaltseiteUnterpunkte2 img { border:0; margin-top:-3px;}

.ContentMaterial { position:absolute; top:330px; }
.Material { clear:both; border:1px solid #87888a;}
.Material p, ul { margin-left:8px; margin-right:8px; }
.Material li { font-style:italic; }
.ContentMaterial h1 { font-size:13pt; font-weight:bold; background-image:url(Material/images/h1_bg.gif); background-repeat:repeat-y; background-color:#ad93c0; padding:3px;}
.ContentMaterial h2 { font-size:10pt; font-weight:bold; background-image:url(Material/images/h1_bg.gif); background-repeat:repeat-y; background-color:#ad93c0; padding-left:3px;}
.ContentMaterial h2 .Abkuerzung { font-size:14pt; font-weight:bold; }
.ContentMaterial h4 { background-color:#e3e4e5; font-style:normal; font-weight:bold; padding: 1px 3px 1px 3px; margin-bottom:3px; }
.sup { font-size:80%; position:relative; bottom:2px; }
.ContentMaterial .Liste { width:200px; float:left; border:1px solid #87888a; margin:0 14px 15px 0; }
.ContentMaterial .Liste dl, p, ul { margin-left:8px; margin-right: 8px;}
.ContentMaterial .Liste dl { margin-top:0; margin-bottom:0;}
.ContentMaterial .Liste dt { clear:both; width:20px; margin:0; float:left; font-weight:bold;}
.ContentMaterial .Liste dd { width:160px; margin:0 0 3px 0; float:left; }
img.PfeilSeitenanfang {display:block; float:right; margin:5px 0 10px 0 }