/* ****************************************************************************************************************/
/* Achtung: in die Suche nach Attributen zu einem css-Selektor immer auch die nachstehenden Datei miteinbeziehen! */
/* (Dr. Werner Maritzen)                                                                                          */
/* ****************************************************************************************************************/
@import "/web/css/basics.css";

/* TAGs */
p   { font-size:14pt; line-height:20pt; }
h1  { top:0px; margin:20px 0px 10px 0px; border:none; padding:0px 0px 0px 10px;
      font-size:20pt; line-height:24pt;  }
h2  { position:relative; top:0px; float:none; clear:both; margin-bottom:5px; padding:2px 0px 2px 8px;
      font-size:16pt; }
h3  { position:relative; top:3px; float:none; clear:both; margin-bottom:3px; border-radius:4px; padding:1px 0px 1px 15px;
      font-size:14pt; font-weight:bold; font-family:'Tahoma', Helvetica, 'sans', 'sans serif'; color:white; }
h4  { position:relative; top:2px; float:none; clear:both; margin-bottom:2px; border-radius:4px; padding:1px 0px 1px 2px;
      font-size:14px; font-weight:bold; font-family:'Tahoma', Helvetica, 'sans', 'sans serif'; color:white; }
hr  { width:50%; text-align:center; }

/* IDs */
#header { top:5px; left:20px; width:1254px; height:110px; background:url('/web/grafiken/1280/1024/Banner.png'); }
#logo   { top:8px; left:1075px; width:110px; height:105px; margin-left:0px; background:url('/web/grafiken/1280/1024/LogoNeu.png'); }
#mask   { top:101px; left:20px; width:1240px; height:735px; }
#main   { top:30px; left:0px; width:1080px; height:705px; background-image:url('/web/grafiken/1280/1024/Hintergrund.png');}
#G1, #G2, #G3, #G4, #G5, #G6, #G7
        { top:101px; }
#G1     { left:102px; }
#G2     { left:222px; }
#G3     { left:342px; }
#G4     { left:462px; }
#G5     { left:582px; }
#G6     { left:702px; }
#G7     { left:822px; }

#Therapiehund            { top:130px; left:1085px; }
#Breitensport            { top:260px; left:1080px; width:150px; font:bold 12pt Tahoma; }
#Breitensport:hover      { color:yellow;}
#OERC-Alt-Moedling       { top:400px; left:1080px; width:150px; font:bold 12pt Tahoma; }
#OERC-Alt-Moedling:hover { color:yellow;}

#HeaderPictureNews        { top:10px; width:770px; height:130px; background-image:url('/web/bilder/1280/1024/news.jpeg'); }
#HeaderPictureKurse       { top:10px; width:770px; height:130px; background-image:url('/web/bilder/1280/1024/kurse.jpeg'); }
#HeaderPictureLinks       { top:10px; width:770px; height:130px; background-image:url('/web/bilder/1280/1024/links.jpeg'); }
#HeaderPictureStart       { top:10px; width:770px; height:130px; background-image:url('/web/bilder/1280/1024/start.jpeg'); }
#HeaderPictureBHBS        { top:10px; width:770px; height:130px; background-image:url('/web/bilder/1280/1024/bhbsport.jpeg'); }
#HeaderPicturePruefungen  { top:10px; width:770px; height:130px; background-image:url('/web/bilder/1280/1024/pruefungen.jpeg'); }
#HeaderPictureHundekauf   { top:10px; width:770px; height:130px; background-image:url('/web/bilder/1280/1024/hundekauf.jpeg'); }
#HeaderPictureFotogalerie { top:10px; width:770px; height:130px; background-image:url('/web/bilder/1280/1024/fotogalerien.jpeg'); }

#Header   { position:relative; top:95px; margin:0px; padding:5px 15px 5px 15px; background-color:transparent; background:url('/web/grafiken/Background_Fade.png');
            font-size:18pt; color:red; line-height:24pt; border-radius:10px; }

#DekoLinks    { left:0px; width:150px; height:150px; background-image:url('/web/grafiken/1280/1024/DekoLinks.png'); }
#DekoRechts   { left:920px; width:150px; height:150px; background-image:url('/web/grafiken/1280/1024/DekoRechts.png'); }
#Text         { top:148px; left:5px; width:1030px; height:520px; padding:10px; }

/* CLASSes */
.P1vis, .P2vis, .P3vis, .P4vis, .P5vis, .P6vis, .P7vis
          { top:22px; left:10px; padding:5px; z-index:10; }
.P21vis   { top: 0px; left: 198px; padding:5px; } /* bei neuen Prüfungsergebnissen u.U. top um 32px reduzieren */
.P22vis   { top: 0px; left: 198px; padding:5px; } /* bei neuen Prüfungsergebnissen u.U. top um 32px reduzieren */
.P41vis   { top: 99px; left: 198px; padding:5px; } /* bei neuen Prüfungsergebnissen u.U. top um 32px reduzieren */
.P2006vis { top: 99px; left:-364px; padding:5px; }
.P2007vis { top:  0px; left:-364px; padding:5px; }
.P2009vis { top: 66px; left:-364px; padding:5px; }
.P2010vis { top: 33px; left:-364px; padding:5px; }
.P2011vis { top:  0px; left:-364px; padding:5px; }

.B1, .B1x, .B11, .B21, .B211, .B221, .B31, .B41, .B411, .B51, .B511, .B512, .B61, .B71
  { height:27px; margin-top:1px; padding:5px 5px 0px 0px; font-size:15px; z-index:10; }
.B1, .B1x { width:117px; background-image:url('/web/grafiken/1280/1024/Background_122.png'); }
.B11      { width:150px; background-image:url('/web/grafiken/1280/1024/Background_155.png'); }
.B21      { width:195px; background-image:url('/web/grafiken/1280/1024/Background_200.png'); }
.B211     { width:365px; background-image:url('/web/grafiken/1280/1024/Background_370.png'); }
.B221     { width:365px; background-image:url('/web/grafiken/1280/1024/Background_370.png'); }
.B31      { width:195px; background-image:url('/web/grafiken/1280/1024/Background_200.png'); }
.B41      { width:195px; background-image:url('/web/grafiken/1280/1024/Background_200.png'); }
.B411     { width:365px; background-image:url('/web/grafiken/1280/1024/Background_370.png'); }
.B51      { width:117px; background-image:url('/web/grafiken/1280/1024/Background_122.png'); }
.B511     { width:365px; background-image:url('/web/grafiken/1280/1024/Background_370.png'); }
.B512     { width:365px; background-image:url('/web/grafiken/1280/1024/Background_370.png'); }
.B61      { width:117px; background-image:url('/web/grafiken/1280/1024/Background_122.png'); }
.B71      { width:117px; background-image:url('/web/grafiken/1280/1024/Background_122.png'); }
/* Platzordnung */
#Paragraphen      { margin-bottom:10px; padding-right:100px; }
#Paragraphen > li { font-size:18px; font-family:'Helvetica','Arial','sans','sanserif'; line-height:160%; }
/* Kurse */
.Kurstermine      { top:15px; width:1016px; font-weight:bold; margin-bottom:20px; line-height:200%;}
.Kurstermine td   { padding-left:5px; }
.Trainertabelle   { width:850px;}
.Trainer          { display:block; width:140px; float:left; padding:0px; text-align:center;/* background-color:red;*/}
.Trainer .Trainerbild
  { margin:0px; }
.Liste     { font-size:14pt; line-height:20pt; list-style-type:disc;}
.adresse   { font:12pt 'Tahoma'; color:black; }
.telefon   { font-size:12pt; }
.email     { font-size:12pt; }

.NewsHeader     { font-weight:bold; font-size:100%; color:#500; }
.NewsHeaderNew  { font-weight:bold; font-size:110%; color:red; }

/* Seite Hundeplatz */
.pic1
  { width:450px; height:180px; }
.pic2
  { width:450px; height:270px; margin:10px 20px 10px 20px; float:left; clear:left;}

 div.container p
  { font-size:18px; padding:80px 30px 0px 0px; }

.Trainertabelle
  { font:normal 18px 'Helvetica','Arial','sans','sanserif'; }

p.ende
  { background-color:white; height:10px;}


.loc1     { display:block; text-align:center; margin:10px 0px 10px 0px; }


.center  { width:100%; text-align:center; }
.right   { text-align:right; }
.container  { display:block; width:auto; height:auto; clear:both; float:none; }
/* Seite Hundeplatz */
.pic1 { border: 2px outset #1D244E; }
.pic2 { position:relative; top:0px; left:0px; display:block; border: 2px outset #1D244E; }
/* für Mitgliedsbeitrag */
h2.GB { height:35px; margin:0px auto 15px auto; padding-top:10px; }
h2.UH { height:35px; margin:0px auto 15px auto; padding-top:10px; }

/* für »wir« */
#Anmeldung        { list-style-image:url('/web/grafiken/BulletPfeilBlau.gif'); }
#Paragraphen      { list-style-image:url('/web/grafiken/BulletParagraph.gif'); }
#Paragraphen > li { font-size:18px; font-family:'Helvetica','Arial','sans','sanserif'; }
#Karte            { position:relative; display:block; float:none; clear:both; width:100%; height:320px; margin:10px 0px 20px 0px; font-size:150%; line-height:150%; text-align:center;}
#Karte img        { display:block; width:440px; height:314px; border:2px outset #1D244E; float:left; border-radius:6px; }
#trainerteam      { display:block; width:450px; height:280px; margin:10px auto 10px auto; border: 3px outset #1D244E; border-radius:6px; }

/* CLASSES */
.Trainerbild      { margin:10px 40px 5px 40px; }
.Liste            { line-height:30px; list-style-position:outside;}
a.small           { position:relative; top:-5px; font-family:'Tahoma'; font-size:16px;}
span.small        { position:relative; top:-5px; font-family:'Tahoma'; font-size:16px; color:black;}
a.small:hover     { text-decoration:none;}

.Funktion         { text-align:center; float:left;}
.Name             { display:block; width:250px; float:left;}
.NB               { display:block; width:100%; height:100%; text-align:center; vertical-align:top;}
.BB               { display:block; text-align:center; vertical-align:middle; }
.EMB              { display:block; width:100%; height:100%;  text-align:center; vertical-align:middle; border:none; }

/* Gästebuch - Ausgabe */
.ButtonWrite        { position:absolute; top:110px; right:25px; display:block; width:150px; height:27px; z-index:52; margin:0px 0px 0px 5px; padding:5px 5px 0px 0px;
                      background-image:url('/web/grafiken/1280/1024/Background_155.png'); font:normal 15px 'Arial','Helvetica','Sans Serif'; color:#000;  text-align:center;}
.ButtonWrite:hover  { color:red; font-weight:bold; }
.GB_Autor           { margin-left:10px; padding-top:1px; float:left;}
.GB_posted          { margin-right:10px; padding-top:2px; float:right; font-size:90%; }
.GB_homepage        { float:right; margin-left:20px; margin-right:15px;}
.GB_email           { float:right; margin-right:15px;}

/* Gästebuch - Eingabe */
label.Name          { top: 20px; left:  5px; width:180px; height:20px; }
input.Name          { top: 15px; left:190px; width:500px; height:24px; font: normal 14pt Arial; }
label.Text          { top: 60px; left:  5px; width:180px; height:20px; }
textarea.Text       { top: 55px; left:190px; width:500px; height:120px; font: normal 14pt Arial; }
label.Mail          { top:195px; left:  5px; width:180px; height:20px; }
input.Mail          { top:190px; left:190px; width:500px; height:24px; font: normal 14pt Arial; }
label.Home          { top:235px; left:  5px; width:180px; height:20px; }
input.Home          { top:230px; left:190px; width:500px; height:24px; font: normal 14pt Arial; }

#captcha            { top:290px; left:10px; border-radius:6px; -webkit-border-radius:6px; }
label.Kode          { top:305px; left:230px; text-align:center; margin-top:3px; }
input.Kode          { top:310px; left:400px; height:24px; background-color:#ffa; font: normal 14pt Arial; }
#send               { top:310px; left:550px; display:block; width:122px; height:32px; border:none; padding:5px 5px 10px 0px;
                      background-image:url('/web/grafiken/1280/1024/Background_122.png'); background-color:transparent; font-size:15px;}
#send:hover         { color:red; font-weight:bold; }

/* Bücher */
.Buch               { margin-top:25px;}
.Cover              { position: relative; display:block; width:50px; height:70px; float:left; margin-right:15px;}
.Autor              { color:#006600;}
.Bestellung         { padding-right:40px; text-align:right;}

/* Galerien */
#thumbnailblock     { position:absolute; top:10px; right:5px; display:block; height:520px; width:180px; overflow:auto; background-color:#ddd; text-align:center; }
#smb /* » submain*/ { position:absolute; top:10px; left:10px; display:block; height:530px; width:870px; border:none; background-color:white; }
#sm  { display:block; margin-left:auto; margin-right:auto; max-height:520px; }

/* Prüfungen */
table.pruefung
  { width:99.5%; margin:15px 0px 40px 0px; border:5px inset #0000AA; padding:0px 2px 0px 2px;
    border-collapse:collapse; background-color:#FFFFFF;
    font-family:Arial;}
table.pruefung td
  { border: 1px dotted #0000AA; padding:3px 3px 3px 3px;}

.gruppe
  { text-align:center; height:50px; font:bold 16pt Arial; }
.gruppe2
  { text-align:center; height:70px; font:normal 14pt Arial; }


.links li
  { font-size:120%; margin-top:20px; }