/* 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);
}
.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;
}
/* =================================== */








.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;
      width: 95px;
      /* font-family: sans-serif; */
      font-size: 90%;
      padding-right: 20px;
      padding-left: 20px;
      padding-top: 5px;
      padding-bottom: 5px;
      background: #fff5cf;
      color: #666;
      position: relative; /* just to be able to use "absolute" in ul.sub */
              border-right: 3px solid #fff;
}
.menu ul li:hover {
      background: #666;
      color: #fff5cf;
}

/* ================================================================== */
/* 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: #666;
      color: #fff5cf;
}
.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: #666;
}
.menu ul li:hover ul li:hover a:link, .menu ul li:hover ul li:hover a:visited {
      color: #fff5cf;
}
/* ================================================================== */


.menu ul li a:link , .menu ul li a:visited {
      text-decoration: none;
      color: #666; /* 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%;
		/*
	  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;
      background: #fff0c0;
      color: #000;
      padding-bottom: 5px;
      border-bottom: solid 1px #fff;
}

.menu ul li:hover ul.sub {
      visibility: visible;
}
.menu ul li ul.sub li:hover {
      background: #666;
      color: #fff0c0;
}
.menu ul li ul.sub li a {
      width:100%;
      display: block;
}


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




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

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


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



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;
             }


/* ============ 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;
 }


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

.smartphone {
        display: none;
}

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

        .smartphone {
                display: block;
	}
        body {
              	background-image: none;
        }
	.content, .body {
                  height: auto;
                  overflow: visible;
                  width: auto;
         }

        .menu a:link, .menu a:visited {
		text-decoration: underline !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;
        }
 }