/*  
	cascading stylesheet Strandpaviljoen Panta Rhei 2006
*/
html,body {
	margin: 0px 0px 4px 0px;
	background-image:url(../images/page_bg.jpg);
	background-position:left top;
	background-repeat:repeat;
	background-color:#f07802;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #e5ebf4;
	line-height:17px;
	SCROLLBAR-FACE-COLOR:#3E689F;
	SCROLLBAR-HIGHLIGHT-COLOR:#8BAFDF;
	SCROLLBAR-SHADOW-COLOR:#8BAFDF;
	SCROLLBAR-3DLIGHT-COLOR:#3E689F;
	SCROLLBAR-ARROW-COLOR:#A4C5EF;
	SCROLLBAR-TRACK-COLOR:#618BC2;
	SCROLLBAR-DARKSHADOW-COLOR:#3E689F;
}
p {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #e5ebf4;
}
a {
	color: #ffffff;
	text-decoration:underline;
}
a:hover {
	color: #ffffff;
	text-decoration:none;
}
.bold {
	font-weight:bold;
	color: #ffffff;
}
.kopje {
	font-weight:bold;
	color: #ffffff;
}
.smaller {
	font-size:10px;
	line-height:14px;
}
.menubottom {
	color:#8e4701;
	font-weight:bold;
	text-decoration:none;
}
.menubottom a {
	color:#8e4701;
	text-decoration:none;
}
.menubottom a:hover {
	color:#ffffff;
	text-decoration:underline;
}
.links {
	font-weight:bold;
	color:#fff;
	line-height:20px;
}
a.links {
	font-weight:bold;
	color:#;
	text-decoration:none;
}
a.links:hover {
	text-decoration:underline;
	color:#fff;
}

/*   
	-------------------
	vormgeving body tabel - main
	-------------------
*/

#contentcell {
	background-color:#FFFFFF;
}

#cornerTL {
	background-image:url(../images/cornerTL.gif);
	background-position:left top;
	background-repeat:no-repeat;
}
#cornerTR {
	background-image:url(../images/cornerTR.gif);
	background-position:left top;
	background-repeat:no-repeat;
}
#randT {
	background-image:url(../images/randT.gif);
	background-position:left top;
	background-repeat:repeat-x;
}
#randL {
	background-image:url(../images/randL.gif);
	background-position:left top;
	background-repeat:repeat-y;
}
#randR {
	background-image:url(../images/randR.gif);
	background-position:left top;
	background-repeat:repeat-y;
}
#cornerBL {
	background-image:url(../images/cornerBL.gif);
	background-position:left top;
	background-repeat:no-repeat;
}
#cornerBR {
	background-image:url(../images/cornerBR.gif);
	background-position:left top;
	background-repeat:no-repeat;
}
#randB {
	background-image:url(../images/randB.gif);
	background-position:left top;
	background-repeat:repeat-x;
}
#contentLbox {
	border-right: 1px solid #FFFFFF;
	background-color:#618bc2;
}
#content {
	background-color:#3e689f;
}
#contentRbox {
	border-left: 1px solid #FFFFFF;
}
#bottommenuL {
	border:1px solid #265491;
	background-color:#3e689f;
	padding:12px 4px;
}
#bottommenuC {
	background-color:#feb325;
	border:1px solid #c36400;
	padding:12px;
}
#bottommenuR {
	border:1px solid #265491;
	background-color:#3e689f;
	padding:12px 4px;
}



/*   
	-------------------
	vormgeving contentL
	-------------------
*/

#nieuwsbriefbox {
	background-color:#feb325;
	border-left:6px solid #f07802;
	border-bottom:3px solid #f07802;
	padding: 10px 8px;
}
.contentLheader {
	background-color:#7698c4;
	border-left:6px solid #4a72a5;
	border-top:1px solid #89a6cc;
	border-bottom:1px solid #89a6cc;
	padding: 8px;
	font-family:"Century Gothic", Tahoma, Arial, Verdana, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#ffffff;
	text-transform:uppercase;
}
.contentLinhoud {
	background-color:#618bc2;
	border-left:6px solid #3e689f;
	padding: 8px;
}
#contentLcell {
	background-color:#618bc2;
	border-left:6px solid #3e689f;
	border-right: 1px solid #FFFFFF;
}
.contentLinhoudnobl {
	background-color:#618bc2;
	padding: 8px;
}
.contentLheadernobl {
	background-color:#7698c4;
	border-top:1px solid #89a6cc;
	border-bottom:1px solid #89a6cc;
	padding: 8px;
	font-family:"Century Gothic", Tahoma, Arial, Verdana, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#ffffff;
	text-transform:uppercase;
}
.linkbox {
	background-color:#f07802;
	border-left:6px solid #feb325;
	border-bottom:3px solid #feb325;
	padding: 6px 8px;
}
.contentLinhoud img {
	border:1px solid #b6c8df;
}
.contentLinhoud img.nobrdr {
	border:none;
}

.agendabutton {
	background-color:#f07802;
	border-left:6px solid #feb325;
	border-bottom:3px solid #feb325;
	padding: 6px 8px;
}

/*   
	-------------------
	vormgeving contentMain
	-------------------
*/

.contentheader {
	background-color:#f07802;
	border-top:1px solid #f9b979;
	border-bottom:1px solid #f9b979;
	padding: 8px 16px;
	font-family:"Century Gothic", Tahoma, Arial, Verdana, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#ffffff;
	text-transform:uppercase;
}
.contentheaderT {
	background-color:#f07802;
	border-bottom:1px solid #f9b979;
	padding: 8px 16px;
	font-family:"Century Gothic", Tahoma, Arial, Verdana, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#ffffff;
	text-transform:uppercase;
}
.contentinhoud {
	background-color:#3e689f;
	padding: 16px;
}
.contentinhoud2 {
	background-color:#3e689f;
	padding: 8px;
}
.contentinhoud .imgbrdr {
	border:1px solid #b6c8df;
}


/*   
	-------------------
	vormgeving contentR
	-------------------
*/

#contentRbox img {
	border:1px solid #3e689f;
	margin-bottom:2px;
}

/*   
	-------------------
	vormgeving agenda
	-------------------
*/

.maand {
	background-color:#F07802;
	font-family:"Century Gothic", Tahoma, Arial, Verdana, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#ffffff;
	letter-spacing:0.08em;
	text-transform:uppercase;
	padding:6px 15px;
	border-bottom:1px solid #C2D6EF;
}
.inhoud {
	background-color:#618BC2;
	padding:1px 1px 0px 1px;
}
.inhoudL {
	background-color:#618BC2;
	padding:1px 3px 0px 3px;
	border-right:1px solid #C2D6EF;
	border-left:1px solid #C2D6EF;
	border-bottom:1px solid #C2D6EF;
}
.inhoudB {
	background-color:#618BC2;
	padding:1px 1px 0px 1px;
	border-bottom:1px solid #C2D6EF;
}
.inhoudmenu {
	background-color:#618BC2;
	padding:6px;
	border-right:1px solid #C2D6EF;
}
.inhoudLmenu {
	background-color:#618BC2;
	padding:6px;
	border-right:1px solid #C2D6EF;
	border-left:1px solid #C2D6EF;
}
.inhoudlesspad {
	background-color:#618BC2;
	padding:0px 6px 6px 6px;
	border-right:1px solid #C2D6EF;
}
.inhoudLlesspad {
	background-color:#618BC2;
	padding:0px 6px 0px 6px;
	border-right:1px solid #C2D6EF;
	border-left:1px solid #C2D6EF;
}
.inhouddatum {
	background-color:#2e5991;
	padding:3px;
	border-bottom:1px solid #C2D6EF;
}
.inhouddatumR {
	background-color:#2e5991;
	padding:3px;
	border-bottom:1px solid #C2D6EF;
}
.emptydarkblue {
	background-color:#2e5991;
	border-right:1px solid #C2D6EF;
	border-left:1px solid #C2D6EF;
	border-bottom:1px solid #C2D6EF;
	height:5px;
}
.emptydarkblue15 {
	background-color:#2e5991;
	border-right:1px solid #C2D6EF;
	border-left:1px solid #C2D6EF;
	border-bottom:1px solid #C2D6EF;
	height:15px;
}
.emptydarkbluepad {
	background-color:#2e5991;
	border-right:1px solid #C2D6EF;
	border-left:1px solid #C2D6EF;
	border-bottom:1px solid #C2D6EF;
	padding:9px;
}


/*   
	-------------------
	vormgeving forms
	-------------------
*/

.textfield {
	background-color: #ecf0f5;
	color: #133056;
	font-size: 8pt;
	font-weight:bold;
	font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
	border: 1px solid #3E689F;
	padding: 1px 2px 3px 2px;
}
#submit {
	width: 90px;
	border: 1px solid #FEB325;
	padding:0px 8px;
	background-color: #F07802;
	color: #fcf4e5;
	font-size: 11px;
	font-weight: bold;
	font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
}
#flashcontent {
		width: 950px;
		background-color:#537DB9;
}


/*
********************************************************************
************************ !!! GASTENBOEK !!! ************************
********************************************************************
*/

.admintextcolor
{
	font-size:13px;
	text-transform:uppercase;
	letter-spacing:0.05em;
	font-weight:bold;
	color: #FF0000;								/* Text color of admin guestbook message */
	text-decoration:none;
}
.tables_maintable
{
	width: 100%;									/* Width of the whole guestbook */
}

.tablerows_header
{
	background-color: #FEB325;					/* Background color of mainbar with links */
	height: 20px;								/* Height of mainbar with links */
	padding-left: 5px;							/* Text in mainbar with links starts 5 pixels after start */
	padding-right: 5px;							/* Text in mainbar with links ends 5 pixels before end */
	font-weight: bold;							/* Text decoration of text in mainbar with links */
	border: solid 1px #FFF;						/* Mainbar with links border */
	color: #FFF;								/* Text color in mainbar */
}
.tablerows_header a
{
	color: #1F497F;
	text-decoration:none;								/* Text color of links in mainbar */
}
.tablerows_header a:hover
{
	color: #1F497F;
	text-decoration:underline;								/* Text color of links in mainbar after hover */
}

.tablerows_gbentries
{
	width: 100%;								/* Width of an entry in the guestbook */
}

.gbentry
{
	width: 100%;								/* Width of an entry in the guestbook */
}

.emptyspace
{
	height: 10px;								/* Empty space between entries */
}

.leftside
{
	border: solid 1px #FFF;						/* Border of left side */
	border-bottom: 0px;							/* Sets the bottom border of the left side to 0 */
	padding-top: 5px;							/* Text in left side starts 5 pixels after top */
	padding-bottom: 5px;						/* Text in left side ends 5 pixels before bottom */
	padding-left: 5px;							/* Text in left side starts 5 pixels after left */
	padding-right: 5px;							/* Text in left side ends 5 pixels before right */
	vertical-align: top;						/* Text in left side gets aligned to top */
	width: 20%;									/* Width of left side */
	background-color: #FEB325;					/* Backgroundcolor of left side */
	color: #1F497F;								/* Text color in left side */
}
.leftsidecontrol
{
	border: solid 1px #FFF;						/* Border of left side */
	border-bottom: 0px;							/* Sets the bottom border of the left side to 0 */
	padding-top: 5px;							/* Text in left side starts 5 pixels after top */
	padding-bottom: 5px;						/* Text in left side ends 5 pixels before bottom */
	padding-left: 5px;							/* Text in left side starts 5 pixels after left */
	padding-right: 5px;							/* Text in left side ends 5 pixels before right */
	vertical-align: top;						/* Text in left side gets aligned to top */
	width: 35%;									/* Width of left side */
	background-color: #FEB325;					/* Backgroundcolor of left side */
	color: #1F497F;								/* Text color in left side */
}
.leftside_entry									/* Same as above, but for guestbook entries */
{
	border: solid 1px #FFF;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	vertical-align: top;
	width: 18%;
	background-color: #FEB325;
	color: #1F497F;
}

.rightside
{
	border: solid 1px #FFF;						/* Border of right side */
	border-top: solid 1px #FEB325;				/* Sets the bottom border of the right side to 1 */
	padding-top: 5px;							/* Text in right side starts 5 pixels after top */
	padding-bottom: 5px;						/* Text in right side ends 5 pixels before bottom */
	padding-left: 5px;							/* Text in right side starts 5 pixels after left */
	padding-right: 5px;							/* Text in right side ends 5 pixels before right */
	vertical-align: top;						/* Text in right side gets aligned to top */
	width: 80%;									/* Width of right side */
	background-color: #618BC2;					/* Backgroundcolor of right side */
	color: #ffffff;								/* Text color in right side */
}
.rightsidecontrol
{
	border: solid 1px #FFF;						/* Border of right side */
	padding-top: 5px;							/* Text in right side starts 5 pixels after top */
	padding-bottom: 5px;						/* Text in right side ends 5 pixels before bottom */
	padding-left: 5px;							/* Text in right side starts 5 pixels after left */
	padding-right: 5px;							/* Text in right side ends 5 pixels before right */
	vertical-align: top;						/* Text in right side gets aligned to top */
	width: 65%;									/* Width of right side */
	background-color: #618BC2;					/* Backgroundcolor of right side */
	color: #ffffff;								/* Text color in right side */
}
.rightside_entry								/* Same as above, but for guestbook entries */
{
	border: solid 1px #FFF;
	background-image:url(../gb/img/mssg_bg.gif);
	background-position:top left;
	background-repeat:repeat;
	padding: 5px;
	vertical-align: top;
	width:82%;
	background-color: #618BC2;
	color: #ffffff;
}
a.admin {
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}
a.admin:hover {
	color:#12335F;
	text-decoration:none;
}
.dot {
	color:#fff;
}
.subject										/* Also applies for the date of each entry */
{
	font-size: 10px;							/* Font size of the subject text in a guestbook entry */
	font-weight: bold;							/* Subject text in a guestbook entry is bold */
}

.tablerows_errors
{
	width: 100%;								/* Width of error table */
	border: solid 1px #FFF;						/* Border of error table */
	padding-left: 5px;							/* Text in error table starts 5 pixels after left */
	padding-top: 5px;							/* Text in error table starts 5 pixels after top */
	padding-bottom: 5px;						/* Text in error table ends 5 pixels before bottom */
	background-color: #F07802;					/* Background color of error table */
	color: #FFFFFF;								/* Text color of error table */
}

.tablerows_finishpost
{
	width: 100%;								/* Width of success table */
	border: solid 1px #FEB325;					/* Border of success table */
	padding-left: 5px;							/* Text in success table starts 5 pixels after left */
	padding-top: 5px;							/* Text in success table starts 5 pixels after top */
	padding-bottom: 5px;						/* Text in success table ends 5 pixels before bottom */
	background-color: #7698C4;						/* Background color of success table */
	color: #0C305F;								/* Text color in success table */
}

.tablerows_verify
{
	width: 100%;								/* Width of verify table */
	border: solid 1px #FEB325;					/* Border of verify table */
	padding-left: 5px;							/* Text in verify table starts 5 pixels after left */
	padding-top: 5px;							/* Text in verify table starts 5 pixels after top */
	padding-bottom: 5px;						/* Text in verify table ends 5 pixels before bottom */
	background-color: #7698C4;						/* Background color of verify table */
	color: #0C305F;								/* Text color in verify table */
}

.buttons
{
	font-size: 10px;							/* Font size of a button */
	border: solid 1px #3E689F;					/* Border of a button */
	color: #0b284f;								/* Text color of a button */
	background-color: #dae4ee;					/* Background color of a button */
}

.formfields
{
	border: solid 1px #3E689F;					/* Border of an inputbox and textarea */
	background-color:#f4f7fa;
	color:#3E689F;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	padding: 1px 4px 3px 4px;
}
input.ubbbuttons
{ 
	background-color: #dae4ee;					/* Background color of the UBB buttons */
	color:#0b284f;								/* Text color of the UBB buttons */
	font-family:tahoma, arial, verdana;			/* Font of the UBB buttons */
	font-size: 11px;							/* Font size of the UBB buttons */
	border: solid 1px #3E689F;					/* Border of the UBB buttons */
}

input.helpline
{
	background-color: #FFF;						/* Background color of the UBB buttons helpline */
	color: #000;								/* Text color of the UBB buttons helpline */
	width: 255px;								/* Width of the UBB buttons helpline */
	font-family: tahoma, arial, verdana;		/* Font of the UBB buttons helpline */
	font-size: 10px;							/* Font size of the UBB buttons helpline */
	border-style: none;							/* Border of the UBB buttons helpline */
}
#gbMessage										/* Guestbook message input. Global settings come from .formfields */
{
	width: 350px;								/* Width of the message input */
	height: 150px;								/* Height of the message input */
}