/* DATEI: els.css 
Frank Elsner's Homepage
author: Frank Elsner
date:   23.01.2006

*/
/*

*/

/* global *************************************** 
----------------------------------------------- */

      body
      { 
         position:           absolute;
         background-color:    #F0F0F0;
         font-family: Arial,Helvetica;
         font-size:              10pt;
      }
      html, body
      { 
         top:0; left:0; right:0;
         min-height: 100%;
         margin:        0;
         padding:       0;
         width:      100%;
      }
      p
      { 
         text-align: justify;
      }

      /* Überschriften                */
      h1 {
         font-size:     20pt
         font-weight:  bold;
         text-align: center;
      }
      h2 {
         font-size:    18pt;
         font-weight:  bold;
         text-align: center;
      }
      h3 {
         font-size:    14pt;
         font-weight:  bold;
      }
      h4 {
         font-size:    10pt;
         font-weight:  bold; 
         line-height:  12pt;
         margin-top:    6pt;
         margin-bottom: 6pt;
      }
      h5 {
         font-size:    12pt; 
         font-weight:  bold;
      }
      h6 {
         font-size:     7pt;
         font-weight:  bold;
      }

/* Tabellen */
/* -------- */
table {
        border: 1px solid black;
}
th {
        background-color: #C0C0C0;
        font-weight:       bold;
        vertical-align:     top; 
        border: 1px solid black;
}
caption {
        caption-side: top;
}
tr {
        border: 1px solid black;
}
td {
        vertical-align: middle; 
        padding-left:    1%;
        border: 1px solid black;
}

      /* Nun fuer den MSIE */
      /* ----------------- */
      * html, * table
      {
         font-size:    10pt; /* die standard Groesse muss aus dem 'body'- Element uebernommen werden!*/
      }

/* Reiter */
/* ------ */
#reiter {
         z-index:      2;
         float:      left;
         width:      98%;
         margin-left: 0%;
         margin-top:  1%;
         padding:    2px 0 0 4px;
         list-style: none;
         background: url(../graphics/nav_bg.gif) repeat-x bottom left;
/*
   border: thin solid red;
 */
	}
#reiter li {
	float:   left;
	margin:  0;
	padding: 0;
/*
	font-family: "Lucida Grande", sans-serif;
	font-size: 55%;
 */
	}
#reiter a {
	float:           left;
	display:         block;
	margin:          0 2px 0 0;
	padding:         4px 8px;
	color:           #606060;
	text-decoration: none;
	border:          1px solid #9B8748;
	border-bottom:   none;
/*	background:      #F9E9A9 url(../graphics/off_bg.gif) repeat-x top left; */
	background:      #F0F0F0 url(../graphics/on_bg.gif) repeat-x top left;
	}
#reiter a:hover, #select_reiter a {
	color:          black;
	padding-bottom: 5px;
	border-color:   #727377;
	background:     #F0F0F0 url(../graphics/off_bg.gif) repeat-x top left;
	}
	
#reiter_content {
	width:         97%;
	margin-left:    1%;
	margin-top:     1%;
/*
   border: thin solid red;
 */
	}

/* hinweis **************************************
----------------------------------------------- */
      #noprint    { display: none; }

/* banner ***************************************
----------------------------------------------- */
      #header_container
      {
         position:   fixed;
         top:0; left:0; right:0;
         z-index:        3;
         text-align:center;
         margin:         0;
         height:       16%;
         background:   url(../graphics/bg_249.gif) #F0F0F0 repeat fixed top;
      }

      #b_title
      {
 /* 
         position: absolute;

         vertical-align: middle; 
 */
         left:0;   right:0;
         z-index:         3;
         height:       100%;
         margin:          0;
         overflow:   hidden; /* Text wird bei Verkleinerung abgeschnitten */

         font-weight:  bold;
         text-align: center;
      }

      .banner_txt1 {
         font-size:    16pt;
      }
      .banner_txt2 {
         font-family: Comic Sans MS,Arial;
         font-size:   30pt;
      }

      #logo_l
      {
         position: absolute;
         bottom:          0;
         left:           5%;
      }

      #logo_r
      {
         position: absolute;
         bottom:          0;
         right:          5%;
      }

      /* Nun fuer den MSIE */
      /* ----------------- */
      * html, * html body
      {
         overflow:hidden;
         bottom:       0;
         height:    100%;
      }
      * html #header_container
      {
         position:absolute;
         width:       100%;
      }

      * html #b_title
      {
         height:    100%;
         position:static;
      }

/* links ****************************************
----------------------------------------------- */
      #links
      {
         position:          fixed;
         top:16%; left:0; right:0;
         z-index:               3;
         margin:                0;
         height:               5%;
         overflow:         hidden; /* Text wird bei Verkleinerung abgeschnitten */
         font-size:          10pt;
         background-color:#C0C0C0; 
/*
         background-color:red; 
 */

      	vertical-align:middle;
         padding-left:        25%;
      }

      #links a:link,
      #links a:visited,
      #links a:hover,
      #links a:active { text-decoration:none;  color:black; }

      #home
      {
         position:          fixed;
         top:16%; left:0; right:0; bottom:0;
         z-index:              4;
         left:                 2%;
         height:               3%;
         width:               12%;
         overflow:         hidden; /* Text wird bei Verkleinerung abgeschnitten */
         font-size:          12pt;
         background-color:#E6E6E6;
         border:     thick outset;
         text-align:       center;
         color:           #000099;
      }
      
      #home a:link,
      #home a:visited,
      #home a:hover,
      #home a:active { text-decoration:none;  color:black; }

      #link_leiste
      {
      	position:  relative;
      	top:              20%;
        left:              2%;
        z-index:           40;
      	font-weight:      bold;
       	background-color: #C0C0C0;
/*
      	background-color:blue;
 */

      }
      #link_leiste a:link,
      #link_leiste a:visited
      {
         text-decoration:underline;
      }
      
      #link1
      {
      	position:  absolute;
      	left:      25%;
      	height:    60%;
      	width:      12%;
      	background-color:#E6E6E6;
      	border:     thick outset;
      }
      #link2
      {
      	position:  absolute;
      	left:      40%;
      	height:    60%;
      	width:     12%;
      	background-color:#E6E6E6;
      	border:     thick outset;
      }
      #link3
      {
         position:  absolute;
         left:      55%;
         height:    60%;
         width:     12%;
         background-color:#E6E6E6;
         border:     thick outset;
      }
      #link4
      {
         position:  absolute;
         left:      70%;
         height:    60%;
         width:     12%;
         margin:      0;
         background-color:#E6E6E6;
         border:     thick outset;
      }

      /* Nun fuer den MSIE */
      /* ----------------- */
      * html #links
      {
         position:absolute;
         width:       100%;
      }
      * html #home
      {
         position:absolute;
         height:        5%;
      }

/* navigation ***********************************
----------------------------------------------- */
      #menu_container
      {
         position:     fixed;
         top:21%; left:0;
         height:         79%;
         width:          20%;
         color:      #000099;
         background:   url(../graphics/bg_249.gif) #F0F0F0 repeat fixed top;
         overflow:      auto; 
      }      
      #menu
      {
         padding-left:   2%;
         padding-right:  3%;
      }      
      #menu ul
      {
         margin:        0;
         line-height:15pt;
         padding-left: 5%;
      }
      #menu li
      {
         list-style:   none;
         margin:          0;
         padding-top:   5pt;
         padding-bottom:5pt;
         padding-left:   3%;
      }
      #menu a:link, #menu a:visited
      {
         color:              black;
         text-decoration:underline;
         margin:                 0;
      }
      #menu a:hover
      {
         text-decoration:underline;
      }
      #menu li ul
      {
         padding-left:15%;
      }

      /* Nun fuer den MSIE */
      /* ----------------- */
      * html #menu_container
      {
         position:relative;
         padding:        0;
      }

/* inhalt ***************************************
----------------------------------------------- */
      #content_container
      {
         position:fixed;
         top:21%; left:20%; right:0;
         z-index:     2;
         height:    78%;
         margin:      0;
         padding:     0;
         overflow: auto; 
         border-left: thick outset;
      }

      #content
      {
/* am 22.5.06 herausgenommen, wg. Opera 8.53:
         position:     absolute;
         top:0; left:0; right:0;
         margin-right:1%;
   border: thin solid red;
*/
         position: relative;
         width:         95%;
         z-index:      2;
         margin-left: 2%;
         margin-top:  1%;
         overflow:hidden; 
      }
      /* Nun fuer den MSIE */
      /* ----------------- */
      * html #content_container
      {
         position:absolute;
         width:        80%;
         height:       79%;
      }
      * html #content
      {
         top:2%; left:2%;
         width:      95%; 
      }


/* Pop-Up Fenster *****************************
----------------------------------------------- */
/*  
border: thin solid red; 
border: thin solid blue;

         position:absolute;
         position:   fixed;
         position:relative;
         position:  static;

*/
      #pop_up_container
      {
         position:fixed;
         top:5%; left:10%; right:10%;
         height:    90%;
         margin:      0;
         overflow: auto; 
         border: thick outset;
         background-color: #FFFFFF;
      }

      #pop_up
      {
         position:     absolute;
         top:0; left:0; right:0;
         margin-left: 2%;
         margin-top:  1%;
         margin-right:1%;
         overflow:hidden; 
      }
 
      /* Nun fuer den MSIE */
      /* ----------------- */
      * html #pop_up_container
      {
         position:absolute;
         width:        80%;
         height:       92%;
      }
      * html #pop_up
      {
         top:2%; left:2%;
      }

.imgPreview {
	position: absolute;
	left:5%;
/*
        top:21%; left:20%;
        z-index:         50;

	margin-left: 0px; 
	position: absolute; 
	vertical-align: middle; 
	text-align: center; 
	margin-left: 0px; 

	background-image: url('../privat/bg_main.gif'); 
	background-repeat: no-repeat; 
	display: none; 

	padding-top: 8px; 
	width: 120px; 
	height: 110px;
	border-width:10px;
	border-color:#000000;
*/
	display: none; 
	padding-left: 8px; 
}

/* klassen ************************************
----------------------------------------------- */

.nav_auswahl {
        background-color: yellow;
}
.block_1 {
        width: 30%;
}
.no_blocksatz {
        text-align: left;
}

.no_print {display: hide;}

/* Markierungen im Kalender *********************
----------------------------------------------- */

.kalender {
        text-align:   center;
        padding-left: 0px; 
}
.wochenend {
        background-color: #C8FF00;
}
.kein_tag {
        background-color: black;
}
.urlaub{
        background-color: #FFB440;
}
.wichtig{
        color:           red;
        font-weight:     bold;
}

/* Textumfluss bei Blockelementen */
/* anzwenden, z.B. bei Bildern    */
/* ------------------------------ */
.re_Umfluss, .li_Umfluss {
	margin-bottom:5px;
	margin-top:    0px;
}
.re_Umfluss {
	float:left;
	margin-right:20px;
}
.li_Umfluss {
	float:right;
	margin-left:20px;
}
.clear_re {
	clear:left;
}
.clear_li {
	clear:right;
}

/* Bildunterschriften */
/* ------------------ */
/* p1: linksbündig,  10 pt */
/* p2: rechtsbündig, 10 pt */
/* p3: linksbündig,   8 pt */
/* p4: rechtsbündig,  8 pt */
/* p5: linksbündig         */
/* p6: rechtsbündig        */
/* p7: zentriert,    10 pt */
/* p8: zentriert,      8pt */
/* p9: zentriert           */
/* 
.p1, .p3, .p5 {
	padding-left:1%;
}
.p2, .p4, .p6 {
	padding-right:1%;
}
 */
.p1, .p3, .p5 {
	padding-left: 1%;
	margin:       0;
	text-align:   left;
}
.p2, .p4, .p6 {
	padding-right: 1%;
	margin:        0;
	text-align:    right;
}
.p7, .p8, .p9 {
	margin:       0;
	text-align:   center;
}
.p1, .p2, .p7 {
	font-size:   10pt;
}
.p3, .p4, .p8 {
	font-size:   8pt;
}

/* Einrückungen */
/* ------------ */

.small_indent {
    padding-left: 5px;
}
.std_indent {
    padding-left: 35px;
}
.start_indent {
    padding-left: 77px;
}

/* Textmarkierungen und Hervorhebungen */
/* ----------------------------------- */
.mark01 {
    font-weight:     bold;
}
.mark02 {
    text-decoration: underline;
}
.mark03 {
    font-style:      italic;
}
.hervorheben {
    background-color: #DCDCDC;
    color:            #000099;
}

.geloescht {
    text-decoration: line-through;
}

.footer {
    background-color:   #DCDCDC;
    padding:                5pt;
    border:           1px solid green;
}

.aktuell {
/* 
    text-decoration: none ;

    text-decoration: blink;
    color:           red;
    font-weight:     bold;
*/
/* 
    text-decoration: blink;
    color:           red;
*/
}

.neues {
/* 
    text-decoration: none ;

    text-decoration: blink;
    color:           red;
    font-weight:     bold;
*/
/* 
*/
    text-decoration: blink;
    color:           red;
}

.hinweis {
    font-style:          italic;
    background-color:   #DCDCDC;
    padding:                5pt;
    border:           1px solid green;
}
.zitat_box {
    table-layout:                  auto;
    font-family:      Comic Sans MS,Arial,Helvetica;
    font-weight:                   bold;
    background-color:           #DCDCDC;
    padding:                        5pt;
    text-align:                  center;
    border:           1px solid #C0C0C0;
}

.seitenanfang {
    font-size:             8pt;
    color:             #808080;
    text-decoration: underline;
}

/* nn */
/* -- */
.table_no_table {
    vertical-align: top; 
    border-width:     0;  
}
.no_table {
    table-layout:     auto;
    background-color: transparent;
    vertical-align:   top; 
    border:           0px solid green;
}

/* vertikale Ausrichtung */
/* --------------------- */
.va_top {
   vertical-align: top;
 }
.va_middle {
   vertical-align: middle;
}
.va_bottom {
   vertical-align: bottom;
}