body { 
	margin: 0;
	padding: 0;
	background: #5F550E;
	text-align: center;
	font-size:11px;
	font-family: Verdana, Arial, sans-serif;
	color: #FFF;
}

/* Holder */
div.holder {
	background: url(../images/background.jpg) #FFF top left repeat-y;
	margin: 0px auto;
	text-align: left;
	width: 804px;
	color: #404040;
}

/* Flash Header */
div.header {}


/* Menu */
ul.menu {
	background: #FFFFFF url(../images/menu_bg.jpg) top left no-repeat;
	list-style: none;
	height:29px;
	padding: 0px 37px;
	margin:0;
}

ul.menu li {
	float:left;
	height:29px;
	color : #000000;
}

ul.menu li a.first {
	border-left: 1px solid #B9B9B9;
}

ul.menu li a{
	padding: 2px 10px 2px 10px;
	display:block;
	color: #000000;
	border-right: 1px solid #B9B9B9;
	text-decoration:none;
	font-weight:normal;
	border-bottom:none;
}

ul.menu li a:hover {
	color: #0DA5F7;
	background:#F0F4F8;
	border-bottom:none;
	font-weight:normal;
}

ul.menu li ul {
	background-color: #FFFFFF;
	margin:0 0 0 -2px;
	padding:0;
	border:1px solid #B9B9B9;
	position: absolute;
	left: -999em;
	list-style:none;
}

ul.menu li:hover ul {
	left: auto;
}

ul.menu li:hover ul, ul.menu li.sfhover ul {
	left: auto;
}

ul.menu li ul li {
	float:none;
	height:auto;
}



/* Content Area */
div.content {
	border-bottom : 1px dashed #1F8398;
	margin:15px 40px;
	padding:0 0 1em 0;
}

div.content p {
	margin: 1em 0px 1em 5px;
}

div.content ul {
	margin:1em 2em;
	list-style:square;
}
	
div.content p img {
	float: right;
	margin: 0px 0px 0px 10px;
	border: 1px solid #C0C0C0;
}


/* Content + SideBar Area */
div.bar { 
	width:520px;
	float:left;
	margin:15px 0 15px 40px;
	_margin:15px 0 15px 20px;
}

div.sidebar {
	float:right;
	width:170px;
	margin:15px 40px 15px 0;
	_margin:15px 20px 15px 0;
}

/* Headers */
h1 {
	width: 160px;
	height: 18px;
	font-size: 13px;
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	margin: 5px 0px 10px 0px;
	padding: 1px 5px 1px; 
	background-color:#000;
	clear: none;
	color: #D0D0D0;
}
h1.long {
	background-color:#FFF;
	width:auto;
}

h1.long span {
	background-color:#000;
	padding: 1px 5px 1px; 
}

h1.medium {
	width:250px;
}

h2 {
	height: 13px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	font-size:13px;
}

/* Links */
a {
	color : #0DA5F7;
	font-weight : bold;
	text-decoration : none;
	border-bottom : 1px solid #C0C0C0;
}
a:hover {
	color : #0DA5F7;
	text-decoration : none;
	font-weight : bold;
	border-bottom : 1px solid #808080;
}

/* Horizontal Ruler */
hr {
	height: 1px;
	border-width: 1px 0 0 0;
	border-style: dashed;
	border-color: #1F8398;
}

/* Forms */
label {
	display:block;
	font-weight:bold;
}

label.inline {
	display:inline;
}

label.normal {
	font-weight:normal;
}

textarea, input, select {
	color: #404040;
	background-color: #FFFFFF;
	border: 1px solid #C0C0C0; 
	margin: 2px 0px 2px 0px;
	padding: 1px 1px 2px;
}

input.submit{
	color: #0DA5F7;
	border: 1px solid #C0C0C0;
	font-weight: normal;
	padding: 0px 10px 1px; 
	margin: 0px 2px 0px 0px;
	background-color: #F0F4F8;
}

input.text {
	width:400px;
}

/* */
p.error { font-weight:bold; color:#FF0000; }
p.correct { font-weight:bold; color:#006600; } 

/* Sidebar lists */

div.sidebar ul {
	margin:0 0 1em 0;
	padding:0;
	border-top: 1px solid #C0C0C0;
}

div.sidebar ul li{
	padding:1px 0;
	margin:0;
	list-style-type: none;
	border-bottom: 1px solid #C0C0C0;
}

div.sidebar ul li:hover{
	background : #F0F4F8;
}

div.sidebar ul li a{
	border:none;
}

/* Sponsoren list */
div.sidebar ul.sponsoren {
	margin:0 0 0 0;
	padding:0;
}
div.sidebar ul.sponsoren li{
	padding:1em;
	text-align:center;
}

div.sidebar ul.sponsoren li a img{
	border:none;
}

/* Photos */
div.albumHolder {
	text-align:center;
}
div.albumInfo {
	float:left;
	width:200px;
	border:0px solid #000;
	height:170px; 
	text-align:center;
	margin:1em 1em 1em 2em;
	background-color:#EEE;
}

div.albumInfo img {
	border: 1px solid #000;/*#C0C0C0;*/
	margin:1em;
}

div.albumInfo a {
	border:none;
}

div.photoInfo {
	height:106px;
	float:left;
	margin:1em;
	width:135px;
}

div.photoInfo img {
	border: 1px solid #C0C0C0;
}

div.photoInfo a{
	border:none;
}

/* Errors */
.error {
	color:#FF0000;
	font-weight:bold;
}

/* Diverse */

.floatleft {
	float:left;
}

.floatright {
	float:right;
}

.clear {
	clear:both;
}

/* Footer */
div.footer {
	height : 100px;
	background: #FFFFFF url(../images/bottom_wave.jpg) top left no-repeat;
	color : #FFFFFF;
	clear : both;
}

/* Copyright etc */
div.copy {
	text-align:right;
	padding:1em;
	width:800px;
	margin:0 auto;
}

div.copy a {
	color:#FFF;
}

/* Smoelenboek */

div.sidebar ul.horizontal {
	margin:0.5em;
	border:none;
	text-align:center;
}

div.sidebar ul.horizontal li {
	list-style:none; 
	display:inline;
	padding:2px;
	border:none;
}

div.lid {
	margin:1em 0;
	background-color:#f8fafa;
}

div.lid img {
	float:left; 
	margin:0 1em;
	border:1px solid #C0C0C0;
}

div.lid table{
	float:left; 
	width:340px;
	border-right:2px solid #C0C0C0;
	height:200px;
}

div.lid table th{
	width:60px;
}

div.lid table td.edit{
	text-align:right;
	padding-top:0.5em;
}

div.profiel, div.profiel table{
border-right:none;
background-color:#FFFFFF;
}

div.editHolder {
	background-color: #FFF;
	text-align: left;
	color: #404040;
}

/* Forum */

div.newMessage form {
	padding:0em 1em;
}

div.newMessage form input.text {
	width:400px;
}
div.newMessage form textarea {
	width:400px;
}

div.newMessage div.hulp a{
	border:none;
	padding:auto;
}


div.posts{
	border-top:2px solid #BBB;
	margin:0 0 2em 0;
}

div.posts div.post {
	border-bottom:1px solid #1f8398;
	padding:0;
	padding:0 0 4px 0;
}

div.posts div.header span.name {
	float:left;
	font-weight:bold;
}

div.posts div.header span.lid {
	color:#000099;
}

div.posts div.header span.date {
	float:right;
	font-size:9px;
	color:#666666;
}

div.posts div.header span.postid {
	margin-left:3px;
	margin-right:3px;
	float:right;
	font-size:9px;
	color:#666666;
}

div.posts div.post form textarea {
	width:400px;
	height:60px;
}
div.posts div.post form input.hidden {
	border:none;
}

div.posts div.post form input {
	display:block;
}

div.posts div.post p {
	clear:both;
	margin:0;
}

div.posts div.post p.reactions {
	margin:0 0 0 2em;
	text-align:left;
}


div.posts div.post div.reactions {
	border-top:1px solid #BBB;
	margin:4px 0 0 2em;
}

div.posts div.post div.reactions p.reactions {
	margin:0;
}

div.posts div.post div.reaction {
	padding:0 0 0.5em 0;
	border-bottom:1px solid #BBB;
}

div.posts div.post img.smiley{
	display:inline;
	float:none;
	border:none;
	margin:0;
}

div.content p.nav {
	text-align:right;
	margin:5px 0;
	padding:0;
}



/* Forum Categories */
	.forumcontainer {
		background-image:url(../images/forumimgs/container.jpg);
		width:241px;
		height:157px;
		padding-left:17px;
		padding-top:22px;
		float:left;
		cursor:pointer;
		margin-right:2px;
	}
	
	.forumimg:hover, .forumimg { border:none; }
	
	.forumtext {
		font-family: Arial, sans-serif;
		font-size:11px;
		width:220px;
		color:#666666;
	}



/* Calendar */

div.content table.calender {
	border-collapse:collapse;
	background-color:#FFFFFF;
	font-family: Arial, sans-serif; 
}

div.content table.calender th.dayName {
	height: 19px;
	background: #FFFFFF url(../images/agenda/agenda_top_default.jpg) top left no-repeat;
	text-align:center;
	font-weight:bold;
	color:#FFF;
	width:103px;
}

div.content table.calender th.first {
	background: #FFFFFF url(../images/agenda/agenda_top_left.jpg) top left no-repeat;
	width:114px;
}

div.content table.calender th.last {
	background: #FFFFFF url(../images/agenda/agenda_top_right.jpg) top left no-repeat;
	width:117px;
}


div.content table.calender td  {
	padding:0;
	width:103px;
	font-size:9px;
	height:100px;
	_height:87px;
	vertical-align:top;
	text-align:right;
	padding:13px 3px 0 0;
}

div.content table.calender td.day  {
	color: #433D27;
	background: #FFFFFF url(../images/agenda/agenda_td_default.jpg) top left no-repeat;
}

div.content table.calender td.other {
	color: #BBBBBB;
	background: #FFFFFF url(../images/agenda/agenda_td_other.jpg) top left no-repeat;
}

div.content table.calender a.activity {
	color:#0DA5F7;
}

/* Normale rijen */
div.content table.calender td.weekend  {
	background: #FFFFFF url(../images/agenda/agenda_td_weekend.jpg) top left no-repeat;
}
div.content table.calender tr td.first  {
	background: #FFFFFF url(../images/agenda/agenda_td_left.jpg) top left no-repeat;
	width:114px;
}
div.content table.calender tr td.last  {
	background: #FFFFFF url(../images/agenda/agenda_td_right.jpg) top left no-repeat;
	width:97px;
	padding:13px 20px 0 0;
}
div.content table.calender tr td.lastOther  {
	color: #BBBBBB;
	background: #FFFFFF url(../images/agenda/agenda_td_other_right.jpg) top left no-repeat;
	padding:13px 20px 0 0;
}
div.content table.calender tr td.firstOther  {
	color: #BBBBBB;
	background: #FFFFFF url(../images/agenda/agenda_td_other_left.jpg) top left no-repeat;
}

/* Eerste Rij */
div.content table.calender tr.first td  {
	height:94px;
	_height:86px;
	padding:8px 3px 0 0;
}
div.content table.calender tr.first td.day  {
	background: #FFFFFF url(../images/agenda/agenda_td_first_default.jpg) top left no-repeat;
}
div.content table.calender tr.first td.firstOther  {
	color: #BBBBBB;
	background: #FFFFFF url(../images/agenda/agenda_td_first_left_other.jpg) top left no-repeat;
}
div.content table.calender tr.first td.other  {
	background: #FFFFFF url(../images/agenda/agenda_td_first_other.jpg) top left no-repeat;
}
div.content table.calender tr.first td.first  {
	background: #FFFFFF url(../images/agenda/agenda_td_first_left.jpg) top left no-repeat;
}
div.content table.calender tr.first td.weekend  {
	background: #FFFFFF url(../images/agenda/agenda_td_first_weekend.jpg) top left no-repeat;
}
div.content table.calender tr.first td.last  {
	padding:8px 20px 0 0;
	background: #FFFFFF url(../images/agenda/agenda_td_first_right.jpg) top left no-repeat;
}

/* Dag van de maand */
div.content table.calender tr td div {
	font-weight:bold;
	text-align:right;
}


div.content table.calender td a {
	font-weight:normal;
	color: #433D27;
}

div.content table.calender td a:hover {
	font-weight:normal;
}

div.content table.calender td span.activity  {
	background-color:#FF0000;
}
div.content table.calender td span.birthday  {
	background-color:#00FF00;
}


/* Newsitems */
div.newsitem {
	border-bottom : 1px dashed #1F8398;
}

div.newsitem h2 {
	padding:2px; margin:0;
}
div.newsitem p.author {
	font-size:10px;
	font-style:italic;
	margin:0 2px;
}

div.newsitem a.img {
	display:block;
	width:120px;
	height:80px;
	overflow:hidden;
	border:2px solid #000;
	float:left;
	margin:0.5em;
}

div.newsitem a img {
	width:120px;
	border:none;
}

div.newsitem p.more {
	clear:both;
	text-align:right;
}