@charset "utf-8";
/* CSS Document DJ Detlef Wieland*/
/*-------------------------------------------------------------------------------------*/
/*--Allgemeines--*/

/* dancing-script-regular - latin */
@font-face {
    font-family: 'Dancing Script';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/dancing-script-v9-latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Dancing Script Regular'), local('DancingScript-Regular'),
    url('../fonts/dancing-script-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/dancing-script-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/dancing-script-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('../fonts/dancing-script-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/dancing-script-v9-latin-regular.svg#DancingScript') format('svg'); /* Legacy iOS */
}
/* dancing-script-700 - latin */
@font-face {
    font-family: 'Dancing Script';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/dancing-script-v9-latin-700.eot'); /* IE9 Compat Modes */
    src: local('Dancing Script Bold'), local('DancingScript-Bold'),
    url('../fonts/dancing-script-v9-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/dancing-script-v9-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/dancing-script-v9-latin-700.woff') format('woff'), /* Modern Browsers */
    url('../fonts/dancing-script-v9-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/dancing-script-v9-latin-700.svg#DancingScript') format('svg'); /* Legacy iOS */
}

/* quattrocento-sans-regular - latin */
@font-face {
    font-family: 'Quattrocento Sans';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/quattrocento-sans-v10-latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Quattrocento Sans'), local('QuattrocentoSans'),
    url('../fonts/quattrocento-sans-v10-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/quattrocento-sans-v10-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/quattrocento-sans-v10-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('../fonts/quattrocento-sans-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/quattrocento-sans-v10-latin-regular.svg#QuattrocentoSans') format('svg'); /* Legacy iOS */
}
/* quattrocento-sans-700 - latin */
@font-face {
    font-family: 'Quattrocento Sans';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/quattrocento-sans-v10-latin-700.eot'); /* IE9 Compat Modes */
    src: local('Quattrocento Sans Bold'), local('QuattrocentoSans-Bold'),
    url('../fonts/quattrocento-sans-v10-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/quattrocento-sans-v10-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/quattrocento-sans-v10-latin-700.woff') format('woff'), /* Modern Browsers */
    url('../fonts/quattrocento-sans-v10-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/quattrocento-sans-v10-latin-700.svg#QuattrocentoSans') format('svg'); /* Legacy iOS */
}

* {margin: 0; padding: 0;}

body, html, form {width: 100%; height: 100%;}

body {
    background-color: red; background: url(../layout/bg_streifen.png) repeat-y center;
    font-size: 0.625em; text-align: center; color: #D6D6D6;
    font: 12px Arial, Helvetica, sans-serif; color: #FFFFDB;
}

a {color: #8C8C84;}
a:hover {color: red;}

h2 {margin: 20px 0 15px 10px; font: bold 34px 'Dancing Script', arial, serif; color: #f6e854;}
p {margin: 8px 0 0 20px; font: 13px Arial, Helvetica, sans-serif; color: #ffffdb; text-align: left; line-height: 1.4;}
.hidden {position: absolute; top: -9999px; left: -9999px;}
.fett {font-weight: bold;}
.clear {clear: both;}
/*Klasse für Zitate*/
.signum {font-variant: small-caps;}
.warnung {color: red;}

#hauptrahmen {width: 100%; height: 100%;}

#con_3 {
    width: 1000px; height: 100%; margin: 0 auto;
    background: url(../layout/bg_streifen_mitte.jpg);
}

#rahmen_center_1, #rahmen_center_3 {width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
#rahmen_center_2 {width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden;}

#bilderleiste {
    width: 2000px; height: 235px; position: absolute; top: 252px; left: 50%; margin-left: -1000px;
    background: url(../layout/bilderleiste.png);
}

#container_inhalt {width: 1000px; height: 100%; margin: 0 auto;}

#inhalt_bg {
    width: 100%; 
    background: url(../layout/bg_streifen_inhalt.jpg) repeat-y;
}
#inhalt_bg_1 {
    width: 100%; 
    background: url(../layout/bg_head.jpg) no-repeat;
}

#head {height: 252px;}
#inhalt_rahmen {min-height: 420px; height: auto !important; height: 420px;}

#navigation {float: left; display: inline; width: 210px; margin-left: 62px; text-align: left;}
#inhalt {float: left; display: inline; width: 659px; margin-left: 4px;}

.inhalt_bg {min-height: 450px; height: auto !important; height: 450px; margin-left: 10px; padding-top: 4px;}
#inhalt_equipment {background: url(../layout/bg_lautsprecher.jpg) repeat-y;}
#inhalt_musik {background: url(../layout/bg_musik.jpg) no-repeat;}
#inhalt_impressum, #inhalt_kontakt {text-align: left;}
#inhalt_impressum h3, #inhalt_kontakt h3, #inhalt_impressum h2 {margin: 15px 0 0 20px; font-family: inherit;
    font-weight: normal;}
#inhalt_impressum h2 {
    font-size: 26px;
}

#inhalt_impressum h3 {
    font-size: 20px;
}
#inhalt_impressum ul {
    margin: 10px 0 10px 0;
    padding-left: 40px;
}


#footer {
    height: 75px;
    background: url(../layout/bg_footer.jpg);
}

#ul_navigation {
    margin: 10px 0 0 0;
    font: 24px 'Quattrocento Sans', arial, serif;
    list-style: none;
}
#ul_navigation li {width: 100%; height: 35px; margin-bottom: 3px; background: url(../layout/bg_li.jpg); text-indent: 20px; line-height: 1.4;}
#ul_navigation li a {width: 100%; display: block; color: #f6e854; text-decoration: none;}
#ul_navigation li a:hover {text-decoration: underline;}

.ul_navi_inhalt {list-style: none; margin-left: 20px; height: 14px;}
.ul_navi_inhalt li {float: left; display: inline; margin-right: 10px; height: 14px;}
.ul_navi_inhalt a {color: #F6E854;}
.ul_navi_inhalt a:hover {color: red;}
.ul_navi_inhalt a.active, .ul_navi_inhalt a.active:hover {color: #8C8C84;}

.ul_equi {text-align: left; margin-left: 35px; list-style: none;}
.ul_equi li {width: 300px; line-height: 1.4;}

.block1 {font: 13px Arial, Helvetica, sans-serif; color: #8C8C84;}
.block2 {font: 12px Arial, Helvetica, sans-serif;}

.line_inhalt {clear: both; margin: 10px 20px 15px 20px; border: 1px solid #675B5B;}

#urlaubshinweis {font: 12px Arial, Helvetica, sans-serif; color: white; margin: 20px 0 10px 8px; text-indent: 10px;}

#ul_footer {margin-left: 250px; list-style: none; font: 11px Verdana, Geneva, sans-serif; color: #f6e854; }
#ul_footer li {float: left; height: 14px; border-right: 1px solid #f6e854; padding: 0 5px; margin-top: 10px;}
#ul_footer li a {color: #f6e854;}
#ul_footer li a:hover {color: #DC0808; text-decoration: none;}
#ul_footer li.li_end {border: none;}

.dj_rahmen {
    width: 600px; height: 180px; margin: 0 0 10px 10px; 
    background: url(../layout/bg_djs.png);
    text-align: left;
}

.dj_rahmen img {float: left; display: inline; margin: 20px 0 0 28px;}
.dj_rahmen_inhalt {float: left; display: inline; margin: 20px 0 0 10px;}
.dj_rahmen_inhalt h3 {font: 18px 'Quattrocento Sans', arial, serif; color: #f6e854;}
.dj_rahmen_inhalt p.dj_h3_2 {margin: 0 0 0 20px; font: 11px Arial, Helvetica, sans-serif;}
.dj_rahmen_inhalt p.dj_inhalt {margin: 15px 0 0 2px; width: 450px; color: #8C8C84;}
.dj_rahmen_inhalt p.dj_inhalt_musik {margin: 10px 0 0 2px; width: 450px; color: #8C8C84;}

.kontaktformular {margin-left: 20px;}
.kontaktformular dt {clear: both; float: left; width: 100px; padding: 12px 2px 0 2px;}
.kontaktformular dd {float: left; width: 400px; padding-top: 7px;}
.kontaktformular dd input#vorname,
.kontaktformular dd input#nachname,
.kontaktformular dd input#telefon,
.kontaktformular dd input#email,
.kontaktformular dd textarea {
    padding: 3px;
    border-top: 1px solid #45453C;
    border-left: 1px solid #45453C;
    border-right: 1px solid #21211D;
    border-bottom: 1px solid #21211D;
    -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
    background-color: #EBEBE6;
    font: 13px Verdana, Geneva, sans-serif;
}
.kontaktformular dd input#vorname:focus,
.kontaktformular dd input#nachname:focus,
.kontaktformular dd input#telefon:focus,
.kontaktformular dd input#email:focus,
.kontaktformular dd textarea:focus {
    padding: 3px;
    border: 1px solid #D8D8BE;
    -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
}
.kontaktformular dd input#vorname,
.kontaktformular dd input#nachname,
.kontaktformular dd input#telefon,
.kontaktformular dd input#email {width: 200px; }
.kontaktformular dd textarea {width: 400px; max-width: 520px; height: 200px; }
.kontaktformular dd#submit-element {margin: 0 0 25px 0;}
.kontaktformular dd input#submit {padding: 2px 10px;}
.kontaktformular dt#csrf-label,
.kontaktformular dd#csrf-element,
.kontaktformular dt#kontakt-label,
.kontaktformular dd#kontakt-element {display: none;}
ul.errors {list-style: none; color: red;}

.kontakt-element {display: none;}