/* Das ist die neuen CSS für http://bider.umagic.de*/

body
{
background-color:#ffffcc;
margin-top: 10px; 
margin-left: 10px; 
margin-right: 10px;
margin-bottom: 10px; 
color: black;                      
/* background-color:#FFFFCC; */ 
font-family: verdana,arial; 
font-size: 12pt;
}


h1 {
color: #FF0000;
font-size: 25pt;
font-weight:bold;
text-align: center;
}

h2 {
color: #FF0000;
font-size: 18pt;
font-weight:bold;
font-color:black;
text-align: center;
}


h3 {
color: #FF0000;
font-size: 15pt;
font-weight:bold;
text-align: center;
}

h4 {
color: black;
font-size:12pt;
font-weight:bold;
text-align: center;
}

h5 {
color: black;
font-size:11pt;
font-weight:bold;
text-align: center;
}

table,tr,td
{ color: black;
font-family: verdana,arial;
font-size: 10pt}

/* grundlayout*/
.leiste {background-color="#540405"; 
color:white;  
text-decoration:none ;
font-family:verdana, sans-serif; 
font-size: 10pt;
line-height:20px;
height:20px;
}

.main {
width:100%;
background-color:#FFFFCC;
color:black;
}

.nav {
background-color:#333333; 
color:red;  /*black*/
text-decoration:none ;
font-family:verdana, sans-serif; 
font-size: 8pt;
width:250px; 
background-image:url(images/navigation-6.gif);  /*    das ist die Hintergrundfarbe der Navigation  */  
}

.logo {background-color="#FFFFCC";
color:#ffffff;
text-decoration:none ;
font-family:verdana, sans-serif;
font-size:18pt;
color:yellow; 
width:100%;
height:65pt;
background-image:url(images/bilder_galerie.gif); /*logo_rot_02.gif);  logo_14.gif Das Logo wird direkt geladen  */  
}

.umagic {background-color:#FFFFCC;
color:#ffffff;
text-decoration:none ;
font-family:verdana, sans-serif;
font-size:18pt;
color:yellow; 
width:100%;
height:90px;
background-image:url(images/bilder_galerie.gif); /* logo_rot_02.gif); logo_14.gif  Das Logo wird direkt geladen  */  
}

/* rubriktitel */
.titel{background-color:#BF0000; 
color:#ffffcc;
text-decoration:none ;
font-family:verdana, sans-serif;
font-size: 11pt;
width:250px;
border-bottom:solid 1px #eaeaea;
line-height:220px;
height:20px;
padding-left:8px;
background-image:url(images/titel.jpg)
}

.rubrik{background-color:#ffff00; /*#ffff00*/
color:#000cff;   
text-decoration:none ;
font-family:verdana, sans-serif; 
font-size: 10pt;
width:250px;
border-bottom:solid 1px #eaeaea;
line-height:20px;
height:20px;
padding-left:8px;
}

.inhalt {
/* background-image:url(../images/bild_13.gif); */
background-color:#FFFFCC;
color:black;
padding-left:8px;
padding-right:8px;
padding:8px;
font-size: 12pt;
}

p {color:black;}
span {color:black}

p.note {                    /*  Noch nicht getestet */
  position: relative;
  left: 15%;
  width: 70%;
  margin: 25px;
  padding: 30px;
  padding-bottom: 45px;
  border: 1px solid black;
  line-height: 1.5em;
  color: black;
  font-weight: bold;
  text-align: justify;
  background-color: #eeeeee;
}

/****************  Menue ************************/
#menu a {display: block;
color:white;                  /* white */    
text-decoration:none;
font-family:verdana, sans-serif; 
font-size: 12pt;
border-bottom:solid 1px #ff0000; /* #e6e6e6 */ 
line-height:25px;
height:25px;
width:280px;      /* 280 */
padding-left:5px;
background-image:url(images/navigation-5.gif); /* 002.gif);  /*  gelb   bu.gif  */
}

#menu a:visited{
color:white; /* black*/            /*  #e6e6e6 */    
text-decoration:none;
font-family:verdana, sans-serif; 
font-size: 12pt;
border-bottom:solid 1px #ff0000; /* #e6e6e6 */ 
line-height:25px;
height:25px;
width:280px;      /* 280 */
padding-left:5px;
background-image:url(images/navigation-6.gif); /*  Das ist der Navigations Hintergrund *************************** */
}

#menu a:active{
color:white;                  /*  #e6e6e6 */    
text-decoration:none;
font-family:verdana, sans-serif; 
font-size: 12pt;
border-bottom:solid 1px #ff0000; /* #e6e6e6 */ 
line-height:25px;
height:25px;
width:280px;    
padding-left:5px;
background-image:url(images/navigation-9.gif); /* 001.gif); */
}

#menu a:hover {
color:black;                  /*  #e6e6e6 */    
text-decoration:none;
font-family:verdana, sans-serif; 
font-size: 12pt;
border-bottom:solid 1px #ff0000; /* #e6e6e6 */ 
line-height:25px;
height:25px;
width:280px;      
padding-left:5px;
background-image:url(images/navigation-9.gif); /*001.gif*/
}

/*********** Alles für das Gästebuch *****************************/

/* Der Suchbegriff */
span.suchwort {
font-weight: bold;
}

/* Die Regeln in der eintrag.php */
div.regeln {
text-align: left;
}

/* Der Button unter den Regeln in der eintrag.php */
form.regeln {
text-align: center;
}
/* Einträge mit gerader Nummer (2, 4, 6, 8 usw.) */
div.gerade {
border: 4px solid #FF0000; /*#FFA449*/
color:black;
text-align:left;
}

/* Einträge mit ungerader Nummer (1, 3, 5, 7 usw.) */
div.ungerade {
border: 4px solid #ff0000;
color:black;
text-align:left;
}

/* ein Zitat */
div.zitat {
border: 1px solid black;
margin: 12px;
color:#339900;
}

/* die zitierte Person */
div.zitat_person {
font-weight: bold;
}

/* der zitierte Text */
div.zitat_text {
font-style: italic;
}

/* ein Code */
div.code {
border: 1px solid black;
margin: 12px;
}

/* Dateiname */
div.code_datei {
font-weight: bold;
}

/* der Code */
div.codetext {
font-family: "Courier New", monospace;
background-color: #FFFFCC /* ffff33; */
}

/* ein Kommentar */
div.kommentar {
color: #99ffff;   /*FFY449 hier war nichts*/
border: 1px solid black;
margin: 12px;
}

/* Text wie "Kommentar vom Webmaster" */
div.kommentar_beschr {
font-weight: bold;
color: #ffff00;   /*FFY449*/
}

/* der Kommentar selbst */
div.kommentar_text {
color: #ff0000;   /*FFY449 hier war nichts*/
font-style: italic;
}

/* Der Besucher */
span.user {
font-weight: bold;
font-size:17px;                    /*color:#ffffff; */
color:#3300ff;
}

/* die Nummer des Eintrags */
span.nummer {
font-weight: bold;
font-size:16px;
color: #ff0000 /*#FFA449; */
}

/* die aktuelle Seite */
span.aktuelle_seite {
font-weight: bold;
color:black;
}

/* Text "..." bei der Seitenauswahl */
span.punkt {
color: #ff0000;   /*#FFA449*/
}

/* Der Betreff eines Eintrags */
div.betreff {
font-weight: bold;
margin-top: 5px;
color:black;
}

/* Die Einträge */
div.eintragstext {
margin-top: 17px;  /*5px*/
color:black;
}