/* HTML Mundharmonie Stylesheet Script 1.0*/


/* Autor Dernbachtaler-Mundharmonie*/

@import url("navigation_dropdown_menue.css");
body {
    background: url(images/background-stoff1.png);
    background-attachment: fixed;
    background-position: center;
    font-family: Verdana;
    font-size: 10pt;
}

a {
    color: #000000;
}

a:hover {
    color: #9933FF;
}

a img {}


/* root_site Setup */

#root_site {
    width: 862px;
    height: auto;
}

#head_main_container {
    width: 862px;
    height: 200px;
}

.header_center {
    width: 100%;
    height: 200px;
    background: url(images/header-logo.jpg) no-repeat;
    background-position: center;
    border-radius: 10px;
}

#navi_main_container {
    width: 100%;
    height: 40px;
}

.navi_container {
    width: 100%;
    height: 40px;
    padding-top: 0px;
}

#foto_main_container {
    border-radius: 10px;
    width: 862px;
    height: 100%;
}

.foto_container {
    width: 100%;
    height: 496px;
    background: url(images/gru-foto.webp) no-repeat;
    border-radius: 10px;
    margin: 0px 0px 40px 0px;
}

.foto_container0 {
    width: 862px;
    height: 147px;
    background-position: center;
    background: url(images/highlights.jpg) no-repeat;
    border-radius: 10px;
    margin: 0px 0px 50px 0px;
}

.foto_container2017 {
    width: 862px;
    height: 309px;
    background: url(auftritte/2017-Zapfhof.jpg) no-repeat;
    border-radius: 10px;
    margin: 0px 0px 50px 0px;
}

.foto_container2016 {
    width: 862px;
    height: 278px;
    background: url(auftritte/2016-kandel-large.jpg) no-repeat;
    border-radius: 10px;
    margin: 0px 0px 50px 0px;
}

.foto_container2015 {
    width: 862px;
    height: 360px;
    background: url(auftritte/2015-lgs-foto.jpg) no-repeat;
    border-radius: 10px;
    margin: 0px 0px 50px 0px;
}

.foto_container2014 {
    width: 862px;
    height: 325px;
    background: url(auftritte/2014-Frankweiler.jpg) no-repeat;
    border-radius: 10px;
    margin: 50px 0px 50px 0px;
}

.foto_container2013 {
    width: 862px;
    height: 426px;
    background: url(auftritte/2013-Ramberg.jpg) no-repeat;
    border-radius: 10px;
    margin: 50px 0px 50px 0px;
}

.foto_container2012 {
    width: 862px;
    height: 414px;
    background: url(auftritte/2012-KAZ.jpg) no-repeat;
    border-radius: 10px;
    margin: 50px 0px 50px 0px;
}

.foto_container2011 {
    width: 862px;
    height: 400px;
    background: url(auftritte/2011-Rittershoffen.jpg) no-repeat;
    border-radius: 10px;
    margin: 50px 0px 50px 0px;
}

.foto_container2010 {
    width: 862px;
    height: 348px;
    background: url(auftritte/2010-Insheim.jpg) no-repeat;
    border-radius: 10px;
    margin: 50px 0px 50px 0px;
}

.foto_container2009 {
    width: 862px;
    height: 367px;
    background: url(auftritte/2009-Annweiler.jpg) no-repeat;
    border-radius: 10px;
    margin: 50px 0px 50px 0px;
}

.foto_container2008 {
    width: 862px;
    height: 330px;
    background: url(auftritte/2008-Herxheim.jpg) no-repeat;
    border-radius: 10px;
    margin: 50px 0px 50px 0px;
}

.foto_container2007 {
    width: 862px;
    height: 387px;
    background: url(auftritte/2007-Dernbach.jpg) no-repeat;
    border-radius: 10px;
    margin: 50px 0px 50px 0px;
}


/* Daten f�r Foto*/

.foto3_background {
    background: #FFCC33;
    border-radius: 10px;
}


/* Daten f�r Foto  E n d e*/


/* Daten f�r index: */

#content_main_container {
    width: 100%;
    height: auto;
}

.content_left_main {
    width: 70%;
    height: 100%;
    float: left;
}

.content_left_table {
    padding: 0px 20px 0px 0px;
}

.news_box {
    background-color: #CCCC99;
    padding: 0px 3px 3px 3px;
    border-radius: 10px;
}

.content_right_main {
    width: 30%;
    height: 100%;
    background: #FFCC33;
    border-radius: 10px;
    float: right;
}


/* Daten f�r index  E n d e  */


/*Daten für Impressionen

body,
html {
    margin: 0;
    background: -webkit-radial-gradient(center, ellipse cover, #111 10%, #333 90%);
}*/

canvas {
    display: block;
    cursor: crosshair;
}

h2 {
    position: absolute;
    bottom: 10px;
    width: 100%;
    letter-spacing: 4px;
    text-align: center;
    font-weight: bold;
    font-size: 1em;
    font-family: Arial, Helvetica, sans-serif;
    color: #AAA;
}


/* Daten f�r impressum.html*/

#content_main_impressum {
    width: 100%;
    height: 370px;
}

.content_left_impressum {
    width: 40%;
    height: 100%;
    float: left;
}

.content_right_impressum {
    width: 60%;
    height: 100%;
    float: right;
}

.content_table_impressum {
    font-size: 20pt;
    font-weight: bold;
    font-variant: small-caps;
    color: #558855;
    padding: 18px 20px 10px 15px;
}

.font_text_impressum {
    font-size: 12pt;
    font-family: verdana #FFCC33;
    padding: 0px 0px 0px 0px;
}

#content_bottom_container {
    border-radius: 10px;
    width: 100%;
    height: auto;
}

.content_bottom
/* Foto: Breite: 862px, H�he anpassen */

{
    width: 100%;
    height: 213px;
    background: url(images/Footer/PanWinter.webp) no-repeat;
    border-radius: 10px;
    margin: 620px 0px 0px 0px;
}


/* Daten f�r impressum.html E n d e*/

.content_right_table {
    padding: 0px 15px 10px 15px;
    margin-top: 10px;
}

.content_table_headline {
    font-size: 14pt;
    font-weight: bold;
    font-variant: small-caps;
    border-bottom: dotted 1px #558855;
    color: #558855;
    padding: 0 0 0 0;
}

.content_right_foto {
    width: 250px;
    height: 100%;
}

.content_table_foto {
    border-radius: 6px;
    padding: 0px 0px 0px 1px;
}


/* Daten f�r auftritte.html*/

#content1_main_container {
    width: 100%;
    height: 330px;
}

.content1_left_main {
    width: 70%;
    height: 100%;
    background-position: center;
    float: left;
}

.content1_left_table {
    padding: 0px 20px 0px 0px;
}

.news_box {
    background-color: #CCCC99;
    padding: 3px 5px 3px 3px;
    border-radius: 10px;
}

.content1_right_main {
    width: 30%;
    height: 100%;
    background: url(auftritte/mhspieler-w.jpg) no-repeat;
    background-position: top;
    padding: 12px 0 0 0;
    border-radius: 10px;
    float: right;
}

.content1_right_table {
    padding: 40px 40px 10px 30px;
    margin-top: 0px;
}

.content1_table_foto {
    padding: 10px 10px 10px 0px;
}

.news_box {
    background-color: #CCCC99;
    padding: 3px 3px 3px 3px;
    border-radius: 10px;
}

#content2_main_container {
    background-position: center;
    width: 100%;
    height: 204px;
}

.content2_left_main {
    width: 30%;
    height: 100%;
    background: url(images/kaz-16.jpg) no-repeat;
    background-position: bottom;
    float: left;
}

.content2_left_table {
    padding: 0px 0px 10px 30px;
}

.content3_left_main {
    width: 30%;
    height: 100%;
    background: url(images/kandel-16.jpg) no-repeat;
    background-position: bottom;
    float: left;
}

.content3_left_table {
    padding: 0px 0px 0px 0px;
}

.content2_right_main {
    width: 70%;
    height: 100%;
    background-position: center;
    float: right;
}

.content2_right_table {
    padding: 0px 40px 10px 30px;
    margin-top: 10px;
}

.content3_right_main {
    width: 862px;
    height: 100%;
    background-position: center;
    float: right;
}

.content3_right_table {
    padding: 0px 40px 10px 30px;
    margin-top: 10px;
}

.content2_table_foto {
    padding: 0px 10px 10px 0px;
}

.news_box {
    background-color: #CCCC99;
    padding: 3px 3px 3px 3px;
    border-radius: 10px;
}


/*Daten auftritte.html  E n d e */


/*Daten termine.html*/

.text_termine_tabelle {
    font-family: sans-serif;
    color: #663300;
}


/*Daten termine.html  E n d e */

#footer_main_container {
    width: 100%;
    height: 50px;
}

.footer_container {
    padding: 0px 10px 15px 10px;
}

.footer_table_setup {
    font-family: arial;
    font-size: 10pt;
    text-align: center;
    padding-top: 40px;
}

.footer_table_setup td {
    height: 12px;
    width: 110px;
    border-bottom: dotted 1px #FFF;
}

.td.footer_logo {
    width: 88px;
    border: none;
}

.footer_table_setup a {
    color: #FFF;
    text-decoration: none;
}

.footer_table_setup a:hover {
    color: #CCCC99;
}


/* Daten f�r links.html*/

#foto_main_link {
    border-radius: 10px;
    width: 862px;
    height: 100%;
}

.foto_link {
    width: 100%;
    height: 125px;
    background: url(images/HeadLink.png) no-repeat;
    border-radius: 10px;
    margin: 0px 0px 40px 0px;
}

.foto_link1 {
    width: 100%;
    height: 125px;
    background: url(images/highlights1.png) no-repeat;
    border-radius: 10px;
    margin: 0px 0px 40px 0px;
}

.head_main_line {
    width: 100%;
    height: 100%;
    background: #FFCC33;
    border-radius: 10px;
    padding: 0px 0px 0px 0px;
}

.news_box_links {
    background-color: #CCCC99;
    padding: 15px 0px 0px 15px;
    border-radius: 10px;
}

.content_links {
    width: 862px;
    height: auto;
}

.news_box_links {
    background-color: #FFCC33;
    padding: 3px 5px 3px 3px;
    border-radius: 10px;
}


/* Daten f�r links.html  E n d e */


/* Daten f�r haftung.html*/

#haftung_main_container {
    width: 862px;
    height: auto;
}

.haftung_main_text {
    background-color: #CCCC99;
    border-radius: 10px;
    padding: 10px 30px 30px 30px;
}


/* Daten f�r haftung.html  E n d e */


/* Daten f�r Design zum G�stebuch */

#area {
    width: 300px;
    height: 100px;
}

fieldset {
    width: 800px;
}


/*Bildunterschrift im wow-slider: */

.caption {
    text-align: center;
    /* Zentriert die Unterschrift */
    margin-top: 10px;
    /* Abstand vom Bild */
    font-size: 14px;
    /* Schriftgröße der Unterschrift */
    color: #333;
    /* Farbe der Unterschrift */
}


/* Daten f�r Design zum G�stebuch  E n d e */