/* gold: #c5a961 */
/* dunkelbraun: #3d1507 */
/* mittelbraun: #8b5a3f */

body {background-color:#3d1507; padding:0px; margin:0px; color:#3d1507; text-align:center}

#container {
  width:900px;
  height:600px;
  margin:auto;
  margin-top:3%;
  border:3px solid #8b5a3f;
  font-family:trebuchet ms, arial, verdana;
  font-size:0.8em;
  text-align:center;
  }
#container b {font-weight:bold; color:#8b5a3f}
#footer {width:905px; height:40px; text-align:right; color:#f7e4cd; font-family:verdana; font-size:11px; margin:auto;}
#footer a, a:active {color:#f7e4cd; text-decoration:none}
#footer a:hover {color:#8b5a3f}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ header ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#header { width:100%; height:103px; background-color:#3d1507; background-image: url(../img/hg-header.jpg);}
#header .name {margin:3px 0px 0px 0px; width:736; height:101;}
#header .logo {margin:-18px 0px 0px -17px; width:120; height:118; position: relative;}
<!--[if lte IE 7]>
*html .logo {/* für IE6 */ height:1px; position:relative;}
#header .logo { /* hasLayout für IE7 */ min-height:0;}
<![endif]-->

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ menu ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#menu {font-size:12px; font-weight:bold;}
#menu ul {padding:0; margin:0; list-style:none; overflow:hidden}
#menu ul li {float:left; margin:0; padding:0; line-height:26px}	
#menu ul li a {float:left; display:block; margin:0; padding:0 15px;text-decoration:none; color:#3e1608; font-size:12px; font-weight:bold;}
#menu ul li .first {padding-left:0;}
#menu ul li .last {padding-right:0;}
#menu li .active {text-decoration:underline;}
#menu li a:hover {color:#8b5a3f;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ elements ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#left {float:left; background-image:url(../img/hg-links.jpg); width:175px; height:495px;}
* html #left {width:171px;}	
#content {float:left; background-image:url(../img/hg-mitte.jpg); width:550px; height:495px;}
* html #content {width:550px;}
#right {float:left; background-image:url(../img/hg-rechts.jpg); width:175px; height:495px;}	
* html #right {width:170px;}		
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ content-area ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#content_text_container {
  background-color:#ffffff;
  opacity: 0.7; 
  height:350px;
  width:450px;
  overflow:auto;
  text-align:left;
  margin:20px;
  padding:20px;
}
* html #content_text_container {
  height:420px;
  width:480px;
}
#content_text_container a {color:3d1507; text-decoration:underline}
#content_text_container a:hover {color:8b5a3f; text-decoration:underline}
#content_text_container img {border:1px solid #3d1507}

h1 {font-size:18px; font-weight:bold;}
h2 {font-size:14px; font-weight:bold; line-height:10px}
h3 {font-size:12px; font-weight:bold; margin:0; padding:0}

.trenner {font-size:20px; text-align:center; margin:10px 0px 5px 0px; width:100%}
.past {text-decoration:line-through;}
.years {text-align:center; font-size:10px; font-weight:bold; margin-top:20px}