/* jaos gallery im modul simpel gal */
/* JAOS Gallery
*******************************************************************************/
.jaosg_galerie{
	text-align:center; 
	vertical-align:middle; 
	padding:5px;
}

.jaosg_thumbnail {
	margin:1px;
	margin-bottom:10px;
	float: left;
	height: 110px;
	width: 110px;
	text-align: center;
	vertical-align:middle;
}

.jaosg_nav {
	text-align: center;
}

.jaosg_bild {
	text-align: center;
}

.jaosg_bildbeschreibung {
	text-align: center;
}

a { text-decoration:none; color: #000000;}
a.current { text-decoration:none; color: #000000; font-size:11px;}


/* magazin layout */

.navidiv {width:100px;}

.magazine-container {
	background: #f7f7f7;
}
.magazine-image a, .magazine-image a:hover {
	border: 0;
	background: transparent;
     	outline; 0;
}
.current {
text-decoration:none; 
}



/* bildmodul kmxl */
/* 

Das Modul nutzt 6  Klassen zur Ausrichtung der Bilder. 
.pleft , .pright und .pnormal    

.pleft fŸr links ausgerichtete Bilder
.pright fŸr rechts ausgerichte Bilder
.pnormal kann zur Definition einer Normalanzeige verwendet werden.  

.pleft_b, .pright_b und .pnormal_b 
definieren die Anzeige der Bilder fŸr den 2. Stil.  
z.B. Anzeige mit Rahmen
Viel Spass beim weiteren basteln.



Code: 

*/ 


/* Definition der Klassen ohne Rahmen*/ 

.pleft {
	float: left;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	vertical-align: text-bottom;

border: none;
}
.pright {
	float: right;
	margin-top: 5px;
	margin-left: 5px;
	margin-bottom: 5px;
	vertical-align: text-bottom;

border: none;
}
.pnormal {
	clear: both;
border: none;
	
}


/* Definition der KLassen mit  Rahmen */

.pleft_b {
	float: left;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	vertical-align: text-bottom;
border: 0px solid #990000;
}
.pright_b {
	float: right;
	margin-top: 5px;
	margin-left: 5px;
	margin-bottom: 5px;
	vertical-align: text-bottom;
border: 0px solid #990000;
}
.pnormal_b {
	clear: both;
	border: 0px solid #990000;
}







/* 2 spalter */

/* Jede Tabelle und jedes Tabellen Element kann seine eigene Class ID erhalten. Ein Beispiel von meines Site: */

table.standard {
    background-color:none;
	border-width:0px;
	border-style:inset;
	border-spacing:2px;
	font-size:1em;
	frame:box;
	width:100%;
}


table.standard td,
table.standard th {
    border-style:outset;
	border-width:0px;
	padding:4px;
}






/* jasso gallery */

/* JAOS Gallery
*******************************************************************************/
.jaosg_galerie	{
				text-align:center; 
				vertical-align:middle; 
				padding:5px;
				}

.jaosg_thumbnail	{
				margin:5px;
				float: left;
				height: 120px;
				width: 120px;
				text-align: left;
				vertical-align:middle;
				}

.jaosg_nav 		{
				text-align: center;
				}

.jaosg_bild		{
				text-align: center;
				}

.jaosg_bildbeschreibung	{
				text-align: justify;
				font-size:12px;
				}




/*Modul Bild und Text*/
.centertab {margin-right: auto;
            margin-left: auto;}

.bildtext { margin: 0px;
            padding: 0px;
            font-size: 10px;}
.imgleft {float: left;
          margin-right: 20px;}
          
.imgright {float: right;
          margin-left: 20px;}

.stopleft {clear: left;}

.stopright {clear: right;}
	 
.bildtext2 {text-align: justify; text-decoration:none;}

.outerNavi{
	position:relative;
	top:0 px;
	width:800px;
	text-decoration:none;
	margin-left:auto;
	margin-right: auto;	
	
}
.mynavi{
	background-image: url(klaus/bNavi.gif);
	background-repeat: repeat-x;
	width:100%;
	height:110px;
	text-align: center;
	float:right;
	text-decoration:none;
}
.mycontent{
	position: absolute;
	top: 140px;
	width:100%;
	text-align: center;
	z-index:2;
text-decoration:none;
	
}

.myinnercontent{
	
	top:0px;
	width:800px;
	margin-left:auto;
	margin-right: auto;
text-decoration:none;
	
	
	
}


li {
	list-style: none;
text-decoration:none;
}
ul {
	list-style: none;
text-decoration:none;
}





/* 

Das Modul nutzt 6  Klassen zur Ausrichtung der Bilder. .pleft , .pright und .pnormal    
.pleft für links ausgerichtete Bilder
.pright für rechts ausgerichte Bilder
.pnormal kann zur Definition einer Normalanzeige verwendet werden.  

.pleft_b, .pright_b und .pnormal_b definieren die Anzeige der Bilder für den 2. Stil.  z.B. Anzeige mit Rahmen
Viel Spass beim weiteren basteln.



Code: 

*/ 


/* Definition der Klassen ohne Rahmen*/ 

.pleft {
	float: left;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	vertical-align: text-bottom;

border: none;
}
.pright {
	float: right;
	margin-top: 5px;
	margin-left: 5px;
	margin-bottom: 5px;
	vertical-align: text-bottom;

border: none;
}
.pnormal {
	clear: both;
border: none;
	
}


/* Definition der KLassen mit  Rahmen */

.pleft_b {
	float: left;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	vertical-align: text-bottom;
border: 0px solid #990000;
}
.pright_b {
	float: right;
	margin-top: 5px;
	margin-left: 5px;
	margin-bottom: 5px;
	vertical-align: text-bottom;
border: 0px solid #990000;
}
.pnormal_b {
	clear: both;
	border: 0px solid #990000;
}