/* uitgaan.css 
	CSS code for the uitgaans-section
	
	Date 12-06-2005
	Editor: Maarten Oudega

	Date: 03-04-2005
	Author: Klaas Schaafsma
*/

/* Use this for the headers */
h2 {
	color: #fff;
	font-weight: bold;
	font-size: 11px;
	padding: 5px;
	margin: 0 10px;
	background: #fbac18 url('../images/uitgaanbox_top.gif') no-repeat top left;
}

/* Use this for the 'spotlight' headers */
h3 {
	background: #e3c1f7;;
	font-size: 1.5em;
	padding: .2em;
}

.internal {
	background: #fbac18 url('../images/uitgaanboxw_top.gif') no-repeat top left;
}

.contentArea {
	margin: 0px 10px;
	padding: 5px;
	text-align: center;
        font-weight: normal;
}

.contentAreaL {
        background: #f3f3f3;
        margin: 0px 10px;
        padding: 5px;
        text-align: left;
        font-weight: normal;
}

.hotspot {
	background: #f3f3f3;
	width: 48%;
	float: left;
	margin-left: 10px;
	margin-bottom: 10px;
	text-align: left;
}

.hotspot img {
	float: left;
	margin-right: 8px;
}

.on {
	background-color: #ccf;
}

/* depricated */
#agenda TD, TH {
	padding: .2em;
	font-size: 1.2em;
	text-align: left;
}

#stapagenda TD, TH {
        padding: .2em;
        font-size: 1.1em;
        text-align: left;
}

#filmagenda TD {
	text-align: left;
	font-size: 10px;
}

#filmtijd {
	font-size: 0.8em;
}

#lokatieinfo {
	text-align: left;
}

#sidebar {
        margin: 0 0 10px 0;
        background: #993399;
        width: 225px;
        float: left;
        text-align: left;
}

#sidebar h2 {
        margin: 0 10px 0 12px;
        background: #FBAC18 url('../images/box_top.gif') no-repeat top left;
}

#sidebar ul {
        background: #fff url('../images/box_bottom.gif') no-repeat bottom left;
        margin: 0 10px 12px 12px;
        padding: 0 0 6px 0;
}

#sidebar p {
        background: #fff url('../images/box_bottom.gif') no-repeat bottom left;
        width: 203px;
        margin: 0 15px 0px 12px;
        padding: 0 0 6px 0;
}

#sidebar li {
        list-style-type: none;
        margin: 0;
        background-image: url('../images/listArrows.gif');
        background-repeat: no-repeat;
        background-position: 2px 4px;
        padding-left: 10px;
}

#sidebar select {
	font-size: 0.9em;
	margin: 2px 0 2px 0;
}

#sidebar .partypics {
	margin: 0 10px 0 12px;
	width: 203px;
}

#container {
        margin: 0 10px 10px 0;
        padding: 0;
        background: #fff;
        margin-left: 230px;
        text-align: center;
        /* The Holly hack, needed for some displaying bugs in IE6/Win */
        height: 1%;
}

#container p {
        color: #330066;
}

.containerBlock {
        height: 100px;
}

#container h2 {
        margin: 0;
}

#container h3 {
        background: #FBAC18 url(../images/box_top_large.gif) no-repeat top left;
        color: #fff;
        font-size: 11px;
        font-weight: bold;
        margin: 0;
        padding: 4px;
}

#container h4 {
        color: #306;
        font-weight: bold;
        font-size: 10px;
        padding: 8px;
}

#container TABLE {
        text-align: left;
        margin:0px;
        padding:0px;
}

#container2 {
        margin: 0 10px 10px 0;
        float: left;
        width: 497px;
        padding: 0;
        background: #fff;
        margin-left: 230px;
        text-align: center;
        /* The Holly hack, needed for some displaying bugs in IE6/Win */
        height: 1%;
}

#containerFooter {
        background: #F3F3F3 url('../images/box_bottom_large.gif') no-repeat bottom left;
        padding: 0px;
        margin: 0px;
}

#lokatie_foto {
        float: left;
        margin: 3px;
	padding: 2px;
        border: 1px solid black;
}

#lokatie_info {
	text-align: left;
	font-size: 1.1em;
	width: 99%;
	padding: 2px;
	margin: 0px 0px 5px 0px;
}

#stapagenda_klein {
	float: left;
	text-align: left;
	margin: 2px 8px 2px 2px;
	width: 290px;
}

#stapagenda_klein table {
	width: 100%;
}

#stapagenda_klein td {
	margin: 0px;
	padding: 2px;
	font-size: 1.1em;
}

.rood {
	background: #f30;
        color: #fff;
	text-align: left;
        font-size: 11px;
        font-weight: bold;
        margin: 0;
        padding: 4px;
}

.groen {
        background: #99CC00;
        text-align: left;
        color: #fff;
        font-size: 11px;
        font-weight: bold;
        padding: 4px;
        margin: 0;
}

.geel {
        background: #FBAC18;
        text-align: left;
        color: #fff;
        font-size: 11px;
        font-weight: bold;
        padding: 4px;
        margin: 0;
}

#vasteGast {
        float: right;
        text-align: left;
        margin: 2px;
        width: 170px;
}

#vasteGastList {
        height: 240px;
        overflow: auto;
	margin: 5px 0 0 0;
	padding: 0 0 0 5px;
}
#vasteGastList a {
        margin-left: 0px;
}

#vasteGastList li {
        list-style-type: none;
	margin: 0;
	padding: 0;
}

.contentBlockS {
	overflow: auto;
	float: left;
	width: 240px;
	height: 200px;
	margin: 0px 0px 0px 2px;
	padding: 0px;
	text-align: left;
}

.contentBlockL {
        float: left;
        width: 480px;
        margin: 0px;
	padding: 2px;
        text-align: left;
}

.contentBlockReacties {
        float: left;
        width: 480px;
        margin: 0px;
        padding: 5px;
        text-align: left;
}

.ManagerTable {
  background-color: #F3F3F3;
  color: #000;
  border: 1px solid #000;
  border: collapse;
  width: 100%;
}

.ManagerTop {
  background-color: #00a0c6;
  font: bold 10pt tahoma;
  color: #fff;
}

.ManagerTd {
  font: 10pt tahoma;
  color: #000;
}

.tableHeader {
  font-size: 1.2em;
  font-weight: 600;
  text-align: center;
  margin-top: 1em;
  padding: .3em;
  color: #fff;
  background: #fbac18;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  width: 200px;
}

.ManagerTable TR:hover {
  background-color: #ffffc0;
}

#tvGids {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
}

#tvGids IFRAME {
	height: 280px;
}