html           { height: 100%; }
body           { margin: 0px; padding: 0px;
                 background: #F8D38D url(img/blaubrett.jpg) repeat-y;
                 font: normal 11pt "Times New Roman",Times,serif;
                 min-width: 50.5em;
                 max-width: 70.5em;
                 position: relative;
                 min-height: 100%;
               }
body:after     { content: "."; height: 1px; font-size: 1px; overflow: hidden;
                 display: block; clear: both;
               }
               
img            { border: none; }     
.right         { float: right; margin: 0px 0px 1em 1em; }
.left          { float: left; margin: 0px 2em 1em 0px; }
.small         { font-size: 9.5pt; }
dt             { font-weight: bold; }
a              { text-decoration: none; }
a:link,   
a:visited      { color: #325FB9; }
a:hover        { color: #333; } 
a.snd          { padding-left: 19px; background: url(img/speaker.gif) no-repeat; }

/* Hauptmenu */
#mainmenu         { margin: 2em 0em 0px 1.5em; 
                    padding: 0px 0px 238px 0px;
                    float: left; width: 10em;
                    list-style-type: none;
                    font-weight: bold; font-size: 14pt;
                    overflow: hidden;
                  }
#mainmenu ul      { margin: 0px 0px 0px 1.5em; padding: 0px;
                    list-style-type: none; font-size: 11pt; 
                  }
#mainmenu a       { color: #F8D38D; } 
#mainmenu a:hover { color: white; } 
#mainmenu a.activ { color: white; } 

/* Fussmen */
#bottommenu       { margin: 0px; padding: 0px;
                    position: absolute;
                    bottom: 20px; left: 15.2em;
                  }
#bottommenu li    { list-style-type: none; 
                    display: inline;
                    padding: 0px .3em;
                  }
#home             { position: absolute;  bottom: 0px; left: 0px;
					height: 23px; width: 355px;
					background: url(img/balgneu.gif) no-repeat;
                    padding: 165px 0px 30px 1.5em; 
                  } 

/* Sprachauswahl */                  
#languages        { margin: 2.5em 1em 0px 0px;
                    float: right; 
                  }

/* Hauptbereich */                  
#content    { padding: 2.5em 0px 180px 0px;
              margin: 0px 4em 0px 15.5em; 
              position: relative;
            }
#content h2 { margin: 0px 0px 1em 0px; }

.zweispalten      { width: 80%; overflow: hidden;}
.zweispalten .snd { float: left; width: 40%; display: block; } 

p.fotoliste img  { margin-right: 20px; }
.fotopuzzle td   { font-size: 9pt; }

/* order.php - die Formulare */
input, label, textarea { float: left; 
                         font: normal 11pt "Times New Roman",Times,serif;
                         margin: 0px .7em .7em 0px; 
                       }
.error         { font-weight: bold; color: #cc0000; clear: left; display: block; }                       
fieldset div,   
fieldset p     { clear: left; }
legend         { padding: 0px; margin: 0px; font-weight: bold; }

#adress,
#zahlung,
#cdlist        { margin: 0px; padding: 10px; border: none; }
#cdlist input  { width: 3em; }
#cdlist label  { width: 20em; }
#cdlist img    { float: right; margin-left: 10px; }
#adress label  { width: 5em; }
#adress input,
#adress textarea { width: 17em; }
#adress .small   { width: 4em; font-size: 11pt; }
#adress .middle  { width: 12.1em; }
#zahlung label   { width: 12em; }

/* die CD Inhaltsverzeichnisse */               
body.nobgrnd   { background-image: none; padding: 10px; width: 100%; 
                 min-width: 456px;
                 width: 456px;
               }
body.nobgrnd h2 { margin: 0px 0px 1em 0px; text-align: center; }

/* Startseite */
body.start        { background: #F8D38D url(img/entryneu.jpg) repeat; }
.start div        { position: absolute; top: 50px; left: 63%; }
.start h1         { margin: 0px; font-size: 320%; font-weight: normal; color: #F8D38D; }
.start h1 a:link,   
.start h1 a:visited,
.start h1 a          { color: #F8D38D; }  
.start h1 a:hover    { color: red; }
.start ul         { margin: 60px 0px 0px 12em; list-style-type: none; } 
.start li         { display: inline; padding-right: 1em; }

/* discografie */
.cd               { position: relative; 
                    width: 100%; height: 180px;
                  }
.cd:after         { content: "."; height: 1px; font-size: 1px; overflow: hidden;
                    display: block; clear: both;
                  }                   
.cd h3            { margin: 0px 190px 0px 0px; }
.cd p             { margin: 0px 190px 0px 0px; }
.cd img           { float: right;  }
.cd .bottom       { position: absolute; bottom: 0px; width: 100%; }
.cd .middle       { position: absolute; top: 25%; width: 100%; }
.cd .middle .small,
.cd .bottom .small { display: block; padding-right: 190px; }
.trenner .bottom  { bottom: 10px !important; }
.trenner          { padding-bottom: 10px; 
                    border-bottom: 1px solid #325FB9;
                    margin-bottom: 10px;
                  }
.cdlinks          { list-style-type: none;
                    margin: 10px 0px 0px 0px; padding: 0px; 
                  }         
.cdlinks li       { margin: 0px 0px 10px 0px; padding: 0px; }                             
.cdlinks li.right { float: right; width: 178px; }
.titelliste       { background: url(img/titelliste.gif) no-repeat left center; padding-left: 26px; }                  
.rezliste         { background: url(img/rezliste.gif) no-repeat left center; padding-left: 26px; }                 

/* Gästebuch */
#show          { display: none; } 
#form          { float: left; }
#form br       { display: block; clear: left; }
#form label    { width: 4em; }
#form textarea { width: 35em; }
#form input    { width: 15em; } 
#form .submit  { width: auto; margin-left: 4.7em; } 

.entry         { width: 80%; border-bottom: 1px solid #325FB9; }
.entry .datum  { float: right; }

.galerie_links   { text-align: right; }
.galerie_links a { padding-left: 1em; }
.galerie_prev    { padding-right: 1em; border-right: 1px solid #325FB9; }

.galerieindex     { overflow: hidden; }
.galerieindex div { float: left; margin: 0px 10px 10px 0px; }