@charset "ISO-8859-1";

/* basics */

html {
 margin: 0;
 padding: 0;
}

html, body { 
  overflow: auto;
}

body { 
 background: #a95507 url(backgr.jpg) fixed repeat top right; 
 font: x-small Arial, Helvetica, Sans-Serif;
 color:#333;
 font-size/* */:/**/small;
 font-size: /**/small;
 direction:ltr;
 margin: 20px;
 padding: 0;
 color: #DFCEC0;
 text-align: center;
}

img {
  border: 0;
}

a { 
 font-weight: normal; 
 outline: none;
}

a:link, a:visited { 
 text-decoration: none; 
 color: #E2CFA2;
 outline: none;
}

a:hover, a:active { 
 text-decoration: underline; 
 color: #EFE7CA;
}

acronym {
 border-bottom: none;
}

h3 { 
 font-weight: normal;
 text-align: left;
 font-size: 1.2em;
 line-height: 1.2em;
 margin: 10px 0;
 color: #D9BC87;
}

.inner img  {
 position: relative;
 float: right;
 padding: 10px 20px 20px 60px;
}

.y { 
 font-weight: normal;
 color: #D9BC87;
}

.sm { 
 color: #D9BC87; 
 font-size: 0.9em;
}

.smx { 
 color: #D9BC87; 
}

.sms { 
 color:#D9BC87; 
 font-size: 0.9em;
 padding: 0 0 0 5px;
}

.extern p {
 clear: both;
 float: none;
 margin-bottom: 25px;
}

.extern img {
 float: right;
 border: 1px solid #202020;
 margin: 0 45px 30px 65px;
}

/* content */

#container { 
 clear: both;
 float: none;
 position: relative;
 margin: 0 auto;
 width: 840px; 
 opacity:0.92; filter:Alpha(Opacity=92); -khtml-opacity:0.92; -moz-opacity:0.92;
 background-color: #2D2923; 
 text-align: left;
}

#basic { 
 clear: both;
 float: none;
 padding: 60px 0 0 0; 
 margin-bottom: 60px;
 min-height: 630px; 
}

#pageHeader { 
 position: relative;
 background: #000 url(header.jpg) no-repeat top right; 
 width: 840px; 
 height:240px; 
 clear: both;
 float: none;
}

#pageHeader h1 { 
 position: absolute;
 margin:  0;
 padding: 0 0 0 220px;
 bottom: 48px; 
 left: 0;
 text-align: left;
 font-size: 3.4em;
 line-height: 1.1em;
 color: #C97527;
 font-weight: normal;
 border-top: 3px solid #C97527;
}

#pageHeader h2 { 
 display: none;
 position: absolute;
 margin:  0;
 padding: 0;
 bottom: 100px; 
 left: -3px;
 text-align: left;
 font-size: 2.1em;
 line-height: 1.1em;
 color: #C97527;
 font-weight: normal;
}

#menu {
  position:relative;
  top: -2px;
  left: 0;
  font-size: 1em;
}

#menu ul {
  margin:0;
  padding: 10px 0 10px 30px;
  list-style-type:none;
  float:left; 
}

#menu li {
  display: inline; 
  padding-right:13px; 
}

#menu li a.active {
  color:#EFE7CA;
  border-top:5px solid #C97527;
}

#menu li a.inactive:hover {
  color:#EFE7CA;
  border-top-color:#C97527; 
}

#menu li a.inactive {
  color:#D9BC87;
  border-top:5px solid #000000;
}

#menu li a {
  line-height:1.1em;
  text-decoration:none;
  padding-top:6px;
  font-weight: normal;
}

#menu a:active {
  color:#C97527;
}

#upperTeaser {
 position: relative;
 clear: both;
 float: right;
 top: 70px;
 margin: 0 35px; 
 padding: 15px 10px; 
 width: 220px; 
 text-align: center;
}

#upperTeaser p.z { 
 font-size: 1.2em;
 line-height: 1.2em;
 margin: 0;
 font-weight: normal;
 color: #D9BC87;
 text-align: center;
}

#upperTeaser p.y {
 text-align: center;
 font-size: 1.1em;
 line-height: 1.2em;
 margin: 0 0 10px 0;
 padding: 0;
}

#upperTeaser .impressum img  {
 position: relative;
 margin: 5px 0 25px 0;
 padding: 5px 10px;
 border: 1px solid #D9BC87;
}

#upperTeaser .start img  {
 position: relative;
 margin: 0 15px 30px 15px;
}

#upperTeaser ul {
 text-align: left;
 list-style-image:url(checklist.gif);
}


#upperTeaser li {
 padding: 0 5px 0 3px; 
 line-height: 1.9em;
}

#intro, #upperText, #innerText, #lowerText {	
 padding: 5px 0 0 0; 
 margin: 0 30px 0 30px; 
}

#intro p {
 text-align: justify;
 line-height: 1.8em;
}

#upperText, #innerText, #lowerText {	
 text-align: left;
 line-height: 1.8em;
}

#intro p.y {
 text-align: left;
 font-size: 1.3em;
 line-height: 1.2em;
 margin: 10px 0;
}

.cd ol li {
 font-size: 0.9em;
 line-height: 1.6em;
}

.cd a:hover {
 text-decoration: none
}

.cd a.cover img {
 float: right;
 margin: 10px 0 40px 60px;
 border: 1px #CFBEB0 solid;
 background: #ffffff url(white.gif) fixed repeat top right; 
}

.cd {
 position: relative;
 clear: both;
 margin: 10px 0 60px 0;
 font-size: 1em;
 line-height: 1.6em;
 border-top: 1px #3c3829 solid;
}

/* footer */

#footer { 
 clear: both;
 float: none;
 background-color: #1A1507; 
 position: relative;
 font-size: 0.85em;
}

#footer p { 
 text-align: left;
 color: #E2CFA2;
 margin: 0 30px;
 padding: 8px 0;
 line-height: 1.3em;
}