hiho 			 { COLOR: #000000 }
#table01      { background-color: #000028; text-align: center; padding: 20px; width: 900px; vertical-align: middle; border: solid 1px white }
#table02   { width: 880px }
#table03  { width: 635px }
#innertable03  { text-align: left; vertical-align: top }
A 				    { color: #c03; text-decoration: none }
A:hover 			   { color: #666 }
BODY   			   { background-color: #808080; text-align: center; margin-top: 30px; vertical-align: middle; scrollbar-3dlight-color: E6E6FA; scrollbar-arrow-color: 808080; scrollbar-darkshadow-color: E6E6FA; scrollbar-face-color: E6E6FA; scrollbar-highlight-color: C0C0C0; scrollbar-shadow-color: C0C0C0; scrollbar-track-color: E6E6FA   }
#space  { color: #000028; font-size: 5px; line-height: 10px; height: 10px; border-right-style: none; border-left-style: none; }
#bottom   { color: #000; font-size: 7pt; font-family: Verdana; line-height: 11pt; background-color: #f0f0f0; background-repeat: repeat-y; text-align: center; cursor: crosshair; padding-top: 10px; padding-bottom: 10px; vertical-align: middle; border-right: 1px solid #999; border-bottom: 1px solid #999; border-left: 1px solid #999 }
#titel      { color: #fff; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #333; padding-left: 10px; height: 30px; border-top: 1px solid #999; border-right: #999; border-bottom: 1px solid #999; border-left: 1px solid #999 }
#gallery { color: #000; font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 11pt; background-color: #f0f0f0; background-image: url("Background/hoehenfieber-logo-littlemou.jpg"); background-repeat: repeat; padding-left: 10px; height: 30px; border-top: 1px solid #999; border-right: 1px solid #999; border-bottom: #999; border-left: 1px solid #999 }
#report  { color: #000; font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 11pt; background-color: #f0f0f0; background-image: url("Background/hoehenfieber-logo-littlemou.jpg"); background-repeat: repeat; text-align: justify; padding: 30px 20px; height: 30px; vertical-align: top; border-style: solid solid none; border-width: 1px 1px medium; border-color: #999 }
#gallery-back { color: #fff; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #f0f0f0; padding-left: 10px; height: 30px; border-top: 1px #999; border-right: 1px solid #999; border-bottom: 1px solid #999; border-left: 1px solid #999 }
#links01   { color: #fff; font-size: 7pt; font-family: Verdana; font-stretch: normal; background-color: #333; text-align: center; word-spacing: 10pt; width: 215px; height: 30px; vertical-align: middle; border-top: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #999; border-left: #999 }
#links02       { color: #333; font-size: 8pt; font-family: Verdana; background-color: #333; text-align: left; word-spacing: 5pt; padding-left: 20px; height: 30px; border: solid 1px #999 }
#links03  { color: #300; font-size: 7pt; font-family: Verdana; background-color: #f0f0f0; text-align: right; word-spacing: 10pt; padding-top: 20px; padding-right: 20px; height: 20px; border-style: solid; border-width: 1px; border-color: #999 #999 #ccc }
#head  { height: 100px }
#bild01 { text-align: left }
#bild02 { text-align: center }
#bild03 { text-align: right }
#tableintext_pictures { text-align: left; padding-right: 40px; vertical-align: top }
#tableintext_text  { color: black; font-size: 8pt; line-height: 11pt; text-align: justify; vertical-align: top }
.flLeft  { padding-right: 10px; float: left }
.flRight  { padding-left: 10px; float: right }
/* 

Das Modul nutzt 6  Klasssen 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, wenn sie einen Rahmen haben sollen. 

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: 1px solid #990000;
}
.pright_b {
	float: right;
	margin-top: 5px;
	margin-left: 5px;
	margin-bottom: 5px;
	vertical-align: text-bottom;
border: 1px solid #990000;
}
.pnormal_b {
	clear: both;
	border: 1px solid #990000;
}

/* Sidepics */
#seitenbild            { color: #000; font-size: 9pt; font-family: Verdana; background-repeat: no-repeat; text-align: left; margin-left: 10px; width: 215px; height: 600px; vertical-align: top; border: solid 1px #000028 }
#seitenbild-head-intro  { text-align: center; width: 215px; height: 180px; vertical-align: middle; border: solid 1px #999 }
#seitenbild-head-showroom { text-align: center; width: 215px; height: 180px; vertical-align: middle; border: solid 1px #999 }
#seitenbild-head-arcteryx { background-color: #999; background-image: url("Graphics/arcteryx-213-178.jpg"); background-repeat: no-repeat; text-align: center; width: 215px; height: 180px; vertical-align: middle; border: solid 1px #999 }
#seitenbild-head-black-diamond { background-color: #999; background-image: url("Graphics/black-diamond-213-178.jpg"); background-repeat: no-repeat; text-align: center; width: 215px; height: 180px; vertical-align: middle; border: solid 1px #999 }
#seitenbild-head-five-ten { background-color: #999; background-image: url("Graphics/five-ten-213-178.jpg"); background-repeat: no-repeat; text-align: center; width: 215px; height: 180px; vertical-align: middle; border: solid 1px #999 }
#seitenbild-head-smartwool { background-color: #999; background-image: url("Graphics/smartwool-213-178.jpg"); background-repeat: no-repeat; text-align: center; width: 215px; height: 180px; vertical-align: middle; border: solid 1px #999 }
#seitenbild-head-unterwegs { background-color: #999; background-image: url("Graphics/hoehenfieber-213-178.jpg"); background-repeat: no-repeat; text-align: center; width: 215px; height: 180px; vertical-align: middle; border: solid 1px #999 }
#seitenbild-tabelle-01  { background-color: #999; width: 215px; height: auto; border: solid 1px #999 }
#seitenbild-foot { color: #999; font-size: 8pt; line-height: 24px; text-align: center; text-transform: uppercase; letter-spacing: 7pt; margin-top: 20px; padding-top: 20px }