/*  von Volker Friedrich-Schmid  www.jura-basic.de*/


/* ------------------------------  */
/* ---------  Seiten-Titel ----------*/
/* ------------------------------  */
.tab_titel  
{ 

  border: 1px solid black; 
  position: relative; left: 60px;  /* -- relative und dann left oder top --*/
  box-shadow: 0px 5px 10px grey;

  height: 0px_; 
  vertical-align: top;
  text-align: left;

  /*  -- tabelle zentriert--  */
   position: relative;

   margin-left: 0px;

   margin-right: auto;
 
  /*  -- tabelle breite und color --  */	
  width: 83%;
  background-color: gray_;

}

/* -- tabelle td (zeile)--*/
.tab_titel td
{ 

  border: 0px solid black; /* -- rahmen --*/
}

/* ------------------------------  */
/* ---------  content  ----------*/
/* ------------------------------  */
.tab_content  
{ 

  border: 1px solid black; 
 
  box-shadow: 0px 3px 10px grey;
  height_: 0px; 
  vertical-align: top;
  text-align: left;
 
  /*  -- tabelle zentriert--  */
    position: relative; /* -- relative und dann left, top, right  --*/
    display_: table;
    margin-left: 70px;
    margin-right: 0%;
    top: 25px;

  width: 80%;
  background-color: gray_;

}

/* -- tabelle td (zeile)--*/
.tab_content td
{ 

  border: 0px solid black; /* -- rahmen --*/

}


/* -------------------------------------  */
/* ----- Inhaltsübersicht  -------*/
/* --------------------------------------  */
.tab_kurzue_titel  
{ 
  border: 1px solid black; 
  position: relative; /* -- relative und dann left, top, right  --*/
  box-shadow: 0px 5px 10px grey_;

  height: 0px_; 
  vertical-align: top;
  text-align: left;

  /*  -- tabelle zentriert--  */
   display_: table;
   margin-left: 65px;
   margin-right: auto;
   top: 40px;

  /*  -- tabelle breite und color --  */	
  width: 83%;
  background-color: gray_;

}

/* -- tabelle td (zeile)--*/
.tab_kurzue_titel td
{ 
  border: 0px solid black; /* -- rahmen --*/
}


/* -- Inhaltsübersicht  (Gliederung)--*/
.tab_kurzue  
{ 
  border: 1px solid black; 
  position: relative; left: 65px;  /* -- relative und dann left oder top --*/
  top: 40px;
  height: 0px;   
  box-shadow: 10px 20px 30px grey_;
  margin-left: 0px; 
 
  vertical-align: top;
  text-align: left;


  width: 83%;
  background-color: gray_;

}

/* -- tabelle td (zeile)--*/
.tab_kurzue td
{ 
  border: 0px solid black; /* -- rahmen --*/
}


main {
position: relative;
}

/* -------------------------------------  */
/* -----tab box1  -------*/
/* --------------------------------------  */
.tab_box1
{ 

  border: 0px solid red_; 

  /*  -- tabelle position--  */
  position: relative;
  left: -4px;  /* -- relative und dann left oder top --*/


  box-shadow: 0px 5px 10px grey_;
 
  top: 2px;
  height: 0px_; 
  vertical-align: top;
  text-align: left;

  /*  -- tabelle zentriert--  */
   position: relative;

   margin-left: 0px;

   margin-right: auto;
 
  /*  -- tabelle breite und color --  */	
  width: 100%;
  background-color: gray_;

}



/* -------------------------------------  */
/* -----tab box2  -------*/
/* --------------------------------------  */
.tab_box2  
{ 

  border: 0px solid blue_; 

  position: relative; left: -4px;  /* -- relative und dann left oder top --*/
  box-shadow: 0px 5px 10px grey_;
 
  top: 10px;
  height: 0px_; 
  vertical-align: top;
  text-align: left;

  /*  -- tabelle zentriert--  */


   margin-left: 0px;

   margin-right: auto;
 
  /*  -- tabelle breite und color --  */	
  width: 100%;
  background-color: gray_;

}


/* -------------------------------------  */
/* -----tab box3  -------*/
/* --------------------------------------  */
.tab_box3 
{ 

  border: 0px solid red_;

  position: relative; left: -4px;  /* -- relative und dann left oder top --*/
  box-shadow: 0px 5px 10px grey_;
 
  top: 10px;
  height: 150px; 
  vertical-align: top;
  text-align: left;
  float: left;
  /*  -- tabelle zentriert--  */


   margin-left: 0px;

   margin-right: 0px;
 
  /*  -- tabelle breite und color --  */	
  width: 49%;
  background-color: gray_;

}



/* -------------------------------------  */
/* -----tab box4  -------*/
/* --------------------------------------  */
.tab_box4  
{ 

  border: 0px solid green_; 

  position: relative; left: -4px;  /* -- relative und dann left oder top --*/
  box-shadow: 0px 5px 10px grey_;
 
  top: 20px;
  height: 0px_; 
  vertical-align: top;
  text-align: left;

  /*  -- tabelle zentriert--  */


   margin-left: 0px;

   margin-right: auto;
 
  /*  -- tabelle breite und color --  */	
  width: 100%;
  background-color: gray_;

}

/* -------------------------------------  */
/* -----tab box5  -------*/
/* --------------------------------------  */
.tab_box5 
{ 

  border: 0px solid yellow_; 

  position: relativ; left: 750px;  /* -- relative und dann left oder top --*/
  box-shadow: 0px 5px 10px grey_;
 
  top: 10px;
  height: 0px_; 
  vertical-align: top;
  text-align: left;

  /*  -- tabelle zentriert--  */


   margin-left: 10px;

   margin-right: auto;
 
  /*  -- tabelle breite und color --  */	
  width: 43%;
  background-color: gray_;

}