/*
Title:      	Ieper master styles for screen media (base styles for all my websites)
Author:     	fel, © 2007 anaXis nv.
Updated:        june 25 2007
*/

/*
	display:inline; fixes a IE6 margin bug when we use float
	height: 1%; is also an IE6 hack to show backgrounds (Holly hack)
*/

* { margin: 0; padding: 0; }
* div[width] {width: 100% !important;} /* stupid hack for eyes cms */

body { background: #B4B6B5; font: normal 62.5%/2em Arial, Verdana, sans-serif; }

/* ---- [ typography ] ------------ */
a { font-size: 1.2em; }
dt { font-size: 1.6em; }
dd { font-size: 1.1em; }
h1 { font-size: 2em; margin-bottom: 7px; }
h2 { font-size: 1.6em; }
input, select { font-size: 1.1em;}
legend { color: #B81B36; font-size: 1.3em; font-weight: bold;}
p { font-size: 1.1em; }

dt a, p a { font-size: 1em;}

/*	wrapper
--------------------------------*/
#wrapper { }
#wrapper div.m-wrap { margin: 0 auto; width: 955px; }
/*#wrapper div.mw-f1 { background: transparent url(images/logo_Acci_C.jpg) no-repeat top left; height: 160px; width: 83px; position: absolute; top: 87px; left: 50%; margin-left: -513px; }*/

/*	header
--------------------------------*/
#header { background: #E6E6E6; padding-top: 15px; padding-left: 40px;}

/*	menu
--------------------------------*/
#menu { background: #E6E6E6 url(images/shadow_y_h.jpg) repeat-y right top; clear: both; overflow: hidden; }
#menu a { text-decoration: none; }
#menu a:hover { text-decoration: underline;}
#menu div.mh-f1 { background: transparent url(images/shadow_y_th.jpg) no-repeat right top; float: left; width: 11px; height: 25px; }
#menu span {  margin: 0 5px; }

#tools { background: #7A7A7C; float: left; height: 25px; padding-top: 7px; text-align: center; width: 228px; margin-left: 26px; display:inline; }
#tools a, #tools span { color: #040406; font-weight: bold;  font-size: 10pt;}
#navigation { background: #921A1C; float: left; height: 25px; padding: 7px 15px 0 0; text-align: right; width: 480px; display:inline; }
#navigation a, #navigation span { color: #D9D9D9;}
#search { background: #000; border: 0; float: left; height: 25px; padding-top: 7px; width: 195px; display:inline; }
#search label { display: none; }
#search a { color: #fff; display: block; float: left; text-decoration: none; margin-left: 10px; width: 45px; }
#search a:hover { text-decoration: underline; }
#search input { float: right; width: 126px; margin-right: 10px; border: 1; }

/*	canvas
--------------------------------*/
#canvas { background: #E6E6E6 url(images/shadow_y_h.jpg) repeat-y right top; clear: both; overflow: hidden; }
#logo { float: left; margin: 117px 0 0 26px; width: 228px; display:inline; }
#portret { float: left; width: 495px; min-height: 1px; display:inline; }

/*	calendar
--------------------------------*/
#calendar { background: #575757; float: left; margin-right: 11px; width: 195px; height: 220px; display:inline; }
#calendar h1 { color: #fff; margin: 10px 0 20px 10px; }
#calendar h1 a { background: url(images/bullet_red.gif) no-repeat left 10px; color: #fff; font-size: 1em; padding-left: 18px; text-decoration: none; }
#calendar h1 a:hover { text-decoration: underline; }
#calendar table.m-cal { background: #DADBD5; border: solid 3px #A7A7A5; border-collapse: collapse; border-spacing: 1px; margin: 5px auto 7px auto; width: 164px; }
#calendar table.m-cal * { text-align: center; font-size: 11px; font-weight: bold; line-height: 1.5em;}
#calendar .titelStyle { background: #DADBD5; border-bottom: solid 1px #000; width: 100%; }
#calendar .titelStyle a,
#calendar .titelStyle td { color: #000; font-size: 13px; font-weight: bold; }
#calendar .dayStyle, 
#calendar .selectedDayStyle,
#calendar .selectedCell { border: solid 2px #fff !important; color: #575757; padding: 0 1px; }
#calendar .selectedCell a { color: #90191D; font-weight: bold; }
#calendar .selectorStyle { padding: 0 1px; }
#calendar .todayDayStyle, 
#calendar .todayDayStyle a { background-color: #BB4B3D; color: #fff; }
#calendar .otherMonthStyle { color: #9B9B9B; padding: 0 1px;}

/*	uber-container
--------------------------------*/
#uber-container {padding-left: 40px; background: #B4B6B5 url(images/shadow_y_c.jpg) repeat-y right top; clear: both; overflow: hidden; }
#uber-container div.uc-f1 { background: #90191D url(images/shadow_y_c.jpg) repeat-y right top; height: 30px; clear: both; overflow: hidden; }
#uber-container div.uc-f2 { clear: both; background: transparent url(images/bg_tree.jpg) repeat-y left top; height: 30px; margin-right: 11px; overflow: hidden; }
#uber-container div.uc-f3-a { border-bottom: solid 7px #000; float: left; height: 23px; margin-left: 26px; width: 228px; display:inline; }
#uber-container div.uc-f3-b { border-top: solid 7px #000; float: left; height: 23px; width: 495px; display:inline; }

/*	container
--------------------------------*/
#container { clear: both; overflow: hidden; background: #fff url(images/bg_teaser.gif) repeat-y right top; margin-right: 11px; height: 1%; }

/*	content 
--------------------------------*/
#main-content { background: transparent url(images/bg_tree.jpg) repeat-y left top; clear: both; overflow: hidden; height: 1%; }

/*	tree
--------------------------------*/
#tree { float: left; padding-bottom: 30px; width: 254px; }
#tree img { float: left;}
#tree a { color: #000; display: block; float: left; font-weight: bold; line-height: 1.2em; padding: 0 1% 0 3%; text-decoration: none; width: 96%;  }
#tree a:hover { color: #575757; }
#tree ul li { display: block; clear: both; list-style-type: none; overflow: hidden; }
#tree div.login { margin: 10px 5px 10px 40px; }
#tree div.lvl1 a { font-size: 1.3em; line-height: 2.2em; border-bottom: solid 2px #575757;  }
#tree div.lvl1 li { background: url(images/bullet_tree.jpg) no-repeat left 6px; padding-left: 26px; height: 1%; }
#tree div.lvl2 a { font-size: 1.15em;  }
#tree div.lvl2 a:hover { text-decoration: underline; }
#tree div.lvl2 li { padding-left: 40px; }
#tree div.lvl3 a { font-size: 1.1em; }
#tree div.lvl3 a:hover { text-decoration: underline; }
#tree div.lvl3 li { padding-left: 52px; }
#tree div.lvl4 a { color: #CDCDCD; font-size: 1.1em; }
#tree div.lvl4 a:hover { text-decoration: underline; }
#tree div.lvl4 li { padding-left: 60px; }

/*	content
--------------------------------*/
#content { background: #fff; float: left; padding-bottom: 30px; width: 495px; }
#content a.btn-hyp { color: #000; font-weight: bold; margin-left: 20px; text-decoration: none; }
#content a.btn-hyp:hover { text-decoration: underline; }
#content h1 { color: #B81B36; margin-left: 20px; }
#content h1 span { background: url(images/bullet_black.gif) no-repeat left 6px; padding-left: 18px;  }
#content h2 { margin: 5px 7px 15px 20px; }
#content p { margin: 5px 7px 17px 20px; padding-right:10px;}
#content p a { color: #B81B36; font-size: 1em;}
#content p.sold-out { color: #C7123B; font-weight: bold; }
#content textarea { margin: 10px 10px 10px 20px; }

#content div.requiredlist{margin:15px 0px 15px 25px;}
#content div.requiredlist ul{padding-left:15px;}

#breadcrumb { margin: 5px 0 10px 10px; }
#breadcrumb * { color: #B8B8B8; }

#content div.eventitems { clear: both; overflow: hidden; margin: 10px 0; }
#content div.eventitems * { margin: 0;}
#content div.eventitems div {border-bottom: solid 1px #E3E1E3; clear: both; margin: 5px 15px 17px 20px; overflow: hidden; height: 1%; }
#content div.eventitems h1 { background: #BBB9BA; color: #fff; margin: 0 0 15px 0; padding: 3px 0;}
#content div.eventitems h1 span { background: none; margin: 0; }
#content div.eventitems h2 a { background: url(images/bullet_red_eve.gif) no-repeat left 6px; color: #7D7A7B; font-size: 1em; padding-left: 18px; text-decoration: none; }
#content div.eventitems h2 a:hover { text-decoration: underline; }
#content div.eventitems p { display: inline-block;font-weight:normal; }

#content div.eventdata p { margin: 0 7px 0 20px;}



#content div.zaalplan { border: solid 1px #000; border-width: 1px 0; margin: 0 7px 0 20px; padding: 10px 0; }
#content div.zaalplan ul { margin: 10px 0 10px 10px; }
#content div.zaalplan ul li { list-style-type: none; }
#content div.zaalplan ul li img { margin-right: 10px;}

#content div.tickets table { width: 450px; margin: 7px 0; border: 0; border-left: 1px solid #000; }
#content div.tickets td { border: 1px solid #000; border-width: 0 1px 1px 0; padding: 3px 3px 3px 6px;}
#content div.tickets td a { color: #7A7A7C; font-weight: bold; text-decoration: none; }
#content div.tickets td a:hover { text-decoration: underline; }
#content div.tickets tr.hdr td {background: #90191D;  color:#fff; border: 1px solid #000; border-width: 1px 1px 1px 0; font-weight: bold;}
#content td.first { width:60px; }

#content div.links { text-align: right; margin-right: 10px; }
#content div.links a { color: #7A7A7C; font-weight: bold; text-decoration: none; }
#content div.links a:hover { color: #000; text-decoration: underline; }
#content .eventsTheaterkaart td.first{width:120px;}
#content .eventsTheaterkaart .titleRed{color:#90191d;}
#content .eventsTheaterkaart a.titleRed:hover{text-decoration:none;}
#content .ready{color:#90191d;font-size:2em;font-weight:900;text-decoration:none;margin-left:20px;}
#content a.ready:hover{text-decoration:underline;}
#content .back{padding-right:15px; text-align:right;}
#content .back a{color:#921a1c; }
#content .pageteksttheaterkaart{font-size:1.3em;font-weight:700;}
#content .warning_tk_not_complete{ font-size: 1.1em;font-weight:700;color:red;}

/*	teaser
--------------------------------*/
#teaser { float: left; width: 192px; padding-right: 3px;}
#teaser h1 { color: #fff; margin: 10px 0 7px 10px; }
#teaser h1 span { background: url(images/bullet_black.gif) no-repeat left 10px; padding-left: 18px; }
#teaser h1 a { background: url(images/bullet_black.gif) no-repeat left 10px; color: #fff; font-size: 1em; padding-left: 18px; text-decoration: none; }
#teaser h1 a:hover { text-decoration: underline; }

#teaser div.news div { border-bottom: solid 1px #000; margin-bottom: 5px; }
#teaser div.news h2 { color: #fff; font-size: 1.4em; margin: 0 3px 0 10px; }
#teaser div.news h2 a { color: #fff; font-size: 1em; text-decoration: none; }
#teaser div.news h2 a:hover { text-decoration: underline; }
#teaser div.news p { margin: 0 3px 5px 10px; }

#teaser table.tarief { margin: 5px 3px 5px 10px; border: 0; width: 90%; }
#teaser table.tarief td { border: 0; color: #9D9F94; font-weight: bold; padding: 2px 3px; vertical-align: top;  }
#teaser table.tarief tr.hdr td { color: #000; font-size: 1.2em; }

#teaser div.links { text-align: right; margin-right: 5px; }
#teaser div.links a.btn-hyp { color: #fff; font-weight: bold; text-decoration: none; }
#teaser div.links a.btn-hyp:hover { text-decoration: underline; }

#teaser .rightblock p{margin-left:10px;}

/*
#teaser div.links li { text-align: right; margin-right: 15px; }
#teaser div.links a { color: #7A7A7C; font-weight: bold; text-decoration: none; }
#teaser div.links a:hover { color: #000; text-decoration: underline; }
*/
/*	footer
--------------------------------*/
#main-footer { padding-left: 40px; background: #B4B6B5;  }
#main-footer div.mf-f1 { background: #B4B6B5 url(images/shadow_x_c.jpg) repeat-x left top; height: 13px; margin: 0 0 0 26px; width: 929px; }
#main-footer div.mf-f2 { background: transparent url(images/shadow_l_c.jpg) no-repeat left top; height: 13px; }
#main-footer div.mf-f3 { background: transparent url(images/shadow_r_c.jpg) no-repeat right top; height: 13px; }

#footer { text-align: center;  }
#footer * { color: #646464; display: inline; } 
#footer a {font-size: 1.1em; text-decoration: none;}
#footer a:hover {text-decoration: underline;}
#footer address {  font-style: normal; font-size: 1.1em;  }
#footer address a { font-size: 1em;}
#footer span { padding: 0 8px;}


/* -----[ CSS editing ] ----------------	*/
div.eyeEditMenu *, 
div.eyeEditMenu #content table { margin: 0 !important; padding: 0 !important; }
div.eyeEditMenu a { cursor: pointer; }

/* -----[ Plan Tickets ]---*/
div.plan table {width:100%;}
div.plan .labels td {display: none; width: 10px;}
div.zaalplan table {margin-bottom: 20px;}
div.zaalplan table td {border-style: none;}

/* -----[Loading]---*/
div#divMask
{
	width: 100%; height:100%; 
	visibility:hidden; background-color: #F9F9F2; 
	position: fixed; left:0; top:0; 
	filter: alpha(opacity=60); -moz-opacity: 0.60; opacity: 0.60;
}

div#divLoading
{
	width: 500px; height:48px; 
	position: fixed;
	top: 50%;
	text-align: center;
	visibility:hidden;
	margin: -24px 0 0 -24px;
}


.error{color:Red;}