/* ================================================================
        Farbdefinitionen
   ================================================================ */
/*

	Linkwerk-Rot (z.B. Bogen)		RGB 830303
						HSB 0,98,51

	Davon abgeleitet:
	Braun					HSB 40,98,51
						RGB 825803

	Hellbraun				HSB 40,50,80
						RGB CCAA66

	Noch heller				RGB FFEECC
						HSB 40,20,100
*/


/* ================================================================
	Globale Einstellungen
   ================================================================ */


/* horizontale Zentrierung */

body 
{ 
  text-align: center;
  }

body *
{ 
  text-align: left;
 }
div.page {
      margin-left: auto;
      margin-right: auto;
      margin-top: 2%;
      width: 1000px;
           }
div.content {
      margin-left: auto;
      margin-right: auto;
              /*
      width: 800px;
                 */
}
div.position {
      margin-left: auto;
      margin-right: auto;
      width: 800px;
	  text-align:right; color: #aaa;
}

/* =================================== */

body {
       background: #f8f8f8;
       background-image:    url("./bg-bottom2.gif");
       background-position: bottom;
       background-repeat:   repeat-x;
       background-attachment: fixed;
}
.page {
      /* background-image:    url("./bgline3.jpg");               set bg image individually in each page */
      background-position: 0px 50px;
      background-repeat:   no-repeat;
}
.content {
           width: 800px;
           height: 600px;
           border: solid 1px #999;
           background: #ffffff;
           opacity:    0.85;
           filter: alpha(opacity = 85);
           -moz-border-radius: 0px 30px 0px 30px ;
           border-radius: 0px 30px 0px 30px;
           -moz-box-shadow: 0 0 20px 5px rgba(82, 58, 3, 0.2);
           box-shadow: 0 0 20px 5px rgba(82, 58, 3, 0.2);

}
.header {
      height: 100px;  /* FF adds padding-top to height. sum shall be 125 */
      margin-top: 50px;  /* same as background-position on .page  */
      padding-left: 50px;
      padding-top:  25px;
      border: none;
}
.body {
      padding-left:  50px;
      padding-right: 50px;
      padding-top:   20px;
      height: 355px;
      width: 700px;
      line-height: 200%;
      position: relative;
        overflow: auto;
}
/* =================================== */





/* ================================================================
	Menue
   ================================================================ */




.menu {
      padding-left:  50px;
      padding-right: 50px;
/*      border: solid 1px #999;*/
      padding-top:   20px;
}
.menu ul {
      border: none;
      margin: 0mm;
      padding: 0mm;
      list-style-type: none;
}
/*
.menu ul li ul {
      display: inline;
      position: relative;
      left: 0px;
      top: 20px;
}
*/
.menu ul li {
      float: left;
      display: block;
      min-width: 100px;
      /* font-family: sans-serif; */
      font-size: 90%;
      /*
      padding-right: 20px;
      padding-left: 20px;
      padding-top: 5px;
      padding-bottom: 5px;
         */
      background: #ffeecc;
      color: #825803;
      position: relative; /* just to be able to use "absolute" in ul.sub */
              border-right: 3px solid #fff;
}

.menu ul li a {
                display: block;
      padding-right: 20px;
      padding-left: 20px;
      padding-top: 5px;
      padding-bottom: 5px;

                }
.menu ul li:hover {
      background: #825803;
      color: #FFEECC;
}

/* ================================================================== */
/* MSIE 7 ignores 'inherit'. As soon as MSIE 7 is gone, you can remove the next ruleset */
.menu ul ul li:hover a:link, .menu ul ul li:hover a:visited {
      background: #825803;
      color: #FFEECC;
}
.menu ul li:hover a:link, .menu ul li:hover a:visited {
      color: #fff5cf;
}
.menu ul li:hover ul a:link, .menu ul li:hover ul a:visited {
      color: #825803;
}
.menu ul li:hover ul li:hover a:link, .menu ul li:hover ul li:hover a:visited {
      color: #FFEECC;

}
/* ================================================================== */


.menu ul li a:link , .menu ul li a:visited {
      text-decoration: none;
      color: #825803; /* MSIE 7 ignores 'inherit'. As soon as MSIE 7 is gone, set this to 'inherit' */
}
/*
.menu ul li:hover > a:link , .menu ul li:hover > a:visited {
      background: #666;
      color: #fff5cf;
}
*/
.menu ul li ul.sub {
      visibility: hidden;
      position: absolute;
      bottom:24px;
      left: 0;
	  line-height: 200%;
                     width: 100%;
		/*
	  border-top: solid 1px #666;
	  border-left: solid 1px #666;
	  border-right: solid 1px #666;
		*/
}
.menu ul li ul.sub li {
                        position: relative;
                        display: block;
                        width: 100%;
                        background: #fff0c0;
                        color: #000;
                        padding-bottom: 5px;
                        border-bottom: solid 1px #CCAA66;
}

.menu ul li:hover ul.sub {
      visibility: visible;
}
.menu ul li ul.sub li:hover {
      background: #666;
      color: #fff0c0;
}


/* ================================================================
	eigene Block- und Zeichenelemente (classes)
   ================================================================ */

.chronik th {
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	padding-right: 2em;
}
td, th {
         line-height: 200%;
}

/* ================================================================
	Links und Bilder
   ================================================================ */


a:link, a:visited { 
                    color: #000;/* MSIE 7 ignores 'inherit'. As soon as MSIE 7 is gone, set this to 'inherit' */
                    text-decoration: underline;
                    }

/* tel-Links sollen nur fuer Smartphones erkennbar sein */
a[href^="tel"]:link, a[href^="tel"]:visited, a[href^="tel"]:hover { 
		text-decoration:	none;
}



a.plain:link, a.plain:visited {
                                text-decoration: none;	
                                }


img.noborder {
               border: none;
               }




/* ============ Schriften ================ */

h1 { 
     font-weight: bold;
 }

body, h1, h2, h3, h4, h5, h6, td, th { 
                                       font-family: "Verdana", sans-serif;
                                       font-size: 10pt;

 }

dt { 
     font-weight: bold;
 }



/* ============ Blockelemente ================ */


blockquote { 
             font-style: italic;
             }

/* ============ Tabelle ================ */


table.gitter { 
               border: solid 1px #999;
               border-collapse: collapse;
               }

table.gitter th, table.gitter td { 
               border: solid 1px #999;
               }

table.headingCenter th { 
                         text-align: center;
               }


/* ============ Schlagzeilen ================ */


#newsticker { 
              display: block;
              position: absolute;
              right: 1em;
              top: 0;
 }

#newsticker li { 
                 display: none;
                 text-align:right;
                 line-height: 115%;
                 color: #aaa;

                 }

#newsticker li a:link, #newsticker li a:visited { 
                                                  text-decoration: none;
                                                  color: #aaa;
                 }

#newsticker .blogdate { 
                        font-size: 70%;
                        color: #bbb;

 }


/* ================================ */


.tagCloud { 
            text-align: justify;
            margin-top: 4ex;
 }

.tagCloud span { 
                 white-space: nowrap;
                 }
.tagCloud a:link, .tagCloud a:visited { 
                                        text-decoration: none;
                       color: #999;
 }
.tagCloud .weight50 { 
                     font-size: 80%;
 }
.tagCloud .weight100 { 
                     font-size: 100%;
 }
.tagCloud .weight150 { 
                     font-size: 150%;
                       font-weight: bold;
 }
.tagCloud .weight200 { 
                     font-size: 200%;
                       font-weight: bold;
 }

/* ===== Print ===== */

div.printonly { 
                display: none;
 }




/* ===== for iPhone and Android smartphones ===== */

.smartphone {
        display: none;
}


@media only screen and (max-device-width: 480px) {

  .smartphone {
                display: block;
                }
  body {
         background-image: none;
         }

  body, .page { 
                width: auto;
                }
  .content { 
             border: none;
             width: auto;
             height: auto;
             padding: 10px 0 0 0;
             margin: 0;
             }
  .body {
                    width: auto;
                    height: auto;
                    overflow: visible;
                    margin: 0;
          padding: 10px 0 0 0;
                   }
  
  
  /*
  .menu a:link, .menu a:visited {
                                  text-decoration: none !important;
                                  }

  .menu ul {
             list-style-type: disc;
             }
  .menu ul li {
                float: none;
                display: list-item;
                list-style-position: inside;
                position: static;
                }
  .menu ul li ul.sub {
                       visibility: visible;
                       position: static;
                       }
  .menu ul li ul.sub li {
                          position: static;
                          display: list-item;
                          }
  
  .menu * {
            background: #fff !important;
            color: #000 !important;
            width: auto !important;
            }
  .menu * {
            background: #fff !important;
            color: #000 !important;
            width: auto !important;
            }
  */


  .menu { 
          width: auto;
          margin: 0;
          border: 0;
          background: #ddd;
          font-family: Helvetica;
          padding: 0;
         
          /* Runde Ecken */
          /*
          -webkit-border-top-left-radius: 18px;
          -webkit-border-top-right-radius: 18px;
          -webkit-border-bottom-left-radius: 18px;
          -webkit-border-bottom-right-radius: 18px;
             */

          }

  .menu h2.smartphone  { 
                         display: block;
                         background: #ccc;
                         border-bottom: solid 1px #666;
                         color: #222;
                         font-size: 20pt;
                         font-weight: bold;
                         padding: 10px 0;
                         text-align: center;
                         text-shadow: 0px 1px 0px #fff;
                         background-image: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#999));
          font-family: Helvetica;

            }



  .menu > ul {
             list-style-type: none;
             margin: 10px;
             padding: 0;

             }
  .menu > ul > li {
                    margin-bottom: 10px;
                    }
  .menu ul li {
                float: none;
                position: static;
                width: auto;
                font-size: 100%;
                background-color: inherit;
                padding: 0;
                }
  .menu ul li a {
                background-color: #fff;
                border: 1px solid #999;
                color: #222;
                display: block;
                font-size: 20pt !important;
                font-weight: bold;
                margin-bottom: -1px;
                  margin-right: 15px;
                padding: 20px;
                text-decoration: none;
                }

  .menu ul li ul.sub {
                       visibility: visible;
                       position: static;
                       }
  .menu ul li ul.sub li { 
                          background-color: inherit;
                          /*
                          border: solid 1px red;
                             */
                          width: auto;
                          border: none;
                          padding: inherit;
                          }
  .menu ul li ul.sub li a {
                         padding-left: 30px;
                            width: auto;
                            /*
                margin-bottom: -5px;
                               */
                         }
  
  /* Runde Ecken für's Menü */

  .menu > ul > li > a {
                                  -webkit-border-top-left-radius: 18px;
                                  -webkit-border-top-right-radius: 18px;
                        padding-top: 30px;
                        padding-bottom: 30px;
                                  }
  .menu > ul > li:first-child a { /* Ausnahme, weil das erste li (Homepage) kein Untermenü hat */
                                     -webkit-border-bottom-left-radius: 18px;
                                     -webkit-border-bottom-right-radius: 18px;
                                     }

  .menu ul li ul.sub li:last-child a { 
                                     -webkit-border-bottom-left-radius: 18px;
                                     -webkit-border-bottom-right-radius: 18px;
                                     }

  /*
  .menu ul li ul.sub li {
                          position: static;
                          display: list-item;
                          }

  */



    

  
  body, h1, h2, h3, h4, h5, h6, td, th, dt { 
                                             font-family: "Verdana", sans-serif;
                                             font-size: 20pt;
                                             
                                             }
  #linkwerkHeadLogo { 
                      width: 200px;
                      }
  
  a[href^="tel"]:link, a[href^="tel"]:visited, a[href^="tel"]:hover { 
                                                                      text-decoration:	underline;
                                                                      }

 }



/* =========================== nub =========================== */

.nub .contactButtonInline {
      padding: 4px;
      border: solid 1px #830303;
      box-shadow: rgba(0,0,0,0.4) 0px 0px 4px 2px;
      min-width: 8em;
      padding-left: 10px;
      padding-right: 10px;
      text-align: center;
      border-radius: 0px 6px 0px 6px;
      display: inline-block;
      margin: 3px;
}

.nub .boxRight { 
                 max-width: 12em; 
                 min-height: 90%; 
                 float: right; 
                 font-size: 80%; 
                 line-height: 150%; 
                 border: 1px solid #ccc; 
                 padding: 5px; 
                 margin-left: 1em;
}