/*///////////////////////////////////////////////////////////////////
// 2008-09   | STERN+HUBER                                         //
// Project   | Innenstadtkinos Stuttgart                           //
// Author    | Karsten Meyer                                       //
// modified  | 1.10.2008                                          //                                                   
// Package   | master                                              //
///////////////////////////////////////////////////////////////////*/

/* # basics ########## */
HTML {
	margin:0;
	padding:0;
	height:100%;
}
BODY {
	height:100%;
	text-align: center;
	color: #333;
	direction: ltr;
	font: 12px  Arial, Tahoma, sans-serif;
	margin:0;
	padding:0;
        background:#858076 url(/de/images/bg_body.gif) repeat-x;	
}

#container,
#container-wide {
        position:relative;
	margin:0 auto;
	text-align: left;
	width:963px;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
        min-height: 100%; /* 100%; 770px; spannt in Firefox die divs vertikal auf, falls der inhalt nicht lange genug ist */
	background: #fff url(/de/images/bg_container_col.gif) repeat-y;	
}
#container-wide {
	background: #fff url(/de/images/bg_container.gif) repeat-y;	
}

TABLE, TR, TD, TH {
	font: 12px  Arial, Tahoma, sans-serif;
	vertical-align:top;
	border-spacing: 0px;
	border-style: none;
	border-collapse: collapse;
	}

A:link,
A:active,
A:visited,
A:hover {
  color:#5a8aa1;
  text-decoration:none;
}

A IMG,
IMG {
	border:0;
}

H1 {
	font-size:16px;
        margin:0;
	padding-bottom:20px;
}

H2,H3 {
	font-size:14px;
        margin:0;
	padding-bottom:10px;
}
H4,H5,H6 {
	font-size:11px;
	font-weight:700;
        margin:0;
	padding-bottom:0px;
}

P	{
  padding:0 0 15px 0;
  margin:0;
}

.clear {clear: both;
	height:0px;
	line-height:0;
	font-size:0px;}
 /* Clearing mit overflow */
.floatbox { overflow: hidden; }


/* # header area ############### */
#header {
  position:relative;
  width:963px;
  height:165px;
  padding-bottom:2px;
  background-color:#e9e9e9;
}

#navi-area {
  position:relative;
  width:963px;
  height:23px;
  background: url(/de/images/bg_naviarea.gif) repeat-x;
}

/* # main area ############### */
#col-left {
  position:relative;
  float:left;
  top:0px;
  width:186px;
  background-color:#726f69;
}

#frame {
  position:relative;
  float:left;	
  width:747px;
  padding:0 0 25px 30px;
}

#content,
#content-wide,
#container-wide #content {
 position:relative;
 float:left;
 width:533px;
 background-color:#fff;
 line-height:1.3em;
 padding-top:50px;
}
#container-wide #content {
 width:746px;
 padding-top:20px;
}
#content-wide {
 width:562px;
}

#col-right {
 float:right;
 width:185px;
 border-top:5px solid #fff;
 height:550px; /* JAN: spannt div vertikal für IE auf, wenn der inhalt nicht lang genug ist */
}


/* # navigation ############### */
UL#mainnavi {
 position:absolute;
 left:185px;
 top:0;
 padding:0 2px 0 0;
 margin:0;
 list-style:none;
 font-size:11px;
 height:23px;
 width:593px;
 background: url(/de/images/bg_navsep.gif) right top no-repeat; 
}
#mainnavi LI {
 position: relative;
 float:left;
 width:87px;
 margin:0;
 padding-left:2px;
 background: url(/de/images/bg_navsep.gif) left top no-repeat; 
}

#mainnavi LI#programm {
 width:119px; }

#mainnavi LI#cinepluscard {
 width:114px; }

#mainnavi A:link,
#mainnavi A:active,
#mainnavi A:visited,
#mainnavi A:hover {
 display:block;
 margin:0;
 text-decoration:none;
 font-weight:700;
 color: #fff;
 height:19px;
 padding-top:4px;
 text-align:center;
}

#mainnavi LI.current A,
#mainnavi A:hover {
 background: url(/de/images/bg_navi_on.gif) repeat-x;
}

/* # left navigation ############### */
#left-navi {
  padding:15px 0 0 0;
  margin:0 0 170px 0;
  list-style:none;
  width:185px;
}

#left-navi LI {
 padding:5px 0 6px 0;
  background: url(/de/images/bg_leftnav_bottom.gif) left bottom no-repeat;
}
#left-navi LI.current {
 padding-bottom:1px;
 background: url(/de/images/bg_leftnav_bottom_on.gif) left bottom no-repeat;
 margin-bottom:23px;
}

#left-navi LI A:link,
#left-navi LI A:visited,
#left-navi LI A:hover,
#left-navi LI A:active {
 text-decoration:none;
 font-size:12px;
 font-weight:700;
 color: #dbdbdb;
 padding-left:11px;
}

#left-navi LI A:hover,
#left-navi LI.current A:link,
#left-navi LI.current A:visited {
 color: #c6bc97;
 background-image:none;
}

#left-navi .subnavi {
 padding:9px 0 5px 0;
 margin:5px 0 0 0;
 list-style:none;
 background: #8e8e8e url(/de/images/bg_leftnav.gif) no-repeat;
}

#left-navi .subnavi LI {
 padding:2px 0 2px 0;
 background-image: none;
}
#left-navi .subnavi LI.current {
 padding:2px 0 2px 0;
 background-image: none;
 margin-bottom:0;
}

#left-navi .subnavi LI A:link,
#left-navi .subnavi LI A:visited,
#left-navi .subnavi LI A:hover,
#left-navi .subnavi LI A:active {
 text-decoration:none;
 font-size:12px;
 font-weight:400;
 color: #fff;
}

#left-navi .subnavi LI A:hover,
#left-navi .subnavi LI.current A:link,
#left-navi .subnavi LI.current A:visited {
 color: #726f69;
 background-image:none;
}

img#eye {
 position:absolute;
 top:390px;
}
 

/* # content ############### */

#content H2 {
 clear:both;
 padding-bottom:8px;  
}

#content p.bild-unten {
 background:#d7dade;
 width:494px;
 margin: 0;
 padding:17px 22px 15px 22px;
}

#content ul {
 margin: 0px;
 padding: 0px;
 list-style-type: none;
}

#content li {
 margin-bottom:7px;
 padding:0px 12px 0px 18px;
 background:url(/de/images/bg_linkeye_bullet.gif) no-repeat 0px 3px;
}

img.bild-unten {
}

img.bild-quer {
 margin:-11px 0 17px 0;
}
.teaser-box, .teaser-box-breit, .teaser-box-breit-single {
 float:left;
 width:538px;
 position:relative;
 margin-bottom:30px;
 background:url(/de/images/bg_teaser.gif);
}
.teaser-box-breit, .teaser-box-breit-single {
 background:#d7dade;
}
.teaser-box-breit-single {
 margin-bottom:0px;
 padding-top:7px;
 padding-bottom:7px;
}

.teaser-eye {
 background:url(/de/images/bg_teaser_eye2.gif) no-repeat;
 position:absolute;
 top:2px;
 right:5px;
 width:32px;
 height:22px;
}
.teaser-image {
 float:left;
 width: 115px; /*130px*/
}
img.teaser-breit {
 clear:both;
 margin-top:33px;
}
img.spacer {
 width: 115px;
}
img.randrechts {
 float:right;
 margin-left:15px;
 margin-bottom:5px;
}

.teaser-text, .teaser-text-breit {
 float:left;
 width: 380px;
 padding:25px 0 10px 15px;
}
.teaser-text-breit {
 width:494px;
 margin: 0;
 padding:17px 22px 15px 22px;
}

.teaser-googlemaps {
} 

#content .teaser-text ul {
 margin-top: 6px;
}

#content .teaser-text li {
 margin-bottom:4px ;
}

A.eye:link,
A.eye:active,
A.eye:visited,
A.eye:hover {
 color:#595857;
 text-decoration:none;
 padding:0 10px 0 20px;
 background: url(/de/images/bg_linkeye.gif) 0 1px no-repeat;  
}

#hl-programm {
  height:21px;
  line-height:21px;
  background-color:#726f69;
  color:#fff;
  font-size:12px;
  font-weight:700;
  margin-bottom:55px;
}
.hlp {
  float:left;
  height:21px;
  line-height:21px;
  background-color:#a8a8a8;
  border-right:4px solid #fff;
  padding:0 10px;
}
#hl-programm A:link,
#hl-programm A:active,
#hl-programm A:visited,
#hl-programm A:hover {
  color:#fff;
  text-decoration:none;
}

.programm-box {
  float:left;
  width:747px;
  padding:3px 0 15px 0;
  margin-bottom:20px;
  border-top:1px solid #726f69;
}
.programm-image {
  float:left;
  width: 155px;
  font-weight:700;
}
.programm-image IMG {
  padding:8px 0 7px 0;
}
.programm-text {
  float:left;
  width: 415px;
  padding:5px 0 0 0;
}
.programm-colr {
  float:right;
  width: 153px;
  padding:32px 3px 0 0;
}
.pbox-top {
  background: url(/de/images/bg_pbox_top.gif) no-repeat;
  width: 153px;
  height: 7px;
  font-size:0;
}
.pbox-center {
  background: url(/de/images/bg_pbox_center.gif) repeat-y;
  width: 133px;
  padding:5px 5px 7px 15px;
}
.pbox-bottom {
  background: url(/de/images/bg_pbox_bottom.gif) no-repeat;
  width: 153px;
  height: 7px;
  font-size:0;
}
.pbox-center A:link,
.pbox-center A:active,
.pbox-center A:visited,
.pbox-center A:hover {
  color:#3a3936;
  font-weight:700;
  text-decoration:none;
}
.time A:link,
.time A:active,
.time A:visited,
.time A:hover {
  color:#2b3034;
  font-weight:400;
  text-decoration:none;
}

table.preise th, td {
  text-align:center;
  font-size:11px;
  width:90px;	
  border:1px #fff solid;
  vertical-align:middle;
}


/* # col right ############### */
#col-right .col-head {
 width:175px;
 height: 20px;
 padding:5px 0 0 10px;
 border-bottom:1px solid #696767;
 background: #8f8f8f url(/de/images/bg_boxhead.gif) repeat-x;
 color:#fff;
 font-weight:700;
}
#col-right .col-teaser {
 width:174px;
 padding:10px 0;
 border-bottom:1px solid #fff;
 margin-left:10px;
 color:#fff;
 font-size:11px;
 overflow: hidden;
}
#col-right .col-teaser a {
 font-weight:700;
 font-size:12px;
}
#col-right .col-teaser IMG {
 float:left;
 padding-right:13px;
}

.col-teaser A:link,
.col-teaser A:active,
.col-teaser A:visited,
.col-teaser A:hover {
 color:#fff;
 text-decoration:none;
}

/* # forms ############### */


/* # footer ############### */


/* # END ############### */

#programm-greybox {
 padding-right: 40px; 
 padding-left: 40px; 
 font-weight: bold; 
 background: rgb(233,235,236); 
 padding-bottom: 7px; 
 color: rgb(51,51,51); 
 margin-right: 1px; 
 padding-top: 7px;
 }

 #programm-greybox img {
 padding-right: 35px; 
 margin-top: -7px; 
 float: left; 
 margin-left: -40px; 
 height="60"; 
 }
 
#programm-greybox  li {
 margin-bottom:7px;
 padding:0px 12px 0px 18px;
 background:url(/de/images/bg_linkeye_bullet.gif) no-repeat 0px 3px;
}