html {
        min-height: 101%;
}

body, div, h1, h2, p, ul, li {
        padding: 0; margin: 0; font-weight: normal; font-style: normal;
}

body {
        font: 0.80em/1.5em Verdana, Arial, sans-serif; color: #000000; background-color: #FFFF99;
}

h1, h2, h3, h4, h5, h6 {
        font-family: Georgia, "Times New Roman", Times, serif;
}

h1 {
        font-size: 160%; line-height: 130%; display: none;
}

h2 {
        font: 1em/1.5em Verdana, Arial, sans-serif; color: #DC7300; margin: 0.4em 0em 0.2em 0em;
}

h3 {
        font: 1em/1.5em Verdana, Arial, sans-serif; color: #5E6C83; margin: 0.4em 0em 0em 0em; font-weight: bold;
}

h4 {
        font: 1em/1.5em Verdana, Arial, sans-serif; color: #DC7300; margin: 0.4em 0em 0em 0em;
}

p {
        margin: 0.6em 0 1.2em; padding: 0;
}

.unterstrichen {
        text-decoration: underline;
}

.kontakt {
        margin: 0.3em 0em 0.7em 0em;
}

a:link, a:visited {
        color:#0E78A6; text-decoration: none;
}

.cont a:hover {
        text-decoration: underline;
}

a:active {
        color: #007070;
}

/*
a:focus {
        outline: none;
}
*/

img, a img {
        border: none;
}

.logo {

}

.ellipsen_schmal {
        width: 70em; clear: both; margin: 0 auto; text-align: left; padding: 1em 1em 1em 1em; margin-top: -5.3em;
}

.bild {
        background-color: #E3E311; margin: -13.2em 0em 0em 0em;
}

.navi {
        border-top: 1px dotted #C3C3C3; border-bottom: 1px dotted #C3C3C3; margin: 1.2em 0em 0em 0em; background-color: #ffffff;
}

.cont {
        background-color: #ffff99; min-height: 26em; text-align: left;
}

.fusz {
        background-color: #ffffff; border-top: 1px dotted #C3C3C3; border-bottom: 1px dotted #C3C3C3;
}

.seo {
        margin-top: 1.3em; background-color: #FFFAF4;
}

.logo_schmal, .bild_schmal, .navi_schmal, .cont_schmal, .fusz_schmal, .seo_schmal {
        width: 70em; clear: both; margin: 0 auto; text-align: left; padding: 1em 1em 1em 1em;
}

.logo_schmal {
        text-align: right;
}

.bild_schmal {
        padding: 0em 1em 0em 1em;
}

.navi_schmal {
        background-color: #ffffff; padding-top: 0.9em;
}

.cont_schmal {
        overflow: hidden; padding-bottom: 2em; padding-bottom: 2em;
}

.logo_astiera_armonica {
        margin: 2em 0em 0em 0em;
}

.fusz_schmal {
        text-align: right; background-color: #ffffff;
}

.seo_schmal {
        text-align: right;
}

.grau {
        color: #D4D4D4;
}

.grau a {
        color: #D4D4D4;
        text-decoration: none;
}

.cont ul  {
        margin: 0em 0.2em 0.3em 1.3em; padding: 0px 0px 3px 0px; color: #5E6C83; list-style-type: square; list-style-position: outside;
}

.cont li  {
        margin: 0em 0em 0.5em 0em;
}

.navi_schmal ul {
        margin: 0em 0em 0em 0em; padding: 0em 0em 0em 0em; text-align: left;
}

.navi_schmal li {
        display: inline; margin: 0em 0.2em 0em 0em; padding: 0em 0em 0em 0em;
}

.navi_schmal a {
        color: #000000;
}

.navi_auswahl {
        color: #000000; border-bottom: 1px solid #000000;
}

.navi_schmal a:hover {
        color: #000000; border-bottom: 1px solid #000000;
}

.links_willkommen {
        float: left; width: 23.7em;
}

.mitte_willkommen {
        float: left; margin: 0em 1.5em 0em 1.5em; padding: 1em 0em 0em 0em;
}

.rechts_willkommen {
        float: left; width: 23.5em;
}

.links_portrait_foto {
        float: left; margin: 1.5em 1.5em 0em 0em;
        padding: 1em 0em 0em 0em; clear: both;
}

.rechts_portrait_text {
        float: left; width: 49em; margin: 1.5em 0em 0em 0em;
}

.links_portrait_text {
        float: left; width: 49em; margin-top: 0em;
}

.rechts_portrait_foto {
        float: right; margin: 0em 0em 0em 1.5em; padding: 0.5em 0em 0em 0em; margin-top: 0.6em;
}

.foto_repertoire {
        background-color: #D7984F; margin: 1.1em 0em 0em 1.5em; width: 17em; height: 39.8em; float: right;
}

.foto_impressionen {
        width: 23em; float: right; margin: 1.1em 0em 0em 1.5em;
}

.konzerte_farbe {
        /*
        background-image:url(notizzettel.png); background-repeat:no-repeat; background-position: 0px 0px; margin: 0.5em 2.0em 0em -0.5em; width: 22em; float: left; min-height: 18em; padding-top: 1em;
        */
        background-image:url(notizzettel.png); background-repeat:no-repeat; background-position: 0px 0px; margin: 0.5em 2.0em 0em -0.5em; width: 22em; float: left; min-height: 18em; padding-top: 0.7em;


}

/* allgemeine Ankündigung Konzerttermine */
.aktueller_konzert_termin {
        margin: 0.8em 2.3em 1.0em 2.5em;
}

/* Ankündigung Konzerttermine mit viel Text */
.aktueller_konzert_termin_viel_text {
        margin: 0.3em 2em 0.5em 2.3em;
}



.foto_impressum {
        height: 389px; width: 295px; background-color: #D7984F; float: right; margin: 1.1em 0em 0em 1.5em;
}

.foto_kontakt {
        height: 30em; width: 27em; float: right; margin: 1.1em 0em 0em 1.6em;
}

.foto_links {
        height: 27.5em; width: 19.7em; background-color: #D7984F; float: left; margin: 0.5em 2.5em 0em 0em;
}

.foto_cd {
        float: left; margin: 1em 1.0em 0em 0em; width: 16em;
}

.symbol_externer_link {
        margin: 0em 0.2em 0em 0.3em;
}

.hervorhebung {
        color: #DC7300;
}

a.favicon_facebook, a.favicon_myspace, a.favicon_twitter {
        display:block; background-repeat: no-repeat; background-position: 0px 0px; margin: 0.1em 0.5em 0em 0em; border: none; outline: none;
}

.favicon_facebook, .favicon_myspace, .favicon_twitter {
        float: right; height: 18px; width: 18px;
}

/* hover-Bilder vorladen */
.vorladen {
        width: 0px; height: 0px; display: none;
}

a.favicon_facebook {
        background-image: url(http://www.atempo-webdesign-leipzig.de/networking/facebook_inaktiv.png); vertical-align: middle;
}

a.favicon_facebook:hover {
   background-image:url(http://www.atempo-webdesign-leipzig.de/networking/facebook_aktiv.png);
}

a.favicon_myspace {
        background-image: url(http://www.atempo-webdesign-leipzig.de/networking/myspace_inaktiv.png);
}

a.favicon_myspace:hover {
   background-image:url(http://www.atempo-webdesign-leipzig.de/networking/myspace_aktiv.png);
}

a.favicon_twitter {
        background-image: url(http://www.atempo-webdesign-leipzig.de/networking/twitter_inaktiv.png);
}

a.favicon_twitter:hover {
   background-image:url(http://www.atempo-webdesign-leipzig.de/networking/twitter_aktiv.png);
}

.impressionen_auswahl {
        width: 13.6em; float: left; min-height: 32em; margin-top: -0.2em; text-align: right; padding-right: 2em;
}

.youtube_text {
        margin: 0em 0em 0em 0em; padding: 0;
}

.youtube_umbruch {
        margin: 0em 0em 0em 0em; border: 1px solid orange; clear: both;
}

.youtube_text_grosz {
        margin: 0em 0em 1em 0em;
}

.youtube_vorschau {
        margin: 0.6em 1em 0em 0em;
}

td {
        vertical-align: top; padding: 0em 0em 0.5em 0em;
}

#konzertliste, #konzertliste_ankuendigung, #repertoireliste, #cd_01_liste {
        border-collapse: collapse; margin-bottom: 1em;
}

#repertoireliste {
        float: left;
}

#konzertliste {
        margin-top: 0.5em;
}

.sonder_abstand {
        margin-top: 3.0em;
}

#konzertliste_ankuendigung {
        margin-top: 0.5em;
}

#konzertliste .farbe_01, #konzertliste_ankuendigung .farbe_01, #repertoireliste .farbe_01 {
        border-top: 1px dotted #D5D5D5; border-bottom: 1px dotted #D5D5D5;
}

#konzertliste .farbe_02, #konzertliste_ankuendigung .farbe_02, #repertoireliste .farbe_02 {
        border-top: 1px dotted #D5D5D5; border-bottom: 1px dotted #D5D5D5;
}

#konzertliste td, #konzertliste_ankuendigung td, #repertoireliste td  {
        vertical-align: top; padding: 0.5em 1em 0.5em 0em;
}




#cd_01_liste .cd_play_list {
        border-top: 1px dotted #D5D5D5; border-bottom: 1px dotted #D5D5D5;
}

.object_in_tabelle {
        padding: 0.3em 0em 0em 0em;
}



.laufende_nummer_cd {
        padding: 0.2em 1.1em 0.4em 1.5em;
}

.cd_titel {
        padding: 0.2em 0em 0.4em 0em;
}

/* Beginn Kontaktformular */

.distanz_h1_tabelle {
        margin-top: 0.6em;
}

.td_links_formular, .td_links_formular_fehler {
        width: 9.5em; text-align: right; vertical-align: top; padding: 0em 0.5em 0.2em 0em; line-height: 1.5em;
}

.td_links_formular_fehler {
        color: #FF0018; font-weight: bold;
}

.td_rechts_formular {
        text-align: left; vertical-align: top; padding: 0em 0.5em 0.2em 0em; line-height: 1.5em;
}

.button_weiter, .button_senden, .button_korrigieren {
        margin: 0.4em 0.5em 0em 0em;
}

.button_weiter:focus, .button_senden:focus, .button_korrigieren:focus {
        outline: none;
}

.email, .anliegen, .telefon, .name {
        width: 30em;
}

.anliegen {
        height: 8.7em;
}

.datum, .email, .anliegen, .telefon, .name {
        font-family: Verdana, Arial, sans-serif; font-size: 100%; margin: 0em; color: #5E6C83;
}

.datum {
        background-color: transparent; padding: 0em 0em 0em 0.1em; border: 0px;
}

.email, .anliegen, .telefon, .name {
        background-color:#ffffff; border: 1px solid #E2E2E2; padding: 0em 0em 0em 0.1em;
}

.email:focus, .anliegen:focus, .telefon:focus, .name:focus {
        border: 1px solid #EDB97F;
}

/* Ende Kontaktformular */

.video_frame_abstand {
        margin: 0em 0em 3em 0em;
}

.distanz_video {
        margin: 0em 0em 0.5em 0em;
}