/*POCA.be CSS - Created by Pieter Rubberecht & Riek Steenwegen

V 1.0.1.4


Last Modification: 17/02/2009 17:00
By Piru

Changes history:




*/

a{text-decoration: none; color: #000000;}
a:link img{border: 0;} 
a:hover {text-decoration: none; color: #ff0000;}

.CurrentPage{
	color: #ff0000;
	}

/*Overlay voor log in*/

#overlay {
	visibility: false;
	}

#overlay-box {
	background: url(gfx/login.gif) no-repeat top right;
	width: 60px;
	height: 20px;
	margin: auto;
	}

/*Style Mainpage and Default Elements all pages*/

body {
	background: #FFFFFF url(gfx/brushed-back.jpg) repeat-x;
	color: #000000;
	font-family: helvetica, arial;
	font-size: 12px;
	line-height: 16px;
	}

#container {
	background-color: transparent;
	width: 985px;
	margin: auto;
	min-height: 420px;
	}

#left {
	width: 170px;
	float: left;
	height: auto;
	}

#l-top {
	height: 25px;
	background: url(gfx/curve-left.gif) no-repeat;
	}

#l-logo {
	background-color: #FFFFFF;
	height: 100px;
	padding-left: 20px;
	}

#l-menu {
	background-color: #FFFFFF;
	height: 395px;
	text-align: center;
	text-transform: uppercase;
	line-height: 20px;
	}
	
#l-menu img {
	padding:5px;
	}

#center {
	background-color: #FFFFFF;
	min-height: 420px;
	height: auto;
	width: 788px;
	float: left;
	}
	
#m-top {
	height: 14px;
	
	}

#m-content { width: inherit;}


#ml {
	float: left;
	width: 246px;
	}
	
#ml-top {
	height: 177px;
	background: url(gfx/ml-p.jpg) no-repeat;
	}

#ml-bottom {
	padding: 15px;
	font-size: 12px;
	text-align: justify;
	}

.welcome {
	margin-bottom: 15px;
	text-align: right;
	color: #ff0000;
	font-size: 15px;
	}
	

#mm {
	float: left;
	width: 295px;
	}

#mm-top {
	height: 105px;
	background: url(gfx/mm-p.jpg) no-repeat;
	}

#mm-bottom {
	padding-left: 25px;
	}

#mr {
	float: left;
	width: 247px;
	height:auto;
	}

#mr-top {
	height: 189px;
	background: url(gfx/mr-p.jpg) no-repeat;
	text-align: right;
	padding-top: 10px;
	padding-right: 10px;
	color: #CCCCCC;
	font-size: 10px;
	}

#mr-bottom {
	height:auto;
	}

#eventswrap{ 
	margin: 3px 15px 15px 15px;
	}

.eventheader { 
	height: 18px;
	}
	
.events {
	text-align: left;
	color: #ff0000;
	font-size: 15px;	
	float: left;
	margin-right: 15px;
	}

.event-lines {
	line-height: 2;
	clear: both;
	height:auto;
	margin-top: 15px;
	margin-bottom: 20px;
	}
	
.rss {
	float: right;
	margin-right: 20px;
	}
	
#log-inwrap { 
	margin: 3px 15px 15px 15px;
	float:left;
	height:200px;
	width:inherit;
	}

.log-in {
	text-align: left;
	color: #ff0000;
	font-size: 15px;
	}

#log-in {
	text-align: left;
	color: #ff0000;
	font-size: 15px;
	height: 16px;
	float: left;
	width: auto;
	}

.formfield1 {
	background: url(gfx/loginboite_.gif) no-repeat top left;
	font-size : 10px; 
	font-family: Verdana, Helvetica, sans-serif;
	color : #767474; 
	border:0px; 
	height: 21px;
	width: 155px;
	padding: 3px 10px 0 10px;
	margin-right: 10px;
	}	

.formfield2 {
	background: url(gfx/loginboite_.gif) no-repeat top left;
	font-size : 10px; 
	font-family: Verdana, Helvetica, sans-serif;
	color : #767474; 
	border:0px; 
	height: 21px;
	width: 155px;
	padding: 3px 10px 0 10px;
	float: left;
	margin-right: 10px;
	margin-top: 15px;
}

.formfield3 {
	background: url(gfx/loginboite_.gif) no-repeat top left;
	font-size : 10px; 
	font-family: Verdana, Helvetica, sans-serif;
	color : #767474; 
	border:0px; 
	height: 21px;
	width: 155px;
	padding: 3px 10px 0 10px;
	float: left;
	margin-right: 10px;
}

#formwrap { width: 225px; float: left;}
#formwrap2 { width:175px; height: auto; float:left;}
#formwrap3 { width: auto; margin-left: 5px; height: 18px; width: 18px; margin-top: 17px; float: left;}


.okbutton {
	float: left;
	background-image: url(gfx/check.gif);
	width: 18px;
	height: 18px;
	}
	
#right {
	float: left;
	width: 26px;
	height: auto;
	}
	
#r-top {
	height: 25px;
	background: url(gfx/curve-right.gif) no-repeat top right;
	}

#r-bottom {
	background-color: #FFFFFF;
	height: 495px;
	}

#footer {
	clear: both;
	font-size: 10px;
	margin: 5px 0 0 25px;
	color: #999999;
	}

#footer a:link {color:#666666}
#footer a:hover {color: red;}
#footer a:visited {color:#666666}
	
/*Events page & Default Subpage Layout*/

#page-top {
	background: url(gfx/cut-header.gif) no-repeat top right;
	color: #999999;
	font-size: 10px;
	height: 110px;
	text-align: right;
	padding-top: 30px;
	padding-right: 10px;
	}

#page-content {
	background-color: #FFFFFF;
	height: 420px;
	}

#submenu {
	padding-left: 18px;
	width: 250px;
	float: left;
	min-height: 400px;
	}

#submenu-heading {
	margin-top: 6px;
	width: 250px;
	height: 35px;
	}

#submenu-title {
	color: #ff0000;
	font-size: 18px;
	float: left;
	margin-right: 10px;
	}

#submenu-list {
	line-height: 25px;
	padding-left: 5px;
	font-size: 12px;
	clear: both;
	}

.submenu-item {font-weight: bold; color: #ff0000;}

.submenu-item a:link {color:#ff0000;}
.submenu-item a:hover {color:#ff0000;}
.submenu-item a:visited {color:#ff0000;}

#content-descr {
	float: left;
	width: 510px;
	min-height: 420px;
	background-color: #FFFFFF;
	}

#content-title {
	color: #ff0000;
	}
	
.descr-big { font-size: 25px; margin-bottom: 5px;}

.descr-date { font-size: 15px;}

#content-item {
	margin-top: 15px;
	margin-bottom: 10px;
	padding-right: 17px;
	}

#content-wrap { 
	text-align: justify;
	margin-bottom: 15px;
	}
	
xx#content-wrap img {width: 500px; float: right; }
	
.page-info {
	color: #ff0000;
	text-align: right;
	font-size: 10px;
	float: right;
	}
.page-info a:link {color: #ff0000;}
	
#content-bottom {
	height: 40px;
	clear: both;
	}

#cat-view {
	background: url(gfx/cat-balk.gif) no-repeat left top;
	width: 222px;
	height: 37px;
	color: #ff0000;
	overflow: none;
	float: left;
	}

#cat-list {
	margin-top: 9px;
	margin-left: 9px;
	float: left;
	}
	
#cat-list-pics {
	margin-top: 5px;
	float: left;
	}
	
#cat-list-pics img{
	margin-left: 5px;
	float: left;
	}
	
#roadbook {
	float: left;
	margin-left: 25px;
	}

.rss-column {
	float: left;
	margin-left: 10px;
	}

/*Gallery Page & Gallery Thumbs Page*/

#page-top-pics {
	background: url(gfx/cut-header-pics.jpg) no-repeat top right;
	color: #999999;
	font-size: 10px;
	height: 110px;
	text-align: right;
	padding-top: 30px;
	padding-right: 10px;
	}

.indent-year {
	margin-left: 10px;
	margin-bottom: 5px;
	}

.big-pic { 
	max-width: 518px;
	}
.big-pic img { 
	border: 1px solid #ff0000;
	padding: 1px;
	}
	
.thumbnail {
	float: left;
	width: 98px;
	height: 82px;
	margin: 0px 18px 13px 0px;
	}
	
.thumbnailAdm {
	float: left;
	width: 82px;
	height: 82px;
	margin: 0px 18px 13px 0px;
	}
	
.thumbnail img {
	border: 1px solid #ff0000;
	padding: 1px;
	}	

.thumbnailAdm img {
	border: 1px solid #ff0000;
	padding: 1px;
	}	
/*News Page*/

/*Fixed Articles*/

#page-top-fixed {
	background: url(gfx/cut-header2.jpg) no-repeat top right;
	color: #999999;
	font-size: 10px;
	height: 110px;
	text-align: right;
	padding-top: 30px;
	padding-right: 10px;
	}

#fixedarticle {
	min-height: 420px;
	height: auto;
	background-color: #ffffff;
	margin: 0px 15px 0px 15px;
	}




#article-name {
	color: #ff0000;
	float: left;
	margin: 0 10px 15px 0;
	clear: both;
	}

#article-wrap {
	margin: 0px 0px 25px 0px;
	clear: both;
	text-align: justify;
	height: auto;
	font-size: 12px;
	}

.article-intro {
	font-size: 13px;
	margin-bottom: 10px;
	}
	
#article-wrap img{
    padding: 2px;
	float: right;
	border: 1px solid #FF0000;
	margin: 0px 0px 10px 10px;
	clear: both;
	}
	
#article-status {
	clear: both;
	float: left;
	font-size: 10px;
	margin-bottom: 10px;
	height: auto;
	}
	
#fixed-article-title {
	xheight: 20px;
	width: inherit;
	clear: both;
	float: left;
	margin: 0 0 15px 0; 
	color: #FF0000;
	font-size: 16px;
	}
	
.fixed-article-title {
	xheight: 20px;
	width: inherit;
	clear: both;
	float: left;
	margin: 0 0 15px 0; 
	color: #FF0000;
	font-size: 16px;
	}

#inschrijven {height: auto; clear: both; margin-top: 10px;}


/*INSCHRIJVEN FORMS*/

#inschrijven fieldset
{
	float: left;
	clear: both;
	display: block;
	width: 400px;
	margin: 15px 1em 1em 0;
	padding: 0 1em 1em 1em;
	border: 0;
}

#inschrijven fieldset.radio
{
	width: 15em;
	margin: 1em 0 2em 0;
}

#inschrijven fieldset.radio input
{
	clear: both;
	float: left;
	width: auto;
}

#inschrijven fieldset.radio label
{
	font-weight: normal;
}

#inschrijven input
{
	display: block;
	width: 300px;
}

#inschrijven label
{
	display: block;
	margin-bottom: 1em;
	font-weight: bold;
}

#inschrijven label.first
{
	padding-top: 1em;
}

#inschrijven select
{
	display: block;
}

#inschrijven legend {
	font-size: 16px;
	color: #ff0000;
	margin-bottom: 10px;
	}


/*Administration Page*/

#task-title {
	color: #ff0000;
	font-size: 18px;
	float: left;
	margin: 0 10px 15px 0;
	width: 100%;
	clear: both;
	}
	
.delete-title {
	color: #ff0000;
	font-size: 18px;
	float: left;
	margin: 0 10px 15px 0;
	width: 100%;
	clear: both;
	}

#article-title {
	xheight: 20px;
	width: inherit;
	clear: both;
	float: left;
	margin: 0 0 15px 0; 
	
	}
	
#article-title input {
	width: 320px;
	}

#layout {
	clear: both;
	xheight: 30px;
	margin-bottom: 10px;
	}

#article-text {
	clear: both;
	float: left;
	overflow: scroll;
	height: auto;
	width: 500px;
	}
	
#article-date { 
	clear: both;
	xheight: 30px;
	width: 300px;
	margin: 10px 10px 10px 0px;
	}

#article-text textarea {
	clear: both;
	}
	
#tinymcewrap {}

#cat-editor {
	margin: 15px 0 0 0;
	}

#cat-editor input{
	margin: 0 3px 0 3px;;
	}

#cat-view-admin {
	clear: both;
	height: 25px;
	}

#cat-attach {
	margin-top: 9px;
	float: left;
	margin-bottom: 10px;
	}

#admin-save {
	float: left;
	clear: both;
	margin-top: 15px;
	}

.admin-save {
	float: left;
	clear: both;
	height: 40px;
	margin-top: 15px;
	}

#users {
	float: left;
	width: 150px;
	line-height: 2;
	font-size: 11px;
	font-weight: bold;
	height: 320px;
	overflow: auto;
	}

#useroptions {
	float: right;
	width: 350px;
	text-align: left;
	}


.optionblock { margin-top: 15px;}

.title {color: #ff0000;}

.bigtitle {font-size: 16px; color: #ff0000;}

.selecteduser {color: #ff0000; font-size: 16px; font-weight: bold;}

#manage-options { 
	margin-top: 35px;
	clear: both;
	}
	
#manage-options img {
	margin: 5px 0px 20px 0;
	}
	

#manage-text { 
	color: #7d7d7d;
	margin-top: 15px;
	}

#add-pics { margin-top: 15px;}

#pics-select { height: auto;}

#album-title input {
	width: 320px;
	height: auto;
	}

.album-delete {}

#menu-resto {
	margin-bottom: 20px;
	}
	
#menu-resto input {
	xwidth: 320px;
	height: auto;
	}

.resto-title {
	font-style: italic;
	clear: both;
	float: left;
	margin: 10px;
	color: white;
	background-color: #000000;}	

.resto-newwrap {
	height: auto;
	clear: both;
	}

.resto-option {
	clear: both;
	margin-bottom: 20px;
	}

.resto-descr { 
	width: 60%;
	float: left;
	}
.resto-edit {
	width: 40%;
	float: right;
	}
	
.resto-edit input {margin-bottom: 5px; clear: both;}


/*STYLES FOR ARTICLE FORMATTING*/

.italic {
	font-style: italic;
	}

.bold { 
	font-weight: bold;
	}

.bold-italic {
	font-style: italic;
	font-weight: bold;
	}

.twelve {font-size: 12px;}

.sixteen {font-size: 16px;}

.eighteen {font-size: 20px;}

.indian-red {color: #FF0000;}

.static-title {
	color: #FF0000;
	font-size: 13px;
	font-style: italic;
	font-weight: bold;
	}
	
.password {
	color: #ff0000;
	text-align: left;
	font-size: 10px;
	float: left;
	margin-top: 5px;
	
	}
.password a:link {color: #ff0000;}