/* ================================================
   Stylesheet für die Seite www.herfurth-galabau.de
   erstellt von Rita Herfurth im April 2012 *
   ================================================*/

/* ================================================
   Kalibrierung und Restauration
   ================================================*/

* {
  padding: 0;
  margin: 0;
}

html { overflow-y: scroll; }

h1,
h2 { margin-bottom: 1em; }

/* ================================================
   Allgemeine Styles
   ================================================*/

body {
  background-color: #4F4F4F;
  color: white;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: small;
}

h1 { font-size: 130%; }

h2 { font-size: 100%; }

a {
  text-decoration: none;
  outline: none;
}

a.normal {
  text-decoration: none;
  color: #FF0000;
  outline: none;
  border-bottom: 1px dotted red;
}

li span { font-weight: bold; }

li a:link,
li a:visited {
   color: black;
   border-bottom: 1px dotted red;
}

li.sonder a {
  border-bottom: 0px;
}

li a:hover { border-bottom: 1px solid red; }

div#navibereich li a:focus { border-bottom: 1px solid red; }

/*li a:active {
   color: black;
   text-decoration: none;
   border-bottom: 1px dotted red;
} === regelt "sie-sind-hier" === */

li.sie-sind-hier a {
  color: black;
  border-bottom: 1px solid red;
}

li.linkliste a { line-height: 2;}

.abstandvor { padding-top: 20px;}

.clearing { clear: both; }

/*.abstandnach { padding-bottom: 46px; } === regelt hight von wrapper === */

img#logo {
  border-right: 10px solid #4F4F4F;
  border-left: 10px solid #4F4F4F;
  margin-bottom: -3px;
}

/* ================================================
   Styles für die Layoutbereiche
   ================================================*/

div#wrapper {
  height: 624px;
  width: 1200px;
  background: #FFFFCC url(../images/dpm2018.jpg) no-repeat top right;
  color: black;
  border-right: 10px solid #DF252A; /* HKS 14 */
  /* hellgrau: #909090 */
  margin-top: 50px;
  margin-right: auto;
  margin-bottom: 10px;
  margin-left: auto;
}

div#bildbereich {
  float: left;
  height: 400px;
  width: 600px;
  border: 10px solid #4F4F4F;
  overflow: hidden;
}

div#textbereich {
  float: left;
  height: 420px;
  width: 440px;
  padding-left: 40px;
  overflow: auto;
}

div#platzhalterbereich {
  float: left;
  border-right: 10px solid #4F4F4F;
  border-left: 10px solid #4F4F4F;
}

div#navibereich {
  float: left;
  padding-left: 40px;
}

div#textbereich ul {
  list-style-type: none;
  padding-right: 40px;
}

div#textbereich li { line-height: 1.5;}

div#navibereich li {
  display: inline;
  list-style-type: none;
}