body.main
{
  margin              : 0;
  padding             : 0;
  font-family         : Tahoma, Arial, sans-serif;
  font-size           : 12px;
  color               : #FFFFFF;
  background-color    : #FDE697;
  background-image    : url(../../images/background_1.png);
  background-repeat   : repeat-y;
  background-position : top center;
}

body.login, body.popup
{
  margin              : 0;
  margin-top          : 10px;
  font-family         : Tahoma, Arial, sans-serif;
  font-size           : 10px;
  background-color    : #FDE697;
  font-size           : 12px;
}

body.aanmelden
{
  margin              : 0;
  padding             : 0;
  font-family         : Tahoma, Arial, sans-serif;
  font-size           : 20px;
  color               : #800000;
  background-color    : #FFFFFF;
  background-image    : url(../../images/perkament.gif);
  background-repeat   : no-repeat;
  background-position : top center;
}


input, textarea, select
{
    font-family       : Tahoma, Arial, sans-serif;
	color             : #333333;
}

input.readonly, textarea.readonly, select.readonly
{
    font-family       : Tahoma, Arial, sans-serif;
	color             : #800000;
    background-color  : #E4E4E4;
}

/* headings */
h1 {
	font-size         : 2em;
	margin-top        : .5em;
	margin-bottom     : 1em;
	margin-left       : 15px;
}
h2 {
	font-size         : 1.7em;
	margin-top        : 1em;
	margin-bottom     : 1em;
	margin-left       : 15px;
}
h3 {
	margin-top        : 1em;
	margin-bottom     : 1em;
	margin-left       : 15px;
	font-size         : 1.5em;
	text-decoration   : underline;
}

.white
{
  color               : #FFFFFF;
}

.black
{
  color               : #000000;
}

.red
{
  color               : #FF0000;
}

.maroon
{
  color: #800000;
}

.blue
{
  color: #0000FF;
}

.yellow
{
  color: #FFFF00;
}

.green
{
  color: #008000;
}

.navy
{
  color: #000080;
}

.fuchsia
{
  color: #FF00FF;
}

.purple
{
  color: #800080;
}

.silver
{
  color: Silver;
}

.grey
{
  color: #D3D3D3;
}

.link
{
  background-color: #C21603;
  color: #FFFFFF;
}

.link_over
/*links */
a {
	text-decoration : none;
	font-variant    :small-caps;
	color           : #FFFFFF;
	margin:0;
	padding:0;
}
a:hover {
	color           : #FFFF00;
	text-decoration : none;
}

/* paragraph defaults */
p
{
	margin:0;
	padding:0;
}

/* list defaults */
ul
{
	list-style-type : disc;
}
ol
{
	list-style-type : decimal-leading-zero;
}
li
{
	line-height     : 1em;
}

.td
{
  border-bottom: 2px;
  border-top: 2px;
  border-color: maroon;

}


/* blockqoute style */
.guestbook
{
  background-color : #FEE389;
  color            : #000080;
  border           : #666666 solid 1px;
  border-bottom    : #666666 solid 2px;
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 1.1em;
  text-align       : justify;
  padding          : 3px;
  margin-left      : 2px;
  margin-right     : 10px;
  float            : right;
  width            : 580px;
}

.response
{
  background-color : #DEB887;
  color            : #666666;
  border           : #666666 solid 1px;
  border-bottom    : #666666 solid 2px;
  font-style       : italic;
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 0.9em;
  text-align       : justify;
  padding          : 3px;
  margin-left      : 2px;
  margin-right     : 10px;
  float            : right;
  width            : 520px;
}

#content blockquote p
{
	margin           : 0;
	padding          : 0;
}

/* wraps the entire content */
#wrapper
{
	margin           : 0 auto;
}

/* the header div sets up the background image and text */
#header
{
    background-attachment : scroll;
	background-image      : url(../../images/logo1.jpg);
	background-repeat     : no-repeat;
	background-position   : left center;
    background-color      : White;
	min-height            : 85px;
	height                : 85px;
}

#header_text
{
  display               : block;
  font-size             : 3em;
  font-variant          : small-caps;
  font-weight           : bold;
  color                 : #000000;
  background-color      : #FFFFFF;
  padding-top           : .4em;
  margin-left           : 68px;
  min-height            : 85px;
  height                : 85px;
  text-align            : center;
}

/* this sets up the 100 width wrapper and sets the background colour for the main content */
#content_wrapper
{
	clear            : both;
	float            : left;
	width            : 100%;
	border-top-width : 15px;
	border-top-style : solid;
	border-top-color : #666666;
}

/* this sets the width of the actual content to a fixed 800 pixels */
#content_block
{
	width               : 810px;
	margin              : 0 auto;
	position            : relative;
    background-image    : url(../../images/background_1.png);
	background-repeat   : repeat-y;
	background-color    : #e9e3de;
    color               : #000000;
}

/* side bar is the left column */
#side_bar
{
	float               : left;
	width               : 192px;
    background-color    : #C21603;
	background-position : center left;
    color               : #FFFFFF;
}

/* content (right column) div style*/
#content
{
	margin-left      : 2px;
	float            : right;
	width            : 610px;
}

/* Styles dealing with the sidemenu navigation */
.sidemenu
{
	margin           : 0;
	margin-bottom    : 1em;
	margin-top       : 1.5em;
	padding          : 0;
	list-style-type  : none;
	list-style-image : none;
  background-color : #C21603 ;
}

.sidemenu a
{
	text-decoration     : none;
	width               : 180px;
	display             : block;
	line-height         : 1.6em;
	font-size           : 1.1em;
	text-transform      : uppercase;
	padding-left        : 10px;
	background-color    : #C21603;
	border-bottom-color : #CCCCCC;
	border-bottom-style : solid;
	border-bottom-width : 1px;
	color               : #FFFFFF;
}

#side_bar .sidemenu a:hover
{
	text-decoration     : none;
	background-color    : #FF0000;
	border-right-width  : 3px;
	border-right-style  : solid;
	border-right-color  : #FFFF00;
	border-bottom-color : #FFFF00;
	border-bottom-style : solid;
	border-bottom-width : 1px;
	color               : #FFFFFF;
}

#side_bar .active_sidemenu
{
	border-right-width  : 3px;
	border-right-style  : solid;
	border-right-color  : #FFFF00;
	border-bottom-color : #FFFF00;
	border-bottom-style : solid;
	border-bottom-width : 1px;
}
/* end sidemenu styles

/*styles for the content paragraphs */
#content p
{
	text-align          : justify;
	line-height         : 1.3em;
	margin-bottom       : 1em;
	padding-left        : 10px;
	padding-right       : 10px;
}

#content li
{
	font-size           : 1.1em;
	margin-left         : 25px;
	color               : #000;
}

/* the extra_content class styles the extra content boxes */
.extra_content
{
	color               : #FFFFFF;
	background-color    : #C21603;
	border              : 2px solid #FFFF00;
	margin-top          : 2px;
	margin-left         : 2px;
	margin-right        : 2px;
	margin-bottom       : 2px;
	font-size           : 1em;
	width               : 184px;
	float               : left;
	clear               : both;
}

/*	this is specifically for some styles only used on the extra_content boxes within the content area      	*/
/*	changes made here will only affect the boxes within the content 										*/
#content .extra_content
{
	margin-left         : 15px;
	margin-right        : 15px;
}

/* extra content geading style */
.extra_content h1
{
	display               : block;
	text-align            : center;
	text-transform        : uppercase;
	font-size             : 1.2em;
	margin                : 0;
}

/* extra content paragraph styling, changes made here will affect all boxes */
#content .extra_content p, .extra_content p
{
	padding               : 0;
	margin-top            : 1.2em;
	margin-left           : 5px;
	margin-right          : 5px;
	margin-bottom         : .2em;
	text-align            : justify;
}

/*	this controls the bottom image */
#bottom_image
{
	clear                 : both;
	background-attachment : scroll;
    background            : url(../../images/background.gif) repeat;
/*	background-image: url(../../images/stain_top.jpg); /* change this to your own desired image */
/*	background-repeat: no-repeat;
	background-position: center left;  */
	min-height            : 23px;
	height                : 23px;
	min-width             : 810px;
}

/*	this is the footer */
#footer
{
  position         : fixed;
  top              : -100px;
  background-color : #666666;
  color            : #e9e3de;
  text-align       : center;
  font-size        : 0.9em;
  font-variant     : small-caps;
  padding-bottom   : 2px;
}

#footer a:hover
{
  color            : #FFFF00;
  text-decoration  : none;
}

.add_edit_header
{
  color            : #FFFF00;
  background-color : #FF0000;
  font-size        : 1.5em;
  font-variant     : small-caps;
  font-weight      : bold;
}