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

h1 {
	margin: 10px 0px 20px 0px;
	text-align: center;
    font-size: 14pt;
    text-decoration: none;
    font-weight: normal;
}

h2 {
	margin: 3px 0px 10px 0px;
	text-align: center;
    font-size: 11pt;
    text-decoration: bold;
}

h3 {
	margin: 2px 0px 4px 0px;
    font-size: 10pt;
    text-decoration: bold;
}



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;
}



#header {

	background-color: #6A513E;
	background-image:  url(hintergrund.png);
	margin:0 auto;	
	width: 100%;
}

.spacer10 {
	height: 10px;
}

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

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

img {
    border: 0px;
}

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

#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;
}


.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;
}

table.layout {
    width: 800px;
}

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


.spacer20 {

	clear:both;
	height: 20px;
}

#footer {

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


/* ------- box ------- */



.box-outer {
	margin: 5px 2px 5px 2px;
	float:left;
	background: #FFFFFF;
	width: 95%;
}

.box-inner {

	margin: 0 10px;
	text-align: left;
	vertical-align: top;
	font-family: verdana, tahoma, arial, sans-serif;
}

b.rtop, b.rbottom {
	display:block;
	background: #FFFFFF;
}

b.rtop b, b.rbottom b {
	display:block;
	height: 1px;
    overflow: hidden;
	background: #FFFFFF;
}

b.r1 {
	margin: 0 5px
}

b.r2 {
	margin: 0 3px
}

b.r3 {
	margin: 0 2px
}

b.rtop b.r4, b.rbottom b.r4 {
	margin: 0 1px;
	height: 2px
}


table.iconbox {
    border: 0px;
}

td.iconbox {
    vertical-align: top;
}

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

p.grade-description {
	text-align: center;
	font-style: italic;
	margin: 4px 0px 8px 0px; 
}

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

img.grade {

    border: 0px;
    margin: 0px 5px 5px 0px;
}

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

div.news-box {
    height: 500px;
    overflow: auto;
}


div.news {

    margin: 8pt 0 16pt 0;
}

p.news-date {
	font-size: smaller;
    margin: 2px 0 4px 0;
}

div.news p {
    margin: 2px 0 8px 0;
}



.news-headline {
	font-size: smaller;
}

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

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

.shop-address {
    font-size: 8pt;
}

p.shop-address {
    margin: 2px 0 4px 0;
}

a:link.shop-address, a:visited.shop-address {

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

p.onlineshop {
    margin: 2px 0 4px 0;
}


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


.highlighted {
	color: #808080;
}

.more-link, .less-link {

    text-align: right;
    font-size: smaller;
    font-weight: bold;
}

.buy {
    text-align: right;
    vertical-align: middle;
}

a:link.buy, a:visited.buy, a:link.onlineshop, a:visited.onlineshop {
    color: #850303;
}

img.buy, img.onlineshop {
    vertical-align: middle;
}