/* Allgemeine Formatierungen */

html {height: 100%;}

body {margin-top: 0px;
      background: #dcdada url(../images/navi/body_bg.jpg)  center top repeat;
      height: 100%;}

/* Grundlegende Eigenschaften Layoutboxen */

#container {background: #303080 url(../images/navi/container_bg.gif) center top repeat;
            width: 960px;
            margin: auto;}

#kopf {height: 200px;
       background: url(../images/navi/banner_udo.jpg) no-repeat;}

#subnavi {width: 260px;
          float: left;
          text-align: left;
          font-family: Verdana, Tahoma, sans-serif;
          font-size: 0.7em;}

#inhalt {float: right;
         width: 650px;
         background-color: white;
         text-align: left;
         margin: 8px;
         padding: 15px;}

#breadcrumb {height: 15px;
             text-align: left;
             font-family: Tahoma, Verdana, sans-serif;
             font-size: 0.8em;
             border-bottom: 1px dashed #424263;
             margin: 0px 0px 3px 0px;}

#fuss {clear: both;
       background: url(../images/navi/fussleiste.gif) no-repeat;
       height: 45px;
       text-align: center;}

#newsbox {background: #eee;
          width: 240px;
          margin: 10px;
          line-height: 2em;}

#terminbox {background: #eee;
            width: 240px;
            margin: 10px;
            line-height: 1.6em;}

#kalenderbox {background: #eee;
              width: 240px;
              margin: 10px;}

#wetterbox {background: #eee;
            width: 240px;
            margin: 10px;}

#bildbox {margin: 10px;
          width: 240px;}

#partner p {padding: 5px 0px;
            border-left: 3px dashed #f56d31;
            border-bottom: 1px solid #f56d31;}

#partner img {padding: 0px 15px;}

#partner a {text-decoration: none;
            font-weight:bold}

/* Formatierung Navileiste horizontal */

#navi {background: #FFFFFF url(../images/navi/leiste.gif);
       height: 40px;
       vertical-align: top;
       text-align: right;
       margin: 0;}

#navi ul {margin: 0;
          padding: 13px 15px 5px 0;
          list-style-type: none;
          font-family: Verdana, Tahoma, sans-serif;
          font-size: 12px;}

#navi ul li {display: inline;
             font-weight: bold;}

#navi ul li.vor{
        color: #000060;}

#navi ul li a {text-decoration: none;
               border-top: 1px solid #aaa;
               border-bottom: 1px solid #aaa;
               border-left: 1px solid #aaa;
               color: #000060;
               padding: 5px 0px;
               /*background: #FFFFFF url(../images/navi/button.gif) no-repeat;}*/
               background: #fff;}

#navi ul li.high a {text-decoration: none;
                    color: #f56d31;
                    padding: 5px 0px;
                    /*background: #FFFFFF url(../images/navi/button.gif) no-repeat;}*/
                    background: #ffffee;}

#navi ul li a:hover {text-decoration: none;
                     color: #800000;
                     padding: 5px 0px;
                     /*background: #FFFFFF url(../images/navi/button2.gif) no-repeat;}*/
                     background: #ffffee;}

/* Formate für den Seitenkopf */

#kopf .logo {position: relative; top: 110px; left: 45px;}

/* Formate für die Subnavigation */

#subnavi img {border: 0px;}


#subnavi p {border: 1px solid #424263;
            color: #555;
            padding: 5px 10px 5px 10px;
            margin: 0px;}

/* Formatierung Boxen */

#newsbox a {background: url(../images/navi/quadrat_grau.gif) no-repeat left;
            padding-left: 18px;
            color: #555;
            text-decoration: none;
            border-bottom: 1px solid #bbb;}

#newsbox .aktiv {background: url(../images/navi/quadrat_high.gif) no-repeat left;}

#newsbox .sub {background: url(../images/navi/kreis_grau.gif) no-repeat left;
               margin-left: 15px;}

#newsbox .back {background: url(../images/navi/ueberblick.gif) no-repeat left;}

#newsbox .back a:hover {background: url(../images/navi/ueberblick_high.gif) no-repeat left;}

#newsbox .back_aktiv {background: url(../images/navi/ueberblick_high.gif) no-repeat left;}

#newsbox .sub_aktiv {background: url(../images/navi/kreis_high.gif) no-repeat left;
               margin-left: 15px;}

#newsbox a:hover {background: url(../images/navi/quadrat_high.gif) no-repeat left;
                  padding-left: 18px;
                  color:#f56d31;}

#terminbox a {color: #555555;
              text-decoration: none;
              border-bottom: 1px solid #ccc;}

#terminbox a:hover {color:#f56d31;}

.box {border: 1px solid #c00000;
      margin-top: 10px;
      padding: 15px;
      -webkit-border-radius: 10px;
      -khtml-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
      -webkit-box-shadow: 3px 3px 5px #bababa;
      -moz-box-shadow: 3px 3px 5px #bababa;
      box-shadow: 3px 3px 3px #bababa;}

.box_left {border: 1px solid #c00000;
           margin-top: 10px;
           padding: 15px;
           float: left;
           width: 285px;
           -webkit-border-radius: 10px;
           -khtml-border-radius: 10px;
           -moz-border-radius: 10px;
           border-radius: 10px;
           -webkit-box-shadow: 3px 3px 5px #bababa;
           -moz-box-shadow: 3px 3px 5px #bababa;
           box-shadow: 3px 3px 5px #bababa;}

.box_right {border: 1px solid #c00000;
            margin-top: 10px;
            padding: 15px;
            float: right;
            width: 285px;
            -webkit-border-radius: 10px;
           -khtml-border-radius: 10px;
           -moz-border-radius: 10px;
           border-radius: 10px;
           -webkit-box-shadow: 3px 3px 5px #bababa;
           -moz-box-shadow: 3px 3px 5px #bababa;
           box-shadow: 3px 3px 5px #bababa;}

.boxtitel {background: #fff;
           font-size: 110%;
           line-height: 1.1;}

.galerie {background: #ffffdd;
          border: 1px solid #c00000;
          font-size: 0.85em;
          margin-top: 10px;
          padding: 5px;
          -webkit-border-radius: 10px;
          -khtml-border-radius: 10px;
          -moz-border-radius: 10px;
          border-radius: 10px;
          -webkit-box-shadow: 3px 3px 5px #bababa;
          -moz-box-shadow: 3px 3px 5px #bababa;
          box-shadow: 3px 3px 3px #bababa;}

.rund     {-webkit-border-radius: 10px;
          -khtml-border-radius: 10px;
          -moz-border-radius: 10px;
          border-radius: 10px;
          -webkit-box-shadow: 3px 3px 5px #bababa;
          -moz-box-shadow: 3px 3px 5px #bababa;
          box-shadow: 3px 3px 3px #bababa;}

      /* Formatierung Inhaltsbereich */

#inhalt h1 {margin: 0;
            color: #000060;
            font-size: 30px;
            font-family: Georgia, Tahoma, serif;
            letter-spacing: 0.1em;}

#inhalt h2 {margin: 0;
            padding: 15px 0 15px 0;
            color: #000060;
            font-size: 20px;
            font-family: Georgia, Tahoma, serif;
            letter-spacing: 0.1em;}

#inhalt h3 {margin: 5px 0 5px 0;
            color: #000060;
            font-size: 16px;
            font-family: Georgia, Tahoma, serif;
            letter-spacing: 0.1em;}

#inhalt h4 {margin: 3px 0 0 0;
            color: #000060;
            font-size: 14px;
            font-family: Georgia, Tahoma, serif;
            letter-spacing: 0.1em;}

#inhalt h5 {margin: 0;
            color: #000060;
            font-size: 12px;
            font-family: Georgia, Tahoma, serif;
            letter-spacing: 0.1em;}

#inhalt p {margin: 0;
           padding-top: 5px;
           line-height: 1.4em;
           letter-spacing: 0.04em;
           font-family: Arial, Verdana, Helvetica, sans-serif;
           font-weight: normal;
           font-size: 0.8em;
           color: #000060;}

#inhalt img {border: 0;}

#inhalt .fett {font-weight: bold;}

#inhalt .grau {font-weight: bold;
               color: #808080;}

#inhalt .blau {font-weight: bold;
               color: #000080;}

#inhalt .red {font-size: 120%;
              font-weight: bold;
              color: red;}

#inhalt .braun {color: #7d2b2b;}

#inhalt .gruen {color: #109408;}

#inhalt .zumthema {font-weight: bold;
                   color: #000000;
                   border-bottom: 1px solid #000000;}

#inhalt .datum {clear: both;
                height: 10px;
                padding: 1px 10px 4px 0px;
                text-align: right;
                font-size: 0.7em;
                font-weight: bold;
                background: #f9f9e1;
                color: #000000;
                border-bottom: 1px solid #ccc;}

#inhalt .bildtext {color: #000080;
                   letter-spacing: 0;
                   font-size: 0.75em;}

#inhalt ul {font-family: Tahoma, Verdana, sans-serif;
            font-size: 0.8em;
            letter-spacing: 0.04em;
            list-style:square;}

#inhalt ol {font-family: Tahoma, Verdana, sans-serif;
            font-size: 0.8em;
            letter-spacing: 0.04em;}

#inhalt hr {height: 1px;
            color: #f56d31;}

/* Formatierung Seitenfuß */

#fuss .fussformat {font-family: Tahoma, Verdana, sans-serif;
                   font-size: 13px;
                   color: #000060;
                   padding-top: 6px;}

#fuss a {font-weight: bold;
         font-size: 12px;
         color:#000060;
         text-decoration: none;}

#fuss a:hover {color: #800000;
               font-weight: bold;}

/* Formatierung Brotkrümelpfad */

#breadcrumb a {text-decoration: none;
               font-weight: normal;
               color: #000060;}

#breadcrumb a:hover {color: #800000;
                     font-weight: normal;}

table.planung {color: #000060;
               font-size: 0.8em;
               font-family: Arial, Verdana,  sansserif;}
td.plan {padding: 5px;}
tr.top {background-color: #bebebe;}
tr.eins {background-color: #eeeeff;}
tr.zwei {background-color: #eeeeef;}

/* Sonstige Formatierungen */

#inhalt img.bild {padding: 3px;
                  border: 1px solid #f56d31;
                  -webkit-border-radius: 5px;
                  -khtml-border-radius: 5px;
                  -moz-border-radius: 5px;
                  border-radius: 5px;
                  -webkit-box-shadow: 3px 3px 5px #bababa;
                  -moz-box-shadow: 3px 3px 5px #bababa;
                  box-shadow: 3px 3px 3px #bababa;}

.blocksatz {text-align: justify;}

.left {float: left;
       padding: 5px 10px 5px 0;
       border: 0;}

.right {float: right;
        padding: 5px 0 5px 10px;}

img {border: 0px;}