/*
 
    © texthouse, Design by Ingo Demming@texthouse

*/    
    
/* ============= allgemeine Einstellungen ========= */

* {
padding: 0px;
margin: 0px;
}

body {
background: #f0f0f0 url(bilder/linien.jpg) repeat;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
color: #242424;
font-weight: normal; 
line-height: 1.5em;
}

body * {
  text-align: left;
}

h1 {
text-align: center;
font-family: "Courier New", Courier, monospace;
font-size: 3.5em;
color: #761717;
letter-spacing: 0.06em;
line-height: 144px;
text-transform: lowercase;
}

h2 {
font-size: 1.4em;
color: #555;
letter-spacing: 0.06em;
margin-top: 12px;
line-height: 2em;
}

h3 {
font-size: 1em;
color: #555;
font-weight: bold;
letter-spacing: 0.05em;
}

p {
margin-bottom: 12px;
}

span {
font-style: italic;
}
a:link {
color: #761519;
text-decoration: underline; 
}

a:visited {
color: #5A1B1A;
}

a:hover {
text-decoration: none;
/*border-top: 1px solid #761717;
border-bottom: 1px solid #761717;
background: #bebebe;*/
}

a:active {
color: #3a0000;
}

*.offsite:before {
content: "\2197";
}

ul {
list-style: inside;
}

img.textbild {
position: relative;
top: -4px;
float: left;
padding: 10px 10px 10px 0px;
}

.credit {
font-size: 0.7em;
text-align: left;
}

dl.credit {
text-align: center;
margin-bottom: 12px;
}

dd {
line-height: 0.5em;
}

.adresse {
margin: 10px;
color: #555;
letter-spacing: 0.05em;
line-height: 1.1em;
}

a.sorgfald {
font-family: Arial, Helvetica, sans-serif;
color: #242424;
text-decoration: none;
}

a.hidden {
color: #ffffcd;
text-decoration: none;
}

/* ===================== Little Boxes =================== */

#outer
{
position: relative;
width: 796px;
margin: 26px auto;
background: #fff;
border: 2px solid #767676;
}

#inner {
position: relative;
border: 2px solid #fff;
z-index: 2;
}

#startbild {
position: absolute;
background: #761717;
width: 193px;
height: 144px;
color: #fff;
padding: 0;
}

#title {
position: absolute;
left: 197px;
background: #bebebe url(bilder/graugrau.jpg) repeat-x;
width: 595px;
height: 144px;
text-align: center;
line-height: 142px;
}

#title img {
margin-top: 7px;
padding: 0px;
border: 0px;
}

/* ===================== PFAD ================= */

#pfad {
position: relative;
background: #761717 url(xbilder/bar.jpg) repeat-x;
border-top: 4px solid #fff;
border-bottom: 4px solid #fff;
height: 29px;
margin: 144px 0 0 0;
text-indent: 220px;
line-height: 27px;
font-family: Courier, "Courier New", monospace;
font-size: 1.1em;
color: #ffffcd;
font-weight: bold;
text-decoration: none;
z-index: 6;
}

#pfad a, #sprache a {
color: #bebebe;
text-decoration: underline;
}

#pfad a:hover, #sprache a:hover {
text-decoration: none;
}

#sprache {
position: absolute;
display: inline;
top: 0px;
/*height: 29px;*/
right: 15px;
}


/* ===================== MenŸ ================= */

#menu {
position: absolute;
top: 183px;
width: 193px;
float: left;
background: #bebebe url(bilder/silhou.jpg) top left no-repeat;
z-index: 5;
}

#menu ul {
display: block;
position: static;
margin-top: 60px;
width: 193px;
list-style: none;
list-style: outside;

}

#menu ul li {
height: 34px;
line-height: 32px;
background-color: #761717;
margin: 2px 0;
font-family: Courier, "Courier New", monospace;
font-size: 1.2em;
color: #bebebe;
font-weight: bold;
list-style: none;
width: 193px;
}

#menu ul li#hier {
text-indent: 5px;
background-color: #ffffcd;
height: 32px;
width: 192px;
border: 1px solid #767676;
border-right: 0;
}

#menu ul li a {
display: block;
height: 34px;
text-indent: 5px;
font-family: "Courier New", Courier, monospace;
color: #bebebe;
font-weight: bold;
text-decoration: none;
}

#menu ul li a:hover {
background-color: #ffffcd;
text-decoration: none;
height: 32px;
border: 1px solid #767676;
}

/* =================== CONTENT =============== */

#content {
position: relative;
width: 562px;
background: #ffffcd url(bilder/quer.gif) repeat-y;
margin-top: -12px;
border: 0;
padding-left: 220px;
padding-bottom: 1px;
padding-right: 10px;
padding-top: 20px;
z-index: 4;
}

#checkflash {
border: solid 1px #000;
}

.filmwahl {
width: 500px;
margin: 20px;
margin-left: 0;
background: #BEBEBE;
/*line-height: 80px;*/
}

table.ditdat td{
padding-right: 20px;
text-align: center;
}


.filmwahl td.textlink {
padding-right: 10px;
}


td.img {
margin: auto;

}


#filmbox_g {
margin: auto;
width: 507px;
}

#filmbox_k {
margin: auto;
width: 347px;
}

#film_g {
position: relative;
margin: auto;
width: 507px;
height: 410px;
background: url(bilder/filmbgg.jpg) top left no-repeat;
margin: 10px 0 0;
}

#film_gneu {
position: relative;
margin: auto;
width: 507px;
height: 410px;
background: url(bilder/filmbggneu.jpg) top left no-repeat;
margin: 10px 0 0;
}

#film_k {
width: 347px;
height: 290px;
background: url(bilder/filmbgk.jpg) top left no-repeat;
}

#FlowPlayer {
margin-top: 14px;
margin-left: 14px;
}

#player {
position: absolute;
top: 14px;
left: 14px;
/*margin-top: 40px;
margin-left: 14px;*/
}
#player1 {
position: absolute;
top: 16px;
left: 14px;
}

/* =================== FOOTER =============== */

#footer {
position: relative;
clear: both;
border-top: 4px solid #fff;
height: 29px;
text-align: center;
line-height: 27px;
background-color: #761717;
font-family: Courier, "Courier New", monospace;
color: #bebebe;
font-size: 0.8em;
z-index: 7;
}

#footer a {
color: #bebebe;
}


/* ====================== advent ================ */


img {
border: 0;
}

#tuerheute {
height: 249px;
width: 249px;
background: #ffffcd url(bilder/TuerGr.jpg) no-repeat top left;
margin: 10px auto;
text-align: center;
line-height: 249px;
}

#tuerheute a {
border: 0;
}

#altblock {
margin: 20px auto;
border: 1px solid #ffffcd;
width: 500;
text-align: center;
}

.alttuer {
display: inline;
background: #ffffcd url(xbilder/TuerKl.jpg) no-repeat top left; 
margin: 5px;
text-align: center;
line-height: 100px;
}