@charset "utf-8";
/* CSS Document */

* {
	margin: 0px;
	padding: 0px;
}
HTML, BODY {
	width: 100%;
	height: 100%;
}
BODY {
	background: #000 url('../images/layout/bg.jpg') fixed center no-repeat;
	font-family: arial;
	font-size: 12px;
	line-height: 18px;
}
H1 {
	font-size: 1.8em;
}
H2 {
	font-size: 1.6em;
	font-weight: lighter;
	padding-bottom: 10px;
}
H3 {
	font-size: 1.2em;
	font-weight: lighter;
}
UL {
	list-style-type: none;	
}
A:LINK, A:VISITED {
	color: #FFF;
	text-decoration: underline;	
}
A:HOVER {
	text-decoration: none;	
}
P {
	padding: 0 0 10px 0;
}
INPUT {
	font-family: arial;
	font-size: 12px;
	line-height: 18px;
	margin: 2px 0;
}


.error {
	font-size: 1.5em;
	color: #f7941e;
}
.clear {
	clear: both;
}
.rss {
	width: 38px;
	height: 39px;
	margin: -13px 0 0 268px;
	position: absolute;
	background-image: url('../images/layout/icon-rss.png');	
}

.list-data {
	border-top: solid 1px #404040;
	padding-bottom: 10px; 
}
.list-data LI {
	padding: 10px 0;
	border-bottom: solid 1px #404040;
}
.list-data LI TABLE TD {
	vertical-align: top;
}
.list-data LI TABLE TD IMG {
	margin-right: 10px;
}
.list-data LI TABLE TD SMALL {
	display: block;
	margin-bottom: 5px;
}

/* Menu */
.list-menu LI {
	padding: 8px 0 0px 0;
}
.list-menu LI LI {
	padding: 5px 0 5px 15px;
}
.list-menu LI A:LINK, .list-menu LI A:VISITED {
	font-size: 1.4em;
	text-decoration: none;
	color: #696969;
}
.list-menu LI LI A:LINK, .list-menu LI LI A:VISITED {
	font-size: 1.2em;
	text-decoration: none;
	color: #AAA;
}
.list-menu LI A:HOVER, .list-menu LI LI A:HOVER, .list-menu LI A.active, .list-menu LI LI A.active {
	text-decoration: underline;
	color: #FFF;
}

.theater-overzicht-voorstelling {
	width: 150px;
	height: 385px;
	float: left;
	margin-bottom: 13px;
	background: #111111;
}
.theater-overzicht-voorstelling .btn-readmore {
	position: absolute;
	margin: 360px 0 0 95px;
}

/* Opmaak voor edit content */
.content UL {
	list-style: disc;
}
.content UL UL {
	list-style: circle;
}
.content LI {
	margin: 0 0 0 15px;
}
.content LI LI {
	margin: 0 0 0 30px;
}
.content IMG {
	margin: 0 0 10px 25px;
}




/* GASTENBOEK */
.gastenboek FORM {
	width: 100%;
	border-bottom: solid 1px #404040;
	padding-bottom: 25px;
}
.gastenboek TABLE {
	margin: 0 auto;
}
.gastenboek TABLE TD.left {
	text-align: right;
	padding-right: 3px;
}
.gastenboek TABLE TD IMG {
	float: left;
	padding: 0;
	margin: 0;
}

.gastenboek FORM INPUT.form_textfield, .gastenboek FORM TEXTAREA.form_textarea, .gastenboek FORM SELECT.form_select {
	width: 300px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	border: none;
	padding: 2px;
	background: #CCC;
}
.gastenboek FORM INPUT.form_button {
	background: #404040;
	border: solid 1px #404040;
	color: #FFF;
	font-size: 1.0em;
	padding: 2px;
	width: 100px;
}
.gastenboek FORM INPUT.form_button:HOVER {
	cursor: pointer;
	background: #000;
}
.gastenboekbericht {
	border-bottom: solid 1px #404040;
	padding: 10px 0;
}
.gastenboekbericht H3 {
	padding: 0 0 5px 0;
}
.gastenboekbericht SPAN.bericht-naam {
	color: #f7941e;
}


.btn-readmore {
	float: right;
	padding: 0 10px 0 0;
	text-align: right;
	font-size: 1.2em;
	background: url('../images/layout/btn-readmore.gif') right 6px no-repeat;	
}
.btn-boeken {
	float: right;
	margin-top: 10px;	
}
.btn-boeken:HOVER {
	cursor: pointer;	
}
.btn-theateroverzicht {
	display: block;
	font-size: 20px;
	padding: 2px 0 15px 0;
}
SPAN.sorteer {
	display: block;
	padding: 5px 0 20px 0;	
}
.theater-info {
	position: absolute;
	z-index: 1;
}
.theater-info:HOVER {
	z-index: 100;
}
#tabs-nav {
	position: absolute;
	padding-right: 20px;
	z-index: 100;
}
#tabs-nav IMG {
	border: none;
	display: block;
	float: right;
}

#container {
	width: 980px;
	margin: 0 auto;
}
HTML > BODY #container {
	height: auto;
}
#flash_header {
	height: 325px;
}
#main {
	width: 700px;
	float: left;
}
#sidebar-right {
	width: 280px;
	float: left;
}
#footer {
	width: 980px;
	margin: 0 auto;
	text-align: center;
	color: #FFF;
	padding-bottom: 15px;
}

.artiest-verzamel h3 {
	font-weight: bold;
	margin: 0px 0px 10px 0px;
}

.formulier-bestellen td {
	overflow: auto;
}

.formulier-bestellen td.error label {
	color: #F7941E;
	font-weight: bold;
	font-size: 12px;
}

.formulier-bestellen td label {
	display: block;
	float: left;
	width: 150px;
}

.formulier-bestellen td div {
	float: left;
}

.formulier-bestellen td div.inline label {
	float: none;
	display: inline;
}

.formulier-bestellen td label span {
	color: #888888;
}

.formulier-bestellen td div .textfield {
	width: 170px;
	font-size: 12px;
	font-family: Arial, sans-serif;
}

.formulier-bestellen td.error div .textfield {
	border: 2px solid #F7941E;
}

.voorstelling-titel a {
	color: #F7941E;
	text-decoration: none;
}

.voorstelling-titel a:hover {
	text-decoration: underline;
}

.blok-uitgave {
	display: block;
	border: 1px solid #444;
	background-color: #1a1a1a;
	padding: 10px;
	margin-bottom: 15px;
}

#tabs h3 {
	font-weight: bold;
}

#tabs p {
	color: #cecece;
}