* {
	margin: 0;
	padding: 0;
}

body {
	font: 80%/1.4 "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	background-color: #443930;
	color: #d2caca;
}

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

#header {
	height: 193px;
	background-image: url(../imgs/bg_top.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#content
{
	padding: 0 70px 1em 70px;
	background-image: url(../imgs/bg_content.jpg);
	background-repeat: repeat-y;
	background-position: 50% top;
}


#agenda h2 {
	margin: 20px 0 0 0;
	border: 1px solid #ffb821;
	border-width: 1px 0 0 0;}

#agenda ul, #agenda p {
	margin: 0 160px 0 200px;
}

#contentc
{
	padding: 0 70px 1em 70px;
	background-image: url(../imgs/bg_content.jpg);
	background-repeat: repeat-y;
	background-position: 50% top;
	text-align: center;
}

#infofooter {
	padding: 10px 70px 2px 70px;
	background-image: url(../imgs/bg_content.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	text-align: center;
}

#footer {
	height: 36px;
	background-image: url(../imgs/bg_footer.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

hr.footerline {
	border: 1px solid #c3a3aa;
	border-width: 1px 0 0 0;
	margin: 0 0 10px 0;
}

a:link, a:visited, a:active {
	color: #ffb821;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:active {outline:none;}
:focus {-moz-outline-style:none;outline:0;}

.fotokader a:hover {
	text-decoration: none;
}

.centercontent {
	text-align:center;
}

.centercontent img {
	border: 1px solid #c3a3aa;
	margin: 20px;
}

.centercontentsun {
	text-align:center;
	float:left;
}

.centercontentsun img {
	border: 1px solid #c3a3aa;
	margin: 20px 0 20px 80px;
}

.sundance {
	float:left;
	margin: 60px 0 0 20px;
}

#bd ul {
	padding: 0 0 0 1.2em;
}

h1
{
	padding: 1.8em 0 4px 0;
	letter-spacing: -0.5px;
	/* it isn't web 2.0 otherwise, right? ;) */
	font-family: georgia,helvetica,arial;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
}

h2
{
	padding: .4em 0 20px 0;
	letter-spacing: -0.5px;
	/* it isn't web 2.0 otherwise, right? ;) */
	font-family: georgia,helvetica,arial;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
}

/*  NAVIGATION  */

#banner2 {
	width: 800px;
	background: #999;
	font-weight: bold;
}

#nav ul {
	float: left;
	list-style: none;
	font-weight: bold;
}

#nav {
	width: 800px;
	float: left;
	list-style: none;
	font-weight: bold;
	background: #383026;
	border: solid #6e645b;
	border-width: 1px;
	z-index: 1;
}

#nav a {
	display: block;
	color: #d2caca;
	text-decoration: none;
	padding: 6px 12px;
}

#nav a:hover {
	color: #ffb821;
}

#nav li { /* all list items */
	float: left;
	position: relative;
	text-align: left;
	cursor: hand;
	display: block;
}

#nav li li a {
	display: block;
	font-weight: normal;
}

li ul {
	position: absolute;
	left: -999em;
	height: auto;
	font-weight: normal;
	border: 1px solid #6e645b;
	border-width: 1px 0 0 0;
	background: url(../imgs/ddbg44.gif) bottom left no-repeat;
	padding: 0 0 20px 0;
}

li>ul {  /* non IE */ 
	display: none;
	top: auto;
	left: auto;
	border: 1px solid #6e645b;
	border-width: 1px 0 0 0;
	background-color: none;
	background: url(../imgs/ddbg44.png) bottom left no-repeat;
	padding: 0 0 20px 0;
}

#nav li li {
	width: 194px;
	display: block;
	float: none;
}

#nav li ul a {
	width: 160px;
}

a#current {
	color: #ffb821;
}	
/*

Hier nog iets verzinnen voor IE 6 only

#nav li:hover, #nav li.sfhover
{
	background-image: url(../imgs/ddbg44b.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

*/


#nav li:hover, #nav li.sfhover
{
	background-image: url(../imgs/ddbg44b.png);
	background-repeat: no-repeat;
	background-position: left center;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

li:hover ul, li.over ul { 
	display: block;
}
		
.rechts {
	margin: 0 0 10px 30px;
	border: 1px solid #6e645b;
	float: right;
}

.rechts_z {
	margin: 0 0 10px 30px;
	float: right;
}

.fotokader {
	margin: 0 0 10px 0;
	border: 1px solid #6e645b;
}

hr.clear
{
	clear: both;
	border: 1px solid #aaf;
	border-width: 0;
	height: 0px;
}

div.clear { clear:both;border:0px; height:0px;}
#bd p {
	font: 110%/1.6 "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
	margin: 0 0 1em 0;
	padding: 0 200px 0 0;
}

#bd2 p {
	font: 110%/1.6 "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
	margin: 0 0 1em 0;
	padding: 0 300px 0 0;
}

#bdc p {
	font: 110%/1.6 "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 0 0 1em 0;
}

#bdc {
	padding: 0 100px;
	margin: 0 auto;
}

#bdc2 {
	padding: 0 165px;
	margin: 0 auto;
}

#bdc2 p {
	font: 110%/1.6 "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
	margin: 0 0 1em 0;
}

#bdc3 {
	padding: 0 70px;
	margin: 0 auto;
}

#bdc3 p {
	font: 110%/1.6 "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 0 0 1em 0;
}


#bdfoto {
	text-align: center;
}

.fotoframe1 {
	float: left;
}

.fotoframe1 img, .fotoframe2 img {
	width: 382px;
	height: 267px;
	border: 1px solid #6e645b;
}


.fotoframe2 {
	float: right;
}

#monoSlideshow {
	border: 1px solid #6e645b;
	border-width: 1px 0 0 0;
}

hr.aanmelden {
	border: 0px;
	margin: 1em 1em 1em 0;
	color: #ffb821;
	height: 1px;
	background-color: #ffb821;
}

.sterretje {
	color: #ffb821;	
}

/*#list1 {
	width: 369px;
	height: 267px;
	background: url(../imgs/IMG_2714.jpg);
	position: relative;
	border: 1px solid #6e645b;
	z-index: 0;
}

#list2 {
	width: 369px;
	height: 267px;
	background: url(../imgs/DSCN0369.jpg);
	position: relative;
	border: 1px solid #6e645b;
}

#list3 {
	width: 369px;
	height: 267px;
	background: url(../imgs/edu.jpg);
	position: relative;
	border: 1px solid #6e645b;
}

#list1 li, #list2 li, #list3 li {
	margin: 0; 
	padding: 0; 
	list-style: none; 
	position: absolute; 
	top: 0;
}
#list1 li, #list1 a, #list2 li, #list2 a, #list3 li, #list3 a {height: 267px; display: block;}

#screen1, #screen2, #screen3 {left: 0; width: 386px;}
#screen1 a:hover {background: transparent url(../imgs/IMG_2714.jpg) 0 -267px no-repeat;}
#screen2 a:hover {background: transparent url(../imgs/DSCN0369.jpg) 0 -267px no-repeat;}
#screen3 a:hover {background: transparent url(../imgs/edu.jpg) 0 -267px no-repeat;}
*/

.equinox {
	margin: 0;
	padding: 0;
}