/*--------------------------------------------------------------------------------------*/
/* CSS-Datei für die Saalbau Lichtspiele in Heppenheim/Bergstrasse                      */
/* (c) 2017 Ulrich Schmidt (usberlin@gmx.de)                                            */
/*--------------------------------------------------------------------------------------*/


/* Einbinden von Fremdschriften */
@font-face
{
font-family: "Emeralda";
src: local("emeralda"), url("fonts/emeralda.ttf")
format("TrueType")
}
@font-face
{
font-family: "Arial Narrow";
src: local("arial-narrow"), url("fonts/arial-narrow.ttf")
format("TrueType")
}
@font-face
{
font-family: "Arial Narrow Bold";
src: local("arial-narrow-bold"), url("fonts/arial-narrow-bold.ttf")
format("TrueType")
}
@font-face
{
font-family: "DIN Condensed Regular";
src: local("DinCond"), url("fonts/DINCond.ttf")
format("TrueType")
}
@font-face
{
font-family:"DIN W05 Cond";
src:url("fonts/bc2cc446-88e3-4d61-8ea0-8810c25d36db.eot?#iefix");
src:url("fonts/bc2cc446-88e3-4d61-8ea0-8810c25d36db.eot?#iefix") format("eot"),
url("fonts/ee7e8e52-49be-4113-9919-c132f2b2a083.woff2") format("woff2"),
url("fonts/e4549e43-42ad-4344-8a00-3f1aed57b468.woff") format("woff"),
url("fonts/6e807d6f-530d-42c3-82b8-55d35be2c117.ttf") format("truetype");
}


/* Scrollbar erzwingen, um Hüpfen der Seite zu blockieren */ 
html {
overflow-y: scroll;
}


/* Allgemeiner Schriftstil */
body {
    text-align:center;
    font-family: 'Arial', sans serif;
    font-style: normal;
}

/* Zentrieren der Webseite */
#website {
    max-width:960px;
    min-width:780px;
    margin:0px auto;
    text-align:left;
}


/* Aufteilung in 2-spaltiges Layout */
.menu
{
    float:left;
    width: 30%;
}

.content
{
    width: 70%;
    margin-left: auto;
    padding-top:10px;
}

.content hr
{
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border:dotted #666666 1px;
}


/* Navigationsmenü formatieren */
.navigation
{
    margin-top:60px;
    list-style-type: none;
    margin: 0;
    padding-left: 40px;
    font-size: 1.3em;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-family: 'DIN W05 Cond', Arial;
    font-weight:750;
}

.navigation hr
{
    margin-left:0px;
    max-width: 140px;
    color: #ccc;
}

.hr-div{
    height: 2px;
    max-width: 140px;
    font-size: 1px;
    line-height: 0em;
    margin: 10px 0px 10px 0px;
    padding: 0;
    overflow: hidden;
    }



hr
{
    color: #a87d5a;
}

.navigation a
{
    color: #666666;
    text-decoration: none;
}

.navigation a:visited
{
    color: #666666;
    text-decoration: none;
}


.navigation a:hover
{
    text-decoration: none;
    color: #a87d5a;
}



/* Inhaltliche Stile */

 /* H1 definieren als Box mit abgerundeten Ecken */
h1
{
    background-color: #b4b4b4;
    color: #fff;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    /*height: 43px;*/
    font-family: Emeralda;
    font-size: 2.0em;
    text-align:center;
    margin-top:30px;
    margin-left:15px;
    margin-right:0px;
    padding-top:6px;
    padding-bottom:4px;
    font-weight:400;
}

.negativ
{
    background-color: transparent;
    border:2px #b4b4b4 solid;
    color:#b4b4b4; width:auto;
    text-align:center;
    clear:both;
}


/* H2: Einsatz als Filmtitel in den Texten */
h2
{
 font-size: 2.3em;
 line-height: 100%;
 color: #666666;
 text-transform: uppercase;
}

h3
{
 font-size: 1.8em;
 line-height: 100%;
 color: #666666;
}

h4
{
    font-size: 1.3em;
    font-family: DIN W05 Cond;
    font-weight:500;
    text-decoration:none;
    color: #b4b4b4;
    margin-bottom: 0px;
    line-height: 50%;
}


/* Veranstaltungen / Filme in 3 nebenenanderliegenden Boxen: Zeit - Plakiat - Text */
.box_0
{
float: left;
margin-bottom: 20px;
margin-left:15px;
margin-right:0px;
display: table;
clear:right;
}

.box_1
{
width: 160px;
display: table-cell;
vertical-align: middle;
font-size: 0.8em;
line-height:0.6em;
}

.box_2
{
width: 120px;
display: table-cell;
vertical-align:middle;
}

.box_3
{
display: table-cell;
width: auto;
font-size: 0.8em;
line-height:1.1em;
padding-top:20px;
padding-left:18px;
}


/* Links allgemein */
a:link {
    color: #666666;
    text-decoration: none;
}
a:visited {
    text-decoration: none;
    color: #666666;
}
a:hover {
    text-decoration: none;
    color: #a87d5a;
}
a:active {
    text-decoration: none;
    color: #666666;
}


/* Seitenfuss (Adresse) */
.footer
{
  color: #a87d5a;
  text-transform: uppercase;
  font-size: 0.7em;
  letter-spacing: 0.15em;
  text-align: center;
  margin-bottom:50px;
}

.infotext
{
    max-width:576px;
    color: #666666;
}

.kopfzeile
{
    font-family: 'Arial Narrow Bold', Arial;
    line-height: 1.2;
    font-size: 1.2em;
}

.inhalt
{
    font-family: 'Arial Narrow', Arial;
    line-height: 1.2;
    font-size: 1.2em;
}

.datum
{
    font-size: 1.95em;
    line-height: 5px;
    font-weight: bold;
    color: #666666;
}


/* Die Admin Tabelle */
fieldset {
width: 550px;
margin: 10px 0 1.5em 0;
padding: 10px 0;
font-family: Verdana,sans-serif;
font-size: 12px;
color: #7F7F7F;
background-color: #FFFFFF;
border: 1px solid #FF7F00;;   /*#FF7F00;*/
}

legend  {
margin-left: 1em;
margin: 0 0 5px 10px;
padding: 0 5px 0px 5px;
color: #FF7F00;
font-weight: bold;
font-size: 10px;
background-color: #FFFFFF;
border: 1px solid #FF7F00;
}

label {
display: block;
float: left;
width: 10em;
padding: 3px 3px 2px 0px;
margin: 0px 15px 0px 0px;
text-align: right;
font-family: Verdana,sans-serif;
font-size: 12px;
color: #3F3F3F;
}

input, textarea
{
border: 1px solid #FF7F00;
background-color: #FFF2EC;
margin: 0px 0 8px 0;
padding: 3px;
min-width: 200px;
color: #1F1F1F;
font-family: Verdana,sans-serif;
font-size: 11px;
}

select
{
border: 1px solid #FF7F00;
background-color: #FFF2EC;
margin: 0px 0 8px 0;
padding: 3px;
min-width: 209px;
color: #1F1F1F;
font-family: Verdana,sans-serif;
font-size: 11px;
}

.myButton {
    min-width: 181px;
    -moz-box-shadow:inset 0px 1px 0px 0px #fff6af;
    -webkit-box-shadow:inset 0px 1px 0px 0px #fff6af;
    box-shadow:inset 0px 1px 0px 0px #fff6af;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
    background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
    background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
    background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
    background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
    background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
    background-color:#ffec64;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #ffaa22;
    display:inline-block;
    cursor:pointer;
    color:#333333;
    font-family:Arial;
    font-size:15px;
    font-weight:bold;
    padding:6px 24px;
    text-decoration:none;
    text-shadow:0px 1px 0px #ffee66;
}
.myButton:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
    background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
    background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
    background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
    background:-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
    background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);
    background-color:#ffab23;
}
.myButton:active {
    position:relative;
    top:1px;
}