<style type="text/css">

	/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
	/* A T T E N T I O N !!! DO NOT USE THE HTML MULTIPLE-LINE COMMENT BRACKETS FOR CSS! THEY MAY CAUSE MASSIVE CHANGES WHEN IMPORTED! */
	/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */


    /* xxxxxxxxxxx colours used xxxxxxxxxx */
    /* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */


    /* darker green: 	[#007700] or RGB:  0,119,0 */
    /* lighter green: 	[#EFFEED] or RGB:   */
    /* light creme: 	[#FFEBD7] or RGB: 255,235,215 */
    /* brown: 			[#883500] or RGB: 136,053,000 */



/* xxxxxxxxxxxxxxxxxxx definition of main SELECTORS xxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

body
    {
        margin: 0;
        background-color: #FFFFFF;
        font-family: Verdana, Microsoft Sans Serif, Arial, Tahoma;
        font-size: 0.8em;
    }

body
    {
        margin: 0;
        background-color: #FFFFFF;
        font-family: Verdana, Microsoft Sans Serif, Arial, Tahoma;
        font-size: 0.8em;
    }
		/* body TWICE because of bug in some browsers */
		/* margin value for the margin OUTside the border, whereas padding values define the margin INside the border */
		/* the background colour [white] determines the thin strip below the top banner as well as the columns left and right of the main content section */

h1
    {
		font-size: 1em;
		font-weight: 700;
		text-align: center;
    }
    	/* font-weight is used to make letters more or less bold; standard font-weight is 400, bold is 700 */

h2
    {
		color: #007700;
		background-color: transparent;
		padding-left: 30px;
		font-size: 1.0em;
		font-weight: 400;
		font-style: italic;
    }
    	/* colour of "normal headers" within main part [dark blue] */

p
    {
		color: #007700;
		background-color: transparent;
		padding: 0;
		text-align: justify;
    }
    	/* colour of "normal text" within main part [dark blue] */

form p,
.content>p form p
	{
		width: 500px;
		clear: both;
	}

form p label,
.content>p form p label
	{
		float: left;
	}

form p input, form p textarea, form p select,
.content>p form p input, .content>p form p textarea, .content>p form p select
	{
		float: right;
	}



/* xxxxxxxxxxxxxxxxxxxxxxxxxxx definition of CLASSES xxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

.content
    {
		color: #007700;
		padding-left: 33px;
		padding-right: 33px;
    }
    	/* colour of "normal text" within main part [dark blue] */

.h1ForNavLevelHome, .h1ForNavLevelA1, .h1ForNavLevelB1, .h1ForNavLevelC1, .h1ForNavLevelD1, .h1ForNavLevelE1, .h1ForNavLevelF1, .h1ForNavLevelG1
    {
		color: #FFFFFF;
		background-color: #007700;
		display: block;
    }
    	/* colour [black] and background [creme] of main header for 1. level of navigation depth */

.h1ForNavLevelA2, .h1ForNavLevelB2, .h1ForNavLevelC2, .h1ForNavLevelD2, .h1ForNavLevelE2, .h1ForNavLevelF2, .h1ForNavLevelG2
    {
		color: #FFFFFF;
		background-color: #D9D9FF;
		display: block;
    }
    	/* colour [dark blue] and background [light blue] of main header for 2. level of navigation depth */

.pSpanForFirstLetter
    {
		font-size: 1.8em;
		float: left;
		padding-right: 2px;
    }
    	/* to make the 1st letter of a paragraph bigger (the closing div-tag is included in the language files in order to achieve handling simplicity) */



/* xxxxxxxxxxxxxxxxxxxxxxxxxxx definition of UNDERLYING SHEETS xxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */


		/* xxxxxxxxxxxxxxxxxxxx definition of TOP BANNER field xxxxxxxxxxxxxxxxxxxx */

#topBanner
    {
        margin: 0px;
        border: 0px;
        top: 0px;
        left: 0px;
        right: 0px;
        height: 70px;
        background-color: #FFEBD7;
    }
		/* background: [creme] */


		/* xxxxxxxxxxxxxxxxxxxx definition of columns within MAIN content SECTION xxxxxxxxxxxxxxxxxxxx */

#paddingColumnLeft
	{
		float: left;
        border: 0;
        width: 5%;
        height: 200px;
        background-color: transparent;
	}

#paddingColumnRight
	{
		float: right;
        border: 0;
        width: 5%;
        height: 200px;
        background-color: transparent;
	}

#columnCenterBasis
    {
        border: 0;
        margin-right: 5%;
        margin-left: 5%;
        background-color: #EFFEED;
	}

#columnLeft
    {
        float: left;
        border: 0;
        width: 175px;
        height: 230px;
        background-color: #EFFEED;
	}
		/* left column 500px means that all three columns seem to be (at least) 500px high, forcing the bottom banner the flow below */
		/* ATTENTION: should the navigation happen to be longer then this number has to be augmented, otherwise the navigation elements are displayed on top of the bottom banner */

#columnRight
    {
        float: right;
        border: 0;
        width: 150px;
        height: 230px;
        background-color: #EFFEED;
	}

#columnCenter
    {
        border: 0;
        margin-right: 150px;
        margin-left: 175px;
        background-color: #FFFFFF;
	}
		/* must be positioned (in the files) AFTER the floated columns left and right in order to fill the space in between */
		/* background: [white] */

#columnLeftSecondary
    {
        float: left;
        border: 0;
        width: 175px;
        height: 200px;
        background-color: transparent;
	}

#columnRightSecondary
    {
        float: right;
        border: 0;
        width: 150px;
        height: 200px;
        background-color: transparent;
	}

		/* xxxxxxxxxxxxxxxxxxxx definition of BOTTOM BANNER xxxxxxxxxxxxxxxxxxxx */

#preBottomBanner
    {
        clear: both;
        width: 100%;
        margin: 0px;
        height: 15px;
        background-color: #FFFFFF;
    }

#bottomBanner
    {
        clear: both;
        width: 100%;
        margin: 0px;
        height: 35px;
        background-color: #FFEBD7;
    }
		/* background: [creme] */



/* xxxxxxxxxxxxxxxxxxxxxxxxxxx definition of SUB SHEETS within BANNERS AND COLUMNS xxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

#languages
    {
        color: #883500;
        font-weight: 700;
    }
    	/* top banner, left */
    	/* font colour: [black] */

#topCenter
    {
        color: #883500;
        font-weight: 700;
    }
    	/* top banner, center */
    	/* font colour: [black] */

#secondaryNavi
    {
        color: #883500;
        font-weight: 700;
    }
    	/* top banner, right */
    	/* font colour: [black] */

#copyright
    {
        color: #883500;
        font-weight: 700;
    }
    	/* bottom banner, left */
    	/* font colour: [black] */

#skins
    {
        color: #883500;
        font-weight: 700;
    }
    	/* bottom banner, center */
    	/* font colour: [black] */

#timestamp
    {
        color: #883500;
        font-weight: 700;
    }
    	/* bottom banner, right */
    	/* font colour: [black] */

#languages, #copyright
    {
        float: left;
        text-align: left;
        left: 0px;
        padding-left: 22px;
    }

#secondaryNavi, #timestamp
    {
        float: right;
        text-align: right;
        right: 0px;
        padding-right: 22px;
    }

#topCenter, #skins
    {
        text-align: center;
    }

#languages, #topCenter, #secondaryNavi, #copyright, #skins, #timestamp
    {
        background-color: transparent;
        padding-top: 5px;
    }
    	/* background: [] */

#languages a:link, #topCenter a:link, #secondaryNavi a:link, #copyright a:link, #skins a:link, #timestamp a:link, #languages a:visited, #topCenter a:visited, #secondaryNavi a:visited, #copyright a:visited, #skins a:visited, #timestamp a:visited
    {
        text-decoration: none;
        color: #883500;
        background-color: transparent;
    }
    	/* font colour: [black] */

#languages a:hover, #topCenter a:hover, #secondaryNavi a:hover, #copyright a:hover, #skins a:hover, #timestamp a:hover
    {
        color: #883500;
        background-color: #FFFFFF;
        font-weight: 700;
    }
    	/* font colour: [black]; background: [white] */



/* xxxxxxxxxxxxxxxxxxxxxxxxxxx definition of NAVIGATION ELEMENTS xxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

#Navigation
    {
		margin-top: 25px;
		margin-left: 10px;
		width: 150px;
		background-color: #007700;
    }

ul#navigHome, ul#navigA, ul#navigB, ul#navigC, ul#navigD, ul#navigE, ul#navigF, ul#navigG
    {
        margin: 0;
        border: 0;
        padding: 0;
        list-style: none;
        text-decoration: none;
        display: block;
        background-color: #007700;
        font-weight: 700;
    }
    	/* background colour [dark blue] necessary because some browsers otherwise show thicker line between the navigation elements in the colour of the page background */

ul#navigHome li a:link, ul#navigA li a:link, ul#navigB li a:link, ul#navigC li a:link, ul#navigD li a:link, ul#navigE li a:link, ul#navigF li a:link, ul#navigG li a:link,
ul#navigHome li a:visited, ul#navigA li a:visited, ul#navigB li a:visited, ul#navigC li a:visited, ul#navigD li a:visited, ul#navigE li a:visited, ul#navigF li a:visited, ul#navigG li a:visited
    {
        list-style: none;
        text-decoration: none;
        display: block;
        width: 150px;
        color: #FFFFFF;
        background-color: #007700;
    }
    	/* font colour 1st navigation level: [light grey]; background colour: [dark blue] */

ul#navigHome li a:hover, ul#navigA li a:hover, ul#navigB li a:hover, ul#navigC li a:hover, ul#navigD li a:hover, ul#navigE li a:hover, ul#navigF li a:hover, ul#navigG li a:hover
    {
        list-style: none;
        text-decoration: none;
        display: block;
        color: #007700;
        background-color: #EFFEED;
    }
    	/* font colour becomes former button colour [dark blue] */
    	/* button colour becomes background colour [light grey] */

ul#navigHome li, ul#navigA li, ul#navigB li, ul#navigC li, ul#navigD li, ul#navigE li, ul#navigF li, ul#navigG li
    {
        border-top: 1px solid #EFFEED;
    }
    	/* thin line to separate the navigation elements visibly = background colour: [light green] */



ul#navigSitemapStandard
    {
        margin: 0;
        border: 0;
        padding: 0;
        list-style: none;
        text-decoration: none;
        display: block;
        background-color: #007700;
        font-weight: 700;
    }
    	/* background colour [dark green] necessary because some browsers otherwise show thicker line between the navigation elements in the colour of the page background */

ul#navigSitemapStandard li a:link,
ul#navigSitemapStandard li a:visited
    {
        list-style: none;
        text-decoration: none;
        display: block;
        width: 330px;
        color: #EFFEED;
        background-color: #007700;
    }
    	/* font colour 1st navigation level: [light green]; background colour: [dark green] */

ul#navigSitemapStandard li a:hover
    {
        list-style: none;
        text-decoration: none;
        display: block;
        color: #007700;
        background-color: #EFFEED;
    }
    	/* font colour becomes former button colour [dark green] */
    	/* button colour becomes background colour [light green] */

ul#navigSitemapStandard li
    {
        border-top: 1px solid #EFFEED;
    }
    	/* thin line to separate the navigation elements visibly = background colour: [light green] */



ul#navigSitemapContact
    {
        margin: 0;
        border: 0;
        padding: 0;
        list-style: none;
        text-decoration: none;
        display: block;
        background-color: #FFEBD7;
        font-weight: 700;
    }
    	/* background colour [light creme] necessary because some browsers otherwise show thicker line between the navigation elements in the colour of the page background */

ul#navigSitemapContact li a:link,
ul#navigSitemapContact li a:visited
    {
        list-style: none;
        text-decoration: none;
        display: block;
        width: 330px;
        color: #883500;
        background-color: #FFEBD7;
    }
    	/* font colour 1st navigation level: [brown]; background colour: [light creme] */

ul#navigSitemapContact li a:hover
    {
        list-style: none;
        text-decoration: none;
        display: block;
        color: #883500;
        background-color: #FFFFFF;
    }
    	/* font colour becomes former button colour [brown] */
    	/* button colour becomes background colour [white] */

ul#navigSitemapContact li
    {
        border-top: 1px solid #FFFFFF;
    }
    	/* thin line to separate the navigation elements visibly = background colour: [white] */


/* xxxxxxxxxxxxxxxxxxxxxxxxxxx definition of SUB SHEETS within left and right COLUMN xxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

#sitemap
    {
		padding: 20px;
		width: 330px;
    }

#columnLeftTop
    {
		padding: 10px;
		color: #007700;
		background-color: transparent;
    }
    	/* font colour: [dark blue] */

#columnRightTop
    {
		text-align: center;
		margin-top: 25px;
		font-weight: 700;
		color: #007700;
		background-color: transparent;
    }
    	/* font colour: [dark blue] */



/* xxxxxxxxxxxxxxxxxxxxxxxxxxx further definitions xxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

#links a:link, #links a:visited
	{
		text-decoration: none;
		color: #007700;
		background-color: #EFFEED;
	}

#links a:hover
	{
		text-decoration: none;
		color: #EFFEED;
		background-color: #007700;
	}

#horizontalLine
	{
		text-decoration: none;
		width: 100%;
		height: 1px;
		background-color: #007700;
	}

#amazonFrame
	{
		background-color: #EFFEED;
		width:120px;
		padding: 3px;
	}

#imageBannerTop
	{
		margin-top: 8px;
	}

#imageMiddle
	{
		text-align: center;
	}

#imageFloatLeft
	{
		float: left;
		width: 150px;
		margin-right: 20px;
	}

#imageFloatLeftBigger
	{
		float: left;
		width: 170px;
		margin-right: 20px;
	}

#paddingLeft
	{
		padding-left: 20px;
		text-align: justify;
	}

#block
	{
		text-align: justify;
	}

#clear
	{
		clear: left;
	}

#clearRight
	{
		clear: right;
	}

#clearWithLine
	{
		clear: both;

	}

#secondColumn
	{
		margin-left: 170px;
	}
		/* must equal imageFloatLeft (150px) + margin-right of the latter (20px) */

#secondColumnFurther
	{
		margin-left: 280px;
	}

#secondColumnFurtherPlus
	{
		margin-left: 320px;
	}

#floatLeft
	{
		float: left;
	}

</style>