body,div,dl,dt,dd, th,td {
margin:0;
padding:0;
border:0;
}

html {
background:#333 url(../images/main_bg.jpg) repeat left top;
margin:0;
padding:0;
}

body {
font:.75em Arial, Verdana, sans-serif;
background:url(../images/main_bg_gradient.jpg) top left repeat-x;
color:#fff;
margin:0;
padding:0;
}

a {
color:#df0008;
text-decoration:underline;
font-weight:700;
}

a:hover {
color:#fff;
text-decoration:underline;
}

h1 {
font:bold 22px Arial, Helvetica, sans-serif;
color:#fff;
margin-bottom:4px;
padding-bottom:4px;
}

h2,h3,h4,h5,h6 {
font:bold 16px Arial, Helvetica, sans-serif;
color:#cccccc;
margin:0;
padding:0;
}

#maincellbg {
height:auto;
width:960px;
display:table;
background:url(../images/cellbg.jpg) repeat-y;
margin:auto;
border:1px solid #000;
}

#maincellbg2 {
height:auto;
width:960px;
display:table;
background:url(../images/cellbg2.jpg) repeat-y;
margin:auto;
border:1px solid #000;
}

#header {
text-align:left;
height:92px;
width:960px;
display:block;
background:url(../images/jazzontheweb1.jpg) no-repeat;
margin:auto;
}

#middlebar {
background:url(../images/jazzontheweb2.jpg) no-repeat;
float:left;
height:197px;
width:960px;
}

#contentbg {
background:url(../images/jazzontheweb4.jpg) no-repeat top;
min-height:376px;
}

#contentbg2 {
background:url(../images/vervolg_04.jpg) no-repeat top;
min-height:376px;
}

#logo {
position:absolute;
height:183px;
width:183px;
float:left;
z-index:9999;
top:1px;
}

#ambiance {
height:160px;
width:568px;
float:right;
margin-right:60px;
margin-top:18px;
text-align:center;
display:inline;
}

#colleft {
float:left;
height:600px;
width:296px;
text-align:left;
display:table;
}

#colright {
float:left;
height:auto;
width:684px;
display:table;
}

#contentcell {
float:left;
height:auto;
width:684px;
display:block;
}

.contenttext {
height:auto;
width:auto;
color:#e9de8d;
font:11px/18px Verdana, Arial, Helvetica, sans-serif;
display:table;
text-align:left;
padding:20px;
float:left;
}

#footer {
background:#191816;
float:left;
height:35px;
width:960px;
color:#fff;
text-align:center;
}

#footer a {
color:#fff;
font-weight:400;
text-decoration:underline;
}

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

#copyright {
float:left;
height:30px;
width:960px;
text-align:center;
color:#ccc;
background:#191816;
}

#small {
width:244px;
margin-left:57px;
padding:10px;
float:left;
display:inline;
}

#medium {
width:244px;
margin-left:27px;
padding:10px;
float:left;
display:inline;
}

#large {
width:244px;
margin-left:25px;
padding:10px;
float:left;
display:inline;
}

.content {
	padding: 20px 100px;
}
/* from here css needed for the cms */
img {
		border-right: 0px;
		border-top: 0px;
		border-left: 0px;
		border-bottom: 0px;
}
a:active {
		color: #ba5205;
		text-decoration: none;
}
/* For the search and formum */
blockquote {
		border-right: #00858a 1px dashed;
		padding-right: 16px;
		border-top: #00858a 1px dashed;
		padding-left: 16px;
		background: #EAE0D0;
		padding-bottom: 16px;
		margin: 0px 0px 16px;
		border-left: #00858a 1px dashed;
		padding-top: 16px;
		border-bottom: #00858a 1px dashed;
}
blockquote h2 {
		color: #00858a;
}
blockquote p {
		margin: 0px;
}
/* this is to hide any text you need hiding */
.hideword {height: 0; width: 0; overflow: hidden; position: absolute;}

/* hides the second object from all versions of IE */
* html object.mov {
	display: none;
}

/* displays the second object in all versions of IE apart from 5 on PC */
* html object.mov/**/ {
	display: inline;
}

/* hides the second object from all versions of IE >= 5.5 */
* html object.mov {
	display/**/: none;
}
/* divider pages colors */
.pages {
	padding: 1em;
	margin: 1em 0;
	clear: left;
	font-size: 85%;
}

.pages a, .pages span {
	display: block;
	float: left;
	padding: 0.2em 0.5em;
	margin-right: 0.1em;
	border: 1px solid #fff;
	background: #fff;
}

.pages span.current {
	border: 1px solid #F0EADF;
	font-weight: bold;
	background: #BA9E66;
	color: #fff;
}

.pages a {
	border: 1px solid #F0EADF;
	text-decoration: none;
}

.pages a:hover {
	border-color: #2E6AB1;
}

.pages a.nextprev {
	font-weight: bold;
}

.pages span.nextprev {
	color: #666;
}

.pages span.nextprev {
		border: 1px solid #ddd;
		color: #000;
}
div.feedback {
	width: auto;
	margin-bottom: 24px;
	margin-right: 0px;
	margin-left: 20px;
}
div.feedback blockquote {
	margin: 0px;
	padding: 0px;
	border: 1px dashed #c9c2c1;
	background-color: #fff;
}
div.feedback blockquote p {
	margin: 10px;
	padding: 0px;
}
div.feedback cite {
	position: relative;
	margin: 0px;
	padding: 7px 0px 0px 15px;
	top: 4px;
	background: transparent url(../../cmsimg/tip.gif) no-repeat 20px 0;
}
/*QUOTE voor forum*/
.forum {
		border-right: #00858a 1px dashed;
		border-top: #00858a 1px dashed;
		padding-left: 4px;
		padding-top: 2px;
		padding-right: 4px;
		padding-bottom: 2px;
		border-left: #00858a 1px dashed;
		border-bottom: #00858a 1px dashed;
		font-style: italic;
}
/*highlight kleur zoeken*/
.highlight {
		BACKGROUND: #D0C1A2;
}
/*progress upload*/
div#subbut {
		width: 160px;
		border: 0px;
		display: inline;
}
div#subbutton {
		width: 160px;
		border: 0px;
		display: inline;
}
/*formulieren en bewerk boxen admin*/
.formulier_select {
		FONT-SIZE: 11px;
		LETTER-SPACING: 0.06em;
}
.formulier_attach {
		height: 20px;
		width: 243px;
		font-size:11px;
		color: #306;
		background-color: #fff;
		border: 1px solid #306;
}
.formulier_input {
		font-size:14px;
		color: #306;
		background-color: #fff;
		border: 1px solid #306;
}
.formulier_button2 {
		cursor:pointer;
		border:outset 1px #306;
		font-size:11px;
		color: #306;
		background-color: #fff;
}
.formulier_button {
		cursor:pointer;
		border:outset 1px;
		background:#000;
		font-size:14px;
		padding: 4px 2px;
		color:#fff;
		background:url(formbg.png) repeat-x left top;
}
.formulier_area {
		font-size:11px;
		color: #306;
		background-color: #fff;
		border: 1px solid #306;
		overflow: auto;
}
/*zoekbar*/
.input {
		font-size:11px;
		color: #306;
		background-color: #fff;
		border: 1px solid #306;
		margin: 0px 0px 5px;
}
.selectmenu {
	   font-size: 11px;
	   letter-spacing: 0.06em
}
.suggestion_list {
	background: white;
	border: 1px solid;
	padding: 4px;
	width: 86px;
	overflow: hidden;
}
.suggestion_list ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
.suggestion_list a {
	text-decoration: none;
	color: navy;
}
.suggestion_list a:hover {
	text-decoration: none;
	color: #fff;
	background: navy;
}
.suggestion_list .selected {
	background: navy;
	color: white;
}
.suggestion_list .selected a {
	color: white;
}
#autosuggest {
	display: none;
	z-index: 2;
}
/*zoekbar*/
#zoekbar {
	margin-top: 10px;
}
#nieuwsbrief {
	margin-top: 10px;
}
.sitemapdiv {
	float: left;
	width: 50%;
}
.sitemapdiv li {
	width:auto;
}
/*poll result kleuren*/
#poll, table, td {
}
.pollbarwidht {
	width: 150px;
}
.graph .bar {
	display: block;
	position: relative;
	background: #008081;
	color: #008081;
	height: 4px;
	line-height: 4px;
}
/*tooltips admin*/
#dhtmltooltip {
		position: absolute;
		font: 11px/20px arial, helvetica, sans-serif;
		color: #000;
		left: -300px;
		width: 150px;
		border: 1px solid black;
		padding: 2px;
		background-color: #ffffcc;
		visibility: hidden;
		z-index: 100;
}
/*tooltips admin*/
#dhtmlpointer {
		position:absolute;
		left: -300px;
		z-index: 101;
		visibility: hidden;
}
.albumtooltiph {
	   padding:3px;
	   font-size: 11px;
	   color: #1B4966;
	   border:1px solid #A5CFE9;
	   background:#FFFFFF;
	   width: 160px;
	   opacity: .75;
	   filter: alpha(opacity=75);
}
.albumtooltipb {
	   padding:3px;
	   font-weight:bold;
	   font-size: 11px;
	   color: #4B7A98;
	   border:1px solid #A5CFE9;
	   background:#EAE1D1;
	   width: 160px;
	   opacity: .75;
	   filter: alpha(opacity=75);
}
.kalendertiph {
	   padding:3px;
	   font-size: 11px;
	   color: #1B4966;
	   border:1px solid #A5CFE9;
	   background:#F6F3EC;
	   width: 120px;
	   opacity: .75;
	   filter: alpha(opacity=75);
}
.kalendertipb {
	   padding:3px;
	   font-size: 11px;
	   color: #1B4966;
	   border:1px solid #A5CFE9;
	   background:#F6F3EC;
	   width: 120px;
	   opacity: .75;
	   filter: alpha(opacity=75);
}
.feedbacktiph {
	   padding:3px;
	   font-weight:bold;
	   font-size: 11px;
	   color: #4B7A98;
	   border:1px solid #A5CFE9;
	   background:#EAE1D1;
	   width: 350px;
	   opacity: .85;
	   filter: alpha(opacity=85);
}
.feedbacktipb {
	   padding:3px;
	   font-size: 11px;
	   color: #1B4966;
	   border:1px solid #A5CFE9;
	   background:#FFFFFF;
	   width: 350px;
	   opacity: .85;
	   filter: alpha(opacity=85);
}
/* feedback */
.posthidden {
 	display:none
}
.postshown {
	display:inline
}
/* blogcss */
.blogheading,
.blogpagetitle,
a.blogpagetitle:link,
a.blogpagetitle:active,
a.blogpagetitle:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#3973AC;
	font-weight: bold;
	padding-top: 25px;
	background-color:inherit;
	display:block;
}
.blogcreatedate {
	color:#4A87C4;
	font-size:10px;
	padding: 0 0 15px 0;
	line-height:8px;
	background-color:inherit;
}
.blogmodifydate {
	color:#999999;
	font-size:10px;
	padding: 0;
	background-color:inherit;
}
/* CSS Kalender */
.cellbg {
		 background-color: #FFFFFF
}
.cellover {
		 background-color: #DDD1B9;
		 cursor: pointer;}
.celltoday {
		 background-color: #000080
}
.cellevent {
		 background-color: #D7E1F5
}
.normaltext {
		 color: #000000;
		 font-weight: normal;
		 font-size: 10px;
}
.eventtitle {
		color: #000080;
		font-weight: normal;
		font-size: 10px;
		font-weight: bold;
}
.eventheading {
		color: #000080;
		font-weight: normal;
		font-size: 14px;
		font-weight: bold;
}
.regheading {
		color: #000000;
		font-weight: normal;
		font-size: 13px;
}
.kalendertable {
		border-color: Navy;
		font-size: 16px;
}
.kalenderdatum {
		background-color: #F6F3EC;
		padding:2px;
		margin:0;
		width:200px;
		height:140px;
}
.kalendermaand td {
		background-color: #F6F3EC;
		padding:2px;
		margin:0;
		width:200px;
}
.kalenderweek tr {
		height: 30px;
		cursor: pointer;
}
/* Fotoalbum2 */
.images_map_cell {
	 font-family: Helvetica, Arial, sans-serif;
	 padding: 4px 4px 8px 4px;
	 border-style: solid;
	 border-color: #DDDDDD;
	 text-align: center;
	 vertical-align: top;
	 border-width: 1px;
}
.images_thumbnail_cell {
	 font-family: Helvetica, Arial, sans-serif;
	 padding: 4px 4px 8px 4px;
	 border-style: solid;
	 border-color: #DDDDDD;
	 text-align: center;
	 vertical-align: top;
	 border: none;
}
.images_thumb_border {
	 padding: 0px;
	 border-width: 1px;
	 border-style: solid;
	 border-color: #999999;
	 margin: 6px 6px 2px 6px;
}
.images_mapname {
	 font-size: 9px;
	 color: #666666;
	 font-weight: bold;
	 text-align: center;
}