/* -- CSS-Vorlage kolping-reisen.de by BMuench -- */

body {
  background-color: #FFFCF5;
  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 62.5%;
  color:#564b47;
  padding:30px;
  margin:0px;
  text-align: center;
  background:#fff url(../images/background1.jpg) no-repeat;
/*   border: 2px solid black; */
  z-index:10;
}

#inhalt {
  text-align: left;
  vertical-align: middle;
  margin: 0px auto;
  padding: 0px;
  width: 750px;
  height: 550px;
  background:#fff url(../images/Hintergrund_750.jpg) no-repeat;
/*   border: 2px solid blue; */
        opacity:0.80;
        filter:alpha(opacity=80);
  z-index:20;
}

.nav {
  position:absolute;
  width: 700px;
  padding: 8px;
  margin: 115px 0 5px 20px;
  background: transparent;
/*   border: 2px solid green; */
  z-index:30;
}

#content {
  position:absolute;
  background:transparent;
  margin:145px 0 0 40px;
  width:667px;
  height:385px;
  overflow:auto;
  border-top: 2px solid #9FB1BC;
}

#nav3 {
  position:absolute;
/*   border: 2px solid black; */
  margin: 420px 0 0 195px;
  padding: 0px;
  width: 468px;
  height: 60px;
  background:#fff;
  z-index:50;
}

#nav4 {
  position:absolute;
/*   border: 2px solid red; */
  margin: 500px 0 0 195px;
  padding: 0px;
  width: 468px;
  height: 60px;
  background:#fff;
  z-index:60;
  }

/* circle */

#navCircle {
        margin: 0;
        padding: 0 0 12px 4px;
}

#navCircle li {
        margin: 0;
        padding: 0;
        display: inline;
        list-style-type: none;
}

#navCircle a:link, #navCircle a:visited {
        float: left;
        font-size: 13px;
        line-height: 16px;
        font-weight: bold;
        padding: 0 12px 6px 12px;
        text-decoration: none;
        color: #708491;
}

#navCircle a:link.active, #navCircle a:visited.active, #navCircle a:hover {
        padding-bottom: 8px;
        color: #000;
        background: url(circle.gif) no-repeat bottom center;
}


h1, h2, h3, h4, h5, h6, div, p, table, td, ul, ol, li, dd, dt, dl, blockquote, address, hr, pre {
      margin: 0;
      padding: 0;
}

ul {
      margin-left:20px;
}

p, li, LI, h4, h5, h6 {
      font-weight: normal;
      margin-right: 20px;
      font-size: 1.3em;
      margin-bottom:0.6em;
}

li {
      font-weight: normal;
      margin-right: 20px;
      font-size: 1.3em;
      margin-bottom:0.40em;
}

a:link {
        font-size: 1.01em;
        color: black;
        background-color:fdc0a0;
        text-decoration: underline;
        font-family:  Verdana, Arial, Helvetica, sans-serif;
        }
a:visited {
        font-size: 1.01em;
        color: #ff5800;
        background-color:fdc0a0;
        text-decoration: underline;
        font-family:  Verdana, Arial, Helvetica, sans-serif;
        }

a:hover {
        color: #ff8b4d;
        background-color:ffd9c5;
        text-decoration: underline;
        }

        .inputbox
        {
        background-color: #5A7BB8;
        border: 0px;
        border: 2px solid #0F3582;
        }

h1 {
      margin-top:0.71em;
      line-height:1.4em;
      font-weight: bold;
      font-size: 1.5em;
      margin-bottom:0.71em;
}

h2 {
      margin-top:1.5em;
      font-weight: bold;
      font-size: 1.5em;
      margin-bottom:1.3em;
}

h3 {
      margin-top:1.2em;
      font-weight: bold;
      font-size: 1.4em;
      margin-bottom:1.0em;
}