/*** Copyright (c) 2009          ***/

/*** Lothar Kosak         ***/


/*** Formatierung für Hauptseite ***/

body {
	margin-top:0px; margin-left:0px; margin-bottom:0px; margin-right:0px;
        background: #D9D9D9; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;       
}

/*** Formatierung für Kopfzeile ***/

#header{
        background-image:url(../bildernp/Internet_Kopfgrafik_01_1280x110px.jpg);
        background-position:center;
        background-repeat:no-repeat;
        position:absolut;
        margin-top:0px; margin-left:0px; margin-bottom:0px; margin-right:0px;
        left:0%; top:0%; width:100%; height:20%;
}

/*** Formatierung für Kopfzeile bei Bildanzeige ***/
#headerbild{
        position:absolut;
        margin-top:0px; margin-left:0px; margin-bottom:0px; margin-right:0px;
        left:0px; top:0%; width:100%; height:10%;
}
/*** Formatierung für Main-Menüzeile ***/
#mainmenu{
	background-color: #D9D9D9;
	overflow:visible;
	position:absolute;
	margin-top:0px; margin-left:0px; margin-bottom:0px; margin-right:0px;
        left:0px; top:21%; width:100%; height:9%;
}
/*** Formatierung für Main-Menüzeile verschieben bei Bildanzeige***/
#mainmenubild{
	background-color: #D9D9D9;
	overflow:visible;
	position:absolute;
	margin-top:0px; margin-left:0px; margin-bottom:0px; margin-right:0px;
        left:0px; top:10%; width:100%; height:10%;
}
/*** Formatierung für StartInhalt ***/

#start{
	background: #D9D9D9; 
	/*background: #006600;*/
	position:absolute;
	overflow:scroll; 
	padding: 10px ; 
        left:5%; top:30%; width:80%; height:65%;
}

/*** Formatierung für Sponsor ***/

#sponsor{
	background-color: #D9D9D9;
	position:absolute;
	/*overflow: scroll;*/
	padding: 0 0 0 0px ; 
	left:87%; top:30%; width:13%; height:60%;      
}
/*** Formatierung für Menü Bildgalerie ***/

#menupic{
	z-index: 1;
	background-color: #D9D9D9;
	padding:  0px 0px 0px 10px  ; 
	position: absolute;
        left:0%; top:30%; width: 16%; height:65%; /*16% wegen padding*/
        overflow: scroll;
        float: left;
}

/*** Formatierung für Thumbs ***/

#thumbs{
	background-color: #D9D9D9;
	overflow: scroll;
	position:absolute;
	padding: 0 0 0 0px ; 
	left:87%; top:30%; width:13%; height:65%;      
}

/*** Formatierung für Thumbs bei Galerianzeige verschieben***/

#thumbsbild{
	background-color: #D9D9D9;
	overflow: scroll;
	position:absolute;
	padding: 0 0 0 0px ; 
	left:87%; top:20%; width:13%; height:85%;      
}
/*** Formatierung für Bilder ***/

#bilder{
        z-index: 2;
	background: #D9D9D9;
	position:absolute;
        left:17%; top:30%; width:70%; height:65%;
        overflow: scroll;
        float: right;   
}
/*** Formatierung für Galerie ***/

#bildanzeige{
        z-index: 2;
	background: #D9D9D9;
	position:absolute;
        left:10%; top:20%; width:77%; height:80%;
        overflow: scroll;
        float: right;   
}
/*** Formatierung für Kontaktseite ***/

#kontakt{
        z-index: 1;
        background: #FFFFFF;
	padding:  0px 0px 0px 10px  ;
        position:absolute;
        left:5%; top:30%; width:82%; height:65%;
        overflow: scroll;        
}
/*** Formatierung für aktuelles ***/

#aktuelles{
        z-index: 1;
        background: #FFFFFF;
        padding:  0px 0px 0px 20px  ; 
        position:absolute;
        left:5%; top:30%; width:82%; height:65%;
        overflow: scroll;        
}

/*** Formatierung für termine ***/

#termine{
        z-index: 1;
        /* background: #FFFFFF;*/
        background: ##D9D9D9;
        padding:  0px 0px 0px 10px  ; 
        position:absolute;
        left:5%; top:30%; width:82%; height:65%;
        overflow: scroll;        
}

/*** Formatierung für training ***/

#training{
        z-index: 1;
        background: #FFFFFF;
        padding:  0px 0px 0px 0px  ; 
        position:absolute;
        left:5%; top:30%; width:82%; height:65%;
        overflow: scroll;        
}

/*** Formatierung für Menüzeile Talentnest***/

#menutalentnest{
	z-index: 1;
	background-color: #D9D9D9;
	padding:  0px 0px 0px 10px  ; 
	position: absolute;
        left:0%; top:30%; width: 16%; height:65%; /*16% wegen padding*/
        overflow: visible;
        float: left;
}
/*** Formatierung für talentnest ***/

#talentnest{
        z-index: 1;
        background: #FFFFFF;
        margin-top:0px; margin-left:0px; margin-bottom:0px; margin-right:10px;
        padding:  0px 10px 0px 10px  ; 
        position:absolute;
        left:17%; top:30%; width:70%; height:65%;
        overflow: scroll;        
}

/*** Formatierung für info ***/

#info{
        z-index: 1;
        background: #FFFFFF;
        padding:  0px 0px 0px 10px  ; 
        position:absolute;
        left:5%; top:30%; width:82%; height:65%;
        overflow: scroll;        
}
/*** Formatierung für links ***/

#links{
        z-index: 1;
        background: #FFFFFF;
        padding:  0px 0px 0px 10px  ; 
        position:absolute;
        left:5%; top:30%; width:82%; height:65%;
        overflow: scroll;        
}
/*** Formatierung für shop ***/

#shop{
        z-index: 1;
        background: #FFFFFF;
        padding:  0px 0px 0px 50px  ; 
        position:absolute;
        left:5%; top:30%; width:82%; height:65%;
        overflow: scroll;        
}

/*** Formatierung für Menüzeile ***/

#menuwk{
	z-index: 1;
	background-color: #D9D9D9;
	padding:  0px 0px 0px 10px  ; 
	position: absolute;
        left:0%; top:30%; width: 16%; height:65%; /*16% wegen padding*/
        overflow: scroll;
        float: left;
}

/*** Formatierung für Wettkaempfe ***/

#wettkaempfe{
        z-index: 2;
	background: #D9D9D9;
	background-image:url('../bildernp/kbhg.jpg');
	background-repeat:no-repeat;
        background-position:center;
	position:absolute;
        left:17%; top:30%; width:70%; height:65%;
        overflow: scroll;
        float: right;   
}
/*** Formatierung für SSF ***/

#ssf{
        z-index: 2;
	background: #D9D9D9;
	background-image:url('../bildernp/vwbad03hg.jpg');
	background-repeat:no-repeat;
        background-position:center;
	position:absolute;
        left:17%; top:30%; width:70%; height:65%;
        overflow: scroll;
        float: right;   
}

/*** Formatierung für Wettkaempfe ***/

#wettkaempfeanzeige{
        z-index: 2;
	background: #FFFFFF;
	position: absolute;
        left:17%; top:30%; width:65%; height:60%;
        overflow: scroll;
        float: right;  
        padding: 10px;
}
/*** Formatierung für Menüzeile Betenliste Funktionsauswahl***/

#menubl{
	z-index: 1;
	background-color: #D9D9D9;
	padding:  0px 0px 0px 10px  ; 
	position: absolute;
        left:0%; top:30%; width: 16%; height:65%; /*16% wegen padding*/
        float: left;      
}
/*** Formatierung für Bestenlisten ***/

#bestenliste{
        z-index: 2;
	background: #D9D9D9;
	position:absolute;
        left:17%; top:30%; width:70%; height:65%;
        overflow: scroll;
        float: right;   
}

/*** Formatierung für Menüzeile Sommerschwimmfest***/

#menussf{
	z-index: 1;
	background-color: #D9D9D9;
	padding:  0px 0px 0px 10px  ; 
	position: absolute;
        left:0%; top:30%; width: 16%; height:65%; /*16% wegen padding*/
        overflow: scroll;
        float: left;
}


/*** Formatierung für Menüzeile Kurzbahnmeeting***/

#menukbm{
	z-index: 1;
	background-color: #D9D9D9;
	padding:  0px 0px 0px 10px  ; 
	position: absolute;
        left:0%; top:30%; width: 16%; height:65%; /*16% wegen padding*/
        overflow: scroll;
        float: left;
}

/*** Formatierung für KBM ***/

#kbm{
        z-index: 2;
	background: #D9D9D9;
	background-image:url('../bildernp/kbhg.jpg');
	background-repeat:no-repeat;
        background-position:center;
	position:absolute;
        left:17%; top:30%; width:70%; height:65%;
        overflow: scroll;
        float: right;   
}



/*** Formatierung für Fußzeile ***/

#footer{
	background: #D9D9D9;
	clear: left;
	position:absolute;
	top:95%; width:100%; height: 5%;
	text-align: center;
	font-weight: bold;
	font-size: 8pt;
	padding: 0 0 0 0 ;
}
/*** Formatierung für Bestenliste-Menüzeile ***/

#auswahlbl{
	
	background-color: #D9D9D9;
	padding: 0px 5px 10px 0px ;
	position:absolut;
        left:0px; top:30%; width:100%; height:5%;
}


/*** Formatierung für Menüzeile ***/



/*** Formatierung für Menüzeile ***/

#menu{
	
	background-color: #D9D911;
	position:absolut;
        left:0px; top:0px; width: 20%; height:200px;
        overflow: scroll;
        float: left;
        
}



/*** Formatierung für Inhaltszeile ***/

#content{

	background: #D9D9D9;
        padding: 0 0 0 0 ;
        height: 200px
}

/*** Formatierung für Impressum ***/

#impressum{
	background: #D9D9D9;
	position:absolute;
	padding: 0 0 0 0 ; 
        left:5%; top:30%; width:80%; height:65%;
}





/*** Menü-Kopfzeile ***/

div.menuhead{

	color: #FF6701;

	background-color: #D9D9D9;

	font-weight: bold;

	text-align: center;
	

}
/*** Menü-Hauptmenu ***/
p.menuitemtop{

	color: #FF6701;

	padding: 10px 0 0 0;
        
        height: 0;
}

/*** Menü-Seitenmenu ***/
p.menuitemside{

	color: #FF6701;

	padding: 10px 0 0 0;
        font-size: 8pt;
        height: 8px;
}
/*** Menü-Eintragszeile ***/

p.menuitem{

	color: #FF6701;

	padding: 10px 0 0 0;
        
        height: 0;
}


.extern tr:nth-child(odd) { background-color: #B4B4A7; }
.extern tr:nth-child(even) { background-color: #D9D9D9; }