body {
font-size : 16px;
font-family : Arial, Helvetica, geneva, san-serif;
background: #000000 url("bg_trt_01.jpg") no-repeat center center fixed;
text-align: center;
margin : 0;
padding : 0;
}
a, a:visited
{
text-decoration: none;
color: white;
}
a:hover{text-decoration: underline;}

#container  { 
text-align: left; 
margin: 0 auto; 
padding: 0; 
margin-top: 0;
width: 806px }

#head {
background-image : url('bild-banner-test.gif');
height : 150px
}

/********************************************************************
Horizontales Dropdown-Menu, CSS
CSS-Grundlage:  Copyright by Stu Nicholls @ www.cssplay.co.uk
Please see Copyright Notice @
http://www.cssplay.co.uk/menus/final_drop.html
        
*********************************************************************/

.menu {
  font-family: verdana, sans-serif; 
  width:800px;                    /*  (1)  */
  position:relative; 
  font-size:0.7em;
  z-index:100;
  border : 3px double #888475;
  height:26px;
  margin-top:4px;
  margin-bottom: 5px;


}
.menu ul {                        /* UL Ebene 1 */
  padding:0; 
  margin:0;
  list-style-type: none;
}
.menu ul li {                     /* Listenelemente der Ebene 1 */
  float:left;
  position:relative;
}
.menu ul li a, 
.menu ul li a:visited {           /* Links der Listenelemente der Ebene 1 */
  border-left:0px solid #222; border-right:1px solid #222; border-top:0px solid #222; border-bottom:1px solid #222; display: block; 
  text-decoration: none;
  color: #FFCC00; 
  width: 89px;                    /* Breite von (.menu)/(Anzahl der Punkte)-(1Px)  --> (1) */
  height: 25px;                    /*  (2)  */
  /* Border-color am besten = Hintergrundfarbe der Seite */
  background-image: url('hg_trt_nav.jpg'); 
  padding-left: 10px; 
  line-height: 25px
}
* html .menu ul li a, .menu ul li a:visited {
  width:99px;                    /* f?r 'normale' Browser */
  w\idth:89px;                   /* f?r IE */
}
.menu ul li ul {
  display: none;
}

table {
  margin: -1px; 
  border-collapse: collapse;
}

/* li:hover  f?r non-IE-Browser  ---  a:hover  f?r IE */
  .menu ul li:hover a,
  .menu ul li a:hover {
  color:#95A4B8;
  background: #222 url('hg_trt_nav.jpg');
  
}

.menu ul li:hover ul,
.menu ul li a:hover ul {
  display:block; 
  position:absolute; 
  top:25px;                          /*  --> (2)  */
  margin-top:1px;
  left:0; 
  width:89px;
}
* html .menu ul li a:hover ul 
{
  margin-top:0;
  m\argin-top:1px;              /* für IE */
}

.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul 
{
  visibility:hidden; 
  position:absolute; 
  height:0; 
  width:0;
}

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a 
{
  display:block; 
  background:#ddd; 
  color:#222; 
  height:auto; 
  line-height:1.2em; 
  padding:5px 10px; 
  width:89px;
}
* html .menu ul li a:hover ul li a 
{
  width:90px;
  w\idth:89px;
}

.menu ul li:hover ul li a.drop,       /* Ebene 2 mit  Subpunkten */
.menu ul li a:hover ul li a.drop 
{ 
background: #ddd;  

}

.menu ul li:hover ul li a:hover,      /* Ebene 2 hover */
.menu ul li a:hover ul li a:hover 
{
  background:#95A4B8; 
  color: #FFFFFF;
}

.menu ul li:hover ul li:hover ul,     /* Ebene 3 */
.menu ul li a:hover ul li a:hover ul 
{
  visibility:visible; 
  position:absolute; 
  left:110px; 
  top:0;
  width:100px;
}

.menu ul li:hover ul li:hover ul.left,  /* Ebene 3  letztes Element */
.menu ul li a:hover ul li a:hover ul.left {
  left:-100px;
}

/*****************************************************************************************
        
        Horizontales Dropdown-Menu, CSS 
        
********************************  E N D E  ***********************************************/

#content 
{ 
	background-image: url('bgcontent.png');
	/*background-image : url("bg_trt_02_content1.jpg");  	 
	/* f?r IE6 m?ssen wir eine Browserweiche ganz zum schluss einbauen! 
	das machen wir im Template mit 2 verschiedene css dateien. tiny.css und tiny_IE6.css!!!	*/
	height: auto; 
	min-height: 450px; 
	margin-bottom: 10px; 
	width: 800px; 
	border: 3px double #888475
}

.content h1
{
	font-family: verdana, Helvetica, Arial, san-serif;
	font-size: 16px;
	color: black;
	font-weight: bold;
	padding: 20px 50px 10px 50px;
}
.content p
{
	padding: 0px 80px 10px 50px;
}

.content ol
{
	padding: 0px 80px 0px 100px;
	list-style-position: outside;
	list-style-type: upper-roman;
}

.teaser 
{
margin-left:43px;
margin-bottom: 30px;
padding: 0;
color:white;
font-size:10px;
height:180px; width:209px; float:left;
background-image: url('bg_teaser.jpg');
}
.teaser h1
{
margin-left:8px;
padding:0px 8px 0 8px;
font-size: 15px;
color: white;
}
.teaser p
{
margin-left:8px;
padding:0px 8px 0 8px;
font-size: 110%;
color: white;
}
.teaser a
{font-weight: bold; font-style: italic;font-size: 120%;}

.teaserNav
{
clear: both;
}

.accordion img
{
padding: 0 10px 10px 50px;
float: left;
}
.accordion p {
padding-bottom:0px;}

.accordion
{
padding-right:100px; clear:both; font-size:12px;
}
.accordion li
{
padding-right:100px; font-size:12px; list-style-position: outside;
}

h3
{
margin: 0 50px 0 50px;
padding:5px;
padding-right:100px;
font-size: 13px;
}
.satzung ol li
{
	margin: 0 100px 0 100px;

}
.satzung
{
margin-left: 100px;
}
.satzung p{
margin:0;
padding: 0;}

#footer  { background-color: white; height: 30px; text-align: center; border : 3px double #888475;}
#footer1 { margin-top: 5px; border-top: 1px solid white; height:5px; } 
#footer2 { margin-top: 5px; border-top: 1px solid white;}
#footer3 { margin-top: 0px; text-align: center; color: #FFCC00; vertical-align: bottom; padding-top: 0px; font-family: Arial Black, san-serif; font-weight: bold; font-size: 20px; text-decoration: blink;}
#footer4 { margin-top: 0px; text-align: center; color: #ffffff; vertical-align: bottom; padding-top: 0px; font-family: Verdana, Helvetica, Arial, san-serif; font-size: 10px;}
#footer5 { background-image: url('hg_trt_nav.jpg'); border: 3px double #888475; height: 26px; margin-top: px; 
		padding-left: 10px; text-align: left; color: #95A4B8; vertical-align: bottom; 
		font-family: Verdana, Helvetica, Arial, san-serif; font-size: 12px}
#footer6 { margin-top: 5px; background-image: url('bgmenu.png'); height: 120px; text-align: center; border : 3px double #888475}
#footer7 { background-image: url('hg_trt_nav.jpg'); border: 3px double #888475; height: 26px; margin-top: 5px; 
                padding-left: 10px; text-align: left; color: #95A4B8; vertical-align: bottom; 
                font-family: Verdana, Helvetica, Arial, san-serif; font-size: 12px}
#footer8 { margin-top: 5px; background-image: url('bgmenu.png'); height: 130px; text-align: center; border : 3px double #888475}
#footer9 { margin-top: -5px;}

#form-module-thanks
#form-module .fieldset {
	border: 1px solid #5D81A3;
	padding: 10px;
	width: 350px;
}

.element, .textarea {
	width: 300px;
}

.formular th {
	font-size: 1em;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
	margin: 0px;
	padding: 0px;
	line-height: 20px;
}
.formular {
	font-size: 0.76em;
	color: #000033;
}
label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
    cursor                    :    pointer;
	
}


label {
	font-family: Arial, Helvetica, sans-serif;
	width: 120px;
	clear: left;
	float: left;
	height: 20px;
	padding: 0px;
}



form
{
	line-height                :    120%;
	width: 360px;
}

form br
{
    clear                    :    both;
}
legend {
	font-family: Arial, Helvetica, sans-serif;
	border: thin none #000066;
}

 

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


.mitglied_left
{width:300px; padding:0px; margin-left:50px; float: left;}

.mitglied_left p strong{font-size:14px;}

.mitglied_left p
{font-size:12px; padding:0px; margin:0px;}

.mitglied_right
{width:300px; padding:0px; margin-left:50px;  float: left;}

.mitglied_right p strong{font-size:14px;}

.mitglied_right p
{font-size:12px; padding:0px; margin:0px;}



/* JAOS Gallery
*****************************************************************************/


.jaosg_nav 		{
				text-align: center;
				}

.jaosg_bild		{
				text-align: center;
				}

.jaosg_bildbeschreibung	{
				text-align: justify;
				}

.jaosg_galerie	{
				margin-left: 40px;
				margin-right: 40px;
				text-align:center; 
				padding:0px;
				}

.jaosg_thumbnail{
	float: left;
	background: #DCDCDC;
	border: 1px solid;
	border-color: #AAA #444 #444 #AAA;
	margin: 6px 8px;
}


.jaosg_thumbnail img{
	border: 1px solid;
	border-color: #444 #AAA #AAA #444;
}
/* ls=landscape-Format der Thumbs */
.ls img{
	height: 60px;
	width: 80px;
	margin: 20px 10px;
}
/* pt=portrait-Format der Thumbs */
.pt img{
	height: 80px;
	width: 60px;
	margin: 10px 20px;
}
/*footer schaltet float:left wieder aus */
#jaosg_footer{
	clear: both;
	padding-top: 1em;
}

http://www.tinyrockets.de/test/index.php?rex_css=guestbook/css/guestbook.css

/*
 Guestbook Addon
 @author staab[at]public-4u[dot]de Markus Staab
 @author <a href="http://www.public-4u.de">www.public-4u.de</a>
 @package redaxo3
 @version $Id: guestbook.css,v 1.9 2006/10/08 18:53:24 koala_s Exp $
 */


/*
  Formular Styles
*/


/* Formular */
.a63-form {
width: 500px;
height:345px;
margin:0 auto 0 auto;

}

/* Eingabefelder */
.a63-form input, .a63-form textarea {
  border: 1px solid black;
  margin: 1px 2px 1px 2px;
  width: 250px;
  background-image: url("http://www.tinyrockets.de/test/bg_guestbook.jpg");

  background-color: #F6F4EF;
}

.a63-form input:focus, .a63-form textarea:focus {
  background-color: #EEEEEE;
}

/* Text-Eingabefeld*/
.a63-form textarea {
  height: 100px;
  background-image: url("http://www.tinyrockets.de/test/bg_guestbook.jpg");
background-repeat: no-repeat;
}
p {padding:0; margin:0}

/* Beschriftungen der Eingabefelder */
.a63-form label {
  width: 80px;
  float: left;
  padding-left: 5px;
}


/* Buttons */
.a63-form .a63-fsubmit {
  width: 100px;
  margin: 0px;
  margin-top: 5px;
  background-color: #D6D3CE;
}

/* Buttons-Layer*/
.a63-form .a63-buttons {
  padding-left: 135px;
}

/* Zusatztext-Layer*/
.a63-form .a63-info {
  text-align: left;
  padding: 0px 5px 5px 135px;
  font-size: 75%;
}

/* Fehlermeldungs-Layer*/
.a63-form div.error {
  font-weight: bold;
  padding-top: 0px;
  padding-bottom: 10px;
}



/*
  Listen Styles
*/


/* Einträge-Layer */
.a63-entries .a63-entry {
  padding-bottom: 10px;
  border-bottom: 1px dotted #859885;
}

.a63-entries p {
  margin: 0px;
  padding: 0px;
}

/* Pagination-Layer */
.a63-entries .a63-pagination {
  text-align: left;
  padding-left: 350px;
}

/* Pagination-Links */
.a63-entries .a63-pagination a {
  padding-left: 2px;
  padding-right: 2px;
}

/* hervorheben des Aktuelle-Seite-Links */
.a63-pagination_aktuell a {
  font-weight: bold;
  text-decoration:underline;
}


.a63-entries ul li {
  list-style-type: none;
  display: inline;
}

/*
  Allgemeine Formatierungen
*/

/* Beschriftungen */
.a63-entries .a63-label {
  float: left;
  width: 70px;
}

/* Werte */
.a63-entries .a63-value {
  padding-left: 70px;
}

/* Mozilla */
li.a63-pagination {
  list-style-type: none;
}

/* Ausgabe der Dateiversion
  möglichst unauffällig und klein */
.Modulversion {
  font-size: 0.5em;
  color: #aaaaaa;
/*  color: #dddddd; */ /* (fast) unsichtbar*/
}