/* CSS Document */
/* ---------- Seitenlayout ---------- */
*{
	padding:0;
	margin:0;
	border:0;
}

  body, html {
	height: 101%;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: url(style_FILES/grey_bg2.gif) repeat-y 50%;

  }
  a {
  	text-decoration: underline;
  	color: black;
  
  }
  a:hover {
  	text-decoration: underline;
  	color: #007FC1;
  
  }
  a:visited {

  	color: #999999;
  
  }
  h1 {
   	font-size: 17px;
    	margin: 10px 0 5px 0; 
    	padding: 3px 3px 3px 5px;
    	background: #007FC1;
    	color: white;
    	font-family: Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif;
    	font-weight: normal;
 
  	}
  h2 {
   	font-size: 14px;
    	color: black;
    	font-family: Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif;
   	
 
  	}
					h4 {
   						font-size: 14px;
   						margin: 3px 3px 10px 0px;
    						padding: 3px 3px 3px 30px;
    						border-bottom: 1px dashed gray;
    						color: black;
						

					}	
					h4 a {
						color: black;
						text-decoration: none;
						
					}									
					h4 a:hover {
						color: #007FC1;
						text-decoration: none;
						
						
					}
					h4 a:visited:hover {
  						 color: #007FC1;
  
  					} 

                                        h5 {
   	                                         font-size: 14px;
    	                                         color: red;
                                                 font-weight: bold;
    	                                         font-family: Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif;
   	  	                        } 
  	
                                        h5 a {
						color: red;
						text-decoration: none; 
                                        }
  					
                                        h5 a:hover {
						color: red;
						text-decoration: none; 
                                        }
                                        h5 a:visited:hover {
						color: red;
						text-decoration: none; 
                                        }

  #jubi {
  height: 236px;
  width: 195px;
  background: url(style_FILES/25-jahre-taekwondo.jpg);
  position: absolute;
  z-index: -4;
  }  					
  					
  					
/* ---------- Spalte mit allen Inhalten ---------- */

#box {
	width: 810px;
	margin:0 auto;
	background-color: white;
	text-align:left;
  	position: relative;
  	min-height: 100%; /* Fuer moderne Browser */
  	height: auto !important; /* Fuer moderne Browser */
 	height: 100%; /* Fuer IE */
}
#ie6 {
	display: none;
	}
			/* ---------- Header ---------- */
			
			#head{
				height: 270px;
				width: 810px;				
				text-align: left;
				background-color: #DEDEE0;				
				border-bottom: solid #DEDEE0 10px;
				padding: 5px 0 0 0;
	                       
			
			}
			#head-left {
				width: 620px;
				height: 270px;
				float: left;
				background: white;
				position: relative;

				}
			#header-bild {
				width: 620px;
				height: 160px;
				border-bottom: 5px solid #007FC1;
				overflow: hidden;
	
			}

			#logo {
				width: 140px;
				height: 180px;
				position: absolute;
				bottom: 0;
				left: 20px;
				text-align: left;
				border: 0px;
			
			
			}
			
			#logo img{

				border: 0px;
			
			
			}			
			
					/* ----------Navigation ---------- */
					#nav {
						position: absolute;
						bottom: 0;
						right: 0;
						margin: 0 5px 5px 0;
					}
					#nav ul {	
						margin: 0;
						padding: 0;
						
					}
					#nav ul.Ebene1 li {
						float: left;
						display: inline;
						max-width: 95px;
						margin: 0 5px 0 0;
						font-size: 14px;
						font-weight: bold;
						color: #007FC1;

						}
					#nav ul.Ebene2 {
						padding-left: 2px;
						border-bottom: 1px dashed #999999;
						}
					#nav ul.Ebene2 li {
						clear: left;
						display: block;
						font-size: 12px;
						font-weight: normal;
						}
					#nav ul.Ebene2 a {
						color: #000000;
						text-decoration: none;
						
						}
					#nav ul.Ebene2 a:hover {
						text-decoration: underline;
						
						}
			
					/* ----------Newsbereich ---------- */
					#news {
						padding: 10px 10px 0 10px;
						width: 160px;
						height: 260px;
						float: right;
						background-color: white;
					}
  					#news h2 {
   						font-size: 13px;
    						margin: 0; padding: 3px 3px 3px 5px;
    						background: none;
    						color: black;
    						border-bottom: solid 2px #007FC1;
						font-weight: normal;
 
  						}					

					#news h3 {
						font-size: 12px;
						font-weight: normal;
						margin: 0;
						text-decoration: none;
						
					}
					#news h3 a {
						color: black;
						font-weight: normal;						
						text-decoration: none;
						
					}
					#news h3 a:hover {
						color: #007FC1;
						font-weight: normal;						
						text-decoration: none;						
					}
					#news h3 a:visited {
  						color: gray;
  
  					}
					#news h3 a:visited:hover {
  						color: #007FC1;
  
  					}  	
  					.news-image {
  						float: right;
  						padding: 10px 0 0 10px;
  
  					}  	
  					.news-image img {
  						
  						padding: 0 0 10px 0;
  
  					}  	  					
					#content h3 {
   						font-size: 14px;
   						margin: 3px 3px 10px 30px;
    						padding: 3px 3px 3px 0px;
    						border-bottom: 1px dashed gray;
    						color: black;
						
					}	
					#content h3 a {
						color: black;
						text-decoration: none;
						
					}									
					#content h3 a:hover {
						color: #007FC1;
						text-decoration: none;
						
						
					}
					#content h3 a:visited:hover {
  						color: #007FC1;
  
  					}  					
					
					#content h3 a:visited {
  						color: gray;
  
  					}
  					
  					#content ul {
  						margin: 0 0 0 15px;
  						}
  					

  					.csc-textpic-caption {
                                                font-size: 10px;
                                                color: gray;
                                                padding: 5px 0 5px 0;
                                        }
                                        
                                        .vcard {
                                        	padding: 3px 0 0 0;
                                        }

                                        .adr {
                                        	padding: 3px 0 0 0;
                                        }

			/* ---------- Tabelle Stundenplan ---------- */		
			.contenttable {
  		               width: 100%;
  		                       }
  		                       
  		        .stundenplan tr {
 				background-color:#D1E3ED;
 				
  		                       }  	               
			.stundenplan tr.tr-0 {
 				background-color:#007FC1;
 				color: white;
  		                       }  
  		                       		                       
			.contenttable td {
			 	padding:0px 5px;
 				margin:2px;
			}
			
			.stundenplan td {
			 	padding:5px 5px;
 				margin:2px;
			}
			.legende tr {
			        font-size: 10px;
			        background-color: white;
			        vertical-align: top;
			        color: #aaaaaa;
			}


			/* ---------- Inhalt unten ---------- */
			#main{
				width: 810px;
				
				min-height:320px;
				

			}
			#content{
				
				padding: 10px 20px 4em 20px;
				margin: 0;
				
			}
			
			#footer{
				position: absolute;
				bottom: 0;
				text-align: center;
				color: #666666;
				width: 810px;
				margin-top: 0px;
				border-top: dotted #999999 1px;
				border-bottom: solid #DEDEE0 10px;
				padding: 5px 0;
			}