body
{font-family:Verdana;font-size:11px;background-color:#FCFCFC;
 background-image: url(../images/gradientb_1.jpg);background-repeat:repeat-x;background-position: left top;}

h2 {font-size: 14px;color: #000; text-align:center;height:15px; padding: 2px 2px 15px 2px; margin: 3px 0px 0px 0px;}
h3 {font-size: 16px;color: #000; text-align:center;height:15px; padding: 2px 2px 25px 2px;margin: 3px 0px 0px 0px;}

#container {
background-image: url(../images/round_corner_middle.gif);background-repeat:repeat-y;float:left;
margin:0pt auto;
text-align:left;
width:950px; }
#top {
background-image: url(../images/rounded_corner_up.gif);background-repeat:no-repeat;
height:15px;width:950px;text-align:right; text-indent:50px}
#bottom {
background:url(../images/round_corner_bottom.gif); no-repeat 0 50%;
clear:both;
height:39px;
width:950px;}

#left {float:left;margin-left:5px;}

#header {
height:90px;text-align:left;margin-left:20px;padding:5px;margin-bottom:30px;}
#blanket {
   background-color:#8c8c8c;
   opacity: 0.5;
   filter:alpha(opacity=50);
   position:absolute;
   z-index: 9001; /*ooveeerrrr nine thoussaaaannnd*/
   top:0px;
   left:0px;
   width:100%;
}
#popUpDiv {
        position:absolute;
        background-color:#FeFCEE;
        width:400px;
        height:480px;
        z-index: 9002;
}
#kinobox {
font-family:Verdana;font-size:12px;padding: 5px;
}
 A.menulink {
        display: block;
        width: 150px;
        text-align: left;
        padding-left: 10px;
        text-decoration: none;
        font-family: Verdana;
        font-size: 12px;
        color: #000000;
        background-color: #FFFCEE;
        border-style: dotted;
        border-width: 1px;
        border-color: #000000;
        -moz-border-radius: 5px;
 }

 A.menulink:hover {
        border-style: solid;
        border-width: 1px;
        border-color: #6100C1;
        color: #000000;
        background-color: #FFF2AC;
 }

div.menuebox {margin: 5px 0px 2px 0px;width: 120px;height:39px; float:left;}
div.menueboxl {margin: 5px 0px 2px 0px;width:6px;height:39px; float:left;}
 A.menueup {display:block;width:120px;text-align:center;float:left}
 A.menueup:visited, A.menueup:link
  {display:block;height:39px;line-height:40px;background-image:url(../images/button_menu1.png);color:#fff;
   text-decoration:none;text-align:center;font-size: 13px;font-family: verdana, sans-serif;padding-right:2px;padding-bottom:0px;margin:0px;}
 A.menueup:hover{background-image:url(../images/button_menu2.png);color:#fff;}
 A.menueup:active{background-image:url(../images/button_menu3.png);color:#fff;}

div.box1b {margin: 5px 0px 2px 0px;width:15px;height:42px; float:left}
div.box1m {width:350px;float:left;height: 210px;margin:2px;}
div.box1m td {font-size: 8pt;font-family: verdana, sans-serif;}
div.box2m {width:700px;height: auto;float:left;margin:2px;}
div.box3m {width:600px;height: auto;float:left;margin:2px;}

p.pos_fixed  { position:fixed;top:50px;left:960px;}
div.pos_fixed {position:fixed;top:50px;left:960px;}

.ro { background:url(../images/box2_ro.gif) top right no-repeat; }
.lo { background:url(../images/box2_lo.gif) top left no-repeat; }
.ru { background:url(../images/box2_ru.gif) bottom right no-repeat; }
.lu { background:url(../images/box2_lu.gif) bottom left no-repeat; }
.ro1 { background:url(../images/box5_ro.gif) top right no-repeat; }
.lo1 { background:url(../images/box5_lo.gif) top left no-repeat; }
.ru1 { background:url(../images/box5_ru.gif) bottom right no-repeat; }
.lu1 { background:url(../images/box5_lu.gif) bottom left no-repeat; }
.ro2 { background:url(../images/box6_ro.gif) top right no-repeat; }
.lo2 { background:url(../images/box6_lo.gif) top left no-repeat; }
.ru2 { background:url(../images/box6_ru.gif) bottom right no-repeat; }
.lu2 { background:url(../images/box6_lu.gif) bottom left no-repeat; }
.inhalt {padding: 5px 75px 10px 5px; width: 340px;text-align:left;}
.inhaltort {padding: 5px 5px 20px 5px; width: 325px;text-align: justify;}
.inhalt_film {padding: 15px 75px 10px 20px; width: 660px;text-align:justify;}
.inhalt_next {padding: 5px 15px 10px 5px; width: 590px;text-align:left;}

#menu {
        background: #333;
        float: left;
        list-style: none;
        margin: 0;
        padding: 0;
        width: 200px;
}
#menu li {
        font: 13px "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
        margin: 0; color:#fff;background: #99AFBE;
        padding: 0;
}
#menu a {
        background: #99AFBE;
        border-bottom: 1px solid #393939;
        color: #000;
        display: block;
        margin: 0;
        padding: 8px 12px;
        text-decoration: none;
        font-weight:normal;
}
#menu a:hover {
        background: #BBCFDC url("../images/hover.png") left center no-repeat;
        color: #fff;
        padding-bottom: 8px;
}

a.menu1 {
        display: block;
        margin: 0;
        padding: 0px 0px 2px 5px;
        cursor:pointer;text-decoration:none;color:#000;

}
a.menu1:hover {
        background: url("http://www.cinecom.org/images/hover.png") left center no-repeat;
        color: #000;text-decoration:blink;font-style:italic;
}
a.menu2 {
        margin: 0;
        padding: 0px 0px 2px 5px;
        display:inline;font-weight:bold;
        width: 49px;border: 1px;cursor:pointer;text-decoration:underline;color:#000;

}
a.menu2:hover {
        background: url("http://www.cinecom.org/images/hover.png") left center no-repeat;
        color: #000;text-decoration:blink;font-style:italic;
}

A.links:visited, A.links:link
  {display:block;height:25px;width:165px;line-height:25px;background-image:url(../images/button_link.png) ;color:#fff;
   text-decoration:none;text-align:left;font-size: 10px;font-family: verdana, sans-serif;padding-left:5px;padding-bottom:0px;margin:0px;}
A.links:hover {
        color: #000;text-decoration:blink;font-style:italic;
}


@charset "utf-8";

/*^'^ Navigation Structure ^'^*/
.nav-container-outer{
background: #990000;
padding: 0px;
height: 74px;
width: 630px;
background: url(../images/nav-bg.jpg);
}
.float-left{
float: left;
}
.float-right{
float: right;
}
.nav-container .divider{
display:block;
font-size:1px;
border-width:0px;
border-style:solid;
}
.nav-container .divider-vert{
float:left;
width:0px;
display: none;
}
.nav-container .item-secondary-title{
display:block;
cursor:default;
white-space:nowrap;
}
.clear{
font-size:1px;
height:0px;
width:0px;
clear:left;
line-height:0px;
display:block;
float:none;
}
.nav-container{
position:relative;
zoom:1;
margin: 0 auto;
}
.nav-container a, .nav-container li{
float:left;
display:block;
white-space:nowrap;
}
.nav-container div a, .nav-container ul a, .nav-container ul li{
float:none;
}
.nav-container ul{
left:-10000px;
position:absolute;
}
.nav-container, .nav-container ul{
list-style:none;
padding:0px;
margin:0px;
}
.nav-container li a{
float:none
}
.nav-container li{
position:relative;
}
.nav-container ul{
z-index:10;
}
.nav-container ul ul{
z-index:20;
}
.nav-container ul ul ul{
z-index:30;
}
.nav-container ul ul ul ul{
z-index:40;
}
.nav-container ul ul ul ul ul{
z-index:50;
}
li:hover>ul{
left:auto;
}
#nav-container ul {
top:100%;
}
#nav-container ul li:hover>ul{
top:0px;
left:100%;
}

/*^'^ Primary Items ^'^*/
#nav-container a{
padding:7px 17px 7px 18px;
margin: 10px 0px 0px 0px;
color: #FFFFFF;
font-family: Trebuchet MS, Arial, sans-serif, Helvetica;
font-size:14px;
text-decoration:none;
font-weight: bold;
background: url(../images/item-primary-bg.gif);
background-repeat: no-repeat;
background-position: top;
}

#nav-container a:hover{
color: #6C3600;
background: url(../images/item-primary-bg.gif);
background-repeat: no-repeat;
background-position: center;
}

/*^'^ Secondary Items Container ^'^*/
#nav-container div, #nav-container ul{
padding:10px 4px 10px 4px;
margin:0px 0px 0px 0px;
background: url(../images/item-secondary-container-bg.jpg);
background-repeat: repeat-x;
background-color: #FF9900;
border-bottom: 1px solid #CA6500;
}

/*^'^ Secondary Items ^'^*/
#nav-container div a, #nav-container ul a{
padding:3px 10px 3px 6px;
background-color: #FFFFFF;
background: url(../images/item-secondary-bg.jpg);
background-repeat: no-repeat;
background-position: 0px 22px;
font-size:11px;
border-width:0px;
border-style:none;
margin: 0px 0px 0px 0px;
width: 149px;
}

/*^'^ Secondary Items Hover State ^'^*/
#nav-container div a:hover, #nav-container ul a:hover{
background-color: #FFFFFF;
background: url(../images/item-secondary-bg.jpg);
background-repeat: no-repeat;
color:#CC0000;
}

/*^'^ Secondary Item Titles ^'^*/
#nav-container .item-secondary-title{
cursor:default;
padding:4px 0px 3px 7px;
color: #6C3600;
font-family: Arial, Trebuchet MS, Arial, sans-serif, Helvetica;
font-size:11px;
/* background: url(../images/item-secondary-title-bg.jpg); */
background-repeat: no-repeat;
font-weight:bold;
}

/*^'^ Horizontal Dividers ^'^*/
#nav-container .divider-horiz{
border-top-width:1px;
margin:5px 5px;
border-color: #C16100;
}

/*^'^ Vertical Dividers ^'^*/
#nav-container .divider-vert{
border-left-width:1px;
height:15px;
margin:4px 2px 0px 2px;
border-color:#AAAAAA;
}

#pic {background-color: #FFF;left: 1px;position: left;top: 1px;}
#pic a .large {border: 0px;display: block;height: 1px;left: -1px; position: absolute;top: -1px;width: 1px;}
#pic a img {border: 0;}
#pic a.p1, #pic a.p1:visited {background: #FFFFFF;border: 1px solid #000000;display: block;left: 0;text-decoration: none;top: 0;}
#pic a.p1:hover {background-color: #8C97A3;color: #000000; text-decoration: none;}
#pic a.p1:hover .large {border: 1px solid #000000;display: block;height: 230px;left: 420px;position: absolute;top: -100px;width: 165px;}

div.cms4 {background: #FCDACE; margin: 1px 20px 5px 0px; width: 420px; float: left; position: relative; left: 20px;color:#000; border: 1px solid #D43F14;}
div.cms4a{background: #FCDACE; margin: 1px 0px 5px 0px; width: 420px; float: left; position: relative; left: 122px;color:#000; border: 1px solid #FB2B34;}
div.cms4 td{font-size: 9pt; color: #000}
div.cms4a td{font-size: 9pt; color: #000}

div.cms3 {display:block;background: #FCDACE url(../images/button_link.png) repeat-x top; margin: 1px; width: 100px; height: 25px;float: left; color:#000}
div.cms3a {background: #FFF;margin: 1px; width: 100px; height: 25px;float: left; color:#000}
div.cms1 {background: url(../images/button_ort_evgreen.png) repeat-x top; width: 100px; height: 25px;float: left; color:#000;padding-top:5px;}
div.cms1a {background: url(../images/button_ort_evred.png) repeat-x top; width: 100px; height: 25px;float: left; color:#000;padding-top:5px;}
div.cms2 {background: #FCDACE; margin: 1px 20px 5px 0px; width: 520px; float: left; position: relative; left: 20px;color:#000; border: 1px solid #D43F14;}
div.cms2a {background: #C5F5C7; margin: 1px 20px 5px 0px; width: 520px; float: left; position: relative; left: 20px;color:#000; border: 1px solid #08C353;}
div.cms2b {background: #FCDACE; margin: 1px 20px 5px 0px; width: 520px; float: left; position: relative; left: 20px;color:#000; border: 1px solid #FB2B34;}

#cms5 {background: #99AFBE; margin: 1px 5px 5px 0px; width: 200px; float: left; position: relative; left: 0px;color:#000; border: 0px solid #FFF;padding: 2px;}
#cms5 td {font-size: 7.5pt;color: #000; background: #FFFDEF; text-align: left; vertical-align:top;}
#cms5 p{font-size:7.5pt;margin: 0px;text-align: top;width: 195px;}

#cms6 {background: #99AFBE; width: 510px; float: left; position: relative; color:#000; border: 0px solid #FFF;padding: 2px;margin-bottom:10px;}
#cms6 td {font-size: 8pt;color: #000; background: #FFFDEF; text-align: left; vertical-align:top; }
#cms6 p{font-size: 10pt;margin: 0px;text-align: center}

#cms7 {background: #657682; width: 510px; margin-top:10px; float: left; position: relative; left: 0px;color:#000; border: 0px solid #FFF;padding: 2px;}
#cms7 td {font-size: 9pt;color: #000; background: #657682; text-align: left; vertical-align:top; }
#cms7 p{font-size: 14pt;margin: 0px;text-align: center; color: #FFF;}

#cms8 {background: #657682; width: 710px; margin-top:0px; float: left; position: relative; left: 0px;color:#000; border: 0px solid #FFF;padding: 2px;}
#cms8 td {font-size: 12px;color: #fff; background: #657682; text-align: justify; vertical-align:top; }
#cms8 p{font-size: 14pt;margin: 0px;text-align: center; color: #FFF;}

#prog {background: #657682;color: #fff;width:720px;-moz-border-radius: 5px;}
#prog p{font-size: 10pt;margin: 0px;text-align:justify}
#prog td {font-size: 10pt;color: #000; background: #FFFDEF; text-align:center; vertical-align:top;}
#prog a.a1:link, a.a1:visited,a.a1:hover{text-decoration: none;color:#000;font-size: 10pt}
#prog a.a1:active, a.a1:hover{text-decoration: none;font-size: 10pt;color:#ff0000}
#prog form{width:40px;background-color: #FFFDEF;display:inline;}
#prog link {font-family:Verdana,Arial,Helvetica,sans-serif;font-size:10px;color:#ffffff;font-weight:bold;}
#prog link-roman {font-family:Verdana,Arial,Helvetica,sans-serif;font-size:10px;color:#006EFF;font-weight:normal;}
#prog link-Woche {font-family:Verdana,Arial,Helvetica,sans-serif;font-size:9px;color:#0755DD;font-weight:bold;text-decoration:none;}
#prog link-Film  {font-family:Verdana,Arial,Helvetica,sans-serif;font-size:13px;color:#E6E6E6;font-weight:bold;text-decoration:none;}


div.fotobox{background: #EF771F;margin: 10px;width: 125px; float: left;-moz-border-radius: 5px;}
div.fotobox p{margin: 0;padding: 2px 0px 0px 0px}


A.linkort:visited, A.linkort:link
  {color:#000;text-decoration:none;text-align:middle;font-size: 12px;padding-left:5px;padding-bottom:5px;margin:0px;}
A.linkort:hover {
        color: #000;text-decoration:blink;font-style:italic;
}
div.vorschaubox {background: #FFF url(../images/button_link.png) repeat-x top; width:100px;height:25px; float:left;color:#000;padding: 4px;}
div.vorschaubox2{background: #FFF; width:460px;float: left;color:#000;padding:5px;}

#box_ort_inhalt {background-image: url(../images/box_ort1_middle.png);background-repeat:repeat-y;float:left;width:760px; }
#box p{padding: 0px 0px 0px 20px;}
#box_ort_top {background-image: url(../images/box_ort1_up.png);background-repeat:no-repeat;
height:37px;width:760px;text-align:right; text-indent:50px}
#box_ort_bottom {background:url(../images/box_ort1_bottom.png) no-repeat 0 50%;
clear:left;height:37px;width:760px;}
#box_content {margin-left:20px;width auto;vertical-align: middle;}

#lightbox{
        background-color:#eee;
        padding: 10px;
        border-bottom: 2px solid #666;
        border-right: 2px solid #666;
        }
#lightboxDetails{
        font-size: 0.8em;
        padding-top: 0.4em;
        }
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;}
#overlay img{ border: none; }

#overlay{ background-image: url(../images/overlay.png); }

* html #overlay{
        background-color: #333;
        back\ground-color: transparent;
        background-image: url(../images/blank.gif);
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
        }

div.box1 {
background-image: url(../images/style_gradientj_2.jpg);
background-color:#000;
width:194px;
border:1px solid black;
padding:2px;
color:white;
}
a:focus,
a:active {font-color:#fff;}
a span   {display: none;}
a:focus span,
a:active span  {display: block;text-decoration: none;color:#fff}
a {text-decoration: none;color:#000}
