@charset "utf-8";
/* CSS Document */

body	{
	color:#000;
	background: #03F url(../images/shawshank_background.png) repeat;
	font: normal 12px Verdana, Geneva, sans-serif;
}

a	{
}

a.bold	{
}

div.clear	{
	clear:both;
	border:0;
	height:0;
	margin:0;
	padding:0;
}

/* Error en Success Gedeelte (mededelingen) */

div.error {
	font: 12px Verdana, Geneva, sans-serif;
	margin: 10px;
	padding: 5px 10px 0 10px;
	border: #000 1px solid; 
	background: #F33;
}

div.success {
	font: 12px Verdana, Geneva, sans-serif;
	margin: 10px 10px;
	padding: 5px;
	border: #000 1px solid; 
	background: #6F6;
}

/* Header gedeelte */

div.logo {
	position: absolute;
	top:;
}

div.wrapper	{
	height:100%;
	background-color:#5f80ff;
	border: #d99f33 2px solid;
	width: 960px;
	min-height: 500px;
	margin: 50px auto 0 auto;
}

div.pagewrapper {
	height: 100%;
	border: #d99f33 1px solid;
	margin: 10px;
	background: #c4d0fd;
}

div.pagetitle {
	float: right;
	height: 80%;
	text-align: right;
	font: normal 24px Verdana, Geneva, sans-serif;
}

div.header {
	height: 100px;
	margin: 15px 15px 0 15px;
	background: url(../images/header.png) bottom left no-repeat;
}

/* Menu Gedeelte (main- en submenu) */

div.menu_wrapper {
	margin: 10px;
}

div.mainmenu {
	background-color: #263366;
	border: #d99f33 1px solid;
	padding: 5px 10px;
}

div.mainmenu a {
	font: normal 14px Verdana, Geneva, sans-serif;
	color: #FF9;
	padding: 5px 10px;
	float: left;
	text-decoration: none;
}

div.mainmenu a:hover {
	background: #FF9;
	color: #000;
}

div.mainmenu a.tools {
	font: normal 14px Verdana, Geneva, sans-serif;
	color: #FF9;
	padding: 5px 5px;
	float: right;
	text-decoration: none;
}

div.mainmenu a.tools:hover {
	background: #FF9;
	color: #000;
}

div.submenu {
	border-left: #d99f33 1px solid;
	border-bottom: #d99f33 1px solid;
	border-right: #d99f33 1px solid;
	margin: 0 10px;
	background: #c4d0fd;
	padding: 2px 10px;
	display: none;
}

div.submenu a {
	font: normal 14px Verdana, Geneva, sans-serif;
	color: #000;
	padding: 2px 10px;
	float: left;
	text-decoration: none;
}

div.submenu a:hover {
	background: #E8EDFF;
	color: 383838;
}

div.admin_pagetitle {
	float: right;
	font: bolder 16px Verdana, Geneva, sans-serif;
	margin: 0 5px;
	padding: 2px;
	height: 100%;
}
	

/* Status (rechts bovenin) */

div.status {
	float:right;
	background: #FFF;
	clear: right;
	height: 20%;
	padding: 5px 5px 0 5px;
	font: bold 12px Verdana, Geneva, sans-serif;
	text-align: center;
}

div.status a {
	color: #333;
	text-decoration: none;
}

div.status a:hover {
	color: #666;
}

/* Footer Gedeelte */

div.footer {
	font: normal 13px Verdana, Geneva, sans-serif;
	color:#000;	
	margin: 20px auto 0 auto;
	padding: 10px 0;
	background-color:#6282ff;
	border: #d99f33 2px solid;
	width: 960px;
	text-align: center;
}

div.footer a {
	color: #333;
	padding: 5px 5px;
	text-decoration: none;
}

div.footer a:hover {
	color:#CCC;
	background: #333;
}

/* Inwoners Gedeelte */

div.huisgenoten_wrapper {
 	width: 700px;
	margin: 10px auto;
}

div.huisgenoot_wrapper {
	border-top: #d99f33 1px solid;
	border-left: #d99f33 1px solid;
	border-right: #d99f33 1px solid;
}

div.huisgenoten_toggle {
	width: 694px;
	padding: 2px;
	background: #dae1fd;
}

div.huisgenoten_toggle:hover {
	background: #afbffd;
}

div.huisgenoten_toggle_icon {
	float: left;
	padding: 2px;
}

div.huisgenoten_toggle_huisnaam {
	float: left;
	padding: 2px;
	font-weight: bold;
}

div.huisgenoten_toggle_naam {
	float: right;
	padding: 2px;
}

div.huisgenoten_content {
	display: none;
	background: #FFF;
	border-top: #d99f33 1px dashed;
}

div.huisgenoten_content_left {
	position: absolute;
	padding: 10px;
	width: 180px;
}

div.huisgenoten_foto {
	margin: 15px;
	background: url(../images/avatar_bg.jpg);
	height: 150px;
	width: 150px;
}

div.huisgenoten_opties {
	clear: left;
	width: 150px;
}

div.huisgenoten_content_right {
	margin: 0 0 0 205px;
	border-left: #d99f33 1px dashed;
}

div.inwoners_info_title {
	padding: 5px;
	float: left;
	width: 200px;
}

div.inwoners_info_actual {
	padding: 5px;
	margin: 0 0 0 205px;
}

div.inwoners_info_wit {
	border-bottom: #d99f33 1px dashed;
	background: #FFF;
	margin: 0;
}

div.inwoners_info_grijs {
	border-bottom: #d99f33 1px dashed;
	background: #EBEBEB;
	margin: 0;
}

div.inwoners_info_grijs_last {
	background: #EBEBEB;
	margin: 0;
}

div.huisgenoten_bottom_border {
	border-top: #d99f33 1px solid;
}

/* Admin Manage Photo Gedeelte */

div.manage_photo_edit_container {
	margin: 10px;
}

div.manage_photo_edit_album {
}

div.manage_photo_edit_album_title {
	padding: 2px;
	border-bottom: black 1px dashed;
}

div.manage_photo_edit_album_title_text {
	font: bold 14px Verdana, Geneva, sans-serif;
	float: left;
	padding: 3px;
}

div.manage_photo_edit_album_title_date {
	font: bold 14px Verdana, Geneva, sans-serif;
	float: right;
	padding: 3px;
}

div.manage_photo_edit_album_contents {
	margin: 5px;
}

div.manage_photo_edit_photo {
	float: left;
	height: 116px;
	width: 116px;
	margin: 5px;
	text-align: center;
	position: relative;
}

div.manage_photo_edit_photo a {
	position: absolute;
	top: 5px;
	margin: 2px;
	padding: 3px;
}

div.manage_photo_edit_photo a.delete {
	right: 5px;
}

div.manage_photo_edit_photo a.magnify {
	right: 26px;
}

div.manage_photo_edit_photo a:hover {
	border: black 2px solid;
	padding: 1px;
	background: #CCC;
}

/* Het Gallery Gedeelte in the Front End */

div.gallery_container {
	margin: 10px;
}

div.gallery_albums_select {
	float: left;
	width: 200px;
	border: #d99f33 1px solid;
	background: #dae1fd;
}

div.gallery_albums_select_title {
	border-bottom: #d99f33 1px dashed;
	background: #afbffd;
	font: bolder 14px Verdana, Geneva, sans-serif;
	padding: 5px;
}

div.gallery_albums_select_contents {
	padding: 10px;
}

div.gallery_albums_select_contents a {
	display: inline-block;
	text-decoration: none;
	border: #d99f33 1px dashed;
	width: 160px;
	padding: 5px 10px;
	margin: 1px 0;
	font: normal 14px Verdana, Geneva, sans-serif;
}

div.gallery_albums_select_contents a:hover {
	background: #afbffd;
}

div.gallery_albums_display {
	float: right;
	width: 710px;
	background: #dae1fd;
	border: #d99f33 1px solid;
}

div.gallery_albums_display_title {
	border-bottom: #d99f33 1px dashed;
	background: #afbffd;
	font: bolder 14px Verdana, Geneva, sans-serif;
	padding: 5px;
}

div.gallery_albums_display_contents {
	padding: 10px;
}

div.gallery_photo {
	background: #c4d0fd;
	float: left;
	height: 116px;
	width: 116px;
	padding: 1px;
	border: black 1px solid;
	margin: 9px;
}

div.gallery_photo:hover {
	background: #d99f33;
}

/* Het Add News gedeelte in de ACP */
div.add_news_container {
	margin: 10px;
}

/* Het Edit News gedeelte in de ACP */
div.edit_news_container {
	margin: 10px;
}

/* Het Home gedeelte */
div.home_container {
	margin: 10px;
}

div.home_agenda_container {
	float: left;
	width: 198px;
	border: #d99f33 1px solid;
}

div.home_agenda_container_title {
	padding: 5px 10px;
	background: #afbffd;
	border-bottom: #d99f33 1px dashed;
}

div.home_agenda_container_content {
	padding: 10px;
	background: #dae1fd;
}

div.home_agenda_entry {
	padding: 5px 3px;
	font: normal 10px Verdana, Geneva, sans-serif;
}

div.home_agenda_entry a {
	font: normal 10px Verdana, Geneva, sans-serif;
	text-decoration: none;
}

div.home_agenda_entry:hover {
	background: #afbffd;
}

div.home_news_container {
	float: right;
	width: 706px;
	border: #d99f33 1px solid;
}

div.home_news_container_title {
	padding: 5px 10px;
	background: #afbffd;
	border-bottom: #d99f33 1px dashed;
}

div.home_news_item {
	margin: 10px;
	border: #d99f33 1px solid;
}

div.home_news_header {
	background: #afbffd;
	padding: 3px 10px;
	border-bottom: #d99f33 1px dashed;
}

div.home_news_footer {
	background: #afbffd;
	padding: 3px 10px;
	border-top: #d99f33 1px dashed;
}

div.home_news_title {
	float: left;
	font: bold 12px Verdana, Geneva, sans-serif;
	padding: 2px;
}

div.home_news_date_author {
	float: left;
	padding: 2px;
}

div.home_news_content {
	padding: 10px;
	background: #dae1fd;
}

/* Het Manage Agenda Gedeelte */
div.manage_agenda_container {
	margin: 10px;
}

div.agenda_new_entry {
	float: right;
	width: 452px;
	border: #d99f33 1px solid;
}

div.agenda_edit_entry {
	margin: 0 auto;
	width: 452px;
	border: #d99f33 1px solid;
}

div.agenda_new_entry_title {
	background: #afbffd;
	padding: 3px 10px;
	border-bottom: #d99f33 1px dashed;
}

div.agenda_entry_form {
	padding: 10px;
	background: #dae1fd;
}

div.agenda_label {
	float: left;
	width: 150px;
	padding: 5px;
	font-weight: bold;
}

div.agenda_label_description {
	float: left;
	width: 300px;
	padding: 5px;
	font-weight: bold;
}

div.agenda_input {
	padding: 5px;
	border-bottom: #d99f33 1px dashed;
}

div.agenda_input_last {
	padding: 5px;
}

div.agenda_entry_submit {
	background: #afbffd;
	padding: 3px 10px;
	border-top: #d99f33 1px dashed;
}

div.agenda_entry_legend {
	font: normal 10px Verdana, Geneva, sans-serif;
	float: right;
	padding: 5px;
}

/* Dit is voor het overview gedeelte van manage_agenda */

div.agenda_overview {
	float: left;
	width: 452px;
	border: #d99f33 1px solid;
}

div.agenda_overview_title {
	background: #afbffd;
	padding: 3px 10px;
	border-bottom: #d99f33 1px dashed;
}

div.agenda_overview_legend {
	height: 20px;
	border-bottom: #d99f33 1px solid;
	background: #dae1fd;
	font: bold 10px Verdana, Geneva, sans-serif;
}

div.agenda_legend_title {
	float: left;
	width: 148px;
	padding: 4px 0;
	text-align: center;
}

div.agenda_legend_start_date {
	padding: 4px 0;
	float: left;
	width: 130px;
	border-left: #d99f33 1px dashed;
	text-align: center;
}

div.agenda_legend_location {
	padding: 4px 0;
	float: left;
	width: 130px;
	border-left: #d99f33 1px dashed;
	text-align: center;
}

div.agenda_legend_action {
	padding: 4px 0;
	float: left;
	width: 41px;
	border-left: #d99f33 1px dashed;
	text-align: center;
}

div.agenda_overview_entry {
	border-bottom: #d99f33 1px solid;
}

div.agenda_overview_entry_header_white {
	background: #FFF;
	height: 20px;
	font: normal 10px Verdana, Geneva, sans-serif;
}

div.agenda_overview_entry_header_white:hover {
	background: #eeeeee;
}

div.agenda_overview_entry_header_gray {
	background: #cfcfcf;
	height: 20px;
	font: normal 10px Verdana, Geneva, sans-serif;
}

div.agenda_overview_entry_header_gray:hover {
	background: #eeeeee;
}

div.agenda_overview_entry_title {
	padding: 4px 0 4px 5px;
	float:left;
	width: 143px;
	border-left: none;
}

div.agenda_overview_entry_start_date {
	padding: 4px 0 4px 5px;
	float:left;
	width: 125px;
	border-left: #d99f33 1px dashed;
}

div.agenda_overview_entry_location {
	padding: 4px 0 4px 5px;
	float:left;
	width: 125px;
	border-left: #d99f33 1px dashed;
}

div.agenda_overview_entry_edit {
	float: left;
	padding: 2px;
	border-left: #d99f33 1px dashed;
}

div.agenda_overview_entry_delete {
	float: left;
	padding: 2px;
	border-left: #d99f33 1px dashed;
}	

div.agenda_overview_entry_content {
	display: none;
	background: #dae1fd;
}

div.agenda_overview_entry_subheader {
	height: 20px;
	font: normal 10px Verdana, Geneva, sans-serif;
	border-top: #d99f33 1px dashed;
}

div.agenda_overview_entry_author {
	padding: 4px 0 4px 5px;
	float: left;
	width: 244px;
}

div.agenda_overview_entry_end_date {
	padding: 4px 0 4px 5px;
	float: left;
	width: 195px;
	border-left: #d99f33 1px dashed;
}

div.agenda_overview_entry_description {
	padding: 10px;
	background: #f0f3fd;
	border-top: #d99f33 1px dashed;
}

/* Het Front-end Agenda gedeelte */

div.agenda_container {
	margin: 10px;
}

div.agenda_entry_content {
	float: right;
	width: 706px;
	border: #d99f33 1px solid;
}

div.agenda_entry_header {
	padding: 5px 10px;
	background: #afbffd;
	border-bottom: #d99f33 1px dashed;
}

div.agenda_entry_title {
	font-weight: bold;
	float: left;
}

div.agenda_entry_author {
	float: right;
}

div.agenda_entry_dates {
	text-align:center;
	padding: 5px 10px;
	background: #c1cdfc;
	border-bottom: #d99f33 1px dashed;
}

div.agenda_entry_description {
	padding: 10px;
	background: #dae1fd;
}

div.agenda_entry_footer {
	padding: 5px 10px;
	background: #afbffd;
	border-top: #d99f33 1px dashed;
}

div.agenda_entry_location {
	float: left;
}

div.agenda_entry_category {
	float: right;
}

/* Het Manage Agenda Gedeelte */
div.contact_container {
	width: 600px;
	margin: 10px auto;
	border: #d99f33 1px solid;
}

div.contact_container_title {
	background: #afbffd;
	padding: 3px 10px;
	border-bottom: #d99f33 1px dashed;
}

div.contact_form {
	padding: 10px;
	background: #dae1fd;
}

div.contact_label {
	float: left;
	width: 100px;
	padding: 5px;
	font-weight: bold;
	text-align: right;
}

div.contact_input {
	padding: 5px;
	border-bottom: #d99f33 1px dashed;
}

div.contact_input_last {
	padding: 5px;
}

div.contact_legend {
	font: normal 10px Verdana, Geneva, sans-serif;
	float: right;
	padding: 5px;
}

div.contact_submit {
	background: #afbffd;
	padding: 3px 10px;
	border-top: #d99f33 1px dashed;
}