HTML {font-family: arial, verdana, helvetica, sans-serif; color: #EDEDED;}

BODY {
    background-color: #434343; 
    padding: 0px; margin: 0px auto; width: 100%; height:100%;
    font-size: 1em; 
}

H1 {
    padding-bottom:0px; margin-bottom: 0.5em:;
    font-weight: bold; font-size: 1.3em; color: #EDEDED;
}


H2 {
    font-weight: bold; font-size: 1.2em;
    padding-bottom:0px; margin-bottom:0px; padding-top:0px; margin-top:5px;
}


H3 {
    font-weight: bold; font-size: 1.1em;
    padding-bottom:0px; margin-bottom:0px; padding-top:0px; margin-top:0px;
}

IMG {border: none;}

.aktiv {background-color: #434343; width: 13em; display: block; width: 100%;}
.anzanzeige {float: right; margin: 0 3px 0 0; font-weight: normal;}
.naviueberschrift {border-top: 2px inset #EDEDED; margin-top: 10px;}
.bilderbanner {text-align: center; background: #434343; padding-top: 5px; padding-bottom: 2px;}
.linie {border-top: 2px solid #959595;}


#head {
    top:0px; height:63px; width:100%;
    background-color: #434343; background-image: url("banner_foto-jl.jpg"); background-repeat: no-repeat;
    border-bottom: ridge 2px;
    text-align: left;
}

#head h1 {
    float: right;
    margin: 40px 10px 0 0; padding: 0;
    font-size: 1.0em; color: #6F6F6F;
}


#navigation {
    float: left; 
    width: 15em;
    margin: 0; padding: 0;
    padding-top: 0px; 
    border-right: 1px dashed #EDEDED;
    border-bottom: 1px dashed #EDEDED;
    background-color: #6F6F6F;
    font-size: 0.75em; font-weight: bold;
}


#navigation p {font-size: 0.8em;}

#navigation ul {list-style: none; margin: 0; padding: 0;}
#navigation ul li {color: #EDEDED;}
#navigation ul li a {color: #EDEDED;}
#navigation ul.erstekat {list-style: none;margin: 0; padding: 0 0 0 0;}
#navigation ul.zweitekat {border-left: 1px solid #EDEDED; list-style: none; margin: 0; padding: 0 0 0 0.4em;}
#navigation ul.drittekat {border-left: 1px solid #EDEDED; list-style: none; margin: 0; padding: 0 0 0 0.8em;}

#navigation form {width: 100%; margin: 0; padding: 0;}
#navigation input {width: 100%; margin: 0; padding: 0;}

#inhalt {margin: 0 auto; margin-left: 11.5em; padding: 0 1em; min-width: 16em;}

.nurtext {width: 1000px; padding: 0 0 10px 0; margin: 0 auto; font-size: 0.9em;}
.nurtext h3 {font-size: 1em; margin: 0; padding: 0;}

#thumbseite {max-width: 1100px;}
#thumbseite .thumbseitenueberschrift {background-color: #6F6F6F; margin: 5px 0 10px 0;}
#thumbseite .seiten {}
#thumbseite .abcbutton {float: left; margin: 0 5px 0 4px; padding: 0; display: inline;}
#thumbseite p {margin: 0 0 0 0; padding: 0; font-size: 0.85em;}

#startseite {margin: 0 0 0 14em; font-size: 0.9em;}
#startseite .fotos {width: 800px; margin: 0 auto;}
#startseite .angebote {
    width: 800px;
    margin: 20px 0 0 0;
    padding: 0 0 20px 0;
    border-top: 2px solid #EDEDED;
    border-bottom: 2px solid #EDEDED;
    margin: 0 auto;
}
#startseite .angebote p {margin: 10px 0 0 0;}
#startseite .angebote h3 {font-size: 1.1em; margin: 0.5em 0 0 0;}

#kategorienbaum {font-size: 0.9em; margin: 0 0 0 0; padding: 0 0 0 0;}
#kategorienbaum .baumanzahlen {float: right; margin: 0 0 0 0; font-weight: normal;}
#kategorienbaum .baumsymbole {float: right; margin: 0 0 0 0; font-weight: normal;}
#kategorienbaum img {margin-bottom: -3px;}
#kategorienbaum ul {list-style-type: none;}
#kategorienbaum ul li {height: 20px;}

ul.baumerstekat {margin: 0 15px 0 0; padding: 0 0 0 0;}
ul.baumerstekat li {
    border-left: 2px outset #EDEDED;
    border-top: 1px dotted #EDEDED;
    border-top: 2px outset #EDEDED;
    border-right: 1px dotted #EDEDED;
    background-color: rgb(111, 111, 111);
    margin: 10px 0 0 0;
}

ul.baumzweitekat  {margin: 0 0 0 10px; padding: 0 0 0 0;}
ul.baumzweitekat li {
    border-left: 1px dotted #EDEDED;
    border-top: none;
    border-right: 1px dotted #EDEDED;
    background-color: #434343;
    background-color: rgb(80, 80, 80);
    margin: 0 0 0 0;
}
ul.baumzweitekat li:first-child {background-color: rgb(80, 80, 80);}

ul.baumdrittekat  {margin: 0 0 0 20px; padding: 0 0 0 0;}
ul.baumdrittekat li {
    border-left: 1px dotted #EDEDED;
    border-top: none;
    border-right: 1px dotted #EDEDED;
    background-color: #434343;
    background-color: rgb(67, 67, 67);
    margin: 0 0 0 0;
}
ul.baumdrittekat li:first-child {background-color: rgb(67, 67, 67);}

#baumliste {font-size: 0.85em;}
#baumliste ul {
    margin: 3px 0 0 0px; 
    padding: 0 0 0 3px; 
    list-style-type: 
    none; float:left;
}
#baumliste img {margin-bottom: -3px;}

.serienbild {font-size: 0.9em;}
.serienbild h2 {font-size: 1em;}


.thumbseitenueberschrift h1 {font-size: 16px; margin: 0 0 0 0;}
.thumbseitenueberschrift h2 {font-size: 16px; margin: 0 0 0 0;}
.thumbseitenueberschrift h3 {font-size: 16px; margin: 0 0 0 0;}
.thumbseitenueberschrift p {font-size: 12px; margin: 0 0 0 0; border-top: 1px solid #EDEDED; border-bottom: 1px solid #EDEDED;}
.thumbseitenueberschrift input {
    margin: 0 0 0 0; width: 400px;
    border: none;
    background-color: #6F6F6F; color: #EDEDED;
    font-size: 14px;
}

.thumb {
  	float: left; width: 160px; height: 200px; margin: 0.2em;
  	text-align: center; 
    background-color:#434343; color: #EDEDED;
    font-size: 0.85em;
}
.thumb img {border: none; border: 3px outset #6F6F6F; font-size: 10px;}

.thumb h2, h3 {margin: 0 0 0 5px; padding: 0; border-collapse: collapse; text-align: left; font-size: 0.85em;}
.thumb p {margin: 0 0 0 5px; padding: 0; border-collapse: collapse; text-align: left; font-size: 0.3em;}
.thumb table {margin-top: 0px; margin-left: 0.4em; border-collapse: collapse; text-align: left; font-size: 0.7em;}
.thumb table tr {margin: 0px; padding: 0px;}
.thumb table tr td {margin: 0px; padding: 0px; text-align: left;}

#unterkategorieanzeige {list-style-type: none;}
#unterkategorieanzeige li {
    float: left; margin: 10px 5px 0 0; width: 160px; height: 160px; 
    border: none; text-align: center; font-size: 11px;
}
#unterkategorieanzeige li a {text-decoration: none;}

#bildanzeige {}
#bildanzeige img {border: none;}
#bildanzeige p {margin: 0; padding: 0; font-size: 0.8em;}
#bildanzeige table {font-size: 0.8em; margin: 0; padding: 0;}

#einzelbild p {font-size: 0.9em; margin: 0 auto;}

#bildbeschreibung {}
#bildbeschreibung dt {font-size: 0.9em; margin: 0 0 2px 0;}
#bildbeschreibung dd {font-size: 0.9em; margin: -1.3em 0 2px 16em;}




/* ---------------- Formular für Bildtext ---------------------  */
.bildtexteigenschaften                                                          {font-size: 0.85em;}
.bildtexteigenschaften table                                                    {font-size: 0.85em; border-collapse: collapse; margin: 0 auto;}
.bildtexteigenschaften div                                                      {border: 2px inset rgb(67,67,67); margin-right: 0px;}
.bildtexteigenschaften input                                                    {width: 80px; font-size:0.85em; margin: 0; padding: 0;}
.bildtexteigenschaften input.zwei                                               {width: 20px; text-align: right;}
.bildtexteigenschaften input.drei                                               {width: 28px; text-align: right;}
.bildtexteigenschaften input.vier                                               {width: 40px; text-align: right;}
.bildtexteigenschaften input[type=checkbox]                                     {width: 10px; font-size:0.85em; margin: 0; padding: 0;}
.bildtexteigenschaften select                                                   {border: none; font-size:0.85em; width: 40px;}
.bildtexteigenschaften img                                                      {margin: 0 0 -4px 0; padding: 0 0 0 0;}
.bildtexteigenschaften .bildtextangaben                                         {float: left; border-right: none;}
.bildtexteigenschaften .rechteckangaben                                         {}
.bildtexteigenschaften .ellipsenangaben                                         {float: left; border-right: none;}
.bildtexteigenschaften .linienangaben                                           {}
.bildtexteigenschaften .abschicken                                              {float: right; text-align: left;}
.bildtexteigenschaften .abschicken p                                            {text-align: left; font-size: 0.85em;}
.bildtexteigenschaften .abschicken input[type=submit]                           {float: right; margin: 0 0 0 0; background-color: #008000; color: #ffffff; height: 25px;}

.bildtexteigenschaften .zentraleangaben                                         {border: 2px inset rgb(125,125,125); background-color: rgb(125,125,125);}
.bildtexteigenschaften .zentraleangaben h3                                      {margin: 0 3px 0 0; padding: 0;}
.bildtexteigenschaften .zentraleangaben .bezeichnungsfeld                       {width: 200px; }
.bildtexteigenschaften .zentraleangaben input[type=checkbox]                    {vertical-align:middle;display: inline;padding: 0 0 0 0; margin: 0 0 0 0;}
.bildtexteigenschaften .zentraleangaben table                                   {font-size: 0.85em; border-collapse: collapse;}
.bildtexteigenschaften .zentraleangaben p {
    width: 100%;
    margin: 0 0 0 0; padding: 0 0 0 0;
    text-align: left;
    font-size: 0.95em;
    border-bottom: 1px solid rgb(170,170,170);
    border-right: 1px solid rgb(170,170,170);
    border-left: 1px solid rgb(170,170,170);
}


.textbildorganisatorisch                                                        {max-width: 900px; margin: 15px 0 0 0; font-size: 0.95em; margin: 0 auto;}
.textbildorganisatorisch input                                                  {margin: 0 0 0 0; width: 250px; font-size: 0.85em;}
.textbildorganisatorisch input[type=submit]                                     {float: right;}
.textbildorganisatorisch dl                                                     {font-size: 0.95em; margin: 15px 0 0 0;}
.textbildorganisatorisch dt                                                     {font-weight: bold; font-size: 0.85em;}
.textbildorganisatorisch dd input                                               {width: 640px; margin: 0; padding: 0; background-color: rgb(200,200,200); border: none;}

.textbildlegende                                                                {max-width: 900px; margin: 0 auto; font-size: 0.85em;}
.textbildlegende h2                                                             {margin: 20px 0 15px 0; border-top: 2px solid #959595;}
.textbildlegende h3                                                             {margin: 20px 0 15px 0; font-size: 1em; border-top: 1px solid #959595;}
.textbildlegende ol                                                             {list-style-type: none; margin: 0 0 0 0;}
.textbildlegende ol li                                                          {margin: 10px 0 0 0;}
.textbildlegende table                                                          {max-width: 800px; margin-top: 20px;}
.textbildlegende table tr td                                                    {font-size: 0.85em; vertical-align: top; padding: 0 20px 20px 0; border-top: 1px dotted #EDEDED;}
.textbildlegende .platzhalter tr td                                             {vertical-align: top; padding: 0 10px 0 0;}
/*.textbildlegende table tr td:first-child                                        {margin-top: 20px;}*/
.legendenbild                                                                   {float: right; margin-left: 20px;}
.platzhalter                                                                    {border-collapse: collapse; font-size: 1.2em; margin: 10px 0 10px 0;}
/*.platzhalter tr                                                                 {margin: 0 0 0 0; padding: 0 0 0 0; height: 10px;}*/
/*.platzhalter tr td                                                              {font-size: 1.2em;  vertical-align: top;}*/


.textbildanleitung                                                {max-width: 900px; margin: 0 auto; font-size: 0.85em;}
.textbildanleitung h2                                             {font-size: 1.2em; font-weight: bold; margin: 20px 0 0 0;}
.textbildanleitung h3                                             {font-size: 1.0em; font-weight: bold; margin: 20px 0 0 0;}
.textbildanleitung p                                              {font-size: 0.85em;}


#textfotobestellung input                                         {width: 300px;}

.bildtextbild                                                                   {border: 2px dotted black; margin: 10px;}
.spacer                                                                         {border: none;}




#bannerangebot                                                    {border-collapse: collapse; margin-top: 15px; margin-bottom: 15px;}
#bannerangebot tr td                                              {text-align: center; vertical-align: top; padding-top: 15px; padding-bottom: 15px;}

.tegelbanner                                                      {}
.tegelbanner tr td                                                {vertical-align: top; padding-top: 10px; padding-bottom: 10px; padding-right: 10px;}
.tegelbanner input                                                {width: 450px; background-color: #434343; color: #EDEDED; font-size: 0.85em;}
.tegelbanner textarea                                             {width: 750px; height: 30px; font-size: 0.9em;}





/* ---------------- angaben_formular.php ----------------------  */

.bildaenderung                                                    {width: 100%; background: #454545; border: 2px groove #181A1B; font-size: 0.8em;}
.bildaenderung .detailangaben                                     {}
.bildaenderung img                                                {border: none;}
.bildaenderung h2                                                 {font-size: 1.1em;}
.bildaenderung table                                              {}

.bildaenderung table tr td                                        {vertical-align: top; line-height: 20px;}
.bildaenderung table tr td a {
    background: #cfcfcf;
    border: 1px outset black;
    display: inline;
    width: 50px;
    text-decoration: none;
    margin: -1px;
    padding: 1px;
    color: #000000;
    font-size: 0.85em;
    
}

.bildaenderung table tr td a.del {
    background: red;
    border: 1px outset black;
    width: 50px;
    text-decoration: none;
    margin: 0px;
    padding: 0px;
    color: #000000;
}

.bildaenderung table tr td input {
    width: 180px;
    font-size: 0.85em;
    color: #000000;
}

.bildaenderung table tr td select {
    width: 180px;
    width:22px; background: #434343; border: 0; margin: 0 -3px 0 -5px; padding: 0; color: #EDEDED;
}

.bildaenderung table tr td input[type=button] {
    margin: 0 -3px 0 -3px;
    padding: 0;
    line-height: 1.5em;
    font-size: 0.85em;
    color: #000000;
}


.bildaenderung table tr td textarea {
    width: 525px;
    height: 40px;
    font-size: 1.1em;
}









A:link {color: #EDEDED; text-decoration: underline;}
A:visited {color: #EDEDED; text-decoration: underline;}
A:hover {color: #ffffff; text-decoration: underline overline;}
A:active {color: red; text-decoration: underline overline;}



/* ----------------------------- alt -------------------------------------

#bildbeschriftung  {
    font-size: 0.8em;
    text-align: center;
}


#haupt {
    text-align: left;
    padding-top:0px;
    top:0px;
    z-index:0;
    height:100%;
}

.nurtext {
    width: 800px;
    margin: 20px 0 0 0;
    padding: 0 0 20px 0;
}

.seiten {
    font-size: 0.8em;
    text-align: center;
    border-top: 2px solid #fde2c6;
    border-bottom: 2px solid #fde2c6;
}


#baum {
    
}

#baum tr td {
    vertical-align: top;
    font-size: 0.9em;
}

#baum tr td a {
    color: #000000;
}


#bildangaben img {
    border: none;
}

#bildangaben table tr td input {
    width: 300px;
}

#bildangaben table tr td select {
    width: 300px;
}


#bildangaben table tr td textarea {
    width: 300px;
    height: 80px;
    font-size: 0.9em;
}

.bildserienangaben .detailangaben {
    border-left: 3px solid red;
    border-right: 3px solid red;
    border-bottom: 3px solid red;
}

.bildserienangaben img {
    border: none;
}

.bildserienangaben h2 {
    font-size: 1.1em;
}

.bildserienangaben table {
    
}

.bildserienangaben table tr td {
    vertical-align: top;
}

.bildserienangaben table tr td input {
    width: 180px;
}

.bildserienangaben table tr td select {
    width: 180px;
}

.bildserienangaben table tr td input[type=button] {
    margin: 0 -3px 0 -3px;
    padding: 0;
    line-height: 1.5em;
}


.bildserienangaben table tr td textarea {
    width: 525px;
    height: 40px;
    font-size: 0.9em;
}







#serienedit {
    font-size: 0.8em;
}

#serienedit table tr td input[type=text] {
    width: 250px;
}

#serienedit table tr td textarea {
    width: 640px;
    height: 50px;
    font-size: 0.95em;
}

#serienedit table tr td textarea.bildtext {
    width: 300px;
    height: 70px;
}

#serienedit table.serienediteinzelbild {
    border: 3px solid #cfcfcf;
}







#fotopreise {
    border-top: 2px solid #fde2c6; 
    border-left: 2px solid #fde2c6;
    border-collapse: collapse;
}


#fotopreise th {
    border-right: 2px solid #fde2c6; 
    border-bottom: 2px solid #fde2c6;
}

#fotopreise td {
    border-right: 2px solid #fde2c6; 
    border-bottom: 2px solid #fde2c6;
}

#flugzeugliste {
    border-collapse: collapse;
}

#flugzeugliste tr th {
    vertical-align: top;
    border: 1px solid black;
}


#flugzeugliste tr td {
    vertical-align: top;
    border: 1px solid black;
}