/*  Projekt: BS24
    Stylesheet for SCREEN
    Date: 2009/07/01
    Author: Kai Kuehn, mic-app IT-Services
*/


/* COMMON */
* { /* overall reset */
  padding: 0;
  margin: 0;
}

/* Firefox scrollbar visible */
html { height: 101%; }

body {
  color: black;
  background-color: white;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: small;
  min-width: 900px;
  min-height: 500px;
}
h1 { font-size: 160%; }
h2 { font-size: 140%; }
h3 { font-size: 130%; }
h4 { font-size: 120%; }
h5 { font-size: 100%; }

ul {
  padding-left: 40px;
}
li {
  margin-bottom: 1em;
}


/* IDs & CLASSES */
#wrapper {
  color: black;
  background: white;
  width: 95%;
  border: 1px solid MidnightBlue;
  margin-top: 10px;
  margin-right: auto;
  margin-bottom: 10px;
  margin-left: auto;
}
  #wrapper a {
   color: FireBrick;
   text-decoration: none;
   outline: none;
  }
  #wrapper a:hover,
  #wrapper a:focus {
    text-decoration: none;
    color: Red;
    border-bottom: 1px dotted;
    background: #FFFFCC;
  }
  #wrapper a:visited {
    color: Maroon;
  }

#header {
  color: black;
  background-color: #336699;
  padding: 10px;
}
  #header h1 {
    position: absolute;
    top: 70px;
    right: 70px;
    color: white;
    font-size: 100%;
    font-weight: bold;
    font-style: italic;
    padding: 5px 0 5px 0;
    margin-bottom: 0;
  }

#menubar {
  text-align: left;
  color: white;
  font-size: 85%;
  font-weight: bold;
  background: #336699 url(images/menubar-back.jpg) repeat-x;
  padding: 10px;
  border-top: 1px thin black;
  border-bottom: 1px solid black;
}
  #menubar ul {
    margin-bottom: 0;
  }
  #menubar li {
    display: inline;
    list-style-type: none;
    margin: 5px;
  }
  #menubar a {
    text-decoration: none;
    color: white;
    padding: 10px;
  }
  #menubar a:hover,
  #menubar a:focus {
    color: white;
    background: #99CCFF url(images/menu-item-selected.jpg);
    border: 0;
  }

  #menubar #item07 a {
    color: LemonChiffon;
    background-color: FireBrick;
  }
  #menubar #item07 a:hover,
  #menubar #item07 a:focus {
    color: white;
    background: OrangeRed;
    border: 0;
  }

  #menubar a:active {
    color: black;
  }
  #menubar a:visited {
    color: white;
  }
  #startseite #item01 a,
  #vorteileseite #item02 a,
  #voraussetzungenseite #item03 a,
  #leistungenseite #item04 a,
  #anfrageseite #item05 a,
  #impressumseite #item06 a {
    background: #336699;
  }
  #notruf #item07 a {
    background: OrangeRed;
  }

#breadcrumbs {
  text-align: left;
  color: DimGray;
  font-size: 80%;
  background-color: LemonChiffon;
  padding: 3px 0 3px 15px;
  margin-right: auto;
  margin-bottom: 5px;
  margin-left: auto;
}
  #breadcrumbs span {
    font-style: italic;
  }

#content {
  float: left;
  background-color: white;
  width: 70%;
  padding: 20px;
  margin: 5px 0 5px 5px;
}
  #content h1 {
    margin-bottom: 1em;
  }
  #content h5 {
    margin-bottom: 1em;
  }
  #content p {
    padding: 0 1em 1em 1em;
  }
  #content img {
    border: 0;
  }
  #content span {
    color: red;
    font-size: 85%;
  }

#notruf {

}

.rightimg {
  float: right;
}

.smaller {
  font-size: 85%;
}

.formular {
  color: black;
  background-color: White;
  font-size: 100%;
  width: 90%;
  padding: 5px;
  padding-bottom: 10px;
  border: 1px solid Silver;
  margin: 5px;
}
  .formular h1 {
    color: black;
    background: Lavender;
    font-size: 100%;
    padding: 3px;
  }
  .formular h2 {
    color: black;
    font-size: 100%;
    padding-bottom: 2px;
    border-bottom: thin solid Silver;
    margin-bottom: 1em;
  }
  .formular h3 {
    color: black;
    font-size: 80%;
  }

#sendlink {
  float: left;
  cursor: pointer;
  width: 100px;
  background-color: #D4D0C8;
  font-size: 80%;
  text-align: center;
  cursor: pointer;
  display: block;
  padding: 0.1em 0 0.1em 0;
  border: 1px outset DimGray;
  margin-right: 1em;
}

#monatsrate {
  display: block;
  float: left;
  cursor: pointer;
  width: 100px;
  background: GhostWhite;
  border: none;
  border-bottom: thin dotted Gainsboro;
  margin-right: 1em;
}

.rflabel {
  width: 200px;
}
.rfinput {
  width: 100px;
}

.clearing {
  clear: both;
}


label {
  display: block;
  float: left;
  cursor: pointer;
  width: 300px;
  text-align: left;
  padding-right: 1em;
  border-bottom: thin dotted Gainsboro;
  margin-bottom: 0.5em;
}

input, select {
  display: block;
  float: left;
  cursor: pointer;
  width: 200px;
  background: GhostWhite;
  border: none;
  border-bottom: thin dotted Gainsboro;
  margin-right: 1em;
}

textarea {
  cursor: pointer;
  width: 500px;
  background: GhostWhite;
  border: thin solid Gainsboro;
  margin-right: 1em;
}

input:hover,
select:hover,
textarea:hover,
label:hover {
  background: AliceBlue;
}

input:focus,
select:focus,
textarea:focus {
  background: AliceBlue;
}

input#senden {
  float: right;
  width: 50%;
  font-size: 100%;
  font-weight: bold;
  background: LightGrey;
  padding: 2px;
  border: 2px solid;
  border-color: #efefef #000000 #000000 #efefef;
}

input#senden:hover {
  background: AliceBlue;
  color: MediumBlue;
}

.normal_input {
  background: WhiteSmoke;
}
.error_input {
  border: 1px solid Red;
}

#formmsg {
  color: Black;
  width: 90%;
  padding: 5px;
  background: Lavender;
  border: 1px solid Silver;
  margin: 5px;
}

form br { /* Alle Zeilenumbrüche in Formularen auswählen */
  clear: both; /* das floating der labels und inputs aufheben */
}

.checkmarklist {
    list-style-image: url(images/haken.gif);
}
  .checkmarklist li {
    margin-bottom: 15px;
  }

.boldlist {
  list-style-type: none;
  font-size: 110%;
  font-weight: bold;
  padding: 10px;
  text-align: center
}
  .boldlist li {
    margin-bottom: 10px;
  }

.contentbox {
  color: black;
  background-color: GhostWhite;
  font-size: 100%;
  width: 100%;
  border: 1px solid Silver;
  margin-top: 10px;
  margin-bottom: 15px;
}
  .contentbox h1 {
    color: black;
    background: Lavender;
    font-size: 100%;
    padding: 3px;
  }

  .contentbox p {
    padding: 10px;
    margin: 5px 0 5px 0;
  }

  .contentbox ul {
/*    padding: 0;*/
    padding-left: 40px;
    margin-bottom: 20px;
  }

  .contentbox li {
    padding: 3px;
    padding-bottom: 5px;
    margin: 0;
}

.indexbox {
  color: black;
  background-color: GhostWhite;
  font-size: 100%;
  width: 100%;
  padding: 5px;
  padding-bottom: 1px;
  border: 1px solid Silver;
  border-bottom: 0;
  border-top: 0;
  margin-top: 10px;
  margin-bottom: 15px;
}

#sidebar {
  float: right;
  color: black;
  width: 20%;
  padding: 0;
  margin: 30px 5px 5px 5px;
}

.sidebox {
  color: black;
  background-color: WhiteSmoke;
  font-size: 80%;
  width: 95%;
  padding: 0 0 5px 0;
  border: 1px solid Silver;
  margin-bottom: 20px;
}
  .sidebox h1 {
    color: white;
    text-align: center;
    background: #336699;
    font-size: 120%;
    padding: 3px;
  }

  .sidebox p {
    padding: 3px;
    margin: 5px 0 5px 0;
  }

  .sidebox ul {
    padding: 0;
    padding-left: 20px;
    margin: 5px 0 5px 0;
  }

  .sidebox li {
    padding: 3px;
    margin: 0;
}

#footer {
  clear: both;
  color: black;
  background-color: white;
  font-size: 80%;
  text-align: center;
  padding: 5px;
  border-top: 1px dotted black;
}
  #footer span {
    background: SeaShell;
  }