body {
  background: #eeeeee;
  color: black;
  margin: 0;
  min-width: 640px;
  font-size: 100.01%;
  font-family: arial, sans-serif ;
}

.skip {
  position: absolute;
  margin-left: -999px;
  width: 990px;
}

a { color: #777788; text-decoration: underline; }
a:visited { color: black; }

a.deco{
   color: #777788;
   text-decoration: none;
   font-weight: bold;
   font-size: 1.0em;
   min-width: 6em;
}


ul {
   list-style-type: square;
   }

p {margin:1em auto;}

h1 {
  text-align:center;
  font-size: 1.6em;
  font-weight: normal;
  font-family: arial, sans-serif ;
  color: #db007a;
  margin: 1.0em 0 1.0em 0;
}
h2{
  font-size: 1.0em;
  padding: 0.4em 0 0.1em 0;
  font-weight: bold;
}
h3, h4 { font-weight: normal; }
h2, h3, h4, h5, h6 {
  text-align: left;
  margin:1em 0 0em 0em;
  color: #db007a;
  font-family: arial, sans-serif ;
}
img {
  border:none;
  padding: 5px;
  float:none;
}
.objleft {
  float: left;
  margin: 0 1em 0.2em 0;
}
.objright {
  float: right;
  margin: 0 0 0.2em 2em;
  padding: 1px;
}

/* -- Container -- */
#container {
  font-size: 0.8em;
  max-width: 80em;
  padding: 0px;
  margin: 20px auto 20px auto;
  background:white;

  border-width:1px;
  border-style:solid;
  border-color:#bbbbbb #bbbbbb #dddddd #dddddd ;
}

/* -- Kopfzeile -- */
#header {
  background: white url(../img/header.gif) no-repeat scroll left center;
  padding: 5px;
  margin: 10px;
  min-height:131px;
  font-size: 1em;
  color:#db007a;
  text-align:right;
}

#headline{
  background: #db007a url(../img/headline.gif) no-repeat scroll right center;
  min-width: 200px;
  min-height:18px;
  padding: 5px 20px 5px 5px;
  margin: 0px;
  font-size: 1em;
}

/* -- Fusszeile -- */
#footer {
  clear: both;
  min-height:0.8em;
  font-size:0.8em;
  text-align:right;
  vertical-align:bottom;
  padding: 5px 10px 5px 0px;
  margin:0px;
  background:#db007a;
  color:white;
}

#footer a { color: white; text-decoration: underline; font-weight: bold; }
#footer a:visited { color: white; text-decoration:underline; font-weight: bold; }


/* - Navigation links - */
#nav {
  background: white;
  width: 200px;
  overflow: hidden;
  float: left;
  min-width: 210px;
  padding: 25px 10px 30px 0px;
  margin: 0px;
  font-size: 1em;
  color:#db007a;
  text-align:right;
}

#nav dt { /* Nav.punkte */
  font-family: arial, sans-serif ;
  padding: 1px;
  margin: 0.2em 0 0 17px;
}

#nav dt.act { /* aktive Nav.punkte */
  font-family: arial, sans-serif ;
  padding: 1px;
  margin: 0.2em 0 0 17px;
}

#nav dt.act::before { 
  content: "> "
}


#nav dd { /* Unterpunkte */
  font-family: arial, sans-serif ;
  font-size:0.9em;
  padding: 1px;
  margin: 0.2em 0 0 32px;
}
#nav dd.act { /* aktive Unterpunkte */
  font-family: arial, sans-serif ;
  font-size:0.9em;
  padding: 1px;
  margin: 0.2em 0 0 32px;
}

#nav a { color: #db007a; text-decoration: none; font-weight: bold; }
#nav a:visited { color: #db007a; text-decoration:none; font-weight: bold; }
#nav a:hover { color: #db007a; text-decoration:underline; font-weight: bold; }

/* - Inhalt - */
#main {
  background: white;
  padding: 20px 0px 20px 0px;
  margin:0px;

  line-height: 1.5em;
  min-height:24em;
  text-align:justify;

  color:#333333;
}

#content {
  background-color: white;
  padding: 10px 10px 40px 20px;
  margin: 10px 10px 20px 350px;
  line-height: 1.5em;
  text-align:justify;
  color:#333333;
  border-left: 1px solid #eeeeee;
}

#content a
{
   color:#db007a;
   text-decoration: none;
}

#content a:hover
{
   text-decoration: underline;
}

#content a.nav{
   color:#db007a;
   text-decoration: none;
   font-weight: bold;
   font-size: 1.0em;
}


@media (max-width: 800px) {
/* - Navigation links - */
#nav {
  background: white;
  float: none;
  margin:auto;
  width:100%;
  text-align:left;
  font-size: 1.2em;
  color:#db007a;
}

#content {
  background-color: white;
  padding: 0px;
  margin: 10px;
  line-height: 1.5em;
  text-align:justify;
  color:#333333;
}
 
  body  {
	min-width:0;
	padding: 0!important; 
	background-color: white!important; 
  }
}