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

body
{
   background-color: #ffffec;
   background-image: url("../blaukehl-back2.jpg");
   background-attachment: fixed;
   background-repeat: no-repeat;
   background-position:center; 
   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;
   behavior:url("/js/csshover3.htc");
}
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;}

#footer {
  visibility: visible;
  position:relative;
  bottom:0px;
}

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

h3 {
  text-align: center;
}
.headline_gruen {
   text-align: center;
   font-size: 180%;
   font-weight: bold;
   color: green;
   margin-bottom: 1em;
}
p
{
        font-weight: normal;
}
hr.small
{
   width:40%;
}

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

#counter {
  font-size: 7pt;
/*  color: lightgreen;   */
}

.multicolumn {             /* Experimentell */
	column-count: 2;
	column-gap: 5px;
	-webkit-column-count: 2;
	-webkit-column-gap: 5px;
	-moz-column-count: 2;
	-moz-column-gap: 5px;
	border-bottom: 1px solid #888;
	padding: 5px;
/*	height: 250px;  */
}

#seitekids {
  font-family: comic sans ms;
/*  background-color: lightgreen;  */
  top: 0;
 width:96%;   /*90%*/
  margin: 0 auto;
/*  margin-left: 0;    */
  padding: 0px;
/*  position: absolute; */
  right: 10px;
  margin-left:6em;
}
div[id]#seitekids {     /* Nur für moderne Browser */
/*  width:100%;  */
  right: 0px;
}


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


.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: #330000;  */
  border: 3px ridge #aa0000;
  font-size: 90%;
  text-align: center;
  top: 0;
  border-radius: 8px ; 
  -moz-border-radius: 8px ; 
  -webkit-border-radius: 8px ; 
  -o-border-radius: 8px ; 
  -icab-border-radius: 8px ; 
  -khtml-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:#ffffec;
  background-image: url("../bl1.jpg");   /*bl1.jpg*/
  background-attachment: fixed;         
  width: auto;
  right: 2px;
}

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

#seite {
  top: 0;
 width: auto; /*96%;   /*90%*/
  margin: 0 auto;
/*  margin-left: 0;    */
  padding: 0px;
/*  position: absolute; */
/*  right: 10px;        */
  margin-left:6em;
}
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: 83%; /*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: 1em;
   top: 60px;        
   border: 0px solid black;
   margin-left:6em;
/*   top: 7em;   */
   padding: 0px;
/*   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;
}

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

#search {
  left: 0px;
  width:10.5em;
  position:absolute;
  border: 0px ridge green;       /* für Testzwecke */
}
html>body #search {     /* 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;
/*  overflow: auto;     */
}

#startseite {
  margin-left: .5em;
  margin-right: 14em;
}

#terminPreview {
  background-color:#ffffec;
  border: 3px inset #999;       /*ridge*/
/*  border-radius: 8px;      
  -moz-border-radius: 8px ; 
  -webkit-border-radius: 8px ;   */
  border-top-left-radius: 10px ; 
  border-bottom-left-radius: 10px ; 
  -moz-border-radius-topleft: 10px ; 
  -moz-border-radius-bottomleft: 10px ; 
  -webkit-border-top-left-radius: 10px ; 
  -webkit-border-bottom-left-radius: 10px ;
/*   border-top-color: #eee; 
   border-bottom-color: #666; 
   border-left-color: #eee; 
   border-right-color: #666;   */
  font-size: 70%;
  font-family: Verdana,arial,helvetica,sans-serif;
  position:relative;  
  max-height:420px;
  overflow: auto;
  float: right;
  width:20em;   /* Orig: 170 10.5em*/
  margin-left: 0px;
  margin-top: 4em;               
  padding: 4px;
/*  border-top-image: url("/images/border1-top.png");
  border-bottom-image: url("/images/border1-bottom.png");
  border-left-image: url("/images/border1-left.png");
  border-right-image: url("/images/border1-right.png");
  -moz-border-top-image: url("/images/border1-top.png");
  -moz-border-bottom-image: url("/images/border1-bottom.png");
  -moz-border-left-image: url("/images/border1-left.png");
  -moz-border-right-image: url("/images/border1-right.png");
  -webkit-border-top-image: url("/images/border1-top.png");
  -webkit-border-bottom-image: url("/images/border1-bottom.png");
  -webkit-border-left-image: url("/images/border1-left.png");
  -webkit-border-right-image: url("/images/border1-right.png"); */
}

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 !important;
  width /**/:16em;
  /*  height: 98%;   */
}

#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 */
/*    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 !important;
  width /**/:17em;
}

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

#menu li {
  margin: 0px;
/*      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:outset; 
/*   height: 100% !important;
   height: "98%";     */
}

#menu li:hover {
  font-weight:bold;
  z-index: 10;        /* ...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 */
  border-style:inset; 
/*   height: 100% !important;
   height: "98%";    */
}

#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: #ffff66;  /*  Hintergrundfarbe SubMenu Mouse over #ffebec*/
        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{               /* Zweite Ebene des Menus*/
        color: #930;        /*#333*/
        background: #fff8eb; /* eee; /* Hintergrundfarbe SubMenu (ded #ffffee #ddddcc)*/
/*        text-align: left;  */
       font-weight:bold;
}
#menu ul li ul li {          /* Dritte Ebene des Menus*/
        color: #930;        /*#333*/
        background: #ffebec; /* eee; /* Hintergrundfarbe SubMenu (ded #ffffee #ddddcc)*/
/*       text-align: left;  /* */
       font-weight:bold;
}
#menu ul li ul li ul li {    /* Vierte Ebene des Menus*/
        color: #930;        /*#333*/
        background: #f5ebff; /* eee; /* Hintergrundfarbe SubMenu (ded #ffffee #ddddcc)*/
/*        text-align: left;  */
       font-weight:bold;
}

#menu   .submenu {            /* TEST *//* TEST *//* TEST *//* TEST *//* TEST *//* TEST */
/*        color: #FF0;        /*#333*/
/*        background: #f0f; /* eee; /* Hintergrundfarbe SubMenu (ded #ffffee #ddddcc)*/
  background-image: url("/images/arrow_right_red.png");
  background-repeat:no-repeat;
  background-position: right;
  text-align: center;  
}

#menu    li ul {            /* TEST *//* TEST *//* TEST *//* TEST *//* TEST *//* TEST */
/*        color: #FF0;        /*#333*/
        background: #0ff; /* eee; /* Hintergrundfarbe SubMenu (ded #ffffee #ddddcc)*/
/*  background-image: url("/images/arrow_right_blk.png");    /* Spitze */
       background: url("../bl1.jpg");
        background-attachment: fixed;    
/*  background-repeat:no-repeat;
  background-position: right;
  text-align: center; 
  border: 3px solid #f0f;   /* debug */ 
}

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

#menu a:hover {
        color: #f00;      /* Schriftfarbe Menu Mouse over*/
        background: #ff6;  /* Hintergrundfarbe  (#ff6600) #ebffffrgb(255,255,102)*/
/*        background: url("../bl1.jpg");
        background-attachment: fixed;      */
        font-weight:bold;
        text-align: center; /* left;   */
        display: block; /* block;        */
        margin-right: 5px;
        z-index: 10;
}

#menu ul li:hover>a {
        color: #f00;      /* Schriftfarbe SubMenu Mouse over*/
        background: #ffff66;   /* Hintergrundfarbe  #ff9933 ff9900 */
        margin-right: 5px;
}

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