/* Institut Dr. Appelt GmbH & Co. KG */
/* Webmaster:  Dr. Klaus Bähr        */
// LESS Anwendung                    
.boxShadow (@x: 3px, @y: 3px, @blur: 7px, @color: #777) {
  -moz-box-shadow: @x @y @blur @color;
  -webkit-box-shadow: @x @y @blur @color;
  -khtml-box-shadow: @x @y @blur @color;
  -ms-box-shadow: @x @y @blur @color;
  -o-box-shadow: @x @y @blur @color;
  box-shadow: @x @y @blur @color;
}
.borderRadius (@radius:7px){
  -moz-border-radius:@radius;
  -webkit-border-radius:@radius;
  -khtml-border-radius:@radius;
  -ms-border-radius:@radius;
  -o-border-radius:@radius;
  border-radius:@radius;
}
.borderTopRadius (@topleft:5px, @topright:5px){
  -moz-border-radius-topleft:@topleft;
  -moz-border-radius-topright:@topright;
  -webkit-border-radius:@topleft @topright 0 0;
  -khtml-border-radius:@topleft @topright 0 0;
  -ms-border-radius:@topleft @topright 0 0;
  -o-border-radius:@topleft @topright 0 0;
  border-radius:@topleft @topright 0 0;
}
.borderBottomRadius (@bottomleft:5px, @bottomright:5px){
  -moz-border-radius-bottomleft:@bottomleft;
  -moz-border-radius-bottomright:@bottomright;
  -webkit-border-radius:0 0 @bottomleft @bottomright;
  -khtml-border-radius:0 0 @bottomleft @bottomright;
  -ms-border-radius:0 0 @bottomleft @bottomright;
  -o-border-radius:0 0 @bottomleft @bottomright;
  border-radius:0 0 @bottomleft @bottomright;
}

* {
  margin:0;
  padding:0;
  border:0;
  html {
    iframe, frame {
      overflow:auto;
    }
    body * {
      overflow:visible;
    }
    frameset {
      overflow:hidden;
    }
  }
}
header {
  display:block;
  background:url(../jpg/kopf2.jpg);
  position:relative;
  top:0;
  text-align:left;
  margin:0;
  background-repeat:repeat-x;
  clear:both;
  width:956px;
}
footer {
  display:block;
  position:relative;
  bottom:0;
  left:0;
  color:#023a8c;
  font-size:0.9em;
  width:100%;
  min-height:1.5em;
  text-align:left;
  background-color:#eef4fd;
  clear:both;
}
article, section, hgroup, nav, figure {
  display:block;
}
option {
  padding-left:0.4em;
}
html {
  height:100%;
  margin-bottom:1px;
}
:focus {
  outline:0;
}
body {
  font-family:Verdana, Arial, Helvetica, sans-serif !important;
  font-size:0.8em;
  font-style:normal;
  font-variant:normal;
  font-weight:normal;
  line-height:1.0em;
  color:#1c146b;
  background:url(../png/hintergrund-gradient.png);
  background-repeat:repeat-x;
  text-align:center;
}
fieldset, img {
  border:0 solid;
}
ul, ol, dl {
  margin:0 0 0.5em 0.5em;
}
li {
  margin-left:1.5em;
  line-height:1.5em;
}
dt {
  font-weight:bold;
}
dd {
  margin:0 0 1em 2em;
}
blockquote {
  margin:0 0 1em 1.5em;
}
p {
  font:normal 0.9em/1.2em Verdana, Arial, Helvetica, sans-serif;
  margin:0 0 0.8em;
  padding:0;
  text-align:left;
}
h1 {
  font-size:1.3em;
  clear:left;
  margin:0.4em 0 0.2em 0;
  font-family:Verdana, Arial, Helvetica, sans-serif;
}
h2 {
  font-size:1.2em;
  clear:left;
  margin:0.4em 0 0.2em 0;
  font-family:Verdana, Arial, Helvetica, sans-serif;
}
h3 {
  font-size:1.1em;
  clear:left;
  margin:0.4em 0 0.2em 0;
  font-family:Verdana, Arial, Helvetica, sans-serif;
}
h4 {
  font-size:1.0em;
  margin:0.4em 0 0.2em 0;
  font-family:Verdana, Arial, Helvetica, sans-serif;
}
h5 {
  font-size:0.9em;
  margin:0.4em 0 0.2em 0;
  font-family:Verdana, Arial, Helvetica, sans-serif;
}
h6 {
  font-size:0.8em;
  margin:0.4em 0 0.2em 0;
  font-family:Verdana, Arial, Helvetica, sans-serif;
}
#rahmen1 {
  position:relative;
  top:0.5em;
  width:956px;
  height:auto;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  background-color:#ddeaf6;
  clear:both;
}
#rahmen2 {
  position:relative;
  top:0;
  width:100%;
  height:auto;
  margin-left:auto;
  margin-right:auto;
  text-align:left;
  margin-bottom:0.5em;
  background-color:#f4f4f0;
  clear:both;
  box-shadow:3px 3px 10px #777777;
  -moz-box-shadow:3px 3px 10px #777777;
  -webkit-box-shadow:5px 3px 10px #777777;
}
#streifen1 {
  position:relative;
  top:0;
  width:100%;
  height:1em;
  margin:0 auto;
  text-align:left;
  background-color:white;
  clear:both;
}
#streifen2 {
  position:relative;
  font-weight:bold;
  top:0;
  width:100%;
  height:3.0em;
  margin:0;
  text-align:left;
  background-color:#459ed7;
  clear:both;
  .boxShadow;
}
#navigation {
  position:absolute;
  text-align:left;
  top:0.1em;
  right:0;
  margin:0 auto;
  min-width:17em;
  min-height:1em;
  float:right;
  display:block;
  clear:both;
  font-size:0.8em;
}
#navigation1 {
  position:absolute;
  text-align:right;
  top:1.0em;
  right:0;
  margin:0 auto;
  min-width:45em;
  min-height:1.4em;
  float:right;
  display:block;
  clear:right;
  font-size:0.9em;
}
#portal {
  position:absolute;
  text-align:left;
  top:1.0em;
  left:0.5em;
  margin:0;
  min-width:18em;
  min-height:1.4em;
  float:left;
  display:block;
  font-size:0.9em;
}
#navigation2 {
  position:absolute;
  text-align:left;
  top:2em;
  left:1em;
  margin:0 auto;
  width:23em;
  min-height:10em;
  float:left;
  display:block;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:0.8em;
  color:#1d579e;
}
#seite {
  position:relative;
  top:0px;
  left:0;
  background-color:#eef4fd;
  width:956px;
  text-align:left;
  clear:both;
}
#nav ul {
  padding:0;
  margin:0;
  list-style:none;
  list-style-type:none;
}
#nav li {
  float:left;
  margin:0 0.1em;
  list-style-type:none;
  a {
    background:white;
    height:0.8em;
    line-height:1em;
    float:left;
    float:none;
    width:5.5em;
    border:0 none #dcdce9;
    color:#0d2474;
    text-decoration:none;
    text-align:center;
  }
}
#nav a:link {
  color:#696969;
  background-color:white;
}
#nav a:hover {
  color:#1d579e;
}
#nav_akt {
  color:#1d579e;
  background-color:white;
  display:inline;
  font-style:oblique;
  font-weight:bold;
}
.nav1 ul {
  padding:0;
  margin:0;
  list-style:none;
  list-style-type:none;
}
.nav1 li {
  float:left;
  margin:0 0.1em;
  list-style-type:none;
  a {
    background:#459ed7;
    margin-right:23px;
    height:1.4em;
    line-height:1.4em;
    float:left;
    float:none;
    border:0.15em none #459ed7;
    color:#f4f4f0;
    text-decoration:none;
    text-align:center;
  }
}
.nav1 a:link {
  color:#f4f4f0;
}
.nav1 a:hover {
  color:#003366;
  background-color:#459ed7;
}
.nav1_akt {
  color:white;
  background-color:#459ed7;
  display:inline;
  border:0 none #00a8eb;
  font-style:oblique;
}
.portalnav ul {
  padding:0;
  margin:0;
  list-style:none;
  list-style-type:none;
}
.portalnav li {
  float:left;
  margin:0 0.1em;
  list-style-type:none;
  a {
    background:#459ed7;
    height:1.4em;
    line-height:1.4em;
    float:left;
    float:none;
    width:12em;
    border:0.15em none #459ed7;
    color:#f4f4f0;
    text-decoration:none;
    text-align:center;
  }
}
.portalnav a:link {
  color:#f4f4f0;
}
.portalnav a:hover {
  color:#003366;
  background-color:#459ed7;
}
.portalnav_akt {
  color:white;
  background-color:#459ed7;
  font-weight:bold;
  li a:link span {
    color:#023a8c;
    background-color:#ffd700;
  }
}
.nav2 ul {
  padding:0;
  margin:0;
  list-style:none;
  list-style-type:none;
}
.nav2 li {
  margin:0 0.1em;
  list-style-type:none;
  a {
    background:#ddeaf6;
    height:1.5em;
    line-height:1.5em;
    float:left;
    float:none;
    border:0.15em none #459ed7;
    color:#459ed7;
    text-decoration:none;
    text-align:center;
    display:block;
  }
}
.nav2 a:link {
  color:#459ed7;
}
.nav2 a:hover {
  color:#003366;
  background-color:#ddeaf6;
}
.nav2_akt {
  color:#459ed7;
  background-color:#ddeaf6;
  text-align:center;
  display:block;
  border:0 inset #459ed7;
  font-weight:bold;
}
.bild {
  margin:5px 10px 0px 10px;
  border:1px solid #cc0000;
}
.bildunterschrift {
  font-size:0.8em;
  text-align:center;
}
.karte {
  margin:0px 0px 0px 0px;
  border:0px solid #ffcc00;
}
#titel {
  position:relative;
  top:0em;
  text-align:center;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:1.2em;
  color:#023a8c;
  line-height:1.2em;
  width:640px;
  margin-left:300px;
  height:1.2em;
}
#inhalt1 {
  position:relative;
  width:640px;
  margin-left:300px;
  min-height:20em;
  text-align:left;
  color:#023a8c;
  margin-top:1em;
  overflow:auto;
  a {
    color:#1d579e;
  }
  a:link {
    color:#1d579e;
    text-decoration:underline;
  }
  a:visited {
    color:#5897e1;
    text-decoration:underline;
  }
  a:hover {
    color:#696969;
    text-decoration:underline;
  }
  .klein {
    color:#696969;
    font-size:1.1em;
  }
}
#kontaktform {
  font:1.1em Verdana, Arial, Helvetica, sans-serif;
  color:#1d579e;
  td.links {
    padding:3px 15px 3px 0px;
    border-bottom:1px dotted #cccccc;
  }
  td.rechts {
    padding:3px 0px 3px 0px;
    border-bottom:1px dotted #cccccc;
  }
  select {
    border:1px solid #1d579e;
  }
  input {
    border:1px solid #1d579e;
  }
  textarea {
    border:1px solid #1d579e;
  }
}
#sitemap {
  width:600px;
  margin-left:300px;
  padding-top:2em;
  padding-bottom:1em;
  min-height:500px;
  text-align:left;
  font:1.0em Verdana, Arial, Helvetica, sans-serif;
  color:#0d2474;
  a {
    text-decoration:none;
  }
  a:link {
    color:#0d2474;
  }
  a:visited {
    color:#1d579e;
  }
  a:hover {
    color:#696969;
  }
  div.map0 {
    font-size:1.0em;
    padding-top:2px;
    margin-top:2px;
    margin-bottom:2px;
    border-top:1px dotted #cccccc;
  }
  div.map0-1 {
    font-size:1.0em;
    padding-top:2px;
    margin-top:2px;
    margin-bottom:2px;
    border-top:0;
  }
  div.map1 {
    margin-left:2em;
    margin-bottom:2px;
  }
  div.map2 {
    margin-left:5em;
    margin-bottom:2px;
  }
}
.logo1 {
  margin-top:0;
  margin-bottom:0;
  width:481px;
  border:0;
  height:170px;
}
.logo3 {
  margin-top:0;
  margin-bottom:0;
  width:475px;
  border:0;
  height:170px;
}
.pdf {
  margin:0 2px 0 0;
  width:17px;
  height:17px;
  border:0 solid #ffcc00;
}
.im_rahmen {
  font:normal 1.0em/1.1em Verdana, Arial, Helvetica, sans-serif;
  margin:0.2em 0 0 0;
  padding:0.3em;
  color:#1d579e;
  background-color:#ddeaf6;
  text-align:center;
  border:1px solid #7bcceb;
  -moz-border-radius:11px;
  -webkit-border-radius:11px;
  .boxShadow;
}
.im_rahmen_links {
  font:normal 1.0em/1.1em Verdana, Arial, Helvetica, sans-serif;
  margin:0.2em 0 0 0;
  padding:1em;
  color:#1d579e;
  background-color:#ddeaf6;
  text-align:left;
  border:1px solid #7bcceb;
  -moz-border-radius:11px;
  -webkit-border-radius:11px;
.boxShadow;
}
.foto {
  font:bold 1.0em/1.1em "Helvetica Nueue", "Trebuchet MS", Arial, "Nimbus Sans L", FreeSans, sans-serif;
  margin:0 0 0 0;
  padding:0;
  color:#7bcceb;
  background-color:#7bcceb;
  text-align:center;
  border:2px solid #7bcceb;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  -khtml-border-radius:5px;
  border-radius:5px;
  .boxShadow;
}
.foto-fuss {
  font:bold 0.92em/1.1em "Helvetica Nueue", "Trebuchet MS", Arial, "Nimbus Sans L", FreeSans, sans-serif;
  margin:0 0 0 0;
  padding:0px;
  color:#7bcceb;
  background-color:#7bcceb;
  text-align:center;
  border:0px solid #7bcceb;
  -moz-border-radius:0 0 3px 3px;
  -webkit-border-radius:0 0 3px 3px 0 0 0 0;
  -khtml-border-radius:0 0 3px 3px 0 0 0 0;
  border-radius:0 0 3px 3px 0 0 0 0;
}
.foto-abstand {
  margin:10px 10px 10px 10px;
  padding:10px 10px 10px 10px;
}
.foto-link {
  color:#7bcceb;
  text-decoration:none;
  a {
    text-decoration:none;
  }
}