/* ======== Hintergrund - Fonts - Textjustage - Farben - Rahmen ======== */

body
{
   background-color: rgb(200, 255, 200);
//   background-image: url("../bl1.jpg");
   background-attachment: fixed;
   letter-spacing: .8px;
   color: rgb(0, 0, 0);
   height : inherit;
   font-family: Verdana,arial,helvetica,sans-serif;
   border-left: 0px solid green;       /* für Testzwecke */
   font-size: 11pt;
}
a:link {color: #0000FF;text-decoration: none;border-style: none;}
a:visited {color: #3300FF;text-decoration: none;border-style: none;}
a:hover {color: #ff0000;text-decoration: none;border-width:1px; border-color:#66CC66; border-style:none; }
a:active {color: #ff0000;text-decoration: none;border-style: none;}

#termin
{
   width:98%;
   color: #000;
   border-collapse:collapse;
   border:1px solid #333;
   vertical-align:middle;
   overflow:auto;
   margin-left: 2px;
   margin-right: 2px;
}
 	
table.cell, tr
{
  padding-top:1px;
  padding-right:1px;
  padding-left:1px;
  color:#000;
  font-size:10.0pt;
  font-weight:400;
  font-style:normal;
  text-decoration:none;
/*  text-align:center;    */
  vertical-align:middle;
/*  border:1px solid #333;  */
}

.header0
{
  font-size:10.0pt;
  font-weight:bold;
  border:1px solid #333;
}
.header1
{
  font-size:10.0pt;
  font-weight:bold;
  border:1px solid #333;
}
.header2
{
  font-size:10.0pt;
  font-weight:bold;
  border:1px solid #333;
}
.header3
{
  font-size:10.0pt;
  font-weight:bold;
  border:1px solid #333;
  width: 50%;
}
.header4
{
  font-size:10.0pt;
  font-weight:bold;
  border:1px solid #333;
  width: 10%;
}

td {
    font-size: 90%;
    vertical-align:top;
}
td.date
{
        font-family: courier,"courier new",monospace;
}
                                                           /*absolute static*/
 td a[name] {display:block; width:100px; height:0; position:relative; visibility:hidden;}
/* td a[name] {display:block; width:100px; height:0; position:relative; top:-100px; visibility:hidden;}  */

/* Hier können die einzelnen Spalten getrennt formatiert werden */
.sp_0 {    /* Grafiken */
  border:1px solid #333;
  text-align:center;
  width: 10%;  
}

.sp_1 {    /* Termin */
  border:1px solid #333;
  line-height: 150%;
  text-align:center;
}

.sp_2 {    /* Ort */
  border:1px solid #333;
  text-align:center;
}

.sp_3 {    /* Beschreibung */
  border:1px solid #333;
  text-align:left;
}

.sp_4 {    /* Besucher */
  border:1px solid #333;
  text-align:center;
}

pre
{
    font-family: courier,"courier new",monospace;
    font-size: 10pt;
}
ul 
{
     list-style-image: url("/images/arrow-r.png");
     list-style-position: outside;
}

ul ul
{
     list-style-image: none;
     list-style-position: outside;
}
/*
ul ul ul
{
     list-style-image: none;
     list-style-type:square;
     list-style-position: outside;
}

ul ul ul ul
{
     list-style-image: none;
     list-style-type:circle;
     list-style-position: outside;
}                     */

.normal {text-decoration:none; font-weight:normal;}
.durchgestrichen {text-decoration:line-through}
.unterstrichen {text-decoration:underline}
.ueberstrichen {text-decoration:overline}
.fett {font-weight:bold}
.kursiv {font-style: italic}
.small {font-size: 9pt}
.mittig {text-align: center;}
.highlight {background-color:yellow;}
span.small {color: black;
             font-size: 7pt;
             font-weight:normal;
}

.hideIE6 {
  visibility:hidden;
}
html>body .hideIE6 {     /* Nur für moderne Browser */
   visibility: visible;
}

.special1 {
    text-decoration:overline;
    color: #333;
    background: #ddd;
}

.noframe {
   border-style: none;
   border-width:0px;
}

h1
{
        letter-spacing: 0.1cm;
        text-decoration: none;
        background-color: #FFFFEE;
        font-weight: bold;
        text-align: center;
        color: #AA3333;
        border-style:groove;
        border-width:0px;
        font-size: 12pt;
}

h2
{

}
h2.small
{
        font-size: 80%;
}
p
{
        font-weight: normal;
}
hr.small
{
   width:40%;
}

div   /*   für Testzwecke */
{
     /*   color: rgb(0, 255, 0); */
      /*  background-color: rgb(255, 192, 192);   */
}

#head {
    font-size: 1.4em;
    font-weight:bolder;
/*    letter-spacing: -0.05em;   */
    text-align: center;
    color: #CC0000;
}

#seitekids {
  font-family: comic sans ms;
/*  background-color: lightgreen;  */
}


/* ======== Abmessungen - Position - Ränder ======== */
body
{
/*   margin-left: 0px;    */
}
/* li.h2
{
     margin-top: .5cm;
}
li.text
{
        margin-left: 20px;
}                         */
h1
{
        margin: 0px;
}
h2
{
        margin: 20px;
}
h2.small
{
        margin: 20px;
}
td {
    padding: 5px;
}

.multicolumn {             /* Experimentell */
  column-width: 15em;
  column-gap: 2em;   /* shown in yellow */            
  column-rule: 4px solid green;
  padding: 5px;      /* shown in blue */
}

.guestbook
{
   width:100%;       /* iframe 16em 200px*/
   height: 100%;
   left: 0;
   top: 0;
   margin-left:0;
   position: static;
   z-index: 10;
}
/* iframe[class].guestbook */    /* Nur für moderne Browser ?*/
/*{
   position: relative;
}  */
#guestbookback {
  position: relative;     /*absolute*/
  top:0px;      /* 80px */
  margin: 0px;
  left: 0;
  width:100%;   /* Orig: 16em 170px 19%*/
  height: 800px;  /* 80%;      */
/*  padding: 0px;     */
/*  z-index:  5;    */
}
/* html>body #guestbookback { */    /* Nur für moderne Browser */
/*  position:fixed;
} */
#kopfbereich {
  color: #CC0000;
  border: 2px ridge #CC0000;
  font-size: 90%;
  text-align: center;
  top: 0;
  border-radius: 8px ; 
  -moz-border-radius: 8px ; 
  -webkit-border-radius: 8px ; 
  margin-top: 0;
  left: 0px;
  margin-left: 12.2em;/* 0;     /*15.5*/
  height: 75px;
  width:90%;   /*    99% */
/*  padding-top: 0px; */
  position: absolute;
/*  right: 20px; */
  z-index:  5;
}

div[id]#kopfbereich {     /* Nur für moderne Browser */
   position: fixed;
  background-color: #CC0000;
  background-image: url("../bl1.jpg");   /*bl1.jpg*/
  background-attachment: fixed;
  width: auto;
  right: 2px;
}

#seite {
  top: 0;
 width:96%;   /*90%*/
  margin: 0 auto;
/*  margin-left: 0;    */
  padding: 0px;
/*  position: absolute; */
  right: 10px;
  margin-left:.5em;
}
div[id]#seite {     /* Nur für moderne Browser */
/*  width:100%;  */
  right: 0px;
}

#spalten {
  bottom : 0px;
  left: 0px;
  margin-left : 165px; /* 10%; */
  margin-right: 0px;
  overflow : auto;   
  position : fixed; /* fixed;  */
  top : 160px;    /*160*/
  width: 100%; /* 100%;  */
/*  border: 0px solid blue;      /*  für Testzwecke */
/*    width : 99%;  80%;   */
  }
html>body #spalten {     /* Nur für moderne Browser */
  top: 4.5em;
/*   overflow:auto;    */
   width: auto; /* 83%;  */
/*  border: 3px solid yellow;      /*  für Testzwecke */
}
#inhalt-termin {
    top: 0px;
   margin-left:12em;
   padding: 5px;
   width:78%;
   font-size: 90%;
   position: relative;
   z-index: 0;
}

#inhalt {
/*  width:100%; */
/*   margin: 0 auto;  */
   margin-top: 2em;
   top: 60px;        
   border: 0px solid black;
   margin-left:6em;
/*   top: 7em;   */
   padding: 5px;
   width:90%;       /* 86%*/
   font-size: 90%;
   position: relative;
   z-index: 0;
   border: 0px solid #ff00ff;      /*  für Testzwecke */
}
html>body #inhalt {     /* Nur für moderne Browser */
   top: 4.5em;
   width:86%;  
/*   overflow:auto;    */
}

#vdjContainer {
  top: 0px;
  left: 0px;
  width:10.5em;
  position:absolute;
  border: 0px ridge green;       /* für Testzwecke */
}
html>body #vdjContainer {     /* Nur für moderne Browser */
  position:fixed;
}

#menucontainer {
  background-image: url("/transparent.png");     /*bl1.jpg*/
  border: 0px solid green;       /* für Testzwecke */
  font-size: 100%;
  font-family: Verdana,arial,helvetica,sans-serif;
  position:absolute;
  top:6em;          /* 0px */
  margin-top: 0;
  width:12em;   /* Orig: 170 10.5em*/
  height: 100%;
  padding: 0px;
  left: 0px;
  margin-left: 0px;
  /*   font-size: 80%; */
  z-index: 50;
}

html>body #menucontainer {     /* Nur für moderne Browser */
  position:fixed;
}

html>body #shadow{    /* Nur für moderne Browser */
    position:fixed;
    top:8px;
    background-color:#bbbbbb;
    width: 10em; /* 165px;   */
    height:420px; 
    margin:5px 0px 0px 5px;
    padding:6px;
    /* z-index:  20;  */
}


#menucontainer ul{
    list-style: none;
    list-style-image: none;
}

#menu {
   /*     width: 40em; */ /* VERY IMPORTANT! Set this to appropriate value, either here on down in the design section */
    font-size:  70%;                   /*80%; */
    margin: 0;
    padding: 0;
    border: 0px solid green;       /* für Testzwecke */
    color: #930;        /*#333*/
 /*       background: #ddffff; /* eee; /* Hintergrundfarbe Menu (ded #ffddaa #ddddcc)*/
    background: url("../bl1.jpg");
    background-attachment: fixed;
    display: block;
    text-align: center;
    width: 15.5em;
  /*  height: 98%;   */
    z-index: 52;
}

#menu ul {
    margin: 0;
    padding: 0;
    border: 0px solid blue;       /* für Testzwecke */
    list-style: none;
    list-style-image: none;
    display: block;
/*        font-size:  .8em;                   80%; */
    visibility: hidden;        /* initially hide all submenus. */
    position: absolute;
    z-index: 10;
    left: 0;        /* while hidden, always keep them at the top left corner, */
    top: 0;                /*                 to avoid scrollbars as much as possible */
    padding: 1px;
    margin: 0px 0 0 -10px;
/*        background: #f00;        /* uncomment this if you want to see the "safe" area.
                                      you can also use to adjust the safe area to your requirement */
    width: 16em;
}

#menu li.noframe {
   border-style: none;
}

#menu li {
      margin: 1px;
      padding: 0;
      list-style: none;
      display: block;
      position: relative;        /* position each LI, thus creating potential IE.win overlap problem */
      z-index: 5;                /* thus we need to apply explicit z-index here... */
      /* create borders around each item */
      border-width: 2px;        
      padding: .4em; /*.4em 1em;   */
      display: block;
      text-decoration: none;
      font-weight:bold;
      color: #333;         /*#930*/
      background: #fffeea;
  border-top-right-radius: 8px ; 
  border-bottom-right-radius: 8px ; 
  -moz-border-radius-topright: 8px ; 
  -moz-border-radius-bottomright: 8px ; 
  -webkit-border-top-right-radius: 8px ; 
  -webkit-border-bottom-right-radius: 8px ;
   border-top-color: #fff; 
   border-bottom-color: #666; 
   border-left-color: #fff; 
   border-right-color: #666;
   border-style:solid; 
}

#menu li:hover {
       font-weight:bold;
        z-index: 100;        /* ...and here. this makes sure active item is always above anything else in the menu */
        white-space: normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)
                                                        see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
}

#menu li:hover>ul {
       font-weight:bold;
        visibility: visible;        /* display submenu them on hover */
        left: 100%;        /* and move them to the right of the item */
        background: #ffebec;  /*  Hintergrundfarbe SubMenu Mouse over #eeee99*/
        top: 1.8em;     /* 1.5em 20px;  */
        left: 5em;    /* 5em 30% */
  border-top-right-radius: 8px ; 
  border-bottom-right-radius: 8px ; 
  -moz-border-radius-topright: 8px ; 
  -moz-border-radius-bottomright: 8px ; 
  -webkit-border-top-right-radius: 8px ; 
  -webkit-border-bottom-right-radius: 8px ;
   border-top-color: #fff; 
   border-bottom-color: #333; 
   border-left-color: #fff; 
   border-right-color: #333;
   border-style:solid; 
/*        background: url("../bl1.jpg");
        background-attachment: fixed;     */
}

/* -- float.clear --
        force containment of floated LIs inside of UL */
#menu:after, #menu ul:after {
        content: ".";
        height: 0;
        display: block;
        visibility: hidden;
        overflow: hidden;
        clear: both;
       font-weight:bold;
}
#menu, #menu ul {        /* IE7 float clear: */
        min-height: 0;
}
/* -- float.clear.END --  */

/* sticky submenu: it should not disappear when your mouse moves a bit outside the submenu
        YOU SHOULD NOT STYLE the background of the "#menu UL" or this feature may not work properly!
        if you do it, make sure you 110% know what you do */

#menu ul li {
        color: #930;        /*#333*/
        background: #fff8eb; /* eee; /* Hintergrundfarbe SubMenu (ded #ffffee #ddddcc)*/
/*        text-align: left;  */
       font-weight:bold;
}
#menu ul li ul li {
        color: #930;        /*#333*/
        background: #ffebec; /* eee; /* Hintergrundfarbe SubMenu (ded #ffffee #ddddcc)*/
/*        text-align: left;  */
       font-weight:bold;
}
#menu ul li ul li ul li {
        color: #930;        /*#333*/
        background: #f5ebff; /* eee; /* Hintergrundfarbe SubMenu (ded #ffffee #ddddcc)*/
/*        text-align: left;  */
       font-weight:bold;
}

#menu a {
        text-decoration: none;
        color: #930;        /*#444*/
/*        padding: .4em;  .4em 1em;   */
        display: block;
/*        text-align: center;  */
        font-weight:bold;
        border-style:none;
}

#menu a:hover {
        color: #f00;      /* Schriftfarbe Menu Mouse over*/
        background: #ebffff;  /* Hintergrundfarbe  (#ff6600)*/
/*        background: url("../bl1.jpg");
        background-attachment: fixed;      */
        font-weight:bold;
        text-align: center; /* left;   */
        z-index: 10;
}

#menu ul li:hover>a {
        color: #f00;      /* Schriftfarbe SubMenu Mouse over*/
        background: #ebffff;   /* Hintergrundfarbe  #ff9933 ff9900 */
}

#menu>li + li, #menu ul>li + li {        /* and remove the top border on all but first item in the list */
  /*      border-top: 0;  */
}

.frame {
        background: #ff9900;  /* Hintergrundfarbe*/
        text-align: center;
        border:2px solid #000; /* #cc7700; */
}