/* 
Stylesheet fuer kari-turnen.de
Stand: Zweispaltiges Layout mit float
Datum: 31.12.2014
Autor:  Susanne Kestler 
Aufbau: 1. Initialisierung
        2. Text, Ueberschriften und links
        3. Layoutbereiche    
        4. Sonstige Styles
		5. Tabellen
*/

/* -------------- 1. Initialisierung */
*{
 padding: 0;
 border: 0;
 margin: 0;
 }

/* -------------- 2. Text, Ueberschriften und links */
 html, body {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 100.1%;
 font-weight: normal;
 color: #000000;
 background-color: #FFFFFF;
 margin: 0;
 width: 100%;		 
 height: 100%;
 }

h1 {
 font-size: 1.2em;
 color: #D33D3D;/* rot*/
 margin-bottom: 0.5em;
 }
 
 h2 {
 font-size: 1em;
 color: #000000;/* rot*/
 background-color: #FFFFFF;
 margin-bottom: 1.5em;
 margin-left: 4em;
 }
 
p.beschreibung {
 font-size:0.88em;
 }
 
 .beschreibung2 {
 font-size:0.7em;
 }
 
#ueberschrift {
 background-color: #FFFFFF;
 padding: 0.3em;
 border-color: #D33D3D;/* rot*/
 border-top-width: 0.1em;
 border-top-style: solid;
 border-bottom-width: 0.1em;
 border-bottom-style: solid;
 margin-bottom: 2em;
 }
 
/* -------------- 3. Layoutbereiche  */
#header {
 color: #FFFFFF;
 background-color: #D33D3D;/* rot*/
 padding-left: 1.1em;
 padding-top: 0.4em;
 height: 2em;
 }

#headertext {
color: #FFFFFF;
margin-left: 10.65em;
font-size: 1.1em;
 }
 
 #headerlogo{
 padding-left: 0.3em;
 overflow: hidden;
 float: left;
 }
  
/* alle Seiten */ 
#footer{
 color: #FFFFFF;
 background-color: #D33D3D;/* rot*/
 width: 100%;
 min-width: 63em;
 height: 1.2em;
 padding-bottom: 0.2em;
 clear: both;
 }	 
  
/* nur erste Seite */ 	 
#footer1{
 color: #FFFFFF;
 background-color: #D33D3D;/* rot*/
 width: 100%;
 min-width: 63em;
 height: 1.2em;
 padding-bottom: 0.2em;
 clear: both;
 }	  

.webmaster1 {
font-size:0.7em;
padding-left: 22.5em;
 }  

 .zaehler1{
padding-left: 2em;
 }
 
 .impressum a{
 font-size:0.7em;
 margin-left: 21.5em;
 width: 10em;
 text-decoration: none;
 color: #FFFFFF;
 border-left: 0.1em solid #FFFFFF;
 border-right: 0.1em solid #FFFFFF;
 }

 .impressum a:hover,
 .impressum a:focus,
 .impressum a:active{
 color: #000000;
 background-color: #FFFFFF;
 border-left: 0.1em solid #000000;
 border-right: 0.1em solid #000000;
 }
 
#wrapper {
 background-color: #FFFFFF;
 margin-bottom: -1.4em;/* - footer */
 min-height: 100%;
 height: auto !important;
 height: 100%;
 width: 100%;
 min-width: 63em; /* Mindestbreite */
 }   

 /* ----------Formatierung Stand Datum in Fusszeile */	
 .versdat {
font-size:0.7em;
padding-left: 1.5em;
 } 
 
 /* rechte Spalte fuer Inhalt */
#colright {
 background-color: #FFFFFF;
 margin-top: 1em;
 margin-right: 2em;
 margin-left: 12.5em;
 padding-bottom: 2em;
 min-width: 48.5em; /* Mindestbreite */
 height: 100%;
 }
 
#inhalt {
 color:#000000;
 background-color: #BCBCBC;/* dunkelgrau */
 padding: 2em;
 min-height: 10em;
 }
 	 
 .suchfeld { 
 font-size: 0.6em;
 color: #000000; 
 background-color: #D5D5D5; 
 border: 1px solid #BCBCBC; 
 margin-left: 1.6em;
 width: 8em; 
 padding: 0.2em; 
 cursor: pointer; 
 }
  .suchfeld:hover {
 color: #FFFFFF;
 background-color: #D33D3D;/* rot*/
 border: 0.1em solid #541818;/* dunkelrot*/
 }
/* -------------- 4.  Navigation */

/* ----------Linkes Menue fuer Navigation */
#navi{
 color: #D33D3D; 
 background-color: #FFFFFF;
 padding-top: 1em;
 padding-left: 0.3em;
 width: 12em;
 overflow: hidden;
 float: left;
 }

#navi ul {
 list-style: none;
 width: 7.5em;
 }

#navi .rubrik {
 font-size: 0.8em;
 font-weight: bold;
 margin-top: 1.5em;
 margin-left: 0.3em;
 }
	  
#navi li {
 font-size: 0.8em;
 margin-top: 0.3em;
 margin-bottom: 0.3em;
 margin-left: 1em;
 }

#navi a {
 display: block;
 text-decoration: none;
 color: #000000;
 background-color: #D5D5D5;/* hellgrau*/
 padding: 0.3em;
 border: 0.1em solid #D5D5D5;/* hellgrau*/
 }

#navi a:hover,
#navi a:focus,
#navi a:active  {
 color: #FFFFFF;
 background-color: #D33D3D;/* rot*/
 border: 0.1em solid #541818;/* dunkelrot*/
 }

 /* aktiver Manuepunkt */
#navirot a {
 color: #FFFFFF;
 background-color: #D33D3D;/* rot*/
 border-top: 0.1em solid #DCD0D0;/* hellrot*/
 border-right: 0.1em solid #541818;/* dunkelrot*/
 border-bottom: 0.1em solid #541818;/* dunkelrot*/
 border-left: 0.1em solid #DCD0D0;/* hellrot*/
 }

/* ---------- Tabellenreiter fuer Navigation */	 
#tab {
 color: #5B5B5B;
 background-color: #FFFFFF;
 padding: 0;
 margin: 0;
 border: 0;
 width: 100%;
 float: left;
 }

#tab ul {
 text-align: center;
 width: 56em;
 list-style: none;
 }
	
#tab li {
 font-size: 0.68em;
 border-right: 0.2em solid #FFFFFF;
 width: 7em;
 float: left; 
 }
	
#tab a {
 display: block;
 text-decoration: none;
 color: #5B5B5B;/* dunkelgrau*/
 background-color: #E5E5E5; /* silber*/
 padding: 0.3em;
 border-top: 0.1em solid #FFFFFF;
 border-right: 0.1em solid #FFFFFF;
 }

#tab a:hover,
#tab a:focus,
#tab a:active {
 color: #FFFFFF;
 background-color: #D33D3D;/* rot*/
 border-top: 0.1em solid #D33D3D;/* rot*/
 border-right: 0.1em solid #000000;
 border-bottom: 0.1em solid #D33D3D; /*rot*/
 }

 /* aktiver Tab */
#tabrot a {
 color: #FFFFFF;
 background-color: #D33D3D;/* rot*/
 border-top: 0.1em solid #D33D3D;/* rot*/
 border-right: 0.1em solid #000000;
 border-bottom: 0.1em solid #D33D3D; /*rot*/
 }
 
/* ----------Formatierung fuer Eintraege */	 
#eintrag ul {
 color: #000000;
 list-style: none;
 }
	
#eintrag li {
 font-size: 0.88em;
 }
	
#eintrag a {
 display: block;
 text-decoration: none;
 color: #000000;
 background-color: #FFFFFF;
 padding: 0.5em;
 }
 
#eintrag a:hover,
#eintrag a:focus,
#eintrag a:active {
 color: #FFFFFF;
 background-color: #D33D3D;/* rot*/
 }

#eintrag .datum {
 font-size:0.7em;
 color: #5B5B5B;
 padding-top: 1.5em;
 padding-left: 0.3em;
 }

 #eintrag td a {
 display: block;
 text-decoration: none;
 color: #000000;
 background-color: #FFFFFF;
 border-top: 0.15em solid #E99E9E;/* hellhellrot*/
 border-right: 0.15em solid #D33D3D;/*rot*/
 border-bottom: 0.15em solid #D33D3D; /*rot*/
 border-left: 0.15em solid #E99E9E; /* hellhellrot*/
 text-align: center;
 font-weight: bold;
 }
 
 #eintrag td a:hover {
 color: #FFFFFF;
 background-color: #D33D3D;/* rot*/
 }

/* ----------Formatierung fue Ausbildung Eintraege */	 
#material ul {
 color: #000000;
 list-style: none;
 }
	
#material li {
 font-size: 0.88em;
 padding-top: 1.2em;
 }
	
#material a {
 display: block;
 text-decoration: none;
 color: #000000;
 background-color: #FFFFFF;
 padding: 0.5em;
 }
 
#material a:hover,
#material a:focus,
#material a:active {
 color: #FFFFFF;
 background-color: #D33D3D;/* rot*/
 }
 
 #material td a {
 display: block;
 text-decoration: none;
 color: #000000;
 background-color: #FFFFFF;
 text-align: center;
 font-weight: bold;
 }
 
 #material td a:hover {
 color: #FFFFFF;
 background-color: #D33D3D;/* rot*/
 }

#material .angaben {
 font-size:0.8em;
 } 
 
 /* ----------Formatierung fuer was gibt es Neues */	 
#neues ul {
 color: #000000;
 list-style: none;
 line-height: 0.82em;
 width: 45em;
 padding-left: 1em;
 }
	
#neues li {
 font-size: 0.82em;
 }
	
#neues a {
 display: block;
 text-decoration: none;
 color: #000000;
 background-color: #FFFFFF;
 padding: 0.1em;
 }
 
#neues a:hover,
#neues a:focus,
#neues a:active {
 color: #FFFFFF;
 background-color: #D33D3D;/* rot*/
 }
 
 /* Was gibt es neues */	 
.frage {
 font-size: 1em;
 font-weight: bold;
 color: #000000;/* rot*/
 margin-bottom: 0.3em;
 }
 
 /* ----------Formatierung fuer Startseite Boxen */	 
 #startboxwrapper {
 color:#000000;
 background-color: #FFFFFF;
 width: 51em;
 }
 
 .startbox a {
 display: block;
 text-decoration: none;
 line-height: 1.3em;
 font-size: 0.82em;
 color:#000000;
 background-color: #FFFFFF;
 margin-right: 2em;
 margin-bottom: 1.6em;
 padding:0.8em;
 min-height: 9em;
 width: 15em;
 float: left;
 }
 
.startbox a:hover,
.startbox a:focus,
.startbox a:active {
 color: #000000;
 background-color: #D33D3D;/* rot*/
 }

.startboxueberschrift {
 margin-bottom: -0.5em;
 background-color: #E5E5E5;/* grau*/
 padding: 0.5em;
 font-weight: bold;
 }

 /* ----------Formatierung fuer IDTF */	 
#dtf ol {
 color: #000000;
 padding: 2em;
 }
	
#dtf li {
 font-size: 1em;
 margin-bottom: 1em;
 }
 
.blau {
 font-weight: bold;
 color: #0000FF;
 }

 .rrot {
 font-weight: bold;
 color: #FF0000;
 }
 
 /* Was gibt es neues */	 
.frage {
 font-size: 1em;
 font-weight: bold;
 color: #000000;/* rot*/
 margin-bottom: 0.3em;
 }

 /* ----------Formatierung fuer allgemein */	 
  .fett {
 font-weight: bold;
 }

 .rot {
 color: #D33D3D;
 } 
  
  .klein {
 font-size:0.6em;
 }
 
 #floatende {
 clear: both;
 }
 /* -------------- 5.  Tabellen */
 table, th, td {
 font-size: 0.88em;
 padding: 0.88em;
 text-align: left;
 border: 0.1em solid #7F7F7F;
 border-collapse: collapse;
 } 

/* ohne Rahmen erste Tabellenzelle */ 
 .erstezelle {
  border-top: 0.2em solid #BCBCBC;
  border-left: 0.2em solid #BCBCBC;
  width: 35em;
   }
  

/* ohne Rahmen zwischenzeile */ 
 .zwischenzeile {
  font-size: 0.40em;
  padding: 0em;
border-left: 0.50em solid #BCBCBC;
border-right: 0.5em solid #BCBCBC;
border-bottom: 0.1em solid #7F7F7F;
   }

 .headline td {
 color: #000000;
 background-color: #EDB1B1;
 font-weight: bold;
 }

 .ungerade td {
 color: #000000;
 background-color: #FFFFFF;
 }

 .gerade td {
 color: #000000;
 background-color: #E5E5E5;
 }

 .LTVungerade td {
 color: #000000;
 background-color: #FFFFFF;
 padding: 0.5em;
 }
 
 .LTVgerade td {
 color: #000000;
 background-color: #E5E5E5;
 padding: 0.3em;
 }
 
 .zelleC {
 text-align: center;
 }
 
 .zelleR {
 padding-right: 4em;
 }

 .ohneLinie td {
border: 0.1em solid #FFFFFF;
width: 20em;
 } 
 
 i { 
    font-style: italic;
}