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

				LAYOUT & DESIGN

****************************************************/
body {
background-color: #ffffff;
color: #000;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 0.8em;
line-height: 1.3em;
margin: 0px;
padding: 0px; /*for non IE browser*/}
#header {
padding-left: 14.2em;
height: 200px;
background-image:  url(images/header_bg.jpg);
background-position: left top;
background-position: 14.2em top;}
#header-image {
height: 200px;
width: 780px;
background-image: url(images/header.jpg);
background-position: 14.2em top;
background-repeat: no-repeat;
border-right: solid #000 1px;
background-position: center top;}
#menu {
padding-left: 2em;
position: absolute;
top: 200px;
left: 0px;
width: 14.2em;
height: 320px;
overflow: visible;
background-image: url(images/menu_bg.jpg);
background-position: left top;
background-repeat: no-repeat;}
#main {
position: absolute;
top: 200px;
left: 14.2em;
width: 780px;
background-color: #fff;}
#main-content {
float: left;
background-color: #F6F5F1;
width: 512px;
text-align: left;
padding: 10px;}
#pictures {
position: absolute;
left: 610px;
text-align: center;}
#pic1 {
width: 170px;
height: 150px;
margin-top: 33px;
position: relative;
background-image: url(images/pic1.jpg);
background-repeat: no-repeat;
background-position: center top;}
#pic2 {
width: 170px;
height: 150px;
margin-top: 33px;
background-image: url(images/pic2.jpg);
background-repeat: no-repeat;
background-position: right top;}
#pic3 {
width: 170px;
height: 150px;
margin-top: 33px;
background-image: url(images/pic3.jpg);
background-repeat: no-repeat;
background-position: right top;}
/***************************************************

					Elements

****************************************************/
td.100 {
width: 100px;}
td.200 {
width: 200px;}
td.300 {
width: 200px;}
td.right {
text-align: rigth;
vertical-align: bottom;}
img {
border: 0px;
vertical-align: middle;}
h1 {
color: #D6841E;
font-size: 1.6em;
text-align: right;
letter-spacing: 0.2em;}
h2 {
color: #000;
font-size: 1.3em;}
h3 {
text-align: left;
color: #000;
font-size: 1.1em;
line-height: 0.8em;}
p.footer {
color: #990000;
font-size: 0.8em;
text-align: center;
font-weight: bold;}
label.left {
float: left;
text-align: right;
width: 16.7em;}
p.left {
text-align: left;}
p.date {
text-align: right;}
legend {
color: #000;
text-align: left;
font-size: 1.1em;
font-weight: bold;}
a:link{
text-decoration: none;
color: #000;
text-align: left;}
a:hover {
color: #ffffff;
background-color: #D6841E;}
a:active {
color: #ffffff;
background-color: #D6841E;}
a:visited {
text-decoration: none;
color: #000;}
#menuhost{
text-align: left;
width: 11em;
height: 150px;
margin-top: 0.5em;
margin-right: 0.2em;
padding-left: 0.3em;
padding-top: 0.1em;}
#menuhost a:link{
font-weight: bold;
display: block;
color: #000;
padding-left: 1.9em;
line-height: 1.9em;}
#menuhost a:hover {
font-weight: bold;
color: #000;
padding-left: 1.9em;
line-height: 1.9em;}
#menuhost a:active {
font-weight: bold;
color: #000;
padding-left: 1.9em;
line-height: 1.9em;}
#menuhost a:visited {
display: block;
font-weight: bold;
color: #000;
padding-left: 1.9em;
line-height: 1.9em;}
#copyright {
font-size: 0.65em;
text-align: left;
display: block;
color: #000;}
#copyright a:link{
color: #000;}
#copyright a:visited {
color: #000;}
.images {
margin-top:10px; 
margin-left:14px; 
width:100px; 
height:100px; 
border: 1px solid black; 
overflow: hidden; 
z-index: 100; 
float: left; 
background-position: center;
background-repeat: no-repeat;}
.image {
margin-top:10px; 
margin-bottom: 5px;
width: auto;
height:480px; 
border: 1px solid black; 
overflow: hidden; 
z-index: 100;
background-position: center;
background-repeat: no-repeat;}
#galerie a:link {
text-decoration: none;
background-color: transparent;}
#galerie a:hover {
text-decoration: none;
background-color: transparent;}
#galerie a:visited {
text-decoration: none;
background-color: transparent;}