*
{
  padding: 0;
  margin:  0;
  font-family: "Century Gothic", Helvetica, sans-serif;
  font-size: 12pt;
}

a
{
  outline: none;
}

body
{
  background: url(../cssimg/tiled-bg.jpg);
}

#frame
{
  min-height: 709px;
  margin: 0 auto;
  
  background: url(../cssimg/header-bg.png) top center no-repeat;
}

#frame2
{
  margin: 0 auto;
  width: 917px;
}

#header
{
  background: url(../cssimg/headercolor.png) repeat;
  background-position: 32px top;
  
  width: 875px;
  height: 100px;
  margin-bottom: 55px;
  margin-left: 30px;
  padding-left: 32px;
}

#headline-de,
#headline-en,
#logo,
#logospan
{
  float: left;
  display: block;
  margin-top: 15px;
  position: absolute;
}
#logo {margin: 0 20px 0 0;}

#headline-de,
#headline-en
{
	margin-left: 130px;
  width: 431px;
  height: 81px;
  
  text-indent: -600px;
  line-height: 600px;
  overflow: hidden;
  white-space: nowrap;
}

#headline-de { background: url(../cssimg/headline-de.png) no-repeat top left;}
#headline-en { background: url(../cssimg/headline-en.png) no-repeat top left;}

#menu
{
  width: 400px;
  height: 60px;
  
  margin-left: 475px;
  display: block;
  position: absolute;
}

#menu ul
{
  width: 400px;
  height: 60px;
  display: block;
}

#menu ul li
{
  text-align: center;
  list-style: none;
  float: left;
  display: block;
  height: 60px;
  width: 100px;
  background: white url(../cssimg/menu-separator.png) top right no-repeat;
  opacity: 0.6;
}

#menu ul li a
{
  text-decoration: none;
  color: black;
  display: block;
  height: 40px;
  width: 100px;
  padding-top: 20px;
  font-size: 12pt;
  overflow: hidden;
}

#menu ul li:hover
{
  background: #ffffff;
  opacity: 1.0;
}


#wrapper
{
  width: 916px;
  padding-right: 20px;
  margin: 0 auto;
  
  /*border: 1px dashed gray;*/
}

#main
{
  background: url(../cssimg/content-top.png) no-repeat;
  width: 916px;
  padding-top: 62px;
  padding-left: 30px;
  
  /*border: 1px dashed blue;*/
}

#content
{
  width: 834px;
  min-height: 325px;
  background: url(../cssimg/content.png) repeat-y top center;
  
  padding: 20px;
  padding-top: 0;
  /*border: 1px dashed green;*/
}

#content img
{
  margin: 20px;
}

#content li
{
  margin-left: 20px;
  margin-top: 5px;
}

a
{
  color: #6c3311;
}

a.langswitch
{
	text-decoration: none;
	font-size: 10pt;
	color: black;
	/*margin-left: 5px;
	margin-bottom: 20px;
	margin-top: -30px;
	display: block;
	position: absolute;*/
	
	float:right;
	margin-right: 60px;
	margin-top: 5px;
	
}
a.langswitch img
{
  border: none;
  margin: 5px 10px 0 0 !important;
  vertical-align:text-bottom;
}

p, h1, h2, h3
{
  margin: 10px 0;
  margin-bottom: 20px;
}

p
{
  margin-bottom: 0;
}

h1 { font-size: 20pt; }
h2 { font-size: 18pt; }
h3 { font-size: 16pt; }
p { font-size: 12pt; }


#content table
{
  width: 90%;
  margin: 10px;
}
#content table td
{
  border-bottom: 1px solid #bbb;
}

.box
{
  background: #fff9f5;
  padding: 20px;
  margin: 20px;
  clear: both;
}

#footer-bg
{
  background: url(../cssimg/footer-bg.png) no-repeat top center;
  width:  993px;
  height: 303px;
  margin: 0 auto;
  margin-top: -146px;
  margin-left: -101px;
  
  clear:both;
  
  /*border: 1px dashed red;*/
}

#footer
{
  background: url(../cssimg/footer.png) no-repeat top center;
  width: 891px;
  height: 60px;
  left: 81px;
  top: 146px;
  position: relative;
  
  padding-top: 130px;
  padding-left: 40px;
}

div#footer,
div#footer-bg,
div#content
{
  /*outline: 1px dashed black;*/
}

#footer p,
#footer p a
{
  font-size: 10pt;
  margin-right: 30px;
  color: #393939;
}


/**** gallery ****/
.galbox
{
  text-align: center;
}

.thumb
{
  width: 230px;
  display: inline-block;
  text-align: center;
}
.thumb img
{
  border: 0;
  cursor: pointer;
}