* { margin: 0; behavior: url(pngfix/iepngfix.htc); }

body {
	background: url(../img/bg/wood-texture.jpg);
	font: 12px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	}
	body ::selection { background: #ffd200; color: #000; }
	body ::-moz-selection { background: #ffd200; color: #000; }

a { color: #fff; text-decoration: none; }
h1, h2, h3 { line-height: normal; font-weight: normal; margin: 0 0 15px; }
h1 { color: #ffd200; font-size: 24px; line-height: 24px; height: 24px; }
h2 { color: #000; font-size: 24px; line-height: 24px; height: 24px; }
h3 { color: #ffd200; font-size: 13px; font-weight: bold; margin: 0 0 10px; clear: both; }
img { border: 0; }
p { margin: 0 0 19px; }
input, select, textarea { font: 12px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; margin: 0 0 5px; }
input:focus, select:focus, textarea:focus { font-weight: bold; }

#container {
	width: 960px;
	margin: 0 auto;
	background: url(../img/bg/doek.png) no-repeat;
	overflow: hidden;
	}

#header {
	width: 960px;
	height: 125px;
	}
	#header .logo { width: 232px; height: 88px; margin: 30px 0 0 15px; background: url(../img/bg/logo-grand-theatre.png); text-indent: -9999px; display: block; float: left; }
	#header .ms { width: 390px; height: 83px; margin: 30px 0 0 150px; background: url(../img/bg/mission-statement.png); text-indent: -9999px; float: left; }

#content {
	width: 960px;
	}

#left {
	width: 240px;
	padding: 249px 20px 20px 0;
	background: url(../img/bg/stoel.png) no-repeat;
	float: left;
	}
	#left div { width: 240px; background: url(../img/bg/tapijt.png); }
	#left #bottom { width: 240px; height: 43px; background: url(../img/bg/tapijt-onder.png); }
	#left .zwartbox { width: 240px; overflow: hidden; }
	#left .zwartbox input { width: 100%; margin: 0 0 8px; }
	#left .zwartbox label { float: left; padding: 4px 15px 0 0; }
	#left .zwartbox .radio { float: left; width: auto; margin: 6px 5px 0 0; }
	#left .zwartbox .btn { float: right; width: auto; padding: 0 4px; margin: 0 -6px 0 0; }
	#left .zwartbox .top { width: 240px; height: 8px; background: url(../img/bg/zwartbox-top.png); overflow: hidden; }
	#left .zwartbox .content { width: 180px; background: url(../img/bg/zwartbox-content.png); padding: 10px 30px 20px 30px; overflow: hidden; }
	#left .zwartbox .bottom { width: 240px; height: 9px; background: url(../img/bg/zwartbox-bottom.png); overflow: hidden; }
	#left ::selection { background: #000; color: #fff; }
	#left ::-moz-selection { background: #000; color: #fff; }

#mainmenu {
	padding: 0 0 10px;
	list-style: none;
	font-weight: bold;
	font-size: 13px;
	}
	#mainmenu li a { width: 210px; height: 30px; padding: 4px 0 0 30px; display: block; }
	#mainmenu li a:hover { background: url(../img/bg/mainmenu-mouse-over.png); }
	#mainmenu .active { width: 210px; height: 30px; padding: 4px 0 0 30px; background: url(../img/bg/menu-zwart.png); }

#right {
	width: 700px;
	float: left;
	padding: 0 0 30px;
	}

#carousel {
	position: relative;
	overflow: scroll;
	width: 700px;
	height: 157px;
	margin: 51px 0 1px;
	}
	#carousel .belt { position: absolute; left: 0; top: 0; }
	#carousel .panel { float: left; margin: 0; width: 500px; padding: 0 100px; }
	#carousel .panel a span { display: none; position: absolute; margin: 57px 0 0 10px; width: 202px; height: 75px; background: url(../img/bg/tooltip.png); padding: 25px 30px 0 30px; line-height: 20px; }
	#carousel .panel a:hover span { display: block; }
	#carousel .panel span label { float: left; width: 65px; }
	#carousel .panel span em { float: left; font-size: 18px; color: #ffd200; font-style: normal; margin: -2px 5px 2px 0; }
	#carousel .panel span .right { width: 137px; font-weight: normal; }
	#carousel .lv { width: 272px; height: 37px; margin: 0 0 0 110px; background: url(../img/bg/lopende-voorstellingen.png); position: relative; z-index: 1; }

#maincontentspan {
	width: 700px;
	background: url(../img/bg/zwartwit-content.png);
	margin: 0 0 -5px;
	overflow: hidden;
	}

#maincontent {
	width: 420px;
	padding: 20px 20px 0 20px;
	text-align: justify;
	float: left;
	line-height: 22px;
	overflow: hidden;
	}
	#maincontent img { border: 2px solid #fff; background: #000; padding: 1px; margin: 0 0 10px; }
	#maincontent p a { color: #fff; }
	#maincontent p a:hover { border-bottom: 1px solid #ffd200; }
	#maincontent form label { width: 420px; float: left; }
	#maincontent form p { clear: both; }
	#maincontent form span { color: #ffd200; }
	#maincontent form input, #maincontent form select, #maincontent form textarea { float: left; width: 150px; }
	#maincontent form textarea { width: 320px; height: 160px; }
	#maincontent form .btn { width: auto; clear: both; float: left; margin: 0 0 20px; }	
	#maincontent form .wide { width: 420px; }

#rightcontent {
	width: 200px;
	padding: 20px 20px 60px 20px;
	color: #000;
	float: left;
	}
	#rightcontent a { color: #000; }
	#rightcontent a:hover { color: #000; border-bottom: 1px solid #a60700; }
	#rightcontent ::selection { background: #bc0800; color: #fff; }
	#rightcontent ::-moz-selection { background: #bc0800; color: #fff; }

#bottombar {
	width: 100%;
	height: 138px;
	padding: 61px 0 0;
	background: url(../img/bg/dwarsbalk.png) top;
	}
	#bottombar div { width: 960px; margin: 0 auto; position: relative; }
	#bottombar ul { padding: 0; list-style: none; }
	#bottombar .kolom { width: 220px; padding: 0 20px 0 0; float: left; }
	#bottombar .kolom li { height: 21px; padding: 0 0 2px; }
	#bottombar .kolom li a { width: 206px; height: 21px; display: block; background: url(../img/icons/bullet-geel.gif) no-repeat 0 6px; padding: 0 0 2px 14px; color: #d5d5d5; }
	#bottombar .kolom li a:hover { background: url(../img/icons/bullet-wit.gif) no-repeat 1px 6px; color: #fff; }
	#bottombar .kolom .nolinkbullet { background: url(../img/icons/bullet-geel.gif) no-repeat 0 6px; padding: 0 0 0 14px; }
	#bottombar .kolom .nolink { padding: 0 0 0 14px; }
	#bottombar .maskers { width: 179px; height: 116px; background: url(../img/bg/maskers.png); position: relative; float: right; margin: -163px 0 0; right: 25px; }
	#bottombar ::selection { background: #fff; color: #000; }
	#bottombar ::-moz-selection { background: #fff; color: #000; }

#footer {
	width: 100%;
	height: 30px;
	text-align: center;
	color: #d68484;
	background: url(../img/bg/bekleding.jpg);
	padding: 10px 0 0;
	border-top: 1px solid #933636;
	overflow: hidden;
	}
	#footer a { color: #f0c5c5; }
	#footer a:hover { color: #fff; }
	#footer ::selection { background: #fff; color: #bc0800; }
	#footer ::-moz-selection { background: #fff; color: #bc0800; }

.leftitem {
	width: 420px;
	border-bottom: 1px dotted #4e4e4e;
	margin: 0 0 20px;
	overflow: hidden;
	}
	.leftitem .tekst { float: right; width: 324px; }
	.leftitem p { margin: 0 0 10px; }
	.leftitem p span { color: #ffd200; }
	.leftitem a { color: #ffd200 !important; }
	.leftitem p a:hover { color: #fff !important; }

.listr {
	padding: 0 0 20px;
	margin: -4px 0 0;
	list-style: none;
	}
	.listr li p { margin: 0; }
	.listr li span { color: #bc0800; font-size: 13px; font-weight: bold; }
	.listr li a { background: url(../img/icons/bullet-rood.gif) no-repeat 0 12px; width: 188px; display: block; border-bottom: 1px dotted #000; padding: 6px 2px 6px 10px; color: #000; }
	.listr li a:hover { background: url(../img/icons/bullet-zwart.gif) no-repeat 1px 12px; }
	.listr li a:hover span { color: #000; }

.warning {
	width: 100%;
	height: 29px;
	padding: 11px 0 0;
	background: url(../img/bg/bekleding.jpg);
	border-bottom: 1px solid #933636;
	font-weight: bold;
	text-align: center;
	}
	.warning a { border-bottom: 1px solid #fff; }
	.warning a:hover { border-bottom: 1px solid #ffd200; }

a.bulletlinkrood { background: url(../img/icons/bullet-rood.gif) no-repeat 0 6px; padding: 0 0 0 14px; }
a:hover.bulletlinkrood { background: url(../img/icons/bullet-zwart.gif) no-repeat 1px 6px; padding: 0 0 0 14px; }

a.bulletlinkgeel { background: url(../img/icons/bullet-geel.gif) no-repeat 0 8px; padding: 0 0 1px 14px; display: block; float: left; margin: 0 0 19px 0; }
a:hover.bulletlinkgeel { background: url(../img/icons/bullet-wit.gif) no-repeat 1px 8px; padding: 0 0 0 14px; }

.mb20 { margin: 0 0 20px 0; }