/* Standard-CSS für www.koerperbehinderte-es.de
   Author:   Walter Metzger
   angelegt: 10.12.2006
   Stand:    13.01.2012 16.54 Uhr */

/* Wegen input und input1 siehe Kommentar in kontaktformular.html */

/* Wichtige Farben
****?=Zahl**gen=rot ?, grün ?, blau ? (http://www.onlyfree.de/generatorcolorpicker.php)
blau         = #0050a3
**blau         gen=rot 0, grün 80, blau 163 
grau         = #ececec
**grau         gen=rot 236, grün 236, blau 236  
grau dunkel  = #606060
**grau dunkel  gen=rot  96, grün  96, blau  96  
grün         = #89bb0a
**grün         gen=rot 137, grün 187, blau  10 
rot          = #990000
**rot          gen=rot 153, grün   0, blau   0 
rötlich      = #ff88ff 
**rötlich      gen=rot 255, grün 136, blau 255  
schwarz      = #000000 
**schwarz      gen=rot   0, grün   0, blau   0   
weiss        = #ffffff 
**weiss        gen=rot 255, grün 255, blau 255 */

/* Testfarben für Container

ff88ff pink 255 136 255  .co3bsenk/.co8bsenk 3/8 Bilder senkrecht
91e13d grün 145 225 61   .co3bsenktext/.co8bsenktext Text neben 3/8 Bildern senkrecht
c1561d braun 193 86 29   .co3bwaaglinks  (1. Reihe) 3 Bilder waagrecht, das linke
4799e6 blau 71 153 230   .co3bwaagmitte  (1. Reihe) 3 Bilder waagrecht, das mittlere 
ff445e rötlich 255 68 94 .co3bwaagrechts (1. Reihe) 3 Bilder waagrecht, das rechte */

/* nur beitrittserklaerung.html */
.adr {
       color: #000000;
       font-size: 0.8em;
}

.aktuell1 {
/*       background-color: #ff88ff; */ 
/*       border: 1px solid #000000; */ 
       height: 136px;
       margin: -110px 0 -90px 450px;
       width: 132px;
}

.aktuell2 {
       background-color: #ff88ff; 
       border: 1px solid #000000;  
       height: 171px;
       margin: 0 0 0 0;
       width: 228px;
}

.aktuell2text {
/*       background-color: #ff88ff; */
/*       border: 1px solid #000000; */
/*       height: 320px; */
       height: 420px; 
       margin: -205px 0 0 250px;
       width: 650px;
}

.aktuell3 {
/*       background-color: #ff88ff; */ 
/*       border: 1px solid #000000; */ 
       height: 112px;
       margin: 0 0 -150px 450px;
       width: 275px;
}

/* nur beitrittserklaerung.html und kontaktformular.html */
.beikon {
       background: #FFFFFF;
       font-family: verdana, arial, helvetica, sans-serif;
       margin: 0 0 0 70px;     
       position: absolute; 
}

/* Änderung mit url... wegen Markierungsfarbe blau, im Zusammenhang mit .inhalt, dort weiß definiert */
/* Dann ohne url, bei inhalt mit background: white; machte Probleme beim i.e. */
/* Jetzt background: #ffffff im Zusammenhang mit .navigation background: #89bb0a; löst das Poblem */
/* beim i.e., dafür hört der grüne Menü-hintergrund nach dem letzten Menüpunkt auf */
/* Durch Einfügen einer "blinden Menüzeile" .menuefeld2  ist der grüne Menü-hintergrund wieder da */

body {
/*       background: url(../anlage2/bg_weiss.gif) #89bb0a no-repeat 200px 0px; */ 
/*       background: #89bb0a 200px 0px; */
       background: #ffffff 200px 0px; 
       color: #0050a3; 
	   font-family: verdana, arial, helvetica, sans-serif;       
	   margin: 0;      
/*     padding: 0; */
}

.cent {
       text-align: center;
}       

.chronik {
       margin: 0 0 0 38px;
}       

/* Am 26.9.2008 Umstellung der Tabellenlösung bei Grafiken auf Container (Stylesheet) */
/* siehe auch CSS-Container Generator bei http://www.onlyfree.de/generator_csscontainer.php */
/* Zum Testen background-color und border verwenden */
/* Das triviale Verändern mit und ohne border ist völlig unbedeutend */

/* Beginn Containerdefinitionen */


.co2linkswaagtext {
/*       background-color: #c1561d; */
/*       border: 1px solid #000000; */
       height: 70px;
       margin: 0 0 0 0;
       width: 210px;
}

.co2rechtswaagtext {
/*       background-color: #c1561d; */
/*       border: 1px solid #000000; */
       height: 70px;
       margin: -70px 0 0 230px;
       width: 200px;
}

.co3bsenkgr {
/*       background-color: #c1561d; */
/*       border: 1px solid #000000; */
       height: 702px;
       margin: 0 0 0 0;
       width: 296px;
}

.co3bsenkgrtext {
/*       background-color: #ff88ff; */
/*       border: 1px solid #000000; */
       height: 702px;
       margin: -702px 0 0 307px;
       padding: 0 0 0 20px;
       width: 450px;
}

.co3bsenk {
/*       background-color: #ff88ff; */
/*       border: 1px solid #000000; */
       height: 580px;
       margin: 0 0 0 0;
       width: 243px;
}

.co3bsenktext {
/*       background-color: #91e13d; */
/*       border: 1px solid #000000; */
       height: 580px;             
       margin: -580px 0 0 260px;
       width: 475px;
}

.co3bwaaglinks {
/*       background-color: #c1561d; */
/*       border: 1px solid #000000; */
       height: 193px;
       margin: 0 0 0 0;
       width: 243px;
}

.co3bwaaglinkstext {
/*       background-color: #91e13d; */
/*       border: 1px solid #000000; */
       height: 193px;
       margin: -193px 0 0 260px;
       width: 475px;
}

.co3bwaagmitte {
/*       background-color: #4799e6; */
/*       border: 1px solid #000000; */
       height: 193px;
       margin: -193px 0 0 260px;
       width: 243px;
}

.co3bwaagrechts {
/*       background-color: #ff445e; */
/*       border: 1px solid #000000; */
       height: 193px;
       margin: -193px 0 0 520px;
       width: 243px;
}

.co8bsenk {
/*       background-color: #ff88ff; */
/*       border: 1px solid #000000; */
       height: 1546px;
       margin: 0 0 0 0;
       width: 243px;
}

.co8bsenktext {
/*       background-color: #91e13d; */
/*       border: 1px solid #000000; */
       height: 1546px;             
       margin: -1546px 0 0 260px;
       width: 475px;
}

.coblinksgr {
/*       background-color: #c1561d; */
/*       border: 1px solid #000000; */
       height: 233px;
       margin: 0 0 0 0;
       width: 296px;
}

.coblinksgrtext {
/*       background-color: #c1561d; */
/*       border: 1px solid #000000; */
       height: 233px;
       margin: -233px 0 0 307px;
       padding: 0 0 0 20px; 
       width: 296px;
}

.coblinkshoch1 {
/*       background-color: #c1561d; */
/*       border: 1px solid #000000; */
       height: 334px;
       margin: 0 0 0 0;
       width: 243px;
}

.coblinkshoch1text {
/*       background-color: #4799e6; */
/*       border: 1px solid #000000; */
       height: 334px;
       margin: -334px 0 0 260px;
       width: 475px;
}       

.coblinkshoch2 {
/*       background-color: #c1561d; */
/*       border: 1px solid #000000; */
       height: 241px;
       margin: 0 0 0 0;
       width: 243px;
}

.coblinksniederganz {
/*       background-color: #DEB887; */
/*       border: 1px solid #000000; */
       height: 120px;
       margin: 0 0 0 0;
       width: 442px;
}

.coblinksnieder1 {
/*       background-color: #c1561d; */
/*       border: 1px solid #000000; */
       height: 193px;
       margin: 0 0 0 0;
       width: 243px;
}

.coblinksnieder1text {
/*       background-color: #4799e6; */
/*       border: 1px solid #000000; */
       height: 193px;
       margin: -193px 0 0 260px;
       width: 475px;
}       

.cotitellinks {
/*       background-color: #c1561d; */
/*       border: 1px solid #000000; */
       height: 120px;
       margin: 0 0 0 0;
       width: 280px;
}

.cotitelmitte {
/*       background-color: #4799e6; */
/*       border: 1px solid #000000; */
       height: 100px;
       margin: -100px 0 0 260px;
       width: 243px;
}

.coweihnacht {
/*       background-color: #ff88ff; */
/*       border: 1px solid #000000; */
       height: 90px;
       margin: -100px 0 0 350px;
       width: 130px;
}


/* Ende Containerdefinitionen */

/* nur beitrittserklaerung.html/kontaktformular.html */
.col1 {
       background-color: #ECECEC;
       color: #000000;
       font: 0.8em verdana, arial, helvetica, sans-serif; 
       text-align: left;
}

/* nur beitrittserklaerung.html/kontaktformular.html */
.font-big {
       color: #000000;
       font-size: 1.1em;
       font-weight: bold; 
       text-align: left;
}

/* h1 wird derzeit nur "innnerhalb" der Klasse .kopfzeile1 h1 verwendet */
/* Diese h1 wird also nicht verwendet */
h1 {
       font-size: 1.0em;   
}

/* h2 wird derzeit nur "innnerhalb" der Klasse .kopfzeile2 h2 verwendet */
/* wird also nicht verwendet */
h2 {
       font-size: 1.1em;   
}

/* nur h3 wird derzeit oft verwendet */
h3 {
       font-size: 1.2em;   
}

h4 {
       font-size: 1.4em;   
}

h5 {
       font-size: 1.5em;   
}

/* indexort1 bis 7 nur in index.html */
.indexort1 {
/*       background-color: #ff88ff; */
/*       border: 1px solid #000000; */
       height: 55px;
       margin: 50px 0 0 0px;
       width: 450px;
}

.indexort2 {
/*       background-color: #ff88ff; */ 
/*       border: 1px solid #000000; */ 
       height: 96px;
       margin: -65px 0 0 470px;
       width: 150px;
}

.indexort3 {
/*       background-color: #ff88ff; */ 
/*       border: 1px solid #000000; */ 
       height: 100px;
       margin: 20px 0 0 38px;
       width: 300px;
}

.indexort4 {
/*       background-color: #ff88ff; */ 
/*       border: 1px solid #000000; */ 
       height: 170px;
       margin: -110px 0 0 470px;
       width: 150px;
}

/* .indexort5 {derzeit inaktiv) */
/*      background-color: #ff88ff; */
/*      border: 1px solid #000000; */
/*      height: 170px;
       margin: -120px 0 0 420px;
       width: 260px; 
} */

.indexort6 {
/*       background-color: #ff88ff; */ 
/*       border: 1px solid #000000; */ 
       height: 120px;
       margin: 30px 0 0 38px;
       width: 300px;
}

.indexort61 {
       padding: 0 0 0 60px; 
}

.indexort62 {
       padding: 0 0 0 130px;
}

.indexort63 {
       padding: 0 0 0 190px;
}

.indexort7 {
/*       background-color: #ff88ff; */ 
/*       border: 1px solid #000000; */ 
       height: 78px;
       margin: -160px 0 0 440px;
       width: 210px;
}

/* wenn background: white; Fehler im Internet Explorer, beim 1. Container nur 1 Strich */
/* Verhalten beim VfK - PC kleine IE-Darstellung prüfen */
.inhalt {
/*       background-color: white; */
	   font-size: 0.8em;
/*	   height: 2450px; */
/*	   weight: 1600px; */
/* margin mit 0 0 0 200px im Zusammenhang mit padding 160px 0 0 30px hat beim i.e. für Lamm gestört ?? */ 
/*	   margin: 0 0 0 0; */
	   padding: 160px 0 0 230px; 
}

.inhalt a {
       color: #990000; 
	   text-decoration: underline; 
}

.inhalt a:hover {
       color: #606060;
	   text-decoration: underline; 
}

/* nur beitrittserklaerung.html */
.input {
       background-color: #ECECEC;
       color: #000000;
/*     a) warum hier kein Font mit size notwendig wie bei col1 (?), 
       b) col1 vererbt sich nicht auf input, eine Änderung bei
          col1 wirkt sich auf input nicht aus. ? 
       c) Vermutlich vererbt sich der Font von all2, trotzdem
          wirkt sich size hier nicht aus. */
       text-align: left;
}

/* nur kontaktformular.html */
.input1 {
/*     siehe a) bis c) bei input */ 
       background-color: #ECECEC;
       text-align: left;
}

.kopfzeile1 {
       background: #89bb0a;
       height: 100px;
       position: fixed;	 
	   width: 100%;
}

.kopfzeile1 h1 {
       color: #0050a3; 
       font-size: 1.5em;
       left: 180px;
       position: fixed;
       margin: 15px 0 0 0;
       padding: 15px 0 0 0; 
}

.kopfzeile1 img.logo {
       left: 50px;
       position: fixed;
	   top: 8px;
}

.kopfzeile2blau {
       left: 0;
       position: fixed;	 
	   top: 100px; 
}

.kopfzeile2 h2 {
       color: white;
       font-size: 0.8em; 
       margin: 100px 0 0 0;
	   padding: 4px 0 0 230px;
	   position: fixed;	
	   white-space: nowrap;
}

.kopfzeile2 img.img1 {
       left: 540px;
       position: fixed;	
	   top: 70px;
}

.kopfzeile2 img.img2 {
       left: 630px;
       position: fixed;	
       top: 70px;
}

.kopfzeile2 img.img3 {
       left: 720px;
       position: fixed;	
	   top: 70px;
}

#lang {
       white-space: nowrap;
}

.menuefeld {
	   border-bottom: 2px solid white;
	   font-size: 1.0em;
       font-weight: bold; 
}

.menuefeld a {
       color: #0050a3; 
       margin:12px;
	   padding: 2px 0 2px 0;
	   text-decoration: none;
}

.menuefeld a.aktiv {
       color: #990000;
	   margin: 12px;         
	   padding: 2px 0 2px 0;
       text-decoration: none;
}

.menuefeld a:hover {
       color: #990000;
	   margin: 12px;         
	   padding: 2px 0 2px 0;
       text-decoration: none;
}

.menuefeld p {
	   margin: 4px 4px 0 0px;
	   padding: 0 0 4px 0;
	   text-align: left;
}

.menuefeld p.unterpunkt {
	   margin: 0 4px 0 0px;
	   padding: 0 0 4px 14px;
	   text-align: left;
}

.menuefeld2 {
	   border-bottom: 2px solid white;
	   margin: 800px 0 0 0;
}	   

.navigation {
       background: #89bb0a;
       border-top: 2px solid white; 
	   left: 0;
	   margin: 125px 0 0 0;
	   position: fixed;	
	   width: 200px;
}

.nowrap {
       white-space: nowrap;
}

.stilco18 {
       font: 1.8em "Comic Sans MS", sans-serif;  
}

.stilco24 {
       font: 2.4em "Comic Sans MS", sans-serif;  
}

.stilve8 {
       font-size: 0.8em; 
}          

.stilve10 {
       font-size: 1.0em;
}          

.stilve11 {
       font-size: 1.1em; 
}          

.stilve12 {
       font-size: 1.2em;
} 

.stilve13 {
       font-size: 1.3em;
} 

.stilve14 {
       font-size: 1.4em;
}      
   
.stilve15 {
       font-size: 1.5em; 
}          
                   
.stilve20 {
       font-size: 2.0em;
}

.valid1 {
       left: 0;
       margin: -20px 0 0 5px; 
       position: fixed;
}       

.valid2 {
       left: 0;
       margin: -20px 0 0 70px; 
       position: fixed;	
}       
  
.valid3 {
       left: 0;
       margin: -20px 0 0 135px; 
       position: fixed;	
}            

.validend {
	   font-size: 0.8em; 
	   margin: 0 0 0 230px; 
	   padding: 30px 30px 30px 0; 
       text-align: right; 
}

/* gilt nur für index.html wegen Containerlösung ! */
.validendindex {
	   font-size: 0.8em; 
	   margin: 50px 0 0 230px; 
	   padding: 30px 30px 30px 0; 
       text-align: right; 
}

/* Nur für Kontaktformular.html */
.validend1 {
	   font-size: 0.8em; 
}