/* ----------------------------------------------------------------------------------------------------- 
Filmfest Freiburg 2011 -
------------------------------------------------------------------------------------------------------------ */
  
  
  
body {
color: #2D2A28;
background: #FFF;
font-family: Verdana, Helvetica,Arial,sans-serif; 
margin: 0px; 
padding: 0px;
text-align: center;
}
  
#distant {
color: #000; 
width: 780px;
margin-right: auto; 
margin-left: auto; 
padding: 0px 0px 40px 0px;
background: url(images/bgbottom3.jpg) no-repeat bottom center; 
text-align: left;
}
#distantprogramm {
color: #000; 
width: 920px;
margin-right: auto; 
margin-left: auto; 
padding: 20px 0px 20px 0px;
text-align: left;
}

#navigtop {
width: 100%;
height: 48px;
font-family: Verdana, Helvetica,Arial,sans-serif; 
text-align: left;
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px;
display: block;
background: url(../images/logo-filmfest2011.jpg) #000 no-repeat top left; 
}
#navigtop a {
display: block;
padding: 20px 5px 12px 5px;
border-bottom: #000 solid 2px;
text-decoration: none;
  }
#navigtop a:link {
    color: #FFF; 
  }
#navigtop a:visited {
    color: #FFF;  
  }
#navigtop a:hover {
    color: #000; 
	background:#E6E8E7;
  }
#navigtop a:active {
    color: #FFF; 
  }

#navig {
width: 100%;
height: 92px;
font-family: Verdana, Helvetica,Arial,sans-serif; 
text-align: left;
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px;
display: block;
background: url(images/f-logo2011.jpg) #000 no-repeat top left; 
}

#navig ul{
margin: 0px 0px 1px 400px; 
padding: 5px 0px 5px 0px; 
text-align: left;
}

#navig li {
float:right;
list-style: none;
margin: 0px; 
padding: 5px 10px 5px 0px;
font: 12px/14px verdana; 
font-family: verdana, arial, helvetica, sans-serif;
text-align: left;
color: #710727;
}

#navig a {
display: block;
padding: 45px 5px 12px 5px;
border-bottom: #000 solid 2px;
text-decoration: none;
  }
#navig a:link {
    color: #FFF; 
  }
#navig a:visited {
    color: #FFF;  
  }
#navig a:hover {
    color: #000; 
	background:#E6E8E7;
  }
#navig a:active {
    color: #FFF; 
  }


#inhaltprogramm {
font-family: Verdana, Helvetica,Arial,sans-serif; 
margin: 30px 0px 0px 0px; 
padding: 0px 0px 60px 0px;
width: 800px;
float: left; 
text-align: left;
color: #141E11;
}

#inhalt {
font-family: Verdana, Helvetica,Arial,sans-serif; 
margin: 30px 0px 0px 0px; 
padding: 0px 0px 60px 0px;
width: 530px;
float: left; 
text-align: left;
color: #000;
}




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


#inhalt  ul{
margin-left: 15px;
padding: 0px;
font: 14px/24px;
}

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

#inhalt  ul.fl{
margin: 15px;
padding: 0px;
}

#inhalt  li.fl{
font: 16px/24px Verdana; 
font-family: Verdana, Helvetica,Arial,sans-serif; 
letter-spacing: 1px; 
list-style: square;
margin: 5px; 
padding: 15px 2px 15px 2px;
text-align: left;
color: #000;
}

#inhalt  li.fl a, #inhalt  li.fl a:link, #inhalt  li.fl a:visited, #inhalt  li.fl a:active{
text-decoration: none;
color: #000;

}

#inhalt  li.fl a:hover {
text-decoration: underline;
color: #DD0303;
}

.fltipp{
font: 11px/18px Verdana;
text-align: left;
color: #424548; 
letter-spacing: 0px; 
display: block;
width: 440px;
}

.fltippr{
font: 11px/18px Verdana;
text-align: right;
margin-left: 30px;
letter-spacing: 0px; 
}



/* ----------------------------------------------------------------------------------------------------------------
Rechte Spalte 
///info-right
------------------------------------------------------------------------------------------------------------------ */

#info-right {
font-family: Verdana, Helvetica,Arial,sans-serif; 
background: url(images/bginforight3.jpg) no-repeat top left; 
width: 220px;
margin: 0px 0px 0px 0px; 
padding: 85px 0px 0px 0px;
float: right; 
}
#info-right p{
margin: 0px 10px 0px 0px; 
color: #000; 
}



#info-right  ul{
margin-left: 0px;
padding-left: 0px;
font: 12px/18px Verdana;
color: #724E55; 
}

#info-right  li {
font: 12px/18px Verdana;
font-family: Verdana, Helvetica,Arial,sans-serif; 
list-style: square;
margin: 10px 0px 0px 15px; 
padding: 0px;
text-align: left;
color: #424548; 
}

#info-right p a, #info-right p a:link, #info-right p a:visited, #info-right p a:active
{
color: #000; 
text-decoration: none;
}
#info-right p a:hover {
color: #DD0303;
text-decoration: none;
}

#info-right a, #info-right a:link, #info-right a:visited, #info-right a:active
{
color: #0087BF; 
text-decoration: none;
}
#info-right a:hover {
color: #DD0303;
text-decoration: underline;
}

#info-right  ul.anzeit{
margin-left: 0px;
padding-left: 0px;
font: bold 12px/18px Verdana;
color: #C70603; 
}

#info-right  li.anzeit {
font: 12px/18px Verdana;
font-family: Verdana, Helvetica,Arial,sans-serif; 
list-style: square;
margin: 0px 0px 0px 15px; 
text-align: left;
color: #424548; 

}

.info-tipp{
display: block;
width: 210px;
font: normal 13px/16px Verdana;
text-align: left;
color: #000; 
margin: 12px 0px 12px 0px; 
padding: 7px 7px 7px 12px;
border-right: solid 1px #000;
border-bottom: solid 1px #000;
}

.info-tipp-prog-p-erkl, .info-tipp-prog-w-erkl{
display: block;
width: 180px;
height: 30px;
font: normal 12px/16px Verdana;
text-align: left;
color: #5C3F44; 
margin: 0px 0px 0px 0px; 
padding: 5px 7px 0px 30px;
}
.info-tipp-prog-p-erkl{
background: #FFF url(images/bg-programm-prem-erkl.jpg) no-repeat top left; 
}
.info-tipp-prog-w-erkl{
background: #FFF url(images/bg-programm-wdh-erkl.jpg) no-repeat top left; 
}


.info-tipp-ort{
float: right;
font: bold 11px/15px Verdana; 
text-align: right;
color: #000; 
margin: 0px 0px 20px 0px; 
}
.info-tipp-bg-orange{
background: #FFF url(images/bg-anzeit-orange.jpg) no-repeat bottom right;
border-left: solid 1px #EE9F43;
border-top: solid 1px #EE9F43;
}
.info-tipp-bg-red{
background: #FFF url(images/bg-anzeit-red.jpg) no-repeat bottom right;
border-left: solid 1px #D63441;
border-top: solid 1px #D63441;
}
.info-tipp-bg-blue{
background: #FFF url(images/bg-anzeit-blue.jpg) no-repeat bottom right;
border-left: solid 1px #0087B7;
border-top: solid 1px #0087B7;
}
.info-tipp-event{
display: block;
width: 210px;
font: bold 12px/18px Verdana;
text-align: left;
color: #000; 
margin: 12px 0px 12px 0px; 
padding: 5px 7px 5px 12px;
border-left: solid 2px #D63441;
}

/* ----------------------------------------------------------------------------------------------------------------
subnavig
------------------------------------------------------------------------------------------------------------------ */

#subnavig {
width: 100%;
height: 28px;
font-family: Verdana, Helvetica,Arial,sans-serif; 
text-align: left;
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px;
display: block;
}

#subnavig ul{
margin: 2px 0px 5px 0px; 
padding: 0px 0px 5px 0px; 
text-align: left;
}

#subnavig li {
	float: left;
list-style: none;
margin: 0px; 
padding: 5px 5px 5px 5px;
font: bold 13px/14px verdana; 
font-family: verdana, arial, helvetica, sans-serif;
text-align: left;
color: #710727;
display: block;

}


#subnavig a.orange, #subnavig a:link.orange,  #subnavig a:visited.orange, #subnavig a:active.orange {
display: block;
padding: 5px 6px 5px 6px;
text-decoration: none;
color: #000; 
border: solid 2px #000;
background:#EE9F43;
  }
  #subnavig a:hover.orange {
    color: #FFF; 
	background:#000;
		border: solid 2px #FFF;
  }
#subnavig a.red, #subnavig a:link.red,  #subnavig a:visited.red, #subnavig a:active.red {
display: block;
padding: 5px 6px 5px 6px;
text-decoration: none;
color: #000; 
border: solid 2px #000;
background:#D63441;
  }
#subnavig a:hover.red {
    color: #FFF; 
	background:#000;
		border: solid 2px #FFF;
  }
#subnavig a.blue, #subnavig a:link.blue,  #subnavig a:visited.blue, #subnavig a:active.blue {
display: block;
padding: 5px 6px 5px 6px;
text-decoration: none;
color: #000; 
border: solid 2px #000;
background:#0087B7;
  }
#subnavig a:hover.blue {
    color: #FFF; 
	background:#000;
		border: solid 2px #FFF;
  }


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

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

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



h1 {
font: 36px/42px Verdana; 
font-family: Verdana, Helvetica,Arial,sans-serif;
color: #E31E3C;
letter-spacing: 0px; 
padding: 20px 0px 0px 0px; 
}

h2 {
font: bold 12px/18px Verdana; 
font-family: Verdana, Helvetica,Arial,sans-serif; 
color: #000;
letter-spacing: 0px; 
padding: 10px 0px 0px 0px; 
}

h3 {
font: 18px/18px Verdana; 
font-family: Verdana, Helvetica,Arial,sans-serif;
font-weight: bold;
text-align: left;
color: #FA9F1D;
letter-spacing: 0px; 
}

h4 {
font: 16px/18px Verdana; 
font-family: Verdana, Helvetica,Arial,sans-serif;
font-weight: bold;
text-align: left;
letter-spacing: 1px; 
color: #000;
margin-top: 15px;
}

h5 {
font: 16px/18px Georgia; 
font-family: Georgia, Times New Roman, Times, serif;
font-weight: normal;
text-align: left;
color: #9A3130;
letter-spacing: 1px; 
}

p { 
font: 12px/21px Verdana; 
font-family: Verdana, Helvetica,Arial,sans-serif; 
margin: 10px 20px 20px 0px;
text-align: left;
}

.pfilmcred { 
margin: 10px 20px 0px 50px;
text-align: left;
}

.pfilmcredtitle{ 
font-weight: bold;
font-size: 110%;
text-align: left;
color: #141E11;
}









.golink a:link, .golink a:visited, .golink a:active {
text-decoration: underline;
color: #000;
}
.golink a:hover {
text-decoration: underline;
color: #DD0303;
}


p.sitelink a, p.sitelink a:link, p.sitelink a:visited, p.sitelink a:active {
text-decoration: underline;
color: #000;
}
p.sitelink a:hover {
text-decoration: underline;
color: #DD0303;
}

.top { 
background: url(images/pfeil-top.png) no-repeat center left; 
font: bold 11px/22px Verdana; 
margin: 40px 0px 0px 0px;
padding: 0px 0px 0px 15px;
text-align: left;
color: #424548;
text-align: left;	
border: none;
}

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

.topend {
padding-top: 0px;
padding-bottom: 0px;
display: block;
clear: both;
}

.orange{
padding: 5px 0px 5px 5px;
border-left: 10px solid #EE9F43;
}

.red{
padding: 7px 0px 7px 5px;
border-left: 10px solid #D63441;
}

.blue{
padding: 3px 0px 3px 5px;
border-left: 10px solid #0087B7;
}

/* ----------------------------------------------------------------------------------------------------------------
image:
------------------------------------------------------------------------------------------------------------------ */

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

#footer li {
float: left;
list-style: none;
margin: 0px; 
padding: 10px 0px 10px 0px;
text-align: left;
display: block;
width: 210px;
}
  
.logo-r, .logo-r  a, .logo-r  a:link, .logo-r  a:visited, .logo-r  a:active { 
text-decoration: none;
border: 0px;
}

.pfilmfoto-center {
font: 15px/18px Verdana; 
font-family: Verdana, Helvetica,Arial,sans-serif; 
text-align: center;
padding: 2px 2px 2px 2px;
color: #000;
margin-bottom: 30px;
}

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

.filmfoto-in{
padding: 0px;
margin: 2px 2px 3px 2px;
border: solid 10px #000;
}

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

.pfilmfoto-right{
font: 16px/24px Verdana; 
font-family: Verdana, Helvetica,Arial,sans-serif; 
text-align: center;
padding: 2px 2px 2px 2px;
color: #000;
margin: 12px 0px 5px 5px;
float: right;
}

.pfilmfoto-left{
font: 16px/18px Verdana; 
font-family: Verdana, Helvetica,Arial,sans-serif; 
text-align: center;
padding: 2px 2px 2px 2px;
color: #000;
margin: 12px 7px 3px 0px;
float: left;
}

.startfoto-in
{
padding: 0px;
margin: 2px 2px 3px 2px;
border: solid 10px #000;
}

.pdf-right{
padding: 0px 8px 2px 15px;
float: left;
}

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


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

.tab {width: 490px; 
padding: 0px;
margin: 15px 0px 0px 0px;
clear: both;
}

.tabdist{
padding: 0px 0px 5px 0px;
margin: 10px 0px 10px 0px;
display: block;
float: right;
width: 380px;
}
.progprem{
background: #FFF url(images/bg-programm-prem.jpg) no-repeat top left; 
}
.progwdh{
background: #FFF url(images/bg-programm-wdh.jpg) no-repeat top left; 
}
.progpremneu{
background: #FFF url(images/bg-programm-prem4.png) no-repeat top right; 
}

.tabtag {
font:  16px/24px Verdana; 
font-family: Verdana, Helvetica,Arial,sans-serif; 
margin: 10px 0px 10px 0px;
text-align: left;
color: #000;
letter-spacing: 0px; 
float: left;
width: 90px;
text-align: left;
}
.tabbez {
font: bold 11px/26px Verdana; 
color: #000; 
float: left;
width: 80px;
text-align: left;
}

.tabwert {
font: 16px/24px Verdana; 
font-family: Verdana, Helvetica,Arial,sans-serif; 
letter-spacing: 0px; 
float: right;
width: 270px;
text-align: left; 
}

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

.tabtrenn{
border-bottom: solid 1px #000;
}

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

.tabwertort-orange{
padding: 2px 2px 2px 2px;
border-left: #EE9F43 solid 10px;
}

.tabwertort-red{
padding: 2px 2px 2px 2px;
border-left: #D63441 solid 10px;
}

.tabwertort-blue{
padding: 2px 2px 2px 2px;
border-left: #0087B7 solid 10px;
}

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

#tabprogr {
width: 1450px;
margin: 0px 20px 0px 0px;	
font: 11px/18px Verdana; 
font-family: Verdana, Helvetica,Arial,sans-serif; 
border-collapse: collapse;
empty-cells: show;
}

#tabprogr tr.row:hover, #tabprogr tr.over td { 
background-color: #FAF4E3; }

#tabprogr td
{ 
border: solid 1px #000;
padding: 3px 3px 3px 4px;
width: 130px;
}

#tabprogr td.filmti
{ 
text-align: center;
}
#tabprogr td.ort
{ 
text-align: left;
font-weight: bold;
}
#tabprogr td.ort span
{ 
font: 14px/16px Georgia; 
font-family: Georgia, Times New Roman, Times, serif;
}

#tabprogr th
{ 
padding: 2px 2px 2px 4px;
background-color:#C3AAAA;
border: solid 1px #000;
text-align: left;
}

#tabprogr a, #tabprogr a:link,  #tabprogr a:visited, #tabprogr a:active  { 
text-decoration: none;
color: #000;
}
#tabprogr a:hover { 
color: #A60520;  
text-decoration: underline;
}