/* ===============================================
Highest Level CSS object definition.
All default HTML objects or defined here, but can
be overrulled by specific classes. If not
overrulled this definition is leading.
=============================================== */
body
	{
	font-size:11px;
	color: #000000;
	background-color: #f27e34;
	font-family: Verdana;
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 0px 0px;
	}

p
	{
	color: #000000;
	font-size:11px;
	}

img
	{
	border: 0px;
	}

H1
	{
	color: #000000;
	font-size: 13px;						/*  px, pt, xx-small etc */
	}

H2
	{
	color: #000000;
	font-size: 12px;						/*  px, pt, xx-small etc */
	}

H3
	{
	color: #000000;
	font-size: 11px;						/*  px, pt, xx-small etc */
	}

H4
	{

	}

H5
	{

	}

H6
	{

	}

TABLE
	{
	border-collapse: collapse;
	}

CAPTION
	{

	}

TH
	{
	font-family: Verdana;						/*  Arial, arial, Courier, Georgia, Times new Roman, */
	font-size: 11px;						/*  px, pt, xx-small etc */
	}

TD
	{
	font-family: Verdana;						/*  Arial, arial, Courier, Georgia, Times new Roman, */
	font-size: 11px;						/*  px, pt, xx-small etc */
	}

TBODY
	{

	}

UL
	{
	list-style-type: square;					/*  only: circle, disc, square */
	color: #000000;
	}

OL
	{
	list-style-image: ;						/*  URI */
	list-style-position: ;						/*  inside or outside */
	list-style-type: upper-roman;					/*  All ! decimal, lower-greek, upper-roman etc etc */
	}

.formstyle_fld {
        font-family: Verdana, Arial, sans-serif; 
        font-size: 9px;
        border-style: solid;
        border-color: #E08832;
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        }

.formstyle_fld_right {
	text-align: right;
        font-family: Verdana, Arial, sans-serif; 
        font-size: 9px;
        border-style: solid;
        border-color: #E08832;
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        }

.formstyle_btn {
        font-family: Verdana, Arial, sans-serif; 
        font-size: 9px;
        color: #FFFFFF;
        background-color: #E7A563;
        border-color: #E08832;
        border-style: solid;
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        }
        
img.imagehref_class
	{
	border: 0px;
	}

/* ===============================================
Style definition of divisions. Division names
created in the backend should correspond
with

div.divname {}

Beware ! When using the Milonic menu in your theme
do not declare "position". This leads to inproper
rendering of the submenu's. This limits the
relative position of divs (I know).
=============================================== */

div.contentcontainer
	{
	float: left;
	background-color: #ffffff;					/* color-code (websafe) */
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 1002px;
	overflow: visible;
	}

table.contentcontainer
	{
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

td.contentcontainer
	{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
	
div.top
	{
	background-image: url("conck.jpg");				/* URI */
	background-attachment: scroll;					/* fixed, scroll */
	background-color: #ffffff;					/* color-code (websafe) */
	background-position: 0 0;					/* %, px, top, center, bottom, left, right */
	background-repeat: no-repeat;					/* no-repeat, repeat, repeat-x, repeat-y */
	position: relative; 						/* absolute, fixed, relative, static */
	width: 1002px;							/* pixels, % */
	float: left;
	height: 250px;							/* pixels, % */
	overflow: hidden;						/* auto, hidden, scroll, visible */
	}

div.menu
	{
	width: 1002px;
	height: 50px;							/* pixels, % */
	float: left;
	background-color: #ffffff;					/* color-code (websafe) */
	overflow: visible;						/* auto, hidden, scroll, visible */
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	z-index: 999;
	}

div.left
	{
	position: relative; 						/* absolute, fixed, relative, static */
	width: 250px;							/* pixels, % */
	float: left;
	background-color: #ffffff;					/* color-code (websafe) */
	overflow: visible;						/* auto, hidden, scroll, visible */
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #000000;
	}

div.main
	{
	width: 552px;							/* pixels, % */
	float: left;
	background-color: #ffffff;
	overflow: visible;						/* auto, hidden, scroll, visible */
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
	
div.right
	{
	width: 200px;							/* pixels, % */
	float: left;
	background-color: #ffffff;
	overflow: hidden;						/* auto, hidden, scroll, visible */
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

div.footer
	{
	position: relative; 						/* absolute, fixed, relative, static */
	width: 1002px;							/* pixels, % */
	float: left;
	height: 30px;							/* pixels, % */
	overflow: hidden;						/* auto, hidden, scroll, visible */
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

/* ===============================================
Style definition of the tables (borders) around modulepages.
Syntax is object.border_divname (object and divname
are variables).

The following need to be declared per division (example
where the divname is "contentleft"):
- table.border_contentleft
- td.border_middlemain_contentleft
- td.border_topmiddle_contentleft
- td.border_topleft_contentleft
- td.border_topright_contentleft
- td.border_middleleft_contentleft
- td.border_middleright_contentleft
- td.border_bottommiddle_contentleft
- td.border_bottomleft_contentleft
- td.border_bottomright_contentleft

This enables you to create different border layouts
per division. Only needs to be declared for divisions
where you will show modulepages in your theme.
=============================================== */
table.border_main
	{
	border-collapse: collapse;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 0px;
	}

td.border_middlemain_main
	{
	background-image: url();
	background-repeat: repeat;
	background-position: left top;
	border-spacing: 0px 0px 0px 0px;
	border-style: none none none none;
	border-width: 0em 0em 0em 0em;
	padding: 3px 3px 3px 0px ;
	width: ;
	text-align: left;
	}

td.border_topmiddle_main
	{
	color: #000000;
	height: 15px;
	font-size: 15px;
	text-align: left;
	padding-left: 0px;
	padding-bottom: 10px;
	font-weight: Bold;
	}

td.border_topleft_main
	{
	background-image: url();
	background-repeat: repeat;
	background-position: left top;
	border-spacing: 0px 0px 0px 0px;
	border-style: none none none none;
	border-width: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
	height: 15px;
	width: 15px;
	}

td.border_topright_main
	{
	background-image: url();
	background-repeat: repeat;
	background-position: left top;
	border-spacing: 0px 0px 0px 0px;
	border-style: none none none none;
	border-width: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
	height: 15px;
	width: 15px;
	}

td.border_middleleft_main
	{
	background-image: url();
	background-repeat: repeat;
	background-position: left top;
	border-spacing: 0px 0px 0px 0px;
	border-style: none none none none;
	border-width: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
	width: 15px;
	}

td.border_middleright_main
	{
	background-image: url();
	background-repeat: repeat;
	background-position: left top;
	border-spacing: 0px 0px 0px 0px;
	border-style: none none none none;
	border-width: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
	width: 15px;
	}

td.border_bottommiddle_main
	{
	background-image: url();
	background-repeat: repeat;
	background-position: left top;
	border-spacing: 0px 0px 0px 0px;
	border-style: none none none none;
	border-width: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
	height: 0px;
	}

td.border_bottomleft_main
	{
	background-image: url();
	background-repeat: repeat;
	background-position: left top;
	border-spacing: 0px 0px 0px 0px;
	border-style: none none none none;
	border-width: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
	height: 0px;
	width: 15px;
	}

td.border_bottomright_main
	{
	background-image: url();
	background-repeat: repeat;
	background-position: left top;
	border-spacing: 0px 0px 0px 0px;
	border-style: none none none none;
	border-width: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
	height: 0px;
	width: 15px;
	}
	
table.border_right
	{
	border-collapse: collapse;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 0px;
	}

td.border_middlemain_right
	{
	background-image: url();
	background-repeat: repeat;
	background-position: left top;
	border-spacing: 0px 0px 0px 0px;
	border-style: none none none none;
	border-width: 0em 0em 0em 0em;
	padding: 3px 3px 3px 0px ;
	width: ;
	text-align: left;
	}

td.border_topmiddle_right
	{
	color: #000000;
	height: 15px;
	font-size: 13px;
	text-align: left;
	font-weight: Bold;
	}

td.border_topleft_right
	{
	background-image: url();
	background-repeat: repeat;
	background-position: left top;
	border-spacing: 0px 0px 0px 0px;
	border-style: none none none none;
	border-width: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
	height: 15px;
	width: 15px;
	}

td.border_topright_right
	{
	background-image: url();
	background-repeat: repeat;
	background-position: left top;
	border-spacing: 0px 0px 0px 0px;
	border-style: none none none none;
	border-width: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
	height: 15px;
	width: 15px;
	}

td.border_middleleft_right
	{
	background-image: url();
	background-repeat: repeat;
	background-position: left top;
	border-spacing: 0px 0px 0px 0px;
	border-style: none none none none;
	border-width: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
	width: 15px;
	}

td.border_middleright_right
	{
	background-image: url();
	background-repeat: repeat;
	background-position: left top;
	border-spacing: 0px 0px 0px 0px;
	border-style: none none none none;
	border-width: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
	width: 15px;
	}

td.border_bottommiddle_right
	{
	background-image: url();
	background-repeat: repeat;
	background-position: left top;
	border-spacing: 0px 0px 0px 0px;
	border-style: none none none none;
	border-width: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
	height: 0px;
	}

td.border_bottomleft_right
	{
	background-image: url();
	background-repeat: repeat;
	background-position: left top;
	border-spacing: 0px 0px 0px 0px;
	border-style: none none none none;
	border-width: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
	height: 0px;
	width: 15px;
	}

td.border_bottomright_right
	{
	background-image: url();
	background-repeat: repeat;
	background-position: left top;
	border-spacing: 0px 0px 0px 0px;
	border-style: none none none none;
	border-width: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
	height: 0px;
	width: 15px;
	}

/* ===============================================
The tooltip for, amongst others, the calendar
=============================================== */

/* Tooltip */
#toolTip {
	position:absolute;
	background-color:#FFFFFF;
	border:1px solid #E6A563;
	border-left-width:12px;
	font-size:9px;
	font-family:verdana,sans serrif;
	padding-left:5px;
	padding-right:5px;
	display:none;
	z-index:100;
}

/* ===============================================
The CMS Search page
=============================================== */
/* The table */
table.cmssearch
	{
	border-collapse: collapse;
	width: 100%;
	}

/* The table */
td.cmssearch
	{
	text-align: center;
	}


/* ===============================================
The language switch
=============================================== */
/* The table */
table.language
	{
	border-collapse: collapse;
	margin-left: 0; 
	width: 100%;
	}

/* The table */
td.language
	{
	border-collapse: collapse;
	margin-left: 0; 
	text-align: center;
	}

/*********************************************************
MOD: Calendar
*********************************************************/
/*********************************************************
MOD: The large calendar
*********************************************************/
/* The table */
table.mod_calendar
	{
	border-collapse: collapse;
	width: 100%;
	}

/* The top row two left td's */
td.mod_calendartop_left
	{
	background-color: #EFBB89;
	border-color: #000000;
	border-style: solid;
	border-width: 1px;
	padding-left: 8px;
	padding-right: 8px;
	text-align: left;
	font-size: 11px;
	vertical-align: middle;
	}

/* The top row centered td with current month */
td.mod_calendartop_center
	{
	background-color: #EFBB89;
	border-color: #000000;
	border-style: solid;
	border-width: 1px;
	padding-left: 8px;
	padding-right: 8px;
	text-align: center;
	font-size: 13px;
	}

/* The top row two right td's */
td.mod_calendartop_right
	{
	background-color: #EFBB89;
	border-color: #000000;
	border-style: solid;
	border-width: 1px;
	padding-left: 8px;
	padding-right: 8px;
	text-align: right;
	font-size: 11px;
	}

/* The second row all the dayname td's */
td.mod_calendardayheader
	{
	width: 75px;
	border-color: #000000;
	border-style: solid;
	border-width: 1px;
	text-align: center;
	vertical-align: top;
	font-weight: 900;
	font-size: 12px;
	background-color: #EFBB89;
	}

/* A header of a date cell with the actual date number */
td.mod_calendarheader
	{
	width: 75px;
	border-color: #000000;
	border-style: solid;
	border-width: 1px;
	text-align: center;
	vertical-align: top;
	font-weight: 900;
	font-size: 12px;
	background-color: #EFBB89;
	}

/* A date cell with  possible data */
td.mod_calendar
	{
	width: 75px;
	border-color: #000000;
	border-style: solid;
	border-width: 1px;
	height: 100px;
	text-align: left;
	vertical-align: top;
	font-size: 9px;
	background-color: #E6E4DE;
	}

/* A non-date cell (not a day in the month) */
td.mod_calendarinactive
	{
	width: 75px;
	text-align: center;
	vertical-align: top;
	font-weight: 900;
	font-size: 12px;
	background-color: ;
	}

/* ===============================================
The small calendar
=============================================== */
/* The table */
table.calendarblock
	{
	border-collapse: collapse;
	width: 140px;
	}

/* The table */
td.calendarblockdayheader
	{
	border-color: #798292;
	background-color: #CC0000;
	border-style: solid;
	border-width: 1px;
	text-align: center;
	font-weight: 900;
	width: 20px;
	font-family: Verdana;
	color:#ffffff;
	font-size: 11px;
	}

/* A cell without data or outside month*/
td.calendarblockempty
	{
	width: 20px;
	border-color: #798292;
	border-style: solid;
	border-width: 1px;
	text-align: center;
	vertical-align: top;
	font-size: 11px;
	font-family: Verdana;
	}

/* A cell with data */
td.calendarblockdata
	{
	width: 20px;
	border-color: #798292;
	background-color: #CC0000;
	border-style: solid;
	border-width: 1px;
	text-align: center;
	vertical-align: top;
	font-size: 11px;
	font-weight: 900;
	font-family: Verdana;
	color:#ffffff;
	}

/* A cell with data */
td.calendarblockdata a
	{
	color:#ffffff;
	}
	

/* ===============================================
The photobanner
=============================================== */
/* The table */
table.photobanner
	{
	border-collapse: collapse;
	margin-left: 0; 
	width: 120px;
	}

/* The table */
td.photobanner
	{
	border-collapse: collapse;
	margin-left: 0; 
	text-align: center;
	padding-bottom: 10px;
	}


/* ===============================================
The news
=============================================== */
/* The table */
table.news
	{
	border-collapse: collapse;
	width: 100%;
	}

/* The table */
td.news
	{
	text-align: left;
	font-size:11px;
	padding-left: 3px;
	}

table.newsshort
	{
	border-collapse: collapse;
	width: 100%;
	}

/* The table */
td.newsshort
	{
	text-align: left;
	font-size:9px;
	padding-left: 3px;
	}