body {
  background-color: #f1f1f1;
  color: black;
  margin: 0;
  padding: 12px; 
  min-width: 640px; 
  font-size: 100.01%; 
  font-family: arial, sans-serif ;
}
a {
  text-decoration: underline; 
}
a:link {
  color: #f06600;
}
a:visited {
  color: #9c4200;
}
a:hover {
  color: #000000;
}
a:active {
  color: #f06600;
}

.skip { 
  position: absolute;
  margin-left: -999px;
  width: 990px;
}
h1 { 
  font-size: 2.4em;
  font-weight: normal;
  line-height: 1.0em;
}
h2, h3, h4 {
  font-weight: normal; 
}

h2, h3, h4, h5, h6 {
  line-height: 1.2em;
}

h1, h2, h3, h4, h5, h6 { 
  color: #6699CC;
  font-family: arial, sans-serif;
}
p.b{
  color: #6699CC;
  font-size: 1.3em;
}
img { 
  max-width: 95%;
  border: none 0px white;
}
img.niceborder{ 
  padding: 1px;
  border: solid 1px #aaa;
}

.fleft { 
  float: left;
  margin: 0 1em 0.2em 0; 
}
.fright {
  float: right;
  margin: 0 0 0.2em 1em;
  padding: 1px;
}
.firstheader{        
  margin-top: 0;
}

div.imagearea{
  text-align:center;
  margin-top:2.4em;
  margin-bottom:3.2em;
}

ul.abstand li{
margin-top:0.5em
}


#container { 
  font-size: 0.8em; 
  max-width: 980px; 
  margin: auto; 
  border: 1px solid #aaa; 
  background: url(fillnav.gif) repeat-y #fff1db;
}
#footer {
  clear: both; 
  margin:0;
  background-color:#589acc;
  color: white; 
  text-align: center;
}


#logo {
  background: url(mainlogo.gif) 12px 2px no-repeat #eb9919;
  height: 78px; 
  padding: 0px 20px;
  text-align: right;
  line-height: 76px;
  font-size: 54px; 
  overflow: hidden; 
  letter-spacing: -3px; 
  margin: 0; 
}
#logo a {
  color: white; 
  text-decoration: none;
}
#logo a span { 
  color: #589acc;
  font-weight: bold;
}

#menu {
  background-color:#589acc;
 
  padding: 0px 48px;  
  margin: 0 0 0 0;
  text-align: right;
  color: yellow; 
  }
#menu li {
  display: inline; 
  list-style-type: none; 
  border-left: 1px solid white; 
  padding: 0 10px 0 15px;
}
#menu li a {
  color: white; 
  text-decoration: none;
}
#menu li a:hover {
  color: black; 
} 


#subnav {
  width: 22%; 
  min-width: 9em; 
  float: right; 
  padding: 70px 0px 1em 10px;
  margin: 1em 10px 0 10px;    
  border-left: 1px dotted #aaa; 
  font-size: 0.9em; 
  overflow: hidden;   
  
  }
#subnav dt { 
  font-size: 1.2em;
  font-family: arial, sans-serif;
  color: #6699CC;
  padding: 0.5em 0.5em 0.5em 0;
  margin-top: 1em;
  border-top: 1px dotted #aaa;  
}
#subnav dt a{
  color: #6699CC;
  text-decoration: none;
}
#subnav dt a:hover{
  color: #000000;
  text-decoration: underline;
}
#subnav dt.first { 
  border-top: 0; 
}
#subnav dd { 
  padding: 0;
  margin: 0.5em 0;
}

#main {
  background: url(fillnav.gif) repeat-y #fff1db;
  padding: 16px 26% 16px 196px;   
  line-height: 1.5em;  
}

#main_w {   
  background: url(fillnav.gif) repeat-y #fff1db;
  padding:16px 11% 16px 196px;  
  line-height: 1.5em;  
}

#main_i {
  background: url(fillnav.gif) repeat-y #fff1db;
  padding:0 0 0 180px;  
  line-height: 1.5em; 
}

  
#nav{
  width: 180px;
  color: black;
  background-color: #eb9919; 
  float: left;   
  padding: 50px 0px 1em 0px; 
  margin: 0;
  overflow: hidden;   
}
#nav a {
  text-decoration: none;
}
#nav a:link {
  color: #18768e;
}
#nav a:visited {
  color: #18768e;
}
#nav a:hover{
  color: black;
}
#nav a:active {
  color: #000000;
}
#nav p {
  font-weight: normal;
  line-height: 1.1em;
  margin-top: 4px;
  margin-bottom: 4px;
  padding: 2px;
  margin-right:20px;
}
#nav p.nav1{
  margin-top: 12px;
  font-weight: bold;
  margin-left: 20px;
}
#nav p.nav1a{
  margin-top: 12pt;
  font-weight: bold;
  margin-left: 20px;
  background-color:#f8a016;
}
#nav p.nav2 {
  margin-left: 30px;
  font-size: 0.9em; 
}
#nav p.nav2a {
  margin-left: 30px;
  font-size: 0.9em; 
  background-color:#f8a016;
}

#gallery {
  background: url(fillnav.gif) repeat-y #fff1db;
  padding:16px 11% 16px 196px;  
}
#gallery table {
  border: none; 
  border-spacing: 2px;
  width:100%;
}
#gallery table.thumbs td {
  color: #F0F0F0; 
  padding: 6px; 
  width:25%;
  text-align: center; 
  vertical-align: middle;
}
#gallery span {
  color: #808080
}
#gallery p.small {
  font-size: 80%; 
  color: #808080; 
  margin: 0.5em 0 0.5em 0; 
}
#gallery a img.thumbs {
  padding: 1px;
  border: solid 1px #aaa;
}
#gallery a:hover img.thumbs {
  padding: 0px;  
  border: solid 2px #000;
}
#gallery a {
  color: #f06600; 
  text-decoration: none;
}
#gallery a:hover {
  color: #000000;
}
#gallery hr {
  height: 1px; 
  border: none; 
  color: #aaa; 
  background-color: #aaa; 
}