/* ------------------ Sommernachts-kino 2011 ------------------ */


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


body { 
font: 12px/18px verdana;
text-align: left;
color: #000; 
background: #1B304F url(images/backgr-quad.gif) repeat;  
font-family: verdana, arial, helvetica, sans-serif;
margin-bottom: 0px;   
padding: 0px;
}

#info ul {padding:0; margin: 0px 5px 5px 5px; list-style-type:none; width:330px; height:150px;}
#info img {border:0;}
#info li {display:block; height:15px; width: 40px; float:left; margin:2px; text-align:center; z-index:5; color:#fff;}
#info a {display:block; width:40px; height:15px; border:1px solid #152333; line-height:14px; text-align:center; text-decoration:none; color:#fff;}
#info a em, #info a span {display:none;}
a#link1 {background:#FFF; color:#152333;}

a:hover#link1 { background: #F7F406; color: #000;}
a:hover#link1 span {
display:block; 
position:absolute; 
margin-top: 25px; 
margin-right: auto; 
margin-left: auto; 
z-index:20;
width: 300px;
border: 5px solid #263953;
background: #F7F406;
font: 16px/22px Georgia; 
text-align: center;
letter-spacing: 0px;
padding: 5px 5px 5px 10px;
}
a:hover #link1 {display:block; position:absolute; left:10px; top:-25px; width:35px; height:25px; border-right:1px solid #000; border-top:1px solid #000; line-height:1px;}

/* ----------------------------
Extra divs für IE für
infobox layout
------------------------------ */
#info {
font: 9px/14px verdana; 
font-family: verdana, arial, helvetica, sans-serif;
text-align: center;
}

#infoout {
display: block;
text-align: left;
width:330px;
}

#distant{
background: #FFF url(images/header-site2.jpg) no-repeat top center; 
width: 790px;
padding: 0px 0px 30px 0px;  
margin-right: auto; 
margin-left: auto; 
margin-top: 50px;
margin-bottom: 50px;
border: solid 14px #263953;
}


#inhalt, #inhaltfilm {
font-family: Verdana, Helvetica,Arial,sans-serif; 
margin: 40px 100px 0px 100px; 
padding: 0px 0px 60px 0px;
text-align: left;
color: #434D5A;
}
#inhalt ul{
margin-left: 80px;
padding: 0px;
}

#inhalt li {
font: 16px/26px Georgia; 
font-family: Georgia, Times New Roman, Times, serif;
list-style: square;
margin: 3px 0px 3px 0px; 
padding: 5px;
text-align: left;
color: #395173;
letter-spacing: 1px;
}

#inhalt ul li a, #inhalt ul li a:link, #inhalt ul li a:visited, #inhalt ul li a:active
{
color: #424548;
text-decoration: none;
padding: 2px;
}
#inhalt ul li a:hover {
color: #424548;
text-decoration: underline;
}

#inhaltfilm ul{
margin-left: 40px;
padding: 0px;
}

#inhaltfilm li {
font: 12px/20px Verdana; 
font-family: Verdana, Helvetica,Arial,sans-serif; 
list-style: square;
margin: 0; 
padding: 5px;
text-align: left;
color: #15181C;
letter-spacing: 0px;
}

#inhaltfilm ul li a, #inhaltfilm ul li a:link, #inhaltfilm ul li a:visited, #inhaltfilm ul li a:active
{
color: #15181C; 
text-decoration: none;
padding: 2px;
}
#inhaltfilm ul li a:hover {
color: #15181C;
text-decoration: underline;
}


#headernav { 
width: 790px;
margin: 80px 0px 0px 0px;
padding: 6px 0px 6px 0px;
text-align: center;
}

#headernav ul {
margin-left: 0px;
padding-left: 0px;
display: inline;
} 

#headernav ul li {
margin-left: 0px;
padding: 4px 10px 4px 10px;
border-left: 1px solid #6F1F7E;
list-style: none;
display: inline;
font: bold 12px verdana; 
font-family: verdana, arial, helvetica, sans-serif;
color: #FFF;
letter-spacing: 0px;
}


#headernav ul li.first {
margin-left: 0px;
border-left: none;
list-style: none;
display: inline;
}

#headernav a, #headernav a:link,  #headernav a:visited, #headernav a:active {
color: #395173;
text-decoration: none;
border-left: none;
}

#headernav a:hover{
color: #BE3148;
text-decoration: underline;
border-left: none;
}


/* ------------------------------------------------------------------------------------------------------
Text styles 
------------------------------------------------------------------------------------------------------------ */

h1 {
font: bold 32px/40px Georgia; 
font-family: Georgia, Times New Roman, Times, serif;
color: #395173;
letter-spacing: 1px; 
padding: 0px; 
margin: 0px 0px 30px 0px; 
}

h2 { 
font: bold 12px/18px Verdana; 
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 15px 0px 7px 0px;
text-align: left;
color: #395173;
letter-spacing: 0px; 
}

h3 {
display: block;
height: 28px;
background-color: #CCD4D9;
font: bold 16px/18px Georgia; 
font-family: Georgia, Times New Roman, Times, serif;
text-align: left;
color: #5D8082; 
padding: 10px 0px 0px 5px; 
}

h4 {
font: 16px/18px Georgia; 
font-family: Georgia, Times New Roman, Times, serif;
font-weight: normal;
text-align: left;
letter-spacing: 1px; 
color: #25282D;
margin-top: 15px;
}

h5 {
font: bold 16px/18px Georgia; 
font-family: Georgia, Times New Roman, Times, serif;
text-align: left;
letter-spacing: 0px; 
color: #395173;
margin-top: 8px;
}

h6 {
font: 12px/18px Verdana; 
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 20px 0px 7px 0px;
text-align: left;
color: #434D5A;
letter-spacing: 0px; 
}
h6:first-letter{
font-size:xx-large;
color: #D5D9DD;
font-weight: bold;
}



p { 
font: 12px/21px verdana;
margin: 10px 0px 20px 0px;
font-family: verdana, arial, helvetica, sans-serif;
text-align: left;
color: #15181C;
}


p.sitelink, p.sitelink a, p.sitelink a:link, p.sitelink a:visited, p.sitelink a:active {
text-decoration: none;
color: #434D5A;
}
p.sitelink a:hover {
text-decoration: underline;
color: #BE3148;
}

p.filmlink a, p.filmlink a:link, p.filmlink a:visited, p.filmlink a:active {
text-decoration: none;
color: #BE3148;
}
p.filmlink a:hover {
text-decoration: underline;
color: #F00;
}

.textlink{
text-decoration: none;
color: #15181C;
border-bottom: dotted 1px  #434D5A;
}

a.textlink, a.textlink:link, a.textlink:visited, a.textlink:active {
text-decoration: none;
color: #15181C;
border-bottom: dotted 1px  #434D5A;
}
a.textlink:hover {
text-decoration: none;
color: #15181C;
border-bottom: dotted 1px  #15181C;
background-color: #F8EE49;
}


.prechts { 
text-align: right;
}

.top, .topleft { 
background: url(images/pfeil-top.png) no-repeat center left; 
font: bold 11px/14px Verdana; 
padding: 0px 0px 0px 15px;
text-align: left;
color: #31598C;
text-align: left;	
border: none;
}
.top{ 
margin: 2px 0px 2px 160px;
}
.topleft{ 
margin: 30px 0px 0px 0px;
}

.top a, .top a:link, .top a:visited, .top a:active, .topleft a, .topleft a:link, .topleft a:visited, .topleft a:active  { 
text-decoration: none;
color: #DD7903;
}
.top a:hover, .topleft a:hover { 
text-decoration: underline;
color: #74313C;
}

/* -------------------------------------------------
Special text float Boxes
--------------------------------------------------- */
.antipp-rechts {
font: bold 11px/16px Georgia; 
font-family: Georgia, Times New Roman, Times, serif;
text-align: left;
letter-spacing: 0px; 
color: #BE6738;
margin: 0px 20px 0px 0px;
padding: 0px 0px 5px 5px;
float: right;
display: block;
}
.antipp-rechts:first-letter{
font-size:xx-large;
font-weight: bold;
color: #BE6738;
}

.wetterbox {
display: block;
width: 145px;
height: 149px;
float: right;
margin: 0px 0px 5px 5px;
}


/* ----------------------------------------------------------------------------------------------------------------
Footer Logos
------------------------------------------------------------------------------------------------------------------ */

#footer {
font: 11px/18px Verdana;
font-family: Verdana, Helvetica,Arial,sans-serif; 
text-align: center;
color: #000; 
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

#footer ul{
margin: 0px 0px 0px 0px; 
display: inline;
}

#footer li {
list-style: none;
margin: 0px; 
padding: 0px 0px 0px 0px;
margin: 20px 20px 0px 20px;
text-align: left;
display: inline;

}
  
.logo-r, .logo-r  a, .logo-r  a:link, .logo-r  a:visited, .logo-r  a:active { 
text-decoration: none;
border: 0px;
}


/* ----------------------------------------------------------------------------------------------------------------
image:
------------------------------------------------------------------------------------------------------------------ */
.pfilmfoto-center {
font: 12px/20px Verdana; 
font-family: Verdana, Helvetica,Arial,sans-serif; 
text-align: center;
padding: 2px 2px 2px 2px;
color: #434D5A;
margin-top: 20px;
margin-bottom: 30px;
}

.film-link a, .film-link a:link, .film-link a:visited, p .film-link a:active
{
color: #434D5A;
text-decoration: none;
}
.film-link a:hover {
color: #434D5A;
text-decoration: underline;
}

.pfilmfoto-rechts {
font: 12px/20px Verdana; 
font-family: Verdana, Helvetica,Arial,sans-serif; 
text-align: center;
padding: 2px 2px 3px 2px;
color: #434D5A;
margin: 7px 0px 5px 7px;
float: right;
background: #FFF;
}
.pfilmfoto-links {
font: 12px/20px Verdana; 
font-family: Verdana, Helvetica,Arial,sans-serif; 
text-align: center;
padding: 2px 2px 3px 2px;
color: #434D5A;
margin: 7px 7px 5px 0px;
float: left;
background: #FFF;
}

.filmfoto-in{
padding: 2px;
margin: 2px 2px 1px 2px;
border: solid 2px #263953;
}
.filmintro-in{
padding: 2px;
margin: 0px 0px 0px 2px;
border: solid 0px #263953;
}

.filmfoto-link{
font: 11px/20px Verdana; 
font-family: Verdana, Helvetica,Arial,sans-serif; 
color: #776B70; 
padding: 2px 7px 3px 7px;
margin: 8px 2px 3px 2px;
border-bottom: solid 1px #395173;
border-left: solid 1px #395173;
}

.faceb-tipp-link{
font: 11px/20px Verdana; 
font-family: Verdana, Helvetica,Arial,sans-serif; 
color: #7acb53; 
padding: 2px 7px 3px 7px;
margin: 8px 2px 3px 2px;
border-bottom: solid 1px #7acb53;
border-left: solid 1px #7acb53;
}

.kfilm{
margin: 3px 0px 0px 0px;
padding: 0px 0px 2px 5px;
border-left: solid 3px #D5D9DD;
display: block;
}
.kfilm:first-letter{
font-size:xx-large;
color: #D5D9DD;
font-weight: bold;
}


/* ----------------------------------------------------------------------------------------------------------------
Tabellen style
------------------------------------------------------------------------------------------------------------------ */

.tab {width: 520px; 
padding: 0px;
margin: 12px 0px 12px 0px;
clear: both;
}

.tabdist{
padding: 0px 0px 0px 0px;
margin: 5px 0px 5px 0px;
display: block;
float: left;
width: 520px;
}

.tabbez {
font: bold 12px/20px Verdana; 
color: #31598C;
float: left;
width: 140px;
text-align: left;
letter-spacing: 0px;
}

.tabbez-datu {
font-size: 12px; 
font-weight: normal;
letter-spacing: 1px;
}

.tabwert {
font: 16px/18px Georgia; 
font-family: Georgia, Times New Roman, Times, serif;
letter-spacing: 1px; 
float: right;
width: 360px;
text-align: left; 
color: #424548;
}

.tabwertort {
font:11px/18px Verdana; 
font-family: Verdana, Helvetica,Arial,sans-serif; 
text-align: left; 
letter-spacing: 0px; 
color: #776B70; 
}

.tabtrenn{
border-top: solid 1px #74313C;
border-bottom: solid 1px #74313C;
}

.tabwert a, .tabwert a:link, .tabwert a:visited, .tabwert a:active { 
text-decoration: none;
color: #424548;
}
.tabwert a:hover { 
text-decoration: underline;
color: #424548;
}