* {margin:0; padding:0}
img {zdisplay:block; zdisplay:inline-block; vertical-align:top;}  /* Voor nifty corners */
a img {border:0}
html,body {
	width:100%; height:100%; background:#FFEE9F; text-align:center;
  font:normal 92%/1.5em Verdana, Geneva, Arial, Helvetica, sans-serif;
}

body {behavior:url("csshover.htc");}

#headerContainer, #headerImage, #contentContainer, #footerContainer, #providedContainer {
	margin-bottom: 16px;
}
#container {padding:18px 0; width:84%; min-width:640px; max-width:1200px; margin:0 auto; text-align:left; position:relative;}
#background {background:url(img/logotransparant.png) 500px -200px no-repeat; width:100%; min-height:100%; _height:100%;}
#headerContainer {position:relative; z-index:1000;}

#headerImage {width:20%; float:left; background:url(img/clowntjepolka.jpg) top center; position: relative;}
#headerSpacer {height:200px; min-height:200px;}

#headerRight {position:relative; float:right; height:200px; width:78%;}
#header {float:right; height:200px; width:100%; background-color:#FC0; background-image:url(img/headermetlogo_tr.png); background-position:right top;}
* html #header {background-image:url(img/headermetlogo_tr.gif);}
#header h1 {margin:25px 0 0px 25px; text-indent:-100em; display:block; background:url(img/kamertheater.png) no-repeat; height:35px;}
#header #subTitle {margin:10px 0 0px 25px; color:#CC3020 ; #D84428; font: bold 22px Arial, Helvetica, Univers, sans; text-transform: uppercase;}
#contentContainer {clear:both; padding:30px 0px 15px 0px; position:relative; zoom:1;}


#mainContent {min-height:300px; margin-right:240px; float:left;}
#rightContainer {margin-left:-200px; _margin-left:-210px; float:right; zoom:1; width:200px;}

div.csc-textpic {padding:0 0 0 0; clear:both;}
div.csc-textpic dl {}

div.csc-textpic dt {float:none; padding:10px; background:#FFE064;}
div.csc-textpic dt img, #slideshow img {background:green; display:block; zfloat:none; position:relative; zoom:1;}

dd.csc-textpic-caption {padding:0 10px; font-size:.8em; line-height:1.3em;} /* hor-padding to match image border (padding on dt) */
div.csc-textpic-imagewrap,
div.csc-textpic-imagerow {width:auto !important;} /* reset inline width on image containers if not done through typoscript */

div.csc-textpic-header {float:left;}
div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap {}

div.csc-textpic-intext-right-nowrap p.bodytext,
div.csc-textpic-intext-left-nowrap p.bodytext {clear:left;}

#slideshow {position:relative; padding:10px; background:#FFE064; margin-bottom:20px; width:180px;}

.contentBody {clear:both;}

#contentContainer h1,
#contentContainer h2,
#contentContainer h3,
#contentContainer h4 {
	padding-bottom: 5px;
	font: bold 160%/1.2em Arial, Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#mainContent .csc-header {zclear:both;}
#mainContent h1.styledheader {background: url(img/h1rond.gif) top right no-repeat; float:left; padding-bottom:18px;}
#mainContent h1.styledheader span {color:#E677EF; font-size:26px;
	height:27px; line-height:29px; _line-height:27px;  /* IE6 doesn't obey height, so we'll have to do with lower line-height */
	border-top: 7px solid #FFE064; border-bottom: 4px solid #FFE064; background: #FFFCDF;
	margin:0 25px 0 -900px; padding:0 6px 0 900px; display:block;
	_zoom:1; _position:relative; _float:left; _margin-right:12px;  /* IE6 fixes: Zoom & position fix the neg. margin-bug, float is to stop filling the whole line, the modified margin (from 16 to 12px) is bizarre but necessary */
}
h2 {font-size: 140%}
h3 {font-size: 120%}
h4 {font-size: 100%}


#mainContent p {padding-bottom:5px;}
#mainContent p {zclear:left;}

#mainContent ul,
#mainContent ol {padding:0 0 5px 25px;}
#mainContent li {padding-left:5px;}

#footerContainer {clear:both; position:relative; font:bold 70% Verdana,Geneva,Arial,Helvetica,sans-serif; color:#EFBF00;}
#footerContainer a {text-decoration: none; color: #EFBF00;}
#footerContainer a:hover {text-decoration: underline;}

#footerText {margin:0 240px 10px 0;}
#footerText div.csc-header-n1 {display:none;}
#providedBy {position:absolute; right:0; top:0; text-align:right;}

/* Mail form layout */

fieldset {border:0}
.csc-mailform-field {padding-bottom:.3em; clear:left;}
.csc-mailform-field input {border:1px solid #FFD62F; padding:1px 2px;}
label {display:block; width:12em; ztext-align:right; padding-right:.2em; float:left; white-space:nowrap;}
#mailform .csc-mailform-submit {font: normal 110%/1.2em Arial, Helvetica, sans-serif; margin:1em 0 1em 11.15em; #margin-left:12.2em; padding:1px 3px 2px; color:#FFF; font-weight:bold; background:#D84428; border-color:#D84428; #border:none; cursor:pointer; cursor:hand;}

#menu {position:absolute; left:17px; bottom:0; margin:10px 0 0; _position:relative; _margin:-1.55em 0px 0; font:bold 17px Arial,Verdana,Geneva,Arial,Helvetica,sans-serif; color:#FFF; letter-spacing:.03em;}
#menu ul {}
#menu a {display:block; _display:inline-block; zoom:1; _float:left; text-decoration:none; color:#D84428; padding:.25em 8px .3em; text-transform:lowercase;}
#menu li:hover {background-color:#FA4;}
#menu li {list-style:none; line-height:1.0em; margin:0; position:relative; float:left;}
#menu ul ul {position:absolute; top:1.55em; left:0; background:#FFE068; display:none; z-index:1000;}
#menu ul li:hover ul {display:block;}
#menu ul ul li {float:none; clear:left;}
#menu ul ul li a {_float:none; _width:8em; }
#menu ul ul li div {position:absolute; top:0; right:0;}
#menu li.current a,
#menu li.active a {}
#container #menu ul ul ul {display:none; position:absolute; top:0; left:0;}
#container #menu ul ul li:hover ul {display:block;}

.transparent80 {filter:alpha(opacity=70); opacity: 0.7; -moz-opacity:0.7; -khtml-opacity: 0.7;}

.clearer {clear:both; margin-bottom:18px;}

/*
--------------------------------------------------
Class 'clearfix' for clearing floats
http://positioniseverything.net/easyclearing.html
--------------------------------------------------
*/

.csc-header:after,
.clearfix:after,
.contentBody:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} /* this is the fix for modern CSS 2.1 browsers, adding clearer tags purely through CSS */

.csc-header,
.clearfix,
.contentBody {display:inline-block;}  /* this one is for IE Mac, which will be corrected below */

/* And below is first the fix for IE-Win (using the Tan Hack '* html')
    and then the correction for all browsers except IE Mac */

/* Hides from IE-mac \*/
* html .contentBody {height: 1%;}
* html .clearfix {height: 1%;}
* html .csc-header {height: 1%;}
.csc-header,
.clearfix,
.contentBody {display: block;}
/* End hide from IE-mac */