/* Kleuren * * * * * * *
donkerpaars #71003b
paars rand foto's #91004b
paars #b1005c
(tussen paars-groen #c1ba3c)
lichtgroen #c1d72e
middengroen #9eb026
donkergroen #7b891d
groenigwit #eef4c6
* * * * * * * * * * * * */

html, body { border: 0; margin: 0; padding: 0;}

body {
	padding: 0;
	margin: 0;
	text-align: center;
	background: #b1005c url(/images/site/bgbodynw2.png) 0 0 no-repeat;
	font-family: Trebuchet MS, verdana, tahoma, arial, sans-serif;
	font-size: 80%;
	color: #000;
}

/* Links * * * * * * * * * * * * * * * * * */

a {
	color: #71003b; /* donkerpaars */
	text-decoration: none;
}

a:hover {
	color: #7b891d; /* donkergroen */
}

#head a {
	color: #fff;
	text-decoration: none;
}

#nav a {
	text-decoration: none;
text-transform: uppercase;
font-size: 0.85em;
letter-spacing: 0.1em;
}

.side_art a {
	text-decoration: none;
}

.side_art a:hover {
}

#content a, .rood a {
	color: #c1d72e; /* lichtgroen */
}

#content a:hover, .rood a:hover {
	color: #9eb026; /* middengroen */
}

#content .logo a {
font-size: 0.9em;
	color: #71003b; /* donkerpaars */
}

#content .logo a:hover {
	color: #7b891d; /* donkergroen */
}

a.backtotop {
cursor: pointer;
}


/* Images * * * * * * * * * * * * * * * * * */

a img {border: 0;}


/* Algemene markup * * * * * * * * * * * * * * * * * */

h1 {
	font-size: 2em;
	letter-spacing: 0.1em;
	margin:0;
	color: #fff;
	font-family: Trebuchet MS, verdana, tahoma, arial, sans-serif;
	display: inline;
	margin: 0 20px 0 10px;
}

h1#sitename {
	position: absolute;
	top: -11000px;
}



h2 {
	font-size: 1.8em;
	letter-spacing: 0.1em;
	font-weight: normal;
	margin-bottom: 25px;
}

h2.koren {
padding-top: 25px;
}

h3 {
	font-size: 1.5em;
	letter-spacing: 0.1em;
	font-weight: normal;
	margin-top: 25px;
	margin-bottom: 25px;
}

h3.lijst {
	margin-bottom: 15px;
}

h3.nieuws {
	font-size: 1.3em;
	letter-spacing: 0.1em;
margin-top: 6px;
        margin-bottom: 10px;
}

h3.fotos {clear: left;}

.personages h3 {
clear: left;
font-size: 1.3em;
}

.blok h2, .blok h3 {
letter-spacing: 0;
font-size: 1em;
margin-top: 5px;
margin-bottom: 5px;
}

h4 {
	font-size: 1em;
	letter-spacing: 0.1em;
	font-weight: bold;
}

.personages h4 {
font-weight: normal;
padding-top: 4px;
}

.safari .personages h4 {
font-size: 1.05em;
}

p {
	line-height: 1.5em;
	padding: 4px 0;
}

p.sponsors {
padding-bottom: 30px;
}

p.datum {
padding-top: 20px;
}

ul {
	padding: 8px 15px;
	line-height: 1.5em;
}

ul ul {
	padding-top: 0;
	padding-bottom: 0;
}

dl {
	line-height: 1.5em;
}

dt {
font-style: italic;
}

cite {
	font-style: italic;
}

object {
	background: transparent;
}

blockquote {
font-size: 0.9em;
padding-left: 30px;
padding-right: 30px;
}

/* De rest * * * * * * * * * * * * * * * * * */

#accessibility {
	position: absolute;
	top: -10000px;
}

#container {
width: 900px;
margin: 0 auto;
padding: 0;
}

#head {
background: transparent url(/images/site/okw2def182x240.png) 20px 0 no-repeat;
height: 240px;
	padding: 0 0 0 220px;
	text-align: left;
}

#head p.slogan {
	margin: 0 10px 0 2px;
	padding: 0;
	color: #fff;
letter-spacing: 0.1em;
}

#noscript {
position: absolute;
top: 108px;
left: 77%;
width: 150px;
color: #fff;
font-style: italic;
}

#head p.banner {
margin: 175px 0 0 -18px;
background-color: #c1d72e;
padding: 20px 0 5px 20px;
color: #b1005c;
text-transform: uppercase;
font-size: 1.1em;
letter-spacing: 0.15em;
}

.opera #head p.banner {
margin-top: 174px;
padding-bottom: 5px;
}

#nav {
	margin: 2px 12px 0 0;
	text-align: center;
}

#main {
        clear: both;

padding: 0 10px;
	overflow: auto;
}

#sidebar-2 {
	float: right;
	width: 200px;
	text-align: left;
	padding: 0  0 0 5px;
margin: 20px 10px 0 20px;
	line-height: 1.2em;
	font-size: 0.9em;
}

#sidebar-2 .side_art {
	padding: 20px;
	margin-bottom: 20px;
background-color: #eef4c6; /* groenigwit */
}

.side_art h4 {
text-transform: uppercase;
font-weight: normal;
letter-spacing: 0.1em;
	padding: 0 0 6px 0;
	margin: 0;
}

#sidebar-2 p {
	margin: 4px 0 0 0;
	line-height: 1.3em;
	padding: 0;
}

#sidebar-2 p.rechts {
padding-top: 6px;
}

#content-links {
float: left;
width: 296px;
margin: 20px 10px 0 10px;
text-align: left;
}

#content-rechts {
float: right;
width: 296px;
margin: 20px 10px 0 10px;
text-align: left;
}

.blok {
padding: 20px 20px 10px 20px;
margin-bottom: 20px;
}

#sidebar-2 .blok {
padding-bottom: 20px;
}

.rood {
background-color: #71003b; /* donkerpaars */
color: #fff;
}

.groen {
background-color: #c1d72e; /* lichtgroen */
color: #000;
}

.rose {
/* background-color: #d77e70; */
color: #000;
}

.wit {
background-color: #fff;
color: #000;
}

.lgeel {
background-color: #eef4c6;
}


#content {
background-color: #71003b; /* donkerpaars */
color: #fff;
	margin: 20px 10px;
	padding: 20px 20px 20px 40px;
text-align: left;
overflow: auto;
}

.opera #content {
width: 570px;
}

#default #content {
margin-bottom: 4px;
}

#content .artikel {
padding-right: 20px;
}
#content .afb-artikel {
padding-right: 0;
}


.foto {
background-color: #91004b;
color: #000;
padding: 4px;
}

.front {
background-color: #91004b;
height: 390px;
width: 578px;
margin-left: -10px;
}

.front img {
margin: 4px;
}

.gallery {
	margin-top: 20px;
margin-right: -20px;

}

.logolijst {
margin-right: -16px;
}

.castlijst .cast,
.castlijst .koor,
.gallery .cast {
	display: block;
	float: left;
	padding-right: 20px;
	margin-bottom: 22px;
}

.castlijst .een {
	padding-right: 30px;
}
.gallery .een {
	padding-right: 20px;
width: 158px;
}

.castlijst .geen {
height: 150px;
background-color: #71003b;
}

.gallery p {
	font-size: 0.9em;
}


.personages .foto {
float: left;
margin-right: 20px;
margin-bottom: 30px;
}

.personages .geenfoto {
background-color: transparent;
border: 1px solid #91004b;
padding: 4px;
float: left;
width: 150px;
height: 150px;
margin-right: 20px;
margin-bottom: 30px;
}

.personages .koor {
clear: left;
}

.logolijst .logo {
background-color: #fff;
padding: 10px;
	display: inline;
	float: left;
margin: 15px 15px 0 0;
	width: 250px;
	font-style: italic;
}

.subs {
background-color: #fff;
margin-right: 15px;
padding: 15px;
overflow: auto;
}

.subs .logo {
display: inline;
float: left;
padding: 0;
margin: 0 25px 30px 0;
}

.subs .logo img {
padding: 0;
margin: 0;
}

.muziek {
	margin-top: 30px;
}

.cast p,
.logo p,
.gallery p {
padding: 5px;

	line-height: 1.4em;
}

.koor p {width: 196px;}

.personages p {
padding-top: 20px;
}

p.links {
	text-align: left;
}

p.rechts {
	text-align: right;
}

#content-links p.rechts,
#content-rechts p.rechts {
font-size: 0.9em;
}

.blok p.rechts {
padding-top: 4px;
}


#content dl {
	margin-top: 30px;
	margin-bottom: 30px;
}

#content dt {
	margin-top: 10px;
}

#content dd {
	padding-left: 30px;
}

#content .personages dt {
	font-style: italic;
}

#content .artikellijst {
	margin: 20px 0;
}

#content .artikellijst h3 {
	display: inline;
}

#content .artikellijst p {
	display: inline;
	margin-left: 10px;
}


#foot {
background-color: #c1d72e;
	margin: 0 20px;
	clear: both;
	text-align: center;
}

#foot p {
	font-size: 0.9em;
	margin: 0;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}  /* for IE/Mac */

.clearleft {
	clear: left;
}

.ganaar {
	display: inline;
	float: right;
}

.caps {
	text-transform: uppercase;
}

/* -------- contactformulier ----------- */

form {
	margin-top: 30px;
	margin-bottom: 50px;
}

input.zemText,
textarea.zemTextarea {
	margin-bottom: 12px;
	background-color: #eef4c6;
	color: #000;
	border: 0;
padding: 2px;
}

select.zemSelect {
	margin: 0 0 20px 0;
padding: 2px;
	background-color: #eef4c6;
	color: #000;
	border: 0;
}

input.zemSubmit {
cursor: pointer;
	background-color: #b1005c;
	color: #fff;
	font-family: Trebuchet MS, verdana, tahoma, arial, sans-serif;
text-transform: uppercase;
font-size: 0.85em;
	letter-spacing: 0.1em;
	border: 0;
padding: 2px;
}

input.zemCheckbox {
margin: 4px 0 20px 0;
}