/*
www.Neukölln-Jugend.de  

(c) Copyright by Kyle Lamson, LSW-Web Design, 2004
http://www.lsw-webdesign.com

default.css
22 Jan. 2005

*/


/************************************************************************/
/*                            HTML Tags                                 */
/************************************************************************/

html {
	margin: 0px;
	padding: 0px;
   height: 100%;
   background: #9cf url(../bilder/basebg.jpg) repeat fixed left top;
	}

body{
   font: 100.1% Verdana, Geneva, Arial, Helvetica, sans-serif;
   margin: 0;
   padding: 0 2px;
   /*background: #9cf url(../bilder/basebg.jpg) repeat fixed left top;*/
   text-align: center;
   height: 100%;
   }

p {
   font: normal 1em/1.3em Arial, Verdana, Geneva, Helvetica, sans-serif;
	text-align: left;
	}

p:first-letter {
   font: 700 1.3em "Courier New", Courier, monospace;
   }

h1, h2, h3{
	margin-bottom: 15px; 
	color: #339;
	background-color: transparent;
  text-align: left;
   }

h1 {
   font-size: 1.4em;
   }

h2 { 
	font-size: 1.2em;
	}

h3 {
   font-size: 1em;	
   }

a:link {
	text-decoration: underline;
	color: #036;
	background-color: transparent;
   font: normal 1em Arial, Helvetica, sans-serif; 
	}

a:visited {
   text-decoration: underline;
   color: #606;
   background-color: transparent;
   font: normal 1em Arial, Helvetica, sans-serif; 
   }

a:hover, a:active, a:focus {
   text-decoration: none;
   color: #f60;
   background-color: transparent;
   font: normal 1em Arial, Helvetica, sans-serif;
   }

img{
   border: 0;
   text-align: center;
   }

address{
   line-height: 1.2em;
   padding-bottom: 20px;
   text-align: left;
}

caption {
	font: normal bold 1.1em Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000;
	background-color: transparent;
  text-align: left;
	}

select,input{
   margin: 5px;
   }

hr{
   width: 100%;
   margin: 50px 0;
   height: 2px;

}
ul li {
   list-style: none outside none;
}

ol li{
   list-style: decimal outside none;
}

blockquote{
   font-style: italic;
}



/************************************************************************/
/*                            Classes                                   */
/************************************************************************/

.clear {
   clear: both;
   }

.clearright {
   clear: right;
   }

.copyleft{
   float:left;
   font: .8em Arial, Helvetica, sans-serif;
   color: #003;
   background-color: transparent;
   Padding-left: 10px;
   }

.copyright{
   float:right;
   font: .8em Arial, Helvetica, sans-serif;
   color: #003;
   background-color: transparent;  
   padding-right: 20px;
   }

.hide{
   display: none;
   }

.center{
   text-align: center;
   line-height: 1.2em;
}

.boxCenter{
   background-color: transparent;
   border: 2px groove #336;
   text-align: left;
   color: #000;
   padding: 10px;
   margin: 15px 0;
}

.navTitle{
   font: italic small-caps 700 1em Arial, Helvetica, sans-serif; 
   text-align: left;
   }

.leftFloat{
   float: left;
   padding: 5px 10px 10px 0;
   clear: right;
   }

.rightFloat{
   float: right;
   padding: 5px 0 10px 10px;
   clear: left;
   }

div.worker1 {
   float: left;
   border: 2px solid #88B6E8;
   padding: 5px;
   width: 86%;
   margin: 0 10px 15px 0;
   position:relative;
   }

div.worker1 img {
   float: left;
   margin: 5px;
   }

div.worker2 {
   float: right;
   border: 2px solid #88B6E8;
   padding: 5px;
   width: 86%;
   margin: 0 10px 15px 0;
   position:relative;
   }

div.worker2 img {
   float: right;
   margin: 5px;
   }


.mimage{
   float: right;
   margin: 15px 0 5px 10px;
   width: 86px;
   height: 120px;
   display: block;
   position: relative;
}

.left{
   text-align: left;
   margin-bottom: 10px;
}

.icra{
	border: 6px;
	text-align: left;
	margin-top: 15px;
}

/*  ------------------------ Tabular Info ---------------------------  */
.tabularData table{
   background-color: transparent;
   color: #000;
   border: 1px groove #fff;
   width: 90%;
   font: normal .9em Arial, Helvetica, sans-serif;
   margin: 0 0 30px 0;
}

.tabularData td{
   padding: 5px 5px 5px 10px;
   text-align: left;
   margin: 0 10px 10px 0;
   border: 0px dotted #0f0;
   line-height: 1.2em;
   width: auto;
   }

.tabularData th{
   background-color: transparent;
   color: #000;
   font: normal small-caps 600 1em/1.20em Verdana, Geneva, Arial, Helvetica, sans-serif;
   border-bottom: 1px groove #fff;
   padding: 5px 5px 10px 5px;
   text-align: left;
   }

.tabularData tr{
   background-color: transparent;
   padding-bottom: 15px;
   color: #000;
}
/*  ------------------------ Ende Tabular Info -------------------------  */ 






/************************************************************************/
/*                                  IDs                                 */
/************************************************************************/

#container{
   position: relative;
   min-height: 100%;            /******************************/
   height: 100%;                /******************************/
   voice-family: "\"}\"";       /*****  Box Model Hack  *******/
   voice-family: inherit;       /******************************/
   height: auto;                /******************************/
   margin: 0 auto;
   color: #000;
   text-align: center;
   width: 765px;
   background: #9cf url(../bilder/racingstripe_neu.png) repeat-y scroll;
   border-right: 3px double #036;
   border-left: 3px double #036;
   }
html>body #container {
    height: auto;
	}

* html #container {height: 1%;} /* for IE/Win */    
*>html #container {height: auto;} /* for IE5/Mac */ 



/*  ---------------------------- Inhalt Box ---------------------------  */
#contents {
   margin: 0 5px 20px 205px;
   padding: 0 15px 60px 15px;
   background: transparent url(../bilder/map.jpg) no-repeat scroll top center;
   color: #000;
   border: 0px dotted #f0c;
   font: normal .9em Arial, Helvetica, sans-serif;
   position: relative;
   min-height: 500px;
   width: auto;
   display: block;  
   text-align: left;
   }

#contents p {
   text-align: left; 
   }

#contents ol li {
   text-align: left;
   list-style: decimal outside;
   padding: 8px;
   }

#contents ul li {
   text-align: left;
   list-style: none outside url(../bilder/arrow.gif);
   padding: 8px;
   vertical-align: baseline;
   }

#contents ul li a{
   font-variant: small-caps;
   font-weight: 600;
}

html>body #contents{
    height: auto;
	}

* html #contents {height: 1%;} /* for IE/Win */
*>html #contents{height: auto;} /* for IE5/Mac */ 
/*  -----------------------  Ende Inhalt Box ---------------------------  */


/*  --------------------- Horizontal Meu - Icons -----------------------  */
#globalNav {
   margin: 0;
   padding: 0;
   border: 0px dotted #f00;
   width: 100%;
   height: 120px;
   background: transparent url(../bilder/gnav.png) no-repeat left;
   color: #000; 
   }

#globalNav ul{
   padding: 13px 0 0 57px;
   margin: 0;
   border: 0px dotted #ff0;
   }

#globalNav li {
	display: inline;
	margin: 0 3px;
	padding: 0;
	float: left;
	list-style-type: none;
	border: 0px dotted #ccc;
   }

#globalNav li a {
	display: block;
	margin: 0;
	padding: 0;
   color: #000;
   background-color: transparent;
   }

#globalNav li a:hover{
   background: transparent url(../bilder/split_frame64.png) no-repeat 0 0;
   }

#globalNav li a:focus{
   background: transparent url(../bilder/split_frame64.png) no-repeat 0 0;
   }

* html #globalNav a:active {
   background: transparent url(../bilder/split_frame64.png) no-repeat 0 0;
   }
#globalNav a span {
   display: none;
   }

#globalNav a:hover span {
   display: block;
   position: absolute; 
   top: 83px;
   left: 59px;
   color: #000;
   font: 500 .8em Arial, Helvetica, sans-serif;
   width: 400px;
   background-color: transparent;
   border: 0px dotted #f90;
   }

#globalNav a:focus span {
   display: block;
   position: absolute; 
   top: 83px;
   left: 59px;
   color: #000;
   font: 500 .8em Arial, Helvetica, sans-serif;
   width: 400px;
   background-color: transparent;
   border: 0px dotted #f90;
   }

* html #globalNav a:active span {
   display: block;
   position: absolute;
   top: 83px;
   left: 59px;
   color: #000;
   font: 500 .8em Arial, Helvetica, sans-serif;
   width: 400px;
   background-color: transparent;
   border: 0px dotted #f90;
   }
 /*  ------------------------ End of Horizontal Menu  ------------------  */


#titleImage {
   position: relative;
   margin: 0;
   padding: 0;
   /*top: -12px; anweisung fuer altes title_png*/
   /*left: -131px; anweisung fuer altes title_png*/
   top: -6px;
   left: -60px;
   border: 0px solid #ff0;
   }



/*  ----------------------  Vertikle Nav Bar, Links --------------------  */
#leftnav{
   position: absolute;
   background-color: transparent;
   color: #036;
   border: 0px dotted #0f0;
   width: auto;
   top: 150px;
   left: 30px;
   padding: 0 0 0 2px;
   font: normal .9em Arial, Helvetica, sans-serif;
   margin: 10px;
   z-index: 1;
   clear: both;
   }

#leftnav ul{
   list-style-type: none;
   margin: 0;
   padding: 0;
   }

#leftnav ul li{
   margin: 0 0 4px 0;
   text-align: left;
   padding: 0;
   font-size: .8em; 
   border: 0px dotted #0f0;
   width: 20em;
   list-style-type: none;
   }

#leftnav ul li a{
   display: block;
   padding: 5px 2px;
   border-left: 10px solid #fff;
   text-decoration: none;
   border-top: 1px solid #fff;
   font-variant: small-caps;
   width: 140px;
   }

#leftnav ul li a:hover{
   border-left: 10px solid #f93;
   color: #036;
   background-color: transparent;
   padding: 5px 2px;
   }

#leftnav ul li a:focus{
   border-left: 10px solid #f93;
   color: #036;
   background-color: transparent;
   padding: 5px 2px;
   }

* html #leftnav ul li a:active{
   border-left: 10px solid #f93;
   color: #036;
   background-color: transparent;
   padding: 5px 2px;
   }

#leftnav a span {
   display: block;
   position: absolute;
   left: -1999px;
   }

#leftnav a:visited span {
   display: block;
   position: absolute;
   left: -1999px;
   }
#leftNav img{
	text-align: left;
	margin: 5px auto;
}  
#leftnav a:hover span {
   display: block;
   position: absolute;
   padding: 0;
   margin: 0;
   color: #036;
   font: oblique 500 .9em Arial, Helvetica, sans-serif;
   text-align: left;
   background-color: transparent;
   width: auto;
   top: 0px;
   left: 20px;
   }

#leftnav a:hover span.club {
   display: block;
   position: absolute;
   left: 210px;
   top: 85px;
   padding: 0;
   margin: 0;
   color: #036;
   font: oblique 500 1em Arial, Helvetica, sans-serif;
   text-align: center;
   background-color: transparent;
   width: 400px;
   border: 0px dotted #909;
   }

#leftnav a:focus span.club {
   display: block;
   position: absolute;
   left: 210px;
   top: 85px;
   padding: 0;
   margin: 0;
   color: #036;
   font: oblique 500 1em Arial, Helvetica, sans-serif;
   text-align: center;
   background-color: transparent;
   width: 400px;
   border: 0px dotted #909;
   }

* html #leftnav a:active span.club {
   display: block;
   position: absolute;
   left: 210px;
   top: 85px;
   padding: 0;
   margin: 0;
   color: #036;
   font: oblique 500 1em Arial, Helvetica, sans-serif;
   text-align: center;
   background-color: transparent;
   width: 400px;
   border: 0px dotted #909;
   }

#leftnav a:hover span.club2 {
   display: block;
   position: absolute;
   left: 210px;
   top: 270px;
   padding: 0;
   margin: 0;
   color: #036;
   font: oblique 500 1em Arial, Helvetica, sans-serif;
   text-align: center;
   background-color: transparent;
   width: 400px;
   border: 0px dotted #909;
   }

#leftnav a:focus span.club2 {
   display: block;
   position: absolute;
   left: 210px;
   top: 270px;
   padding: 0;
   margin: 0;
   color: #036;
   font: oblique 500 1em Arial, Helvetica, sans-serif;
   text-align: center;
   background-color: transparent;
   width: 400px;
   border: 0px dotted #909;
   }

* html #leftnav a:active span.club2 {
   display: block;
   position: absolute;
   left: 210px;
   top: 270px;
   padding: 0; 
   margin: 0; 
   color: #036;
   font: oblique 500 1em Arial, Helvetica, sans-serif;
   text-align: center;
   background-color: transparent;
   width: 400px;
   border: 0px dotted #909;
   }

#leftnav a:hover span.club3 {
   display: block;
   position: absolute;
   left: 210px;
   top: 480px;
   padding: 0;
   margin: 0;
   color: #036;
   font: oblique 500 1em Arial, Helvetica, sans-serif;
   text-align: center;
   background-color: transparent;
   width: 400px;
   border: 0px dotted #909;
   }

#leftnav a:focus span.club3 {
   display: block;
   position: absolute;
   left: 210px;
   top: 480px;
   padding: 0;
   margin: 0;
   color: #036;
   font: oblique 500 1em Arial, Helvetica, sans-serif;
   text-align: center;
   background-color: transparent;
   width: 400px;
   border: 0px dotted #909;
   }

* html #leftnav a:active span.club3 {
   display: block;
   position: absolute;
   left: 210px;
   top: 480px;
   padding: 0;
   margin: 0;
   color: #036;
   font: oblique 500 1em Arial, Helvetica, sans-serif;
   text-align: center;
   background-color: transparent;
   width: 400px;
   border: 0px dotted #909;
   }

#leftnav a:hover span.event {
   display: block;
   position: absolute;
   left: 210px;
   top: 80px;
   padding: 0;
   margin: 0;
   color: #036;
   font: oblique 500 1.1em Arial, Helvetica, sans-serif;
   text-align: center;
   background-color: transparent;
   width: 400px;
   border: 0px dotted #909;
   }

#leftnav a:focus span.event {
   display: block;
   position: absolute;
   left: 210px;
   top: 80px;
   padding: 0;
   margin: 0;
   color: #036;
   font: oblique 500 1.1em Arial, Helvetica, sans-serif;
   text-align: center;
   background-color: transparent;
   width: 400px;
   border: 0px dotted #909;
   }

* html #leftnav a:active span.event {
   display: block;
   position: absolute;
   left: 210px;
   top: 80px;
   padding: 0; 
   margin: 0; 
   color: #036;
   font: oblique 500 1.1em Arial, Helvetica, sans-serif;
   text-align: center;
   background-color: transparent;
   width: 400px;
   border: 0px dotted #909;
   }


/* --------------------------  Ende Linke navbar ------------------------ */


/*  ----------------------- FootNav, Navigation, Fuß  ------------------  */
#footnav {
   position: relative;
   text-align: center;
   padding: 10px 2px;
   margin: 20px 15px 0 50px;
   color: #036;
   background-color: transparent;
   font: .8em/2em Arial, Helvetica, sans-serif;
   border-top: 2px groove #306;
   bottom: 0;
   width: auto;
   height: auto;
   }

#footnav ul {
  list-style-type: circle; 
   margin: 1em 0;
  }

#footnav ul li {
   list-style-type: circle;
   padding: 20px 0 15px 0;
   display: inline;
   margin: 0 10px 0 10px;
   }

#footnav ul li a {

   border: 0;
   padding: 0;
   font-variant: normal;
   font-weight: normal;
   }
/*  -------------------  Ende FootNav, Navigation, Fuß  ------------------*/


#clubs{
   background-color: transparent;
   border: 0px dashed #c69;
   height: 600px;
   width: 550px;
   text-align: left;
   color: #000;
}






#dataBox table {
   width: 90%;
   border: 2px groove #009; 
   margin: 0 5px 0 0;
}

#dataBox tr{
   margin-bottom: 15px;
}

#dataBox td {
   background-color: transparent;
   border: 2px groove #006;
   padding: 3px;
   color: #000;
}

#dataBox a{
   background: transparent;
   color: #336;
   font: 600 1em/1.2em Arial, Helvetica, sans-serif;
}

 

.calender td{
	border-bottom: 2px dashed #ffc;
	vertical-align: top; 
	padding: 10px 3px;
}


#kalender{
   border: 1px solid #006;
   width: auto;
   padding: 5px; 
   margin: 15px 0 20px 0;
}

#siggy {
   background-color: transparent;
   color: #036;
   font: oblique 1.1em "Times New Roman", Times, serif; 
   margin-bottom: 30px;
   }    

#siggy a{
   background-color: transparent;
   color: #036;
   font: oblique 1.1em "Times New Roman", Times, serif;    
}