body {
	margin: 0px 0px 0px 0px;
}


h1 {

	margin: 10px 0px 20px 0px;
	padding: 0px 0px 5px 0px;
	text-align: left;
    font-size: 15pt;
    text-decoration: none;
    font-weight: normal;

    color: #674D2E;
    border-bottom: 5px solid #D7DF23;     
}


h2 {

    color: #674D2E;
    font-size: 13pt;
    text-align: left;
    font-weight: normal;


	margin: 0px 0px 0px 0px;
	padding: 4px 0px 4px 0px;


    /*border-top: 5px solid #D7DF23;*/ 
    border-bottom: 5px solid #D7DF23; 

}



h3 {

    color: #674D2E;
    font-size: 12pt;
	text-align: left;
    font-weight: normal;	

	margin: 2px 0px 4px 0px;
}

h4 {

    color: 674D2E;
    font-size: 10pt;
	text-align: left;

	margin: 2px 0px 4px 0px;
}



a:link {
    font-weight: bold;
    color: #000000;
    text-decoration: underline;
}

a:visited {
    font-weight: bold;
    color: #404040;
    text-decoration: underline;
}

a:focus {
    font-weight: bold;
    color: #000000;
    text-decoration: underline;
}

a:hover {
    font-weight: bold;
    color: #000000;
    text-decoration: none;
}


/* ---------- structure  --------- */


#header {

	background-color: #674D2E; /*  brown light */
	/* background-color: #D7DF23; green */

	margin:0 auto;
	width: 100%;
}

#logo {
	width: 372px;
	height: 130px;
	margin: auto;
	padding: 10 0 25 0;
}

#skyline {
	width: 100%;
	height: 100px;
	
	position: absolute;
	top: 54px;	
}


#separator {

	background-color: #000000;
	width: 100%;
	height: 2px;
}



#body {
    width: 800px;
    margin:0 auto;
    min-height: 600px;

	font-family: verdana, tahoma, arial, sans-serif;
	color: #000000;
	font-size: 9pt;
}

#navigation {

	padding: 10px 10px 10px 10px;
	text-align: right;
	font-family: verdana, tahoma, arial, sans-serif;
	color: #000000;
	font-weight: bold;
}



#footer {

	clear:both;
    text-align: center;
    font-size: x-small;
}


/* ---------- layout --------- */

.column1 {
	float:left;
	width: 800px;
}

.column21 {
	float:left;
	width: 390px;
	margin: 0 10px 0 0;
}

.column22 {
	float:right;
	width: 390px;
	margin: 0 0 0 10px;
}

.column-large {
	float:left;
	width: 540px;
	margin: 0 10px 0 0;
}

.column-small {
	float:right;
	width: 240px;
	margin: 0 0 0 10px;
}


table.layout {
    width: 800px;
}

table.layout tr td {
    width: 400px;
    vertical-align: top;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}





div.layout-item-large {

    float: left;
    width: 550px;
    margin: 0 50px 0 0;
}

div.layout-item-small {

    float: left;
    width: 200px;
    margin: 0 0 0 0;
}


/* ----- etc ----- */

.spacer20 {

	clear:both;
	height: 20px;
}


.spacer10 {
	height: 10px;
}


img {
    border: 0px;
}

img.center, p.center {
    display: block;
    margin: auto;
}



div.contentblock {

    margin: 0px 0px 40px; 0px;
	/*  background-color: #D7DF23; green */
	/* border: 1px solid #000000; */
}


div.more {

    background-image: url(arrow_right.png);
    background-repeat: no-repeat;
    background-position: center right;
    background-color: #D0D63F;
    color: #32230C;
    height: 20px;
    line-height: 20px;
    padding: 0 20px 0 10px;
    min-width: 10%;

    text-align: center;
    float: right;

}


div.less {

    background-image: url(arrow_left.png);
    background-repeat: no-repeat;
    background-position: center left;
    background-color: #D0D63F;
    color: #32230C;
    height: 20px;
    line-height: 20px;
    padding: 0 10px 0 20px;
    width: 10%;

    text-align: center;
}

div.more a:link, div.more a:focus {
    text-decoration: none;
}

div.more a:hover {
    text-decoration: underline;
}

div.more a:visited {
    text-decoration: underline;
}


.navigation-highlighted {
	color: #808080;
}

/* ------- grade ------- */


div.grade {
    margin-bottom: 70px;
}


div.grade h2 {

    background-color: #D0D63f; /* green adapted */
    text-align: left;
    font-weight: normal;
    color: #674D2E;
    border-bottom: 2px solid #674D2E;
    padding-left: 10px;    
}

div.grade h3 {

    margin: 10px 0 10px 0;
    padding-left: 10px;
}


div.grade div.image {

    position: absolute;

    width: 200px;
    padding: 10px 5px 5px 5px;
}

div.grade div.image img {

    min-width: 140px;
    border: 0px;
}


div.grade div.text {

    margin-left: 220px;
    width: 400px;
}


div.grade * p.season {
	text-align: right;
	font-size: smaller;
	font-style: italic;
}


/* ------- news ------- */


div.news {
    margin: 16pt 0 22pt 0;
}

div.news p.date {
	font-size: 10px;
    margin: 4px 0 0px 0;
}



/* ------- shop ------- */

div.shop {
     margin: 6pt 0 16pt 0;
}

div.shop h3 {
    text-align: left;
}

div.shop p {
    margin: 2px 0 4px 0;
    font-size: 9pt;
}

div.shop * a:link, a:visited {

    color: #404040;
    font-weight: normal;
}

p.onlineshop {
    margin: 2px 0 4px 0;
    font-size: 10pt;
}


table.shops tr td {
    width: 250px;
    vertical-align: top;
}


/* ----- market ------ */

div.market {

    margin: 10px 0 20px 0;
}

div.market h3 {
    margin: 0 0 0 0;
}

div.market p.date {
	font-size: 8pt;
	color: grey;
    margin: 0 0 0 0;	
}

div.market p.address {
    margin: 5px 0 0 0;
}


/* -------------- */