﻿/*  laufteamthwkiel.css  */
html {padding:0px; margin: 0px;}  
* {padding:0px; margin: 0px;} 

body {font-family: Verdana, Helvetica, Arial, sans-serif; 
      background-color: #DFDFDF;}    /* wie text */
  
       
p {	font-size: 0.9em; 
	color: black; 
    padding: 5px;    }

h1 {font-size: 1.2em; 
    padding: 5px;  }
  
h2 {font-size: 1.0em; 
	color: #CC0033;
	padding: 5px; 
	}    
   
h3 {font-size: 1.0em; 
	color: #CC0033;
	padding-top: 5px;
	padding-left: 5px; }    
	
h4 {font-size: 0.8em; 
	color: #CC0033;
	padding-top: 5px; }    
	
.schrift-grau {font-size: 0.9em; 
          font-weight: bold; 
          padding: 5px; 
          padding-top: 15px; 
          margin-bottom: 10px; 
          color: #666; 
		  border-bottom: 2px solid #666; }
	
#rahmen { width: 100%;
          }

#kopf { background-color: #DFDFDF; 
        height: 150px; 
        }
        
#kopf1 {background-color: #FCF768;   
        float: left; 
        width: 20%;
        border: 0px solid white; 
         }
          
#kopf2 {background-color:  #DFDFDF;   
	    float:left; 
        width: 60%; 
 		border: 0px solid white;
 		padding: 5px; 
 		 }

#kopf3 {background-color: purple;   
	     border: 2px solid white; 	     }
	     
#fixkopf  {background-color: #DFDFDF; 
	position: fixed; 
	top: 5px; 
	left: 0px;
	right: 0px; 
	height: 150px; 	 }
	 
#fixkopf h1 {text-align:	center; 
	border-bottom: 2px solid black; 
	border-top: 2px solid black; 
	border-bottom: 2px solid black; 
	padding: 8px 8px 0px 8px; }   
	
/* ************************************************************************ */
/*   inhalt + text ******************************************************** */

#inhalt { height: 670px;
         border: 0px solid red;
        }
         
#text {	float: left; 
		width: 59%; 
		margin-top: 15px;
		padding-left: 10px; 
		padding-top: 10px; 
		background-color: #DFDFDF;    /* wie body */
		border-left: 2px solid black; 
		}

#text ul{  padding: 5px; 
	  	    }
 
#text li {list-style: none;  
 		  padding-top: 5px; padding-right: 0px; 
 		  padding-bottom: 15px; padding-left: 0px; 
 		  margin-bottom: 5px; 
		    }
#ergebnisse p { line-height: 1.5;
	}


#ergebnisse h3 {padding: 15px 0px 0px 0px; 
		 border-bottom: 2px solid black;
		 margin-bottom: 10px;  }


#ergebnisse h4 {color: white;  
		padding:  15px 0px 10px 0px; 
		 border-bottom: 1px solid black; 
		 font-family: Verdana, Helvetica, Arial, sans-serif; 
		}



/* *********************************************************************** */
/* rechts       */


#rechts {background-color: #DFDFDF;  /* hält nur rechts den Platz rrei! */
         float: right;
         width: 19%; 
         /* height: 50%; */ 
         padding: 5px; 
         padding-top: 15px;  
         margin-top: 25px; 
          }
#fixrechts {position: fixed; 
			background-color: #CC0033;    /* rot */ 
         border: 2px solid; 
          border-color: white black black #999;
         /* height: 50%; */ 
         padding: 5px; 
         padding-top: 15px;  
         margin-top: 25px; 
	}

#rechts li {list-style: none;  
 		  padding-top: 15px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; 
		  margin: 0;	
		  width: 200px; 
		  color: white;
		  font-size: 1.0em;
		  font-weight: bold; 
		  }
          
#fuss {	border: 1px solid black; 
        clear: both; 
		overflow: auto; 
        position: fixed;
        top: 800px; 
        left: 500px;  }


/* *********************************************************************** */
/* Menü      */
	
#links  { float: left;  
         width: 19%;  
         height: 99%;
   		 border: 0px solid blue  ;    }
  
#fixmenu { background-color: #DFDFDF;
	/*  position: fixed; */
	 top: 160px; 
	 top: 460px; 
	 bottom: 100px; 
	 left: 0px;
	 margin-left: 5px; 
	 right: 81%;
	 height: 99%;  	 }
           
#fixmenu ul{  padding: 25px; 
	  	    	  }
	  	     
#fixmenu li {list-style: none;  
 		  padding-top: 15px; padding-right: 0px; 
 		  padding-bottom: 0px; padding-left: 0px; 
		  margin: 0;	
		  width: 100px; 
		  width: 89%;  }
		  
#fixmenu a {font-weight: bold;  
		 font-size: 1.0em; 
		 display: block ;
         padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 7px; 
         margin: 0; 
 		 color: black;
         text-decoration: none;
         border: 1px solid;         
  		 border-color: white black black #999;
  		 border-left: 8px solid #CC0033;  /*rot*/
  		 padding: 3px 3px 5px 6px;
		 background-color: #C0C0C0; 
             } 
             
#fixmenu a:hover     {   color: white;
   	      display: block ; 
   	      margin: 0;	
   	      border-left: 8px solid #809FFF;
   	      border-color: white black #ccc white;
		  background-color: #666;
		  padding: 0.4em 0.35em 0.25em 0.9em;  
		  padding: 1px 2px 4px 5px;}

    	
    /* #menu a:visited, #menu a:link 
    { color: red; display: block ;
    padding: 0;  margin: 0;	width: 100px;}
 */ 
 
 
 /** neutrale navi ***/
#navi {	font-weight:bold;
	font-family:  Verdana, Helvetica, Arial, sans-serif;}
	 
#navi li{ list-style-type: none;
 display: block; 
}

#navi a {color: black; 
	text-decoration:none;
}
#navi a:hover {
	color: navy; 
}


 
 /* bilder  mit hover  */ 
.thumbnail{position: relative; z-index: 1; padding-right: 5px;}
.thumbnail:hover{background-color: transparent; z-index: 5;  }
.thumbnail span{ /*CSS für vergößertes Bild*/
position: absolute; background-color: lightyellow; padding: 5px;
left: -1000px; top: - 1000px; border: 1px dashed gray; visibility: hidden; color: black;
text-decoration: none; z-index: 1;}
.thumbnail span img{ /* CSS für vergößertes Bild*/
border-width: 0; padding: 2px; z-index: 1;}
.thumbnail:hover span{ /*CSS für vergößertes Bild bei hover*/
visibility: visible; top: 150;left: 60px;  z-index:1;}


/* *********************************************************************** */
/* Schriftarten      */
   
.schrift1 {font-size: 1.2em; 
          color: #000099;   /* blau */ 
           padding: 5px;          }
           
.schrift2 {font-size: 1.0em; 
          font-weight= bold; 
          padding: 5px; 
          padding-top: 15px; 
          color: #000099; 		}
          
          
.schrift3 {font-size: 1.0em; 
          font-weight= bold; 
          padding: 5px; 
          margin-bottom: 10px; 
          color: #000099; 
		 border-bottom: 2px solid #000099; }
		 
		 
.fett { padding: 5px; 
	font-weight: bold; }

         
.schriftweiss {
	color:white;
	}
         
.schriftweissfett {
	color: white;
	font-weight: bold; 
	padding-top: 6px;	}
	
.dummyrechts {font-size: 1.2em; 
          color: #CC0033; 
           padding: 5px; 
           }

	


