/*******************************************************************
 * Class name:  - (classless)
 * Description: Some tags don't have a class, since this is simply
 *              not needed.
 *******************************************************************/

body {
	margin : 0;
}

/*******************************************************************
 * Class name:  index*
 * Description: These classes are used for the main table, which
 *              resides in index.php. It replaces the famous
 *              "frameset", which you used in ancient times...
 *******************************************************************/

/* The master table, the basic setup of the site */
table.index {
	width : 100%;
	height : 100%;
	border: none;
	border-collapse: collapse;
	background-color: #FFFFFF;
}

/* The cell which contains the page header */
td.index_header {
	height : 25%;
}

/* The cell which contains the navigation */
td.index_nav {
	height : 20px;
	vertical-align : top;
	background-image : url(/style/images/nav_lijn.gif);
	background-repeat : repeat-x;
}

/* The cell which contains the area on the right side of the content */
td.index_right {
	height : 270px;
	width : 45%;
	background-image : url(/style/images/titel_hoek.gif);
	background-repeat : no-repeat;
	background-position: 0px 0px;
}

/* The cell which contains the area on the left side of the content */
td.index_left {
	/* width : 250px; */
	width : 45%;
	height : 330px;
	vertical-align : bottom;
	background-image : url(/style/images/nav_lijn.gif);
	background-repeat : repeat-x;
	background-position: 0px 277px;
}

/* The cell which contains the content */
td.index_content {
	width : 380px;
	height : 250px;
	vertical-align : top;
}

/* The cell which contains the tagline */
td.index_tagline {
	height : 80px;
	background-image : url(/style/images/tagline.gif);
	background-repeat : repeat-x;
}

/* The cell which contains the footer */
td.index_footer {
	/*height : 60px; */
	vertical-align : bottom;
}

/*******************************************************************
 * Class name:  content
 * Description: This class is used for all basic elements in the
 *              content part of the website.
 *******************************************************************/

a.content {
	font-family : Arial;
	font-size : 12px;
	color : #000000;
}

/* page titles */
h1.content {
	font-family : Arial;
	font-size : 15px;
	font-weight : bold;
}

/* paragraph titles */
h2.content {
	font-family : Arial;
	font-size : 13px;
	font-weight : bold;
}

ul.content {
}

li.content {
	font-family : Arial;
	font-size : 12px;
}

p.content {
	font-family : Arial;
	font-size : 12px;
}

table.content {
	width: 97%;
	border-style : none;
}

td.content {
	font-family : Arial;
	font-size : 12px;
	vertical-align : top;
	border-style : solid;
	border-width : thin;
}

/* table cells without border */
td.content_nb {
	font-family : Arial;
	font-size : 12px;
	vertical-align : top;
	border-style : none;
}

/* Obsolete, should be replaced with form.content_form */
form.content {
	margin-bottom : 0px;
}

/* Obsolete, should be replaced with input.content_form */
input.content {
	font-family : Arial;
	font-size : 12px;
}

/* Obsolete, should be replaced with textarea.content_form */
textarea.content {
	font-family : Arial;
	font-size : 12px;
}

/*******************************************************************
 * Class name:  content_picture
 * Description: Used for placing pictures in the content part of the
 *              website. All pictures and related texts which are
 *              located "left" or "right" in the CMS are put into a
 *              table. These tables is formatted here aswell.
 *******************************************************************/

p.content_picture {
	font-family : Arial;
	font-size : 12px;
	font-style : italic;
	margin-top : 0px;
}

/* for left outlined pictures */
table.content_picture_left {
	float : left;
	width : 100px;
}

/* for right outlined pictures */
table.content_picture_right {
	float : right;
	width : 100px;
}

/*******************************************************************
 * Class name:  content_form
 * Description: Used for displaying an email-form on a webpage. The
 *              form is formatted by a table. The table consists of
 *              two columns. The first column holds the field names
 *              (as entered into the CMS), the second column holds
 *              the fields. For some field types special entries
 *              are created, since you probably want to format a
 *              button different to a text input field.
 *******************************************************************/

/* The table in which the form resides */
table.content_form {
	border-style : none;
}

/* The left cell, which contains the field name */
td.content_form_label {
	font-family : Arial;
	font-size : 12px;
	vertical-align : top;
	border-style : none;
}

/* The right cell, which contains the field to fill in */
td.content_form_field {
	font-family : Arial;
	font-size : 12px;
	vertical-align : top;
	border-style : none;
}

/* The form header */
form.content_form {
	margin-bottom : 0px;
}

/* Buttons */
input.content_form_button {
	font-family : Arial;
	font-size : 12px;
}

/* Input field, type checkbox */
input.content_form_checkbox {
	font-family : Arial;
	font-size : 12px;
	border-style : none;
}

/* Input field, type text */
input.content_form_text {
	font-family : Arial;
	font-size : 12px;
}

/* Input field, type textarea */
textarea.content_form_textarea {
	font-family : Arial;
	font-size : 12px;
}

/*******************************************************************
 * Class name:  nav
 * Description: This style is used for the navigation section.
 *******************************************************************/

img.nav {
	border-style : none;
	margin-right : 8;
}

/*******************************************************************
 * Class name:  titel
 * Description: This style is used for the navigation section.
 *******************************************************************/

img.titel {
	border-style : none;
	vertical-align : top;
}

/*  */
table.titel {
	width : 10%;
	height : 10%;
	border: none;
	vertical-align : top;
	border-collapse: collapse; 
}

/*******************************************************************
 * Class name:  logo
 * Description: This style is used for the navigation section.
 *******************************************************************/

img.logo {
	border-style : none;
	margin-left : 50;
}

/*******************************************************************
 * Class name:  footer
 * Description: This style is used for the footer section.
 *******************************************************************/

/* No styles defined yet */

/*******************************************************************/