* {
	margin: 0; padding: 0; -moz-outline: none; }

body {
	background-color: #006; color: #003; font-family: "Palatino Linotype", Georgia, "Times New Roman", serif; 
	font-size: 13px; line-height: 150%; }

#container {
	margin: 0 auto; width: 720px; }

#header {
	height: 80px; position: relative; background: url(../gfx/titelbalk.jpg) no-repeat 0 0; }

#main {
	overflow: hidden; width: 100%; min-height: 400px; background-color: #FFF; }

#content {
	float: left; margin: 0 0 0 20px; position: relative; width: 520px; z-index: 5; }

#footer {
	clear: both; height: 33px; margin-bottom: 20px; overflow: hidden; padding-top: 15px; 
	background: #FFF url(../gfx/sleutelpatroon.jpg) repeat-x left bottom; }

body.grid1 #maincol {
	float: left; width: 520px; overflow:hidden; }

body.grid1 #sidebar {
	display: none; }

body.grid2 #maincol {
	float: left; width: 300px; }

body.grid2 #sidebar {
	float: left; margin: -45px 0 0; padding-left: 10px; width: 200px; color: #039; text-align: left; }

#sidebar a {
	font-weight: bold; }
#sidebar ul li {
	padding: 0 0 1em 25px; background: #FFF url(../gfx/stergroot.gif) no-repeat 0 0; list-style: none; }
#sidebar ul.nieuws h3 {
	padding-left: 0!important; color: #039; }
#sidebar ul {
	margin: 0 0 1em; padding: 0; }
#sidebar h3 {
	padding-left: 25px; }
#sidebar p {
	padding: 0 0 1em 25px; }
#sidebar img,#sidebar ul li p {
	padding: 0; }
#sidebar p.bijschrift{
	padding-left:0;}
#sidebar p.kader{
	padding:4px;
	margin-top:1em;
}


h1 {
	color: #693; font: 20px "Trebuchet MS", Arial, Verdana, sans-serif bold; }
h2 {
	margin-top: 15px; color: #039; font-size: 17px; }
h3 {
	color: #693; font-size: 15px; font-weight: bold; }
h3.datum {
	color: #999; margin-bottom: 15px; }
h4 {
	color: #690; font-size: 13px; }
em {
	color: #C60; font-style: normal; font-weight: bold; }
a {
	color: #06C; text-decoration: none; }
a:hover {
	color: #693; text-decoration: underline; }
a img{
	border:none;}
ol {
	margin: 0 0 0 2px; padding: 0 0 0 20px; font-size: 13px; line-height: 150%; list-style-type: decimal; }
ul {
	margin: 0 0 0 12px; padding-left: 6px; font-size: 13px; line-height: 150%; list-style-image: url(../gfx/starbullet.jpg); }
	
table{
	border:1px solid #CCC;
	border-collapse:collapse;
	border-width:1px 1px 0 0;
}
th{
	text-align:left;
}
th, td{
	padding:3px;
	border:1px solid #CCC;
	border-width:0 0 1px 1px;
}
caption{
	text-align:left;
	font-weight:bold;
	margin:10px 0;
}
	
	
#header h1 {
	margin-left: -800px; display: none; }

#menu {
	height: 310px; position: relative; z-index: 10; float: left; width: 160px; font-size: 12px; text-align: right; }
#menu a:hover {
	text-decoration: none; }
#menu ul {
	list-style-image: none; list-style: none; margin: 19px 0 0; padding: 0; width: 160px; font: bold 11px Verdana, Arial, Helvetica, sans-serif; }
#menu ul li {
	position: relative; }
#menu li ul {
	background-color: #FFF; border-left: 2px dotted #C60; display: none; left: 160px; margin: 0; position: absolute; 
	text-align: left; top: 0; width: 152px; }
#menu li:hover ul,#menu li.over ul {
	display: block; }
#menu ul a {
	color: #c60; display: block; line-height: 18px; padding:0 10px 2px 0; }
#menu ul a.sub {
	background: #FFF url(../gfx/menupijl.gif) no-repeat right 5px; }
#menu li ul a {
	background: #E5B27F url(../gfx/menupijl.gif) no-repeat left -15px; color: #FFF; padding-left: 10px; width: 152px; }
#menu ul a:hover {
	background-color: #F5E0CC; }
#menu li ul a:hover {
	background: #f5e0cc url(../gfx/menupijl.gif) no-repeat left 3px; color: #c60; }


div.kolom {
	padding-bottom: 20px; }

.concertdatum {
	padding-top: 5px; }

.vacature {
	margin: .5em 0; padding-left: 20px; }

.row{
	float:left;
	overflow:hidden;
	width:100%;
}

.fotobox {
	float: left; 
	background:#FFF url(../gfx/thumbshadow.jpg) no-repeat right bottom;
	position:relative; padding:0 10px 10px 0; }
.thumbtop{
	position:absolute; width:10px; height:16px;
	background:#FFF url(../gfx/thumbshadowtop.jpg) no-repeat left top;
	right:0; top:0; }
.thumbbottom{
	position:absolute; width:16px; height:10px;
	background:#FFF url(../gfx/thumbshadowbottom.jpg) no-repeat left top;
	left:0; bottom:0; }
.thumbrow{
	width:100%; overflow:hidden; }
ul.pagenumbering {
	list-style: none; height: 45px; margin-left: 10px; }
ul.pagenumbering li {
	display: block; float: left; }
ul.pagenumbering li a.number {
	background: #FFF url(../gfx/pag1.gif) no-repeat left top; display: block; width: 25px; height: 45px; }
ul.pagenumbering li a.number:hover {
	background-position: left -45px; }
ul.pagenumbering li.current a.number {
	background-position: left -90px; }
ul.pagenumbering li a.n1 {
	background-image: url(../gfx/pag1.gif); }
ul.pagenumbering li a.n2 {
	background-image: url(../gfx/pag2.gif); }
ul.pagenumbering li a.n3 {
	background-image: url(../gfx/pag3.gif); }

img.linklogo {
	width: 150px; margin: -12px 0 0 10px; }

div.article {
	overflow: hidden; float: left; margin-bottom: 15px; width:100%; }

#flashcontent p {
	color: #c00; font-weight: bold; padding: 5px; border: 1px solid #C00; }

#maincol {
	width: 300px; margin: 0; float: left; text-align: left; }

.imagebox {
	margin-right: 5px; margin-bottom: 5px; border: 1px solid #000; }

.bijschrift {
	font-style: italic; }

.intro {
	margin-bottom: 1.3em; font-size: 14px; }

.concertdatum,p.datum {
	color: #693; font-style: italic; }

.kader {
	padding: 4px; background-color: #F5E0CC; border: 1px solid #C60; }

.metsub {
	background: #FFF url(../gfx/menupijl.gif) no-repeat 100% 50%; }

.verder {
	padding: 0 8px 2px 0; background: url(../gfx/submenupijl.gif) no-repeat 100% 5px; }

form{
	background-color: #E9F3DC; position:relative; /*padding:5px 0; margin:10px 0;*/}
form#mail_form{
	padding:5px 0;
}
form ol {
	list-style: none; padding: 0; margin:0; }
form ol li {
	padding: 0 5px 0; /*display:none;*/
	overflow:hidden;
}
form ol li.head {
	background-color: #693; color:#FFF; margin-bottom:5px; padding-bottom:5px; }
form fieldset {
	border: none; }
form label {
	width: 110px; float: left; color:#039; }
form ol li.head label{
	color:#FFF;
}
form ol li.offset{
	margin-left:110px;
}

label.suffix {
	float: none; margin-right:5px; }
label input {
	margin: 3px 8px 10px 0; }
p.info, fieldset.offset {
	margin-left: 110px; }
input,
textarea{
	margin:0 0 10px;}
input.tekst, textarea {
	border: 1px solid #039; color: #039; /*padding: 3px; */font: 12px "Palatino Linotype", Georgia, "Times New Roman", serif; width: 230px; }
input.kort, label.kort {
	width: 60px; margin-right: 14px; }
input.medium {
	width: 154px; }
input.extrakort {
	width: 20px; float: left; margin-right: 5px; }
input.button {
	background-color: #9c6; color: #FFF; font-family: "Palatino Linotype", Georgia, "Times New Roman", serif; font-weight: bold; 
	border: 1px solid #D4E7B8; border-color:#D4E7B8 #693 #693 #D4E7B8;padding: 2px; cursor: pointer; }
select{
	font-family:"Palatino Linotype", Georgia, "Times New Roman", serif;border: 1px solid #039; color: #039; margin-bottom:10px;}
label.error {
	color: #C30; 
	font-size: 11px; 
	width: 150px; 
	float:right;
}
fieldset.offset label.error,
label.suffix label.error{
	margin-left:0;}
	
/*div.error{
	position:absolute;
	right:0;
	top:150px;
	width:160px;
}
.error ul li{
	background:none;
	padding-left:0;
	list-style:none;
}
.error li{
	color:#F00;
	margin:0 0 5px;
	font-size:11px;
}*/
input.error,
textarea.error,
select.error{
	border-color:#F00;
}	
	
	
h2.formtitle{
	background-color:#9c6;padding:3px 6px; color:#FFF; font-size:14px; margin-bottom:0;}

#portretten{
	width:305px; height:180px; margin-bottom:10px;}

div.nonflash{
	background:transparent url(../gfx/bg_nonflash.jpg) no-repeat left top; width:285px; height:180px; 
	overflow:hidden; padding:10px;}
div.nonflash h3{
	color:#039;}
	
div.overlay{
	z-index:80;
	position:absolute;
	top:45px;
	left:0;
}

.floatbox {
	float:left;padding:0 10px 0 0;width:120px;}
.endfloat {
	clear:right;}