/*******************************************************************************
*
*  HTML-Tags
*
*******************************************************************************/
/*html, body { height:100%; }*/
html, body, form { margin:0; padding:0; }

body
{ /*background-color:AppWorkspace;*/
  background-color:#d8d8d8;
  /*background-color:#8c0;*/
  /*background-color:#fff;*/
   
  color:#000;		/* COLOR geht in tieferer Verschachtelung (Firefox) */
			/* verloren, wenn nicht hier, sondern in .main definiert! */
  font-family:/*arial,*/sans-serif;
}

h1,h2,h3,h4
{ margin:0px;
  text-align:right;
  padding:0px;
  border:0px;
}

hr
{ /*position:absolute;
  text-align:left !important; 
  width:50em;*/
  margin:0px;
  padding:1px;
  border:none;

  color:#8c0;
  background-color:#8c0;
/*
  color:#888;
  background-color:#aaa;
*/
}

li { margin-top:0.3em; }

ul li ul
{ margin-top:0.1em;
  margin-bottom:1em;
}

td
{ vertical-align:top; 
  padding:0.2em;
}

a img { border:none; }

blockquote { padding:0; margin:0; font-style:italic; }
cite { padding:0; margin:0; font-style:italic; font-weight:bold;  }

code { color:#006; }
.code { border:solid 1px #006; background-color:#eef; padding:0.5em; }

.only_without_css { display:none; }

.newpage { page-break-before:always; }

/*#template_wrapdiv { width:100%; height:100%; position:absolute; }*/
#template_wrapdiv
{ /*width:60em;*/
width:100%;

  margin:auto;
  position:relative;
  height:100%;
}


#wraptable
{ height:100%;
  border-spacing:0px;
  border:none;
  border-collapse:collapse;
  padding:0px;
  margin:0px;
  width:100%;
position:relative;
background-color:#fff;
}

.wraptdtop { padding:0; margin:0; vertical-align:top; /*height:100%IE!?!*/ }
.wraptdbottom { padding:0; margin:0; vertical-align:bottom; }

.gray0 { background-color:#f0f0f0; }
.gray1 { background-color:#e8e8e8; }

/*******************************************************************************
*
*  Sektion MENU (Oberer Rand)
*
*******************************************************************************/
#template_menu
{ color:#fff;
  background-color:#8c0;
  background-image:url(green_menu.gif);

  background-repeat:repeat-x;
  background-position:bottom;

  padding-top:4px;
  padding-left:6px;
  padding-right:3px;
  padding-bottom:8px;

  /*height:2.2em;*/
}
#template_menu a         { color:#240/*330*/; }
#template_menu a:visited { color:#460; }
#template_menu a:hover   { color:#fe0; }
#template_menu a:active  { color:#fe0; }

#template_menu ul
{ list-style:none;
  padding:0;
  margin:0;
}

#template_menu li
{ float:left;
  padding:0;
  margin:0;
  margin-right:0.3em;
}

.menuentry_currentgroup { margin-right:0.5em; font-style:italic; font-weight:bold; float:left; }
.menuentry_selected { /*text-decoration:underline;*/ }

.clearmenu { clear:left; }

#permalink
{ position:absolute;
  right:0.5em;
  text-align:right;
  margin-right:0;
margin-top:1em;
}

#permalink_address
{ position:absolute;
  right:0.5em;
  text-align:right;
top:0em;
}

#permalink_notavail
{ position:absolute;
  right:0.5em;
  text-align:right;
  margin-top:1.1em;
  font-style:italic; font-weight:bold;
}

/*******************************************************************************
*
*  Sektion MAIN (Hauptbereich, Mitte)
*
*******************************************************************************/
#template_main
{ text-align:justify;

  padding-top:2em;
  padding-bottom:1px;
/*padding-right:15%;*/
padding-right:10em;		/* .extlink beachten */
  padding-left:0;

  /*color:siehe BODY*/
  background-color:#fff;
  border-top:solid 3px #eee;
}
#template_main a         { color:#609b2e; }
#template_main a:visited { color:#305800; }
#template_main a:hover   { color:#80c030; }
#template_main a:active  { color:#90c000; }

#template_body
{ /*width:37em;*/
  width:90%;
  margin:auto;
  margin-top:0px;
  margin-bottom:-30px;
  position:relative;
}

#template_icons
{ width:120px;
  position:absolute;
  right:10px;
  margin-top:-2em; padding-top:6px;
  margin-bottom:10px;
}

#template_icons a { margin:0; padding:0; }
#template_icons img { margin:2px; padding:0; }

#alternative_languages
{ position:absolute;
  right:15px;
  /*margin-top:-2em;*/
  /*padding-top:46px;*/
  margin-top:46px;
}
#alternative_languages img { padding:0; padding-top:12px; display:block; }

#template_clock
{ position:absolute;
  left:10px;
  margin-top:-1.8em;
  text-align:center;
}

#clock_table
{ width:43px; /*49px;*/
  height:38px;
  padding:0px;
  border-top:solid 1px #8af;
  border-spacing:2px;
  /*cellspacing='3' cellpadding='0'*/
}


.underline { text-decoration:underline; }

.center
{ text-align:center;
}

.alignright
{ text-align:right;
}

.alignleft
{ text-align:left;
}

.floatleft
{ float:left;
  margin-right:1em;
}

.floatright
{ float:right;
  margin-left:1em;
}

.boxright
{ float:right;
  text-align:center;
  padding:1em;
  margin-left:1em;
  border-width:1px;
  border-style:solid;
  border-color:#888;
}

.boxleft
{ float:left;
  text-align:center;
  padding:1em;
  margin-right:1em;
  border-width:1px;
  border-style:solid;
  border-color:#888;
}

.photograph
{ padding:10px;
  border-top:solid 1px #ddd;
  border-left:solid 1px #ccc;
  border-right:solid 1px #bbb;
  border-bottom:solid 1px #aaa;
  background-color:#fff;
}

.photograph_left
{ padding:10px;
  border-top:solid 1px #ddd;
  border-left:solid 1px #ccc;
  border-right:solid 1px #bbb;
  border-bottom:solid 1px #aaa;
  background-color:#fff;
  float:left;
  margin-right:1em;
}

.photograph_right
{ padding:10px;
  border-top:solid 1px #ddd;
  border-left:solid 1px #ccc;
  border-right:solid 1px #bbb;
  border-bottom:solid 1px #aaa;
  background-color:#fff;
  float:right;
  margin-left:1em;
}

.sidelink
{ position:absolute;
  font-size:0.8em;
  /*text-decoration:none;*/
  text-align:left;
  width:10em;
  right:-11.25em;;
}

.extlinkicon
{ margin-left:0.2em;
}

/*i[lang], b[lang],
span*/
/* [lang] { color:#888; } ist das alleine auch erlaubt? */

#template_toplink
{ text-align:center;
  margin-top:3em;
}

#template_toplink a
{ text-decoration:none;
}

.binary_prefix
{ border-bottom:dashed 1px #888;
  cursor:help;
}


.messengerbox
{ border:solid 1px #aaa;
  background-color:#ffffe8;
  margin:0;
}

#messengertable
{ 
}

#messengersubmit
{ margin:-1px;
}

.linktable { width:100%; table-layout:fixed; empty-cells:show; border-collapse:collapse; border-spacing:0; }
.linktdleft { width:59%; text-align:right; padding-right:0.3em; }
.linktdright { width:40%; padding-right:0.5em; }
.linksdiv { overflow:hidden; padding-top:1em; background-color:#fff; }


.guestbookentry
{ background-color:#f0f8f0;
  padding:7px;
  margin:10px;
}

/*******************************************************************************
*
*  Sektion FOOT (Unterer Rand)
*
*******************************************************************************/
#template_wolke
{
  background-image:url(wolke.jpg); /*.gif is blue clouds*/
  background-repeat:no-repeat;
  background-position:right bottom;
  background-color:#fff;
  height:140px;
}

#template_foot
{ color:#fff;
  background-color:#8c0;

  background-image:url(green_foot.gif);
  background-repeat:repeat-x;
  background-position:top;

  /*height:1.1em;*/

  padding-top:3px;
  padding-left:7px;
  padding-right:6px;
  padding-bottom:4px;
}
#template_foot a         { color:#240; }
#template_foot a:visited { color:#460; }
#template_foot a:hover   { color:#ff0; }
#template_foot a:active  { color:#ff0; }

#template_foot_shadow
{ background-image:url(foot_btm.gif);
  background-repeat:repeat-x;
  background-position:top left;
  height:5px;
  margin-bottom:-9px;
}

#template_filetime
{ position:relative;
  top:-1.2em;
  color:#aaa;
  margin-bottom:-1.2em;
  margin-left:0.2em;
}

#template_foot_left
{ float:left;
}

#template_foot_center
{ text-align:center;
  margin-top:0.3em;
  font-size:0.7em;
}

#template_foot_right
{ text-align:right;
  float:right;
}

.uladmin { list-style:none; margin:0; padding:0; }
.uladmin li { display:inline; }

/*******************************************************************************
*
*  SITE-MAP
*
*******************************************************************************/
#sitemap_table
{ table-layout:fixed;
  width:100%;
}

.sitemap_left
{ width:40%;


  text-align:left;
  padding:5px;
color:inherit;
}

.sitemap_right
{ width:60%;
  padding:5px;
/*color:inherit;*/
}


#googlesearch { padding-bottom:1em; }
#googlesearch p,
#googlesearch form,
#googlesearch input { margin:0; padding:0; }



/*******************************************************************************
*
*  ADMIN
*
*******************************************************************************/
.adminbutton
{ width:33.3%;
  height:29px;
}

.editarea
{ position:absolute;
  width:115%;
  left:-4%;
  height:700px; /*440px;*/
  font-family:Lucida Console;
  font-size:0.9em;
z-index:100;
}

/*
.editarea
{ position:absolute;
  width:130%;
  left:-12%;
  height:670px;
  font-family:Lucida Console;
  font-size:0.9em;
}
*/

.menuedit_div
{ border:solid 1px #888;
  margin:0.5em;
  padding:0.2em;
}

.camframe
{ width:182px;
  height:190px;
  padding:0px;
  margin:0px;
border:0;
}


#divfloatcam
{ position:absolute;
  left:1em;
  top:5em;
  width:182px;
  height:160px;
  /*overflow:hidden;*/
  background-color:#004;
  color:#aaf;
  text-align:center;
  font-size:0.8em;
  padding:0;
  border:0;
}

#divfloatcam iframe
{ width:182px;
  border:0;
  padding:0;
  margin:0;
overflow:hidden;
}



/*******************************************************************************
 *
 * PAGE SPECIFIC STYLES
 *
 ******************************************************************************/

/*
 * home
 */
#home_main_div
{ text-align:center;
  margin-top:1em;
}

.home_warning
{ font-weight:bold;
/*padding-right:25%;*/
}

.home_welcome
{ 
/*padding-right:25%;*/
}

#home_url_border
{ padding:0px;
  margin:0px;

  border-top:solid 2px #ffd800;
  border-bottom:solid 2px #ffd800;
}

#home_url
{ font-size:2em;
  font-weight:bold;
/*padding-right:25%;*/
}

#home_whatsnew_div
{ text-align:center;
  width:60%;
  padding:0.5em;
  border-top:solid 1px #ffd800;
  border-bottom:solid 1px #ffd800;
  margin:auto;
  margin-top:1em;
  font-size:0.8em;
}

#external_info
{ position:absolute;
  right:-12em;
  margin-top:-5em;
}
#external_info iframe
{ border:none;
  width:16em;
  height:6em;
  margin:0;
  padding:0;
}


/*
 * binary clock
 */
#clock_div
{ text-align:center;
  float:left;
  margin-right:1em;
  position:relative;
  top:-0.9em;
  border-spacing:1px;
}

#clock_table
{ width:45px;
  height:39px;
  margin:0;
  padding:0;
}

#clock_table td
{ width:14px;
  height:4px;
  margin:0;
  padding:0;
}


/*
 * Beruflich
 */
#professional_steckbrief_ul { padding:0; margin:0 0 -70px 3em; }
#professional_steckbrief_ul li { list-style:none; }
#professional_steckbrief_ul li ul li { list-style:disc; }

#professions_table
{
  border-collapse:collapse;
  border-spacing:0;
/*font-size:0.7em;*/
}

#professions_table th,
#professions_table td 
{ padding:0.5em;
  padding-top:0.2em;
  border-left:solid 1px #ccc;
  border-top:solid 1px #ccc;
}

#professions_table th { text-align:center; }

#dukannst_ul { list-style-type:none; }
#dukannst_ul li { margin:1em; }
#dukannst_ul table { width:100%; }
.dukannst_td { text-align:right; width:30%; font-style:italic; }

#ul_beruflich
{ margin-top:0;
}

#ul_beruflich li ul
{ margin-top:0.1em;
  margin-bottom:1em;
}

.professional_nocode
{ color:#008;
  font-weight:bold;
}

.keyboard {
  background-color:#eee;
  color:#000;
  border-top:solid 1px #999;
  border-right:solid 2px #333;
  border-bottom:solid 2px #333;
  border-left:solid 1px #999;
  border-style:solid;
  padding:2px;
  cursor:default;
}


/*
 * Web Design
 */
#webdesignbox { width:12em; border:dashed 3px #a00; text-align:justify; padding-top:0.5em; padding-bottom:0.5em; }
.webdesign_linktable { width:100%; empty-cells:show; border-collapse:collapse; border-spacing:0; }
.webdesign_linktdleft { text-align:right; padding-right:0.3em; width:40%; }
.webdesign_linktdright { width:60%; padding-right:0.5em; }



/*
 * DenkMal
 */

#denkmal_content { margin-top:1em; margin-bottom:1em; }
.denkmal_center
{ margin:auto;
  text-align:center;
}


.tdleibniz
{ vertical-align:middle;
  text-align:center;
  font-size:1.2em;
  padding:5px;
}

.hrleibniz
{ padding:0px;
  margin:0px;
  height:1px;
  border-style:solid;
  border-color:#000;
  border-width:1px;
  color:#000;
}


/*
 * PISSOIR TEST
 */

.raum
{ background-image:url(klo/raum.gif);
  background-position:left;
  background-repeat:no-repeat;
  width:100%; /*680px;*/
  height:346px;
  position:absolute;
  z-index:1;
}

.klotd
{ width:80px;
  height:160px;
  background-image:url(klo/pissoir.gif);
}

.klodiv
{ text-align:center;
}

.resulttd
{ text-align:center;
  background-image:url(klo/pissoir_small.gif);
  background-repeat:no-repeat;
  background-position:center;
}


/*
 * Tarot
 */
.tarot_indexdiv
{ padding:0.5em;
  float:left;
}

.tarot_indexlink
{ font-size:0.7em;
  text-decoration:none;
  margin-bottom:0.4em;
}

.tarot_backlink
{ position:absolute;
  left:-3em;
  margin-top:1em;
}

.tarot_sideimg
{ width:70px;
  height:111px;

  position:absolute;
  right:-80px;
}


/*
 * I-Ging
 */
.igingtd
{ text-align:center;
  vertical-align:middle;
  padding:0px;
  cursor:pointer;
}


/*
 * Primfaktoren
 */
.primetd
{ width:25%;
  vertical-align:bottom;
  padding-bottom:3px;
}


/*
 * download
 */
#download_table
{ width:100%;
  border-spacing:0;
  border-collapse:collapse;
}

#download_table td, #download_table th
{ padding:0.1em;
  padding-left:1em;
  margin:0;
}

.dl_right
{ text-align:right
}



/*
 * Funktionsplotter
 */
.plottdleft
{ text-align:right;
  vertical-align:middle;
  width:120px;
}
.plottdmid
{ text-align:right;
  vertical-align:middle;
  width:160px;
}
.plottdright
{ text-align:right;
  vertical-align:middle;
  width:120px;
  padding-left:10px;
}

.plotnumber   { width:50px; }
.plotfunction { width:320px; }

.plotterparams { color:#26a; }