/* Allgemeine Definitionen */

*
{ 
   font-family: Verdana, Helvetica, sans-serif;
  }

body
{ 
  background: #ccc;
  font-size: 1.3em;
  padding: 0;
  margin: 0;
  font-family: Verdana, Helvetica, sans-serif;  
 }

h1, h2
{ 
  color: #600;
 }

h1
{ 
  font-size: 1.6em;
 }

h2, h3
{ 
  font-size: 1.2em;
  line-height: 1em;
 }

h4, h5
{ 
  font-size: 1em;
  line-height: 1em;
  }

ul
{ 
  list-style: square;
 }

li 
{ 
  padding-bottom: 0.3em;
 }

a
{ 
  color: #333;
  text-decoration: none;
  }

a:hover
{ 
  text-decoration: underline;
  }


kbd, code, div.phpcode, pre.kbd, pre.code
{ 
  display: block;
  border: 1px solid #333;
  padding: 0.3em;
  padding-left: 0.5em;
  font-size: 0.85em;
  background: #c2c2cf;
  font-family: monospace;
  font-size: 1em;
  font-weight: bold;
  margin: 0;
  }  

kbd, pre.kbd
{ 
  background: #c4c4df;
 }

div.shadow 
{   
  background-color: #999; 
  padding: 4px; 
  margin-top: 0.7em; 
  margin-bottom: 0.7em; 
  }  

div.shadow div, div.shadow pre 
{   
  padding: 4px; 
  margin: -8px 0px 0px -8px; 
  }


div.phpcode ol
{ 
  margin: 0;
  padding: 0;
  padding-left: 2em;
  font-size: 1em;
  color: #600;
  list-style: decimal-leading-zero;
 }

div.phpcode li
{ 
  color: #000;
 }



#content a[href^="mailto:"]:before
{ 

 }

#content a[href^="http://"]:before,
#content a[href^="https://"]:before 
{ 
  content: "";
  }

#content a[href^="http://"]:after,
#content a[href^="https://"]:after 
{ 
/*   content: url(../images/ext-link.png)" "; */
/* http://www.fileformat.info/info/unicode/char/a.htm */
/*  content: "\20D5"; */
  content: "\2022"; /* Dot */
/*  content: " \2398"; next page */
  }


#slide, #slide0
{ 
  height: 100%;
 }

#header, #footer 
{ 
  margin: 0; 
  margin-top: 0.2em; 
  margin-bottom: 0.2em;
  background: #999;
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
  display: block;
 }

#content
{ 
  padding-left: 1em;
  padding-bottom: 3.2em;
  padding-top: 3.2em;
  padding-right: 0.6em;
  }

#header
{ 

  position:fixed;
  top:0px; left:0px; right:0px;
  width: 100%;
  height: 2.5em;
  padding-left: 1em;
 }

#slide0 #header 
{ 
  background: #999 url(../images/handcode-logo.png) 1em 12px no-repeat;
  }

#footer
{ 
  position:fixed;
  bottom:0px;
  width: 100%;
  height: 1.6em;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
  padding-left: 1em;
  }

/* Logo auch im Footer */
/* 
#slide #footer
{ 
  background: #999 url(../images/handcode-logo.png) 1em 0.3em no-repeat;
  }
#slide #footer #meta 
{  
  padding-left: 220px;
}

*/




/* IE Star-HTML-Hack */

* html, * html body 
{ 
  margin:0;
  padding:0;
  height:100%;
  overflow:hidden;
  }

* html #header
{ 
  margin:0;
  margin-top: 0.2em;
  height:3em;
  }

* html #content
{ 
  padding:0;
  padding-left: 1em;
  padding-right: 0.6em;
  padding-top: 0.3em;
  height:87%;
  overflow:auto;
  }


* html #footer 
{ 
  margin:0;
  margin-bottom: 0.2em;
  height:2em;
  padding-top:0.2em;
  }


/* Weiter mit browserübergreifenden Deklarationen */

/* Slide Navigationen */
#slidenavi, #slidecounter
{ 
  text-align: right;
  color: #333;
  font-size: 0.5em;
  line-height: 1.6em;
  margin: 0;
  padding: 0;
  margin-right: 4em;
  }

#slidenavi a, #slidecounter a
{ 
  text-decoration: none;
  color: #600;
  background: #c2c2cf;
  border: 1px solid #600;
  padding-left: 0.4em;
  padding-right: 0.4em;
 }

#slide0 #content h1
{ 
  font-size: 2em;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #333;
 }

#slide #header h1, #slide0 #header h1
{ 
  margin-top: 0.2em;
  margin-bottom: 0.2em;
  }

#headermeta, #meta
{ 
  font-size: 0.5em;
  line-height: 1.1em;
  padding: 0;
  margin: 0;
  font-weight: 700;
  }
#headermeta p, #meta p
{ 
  padding: 0;
  margin: 0;
 }

#headermeta
{ 
  position: absolute; 
  top: 1em; 
  right: 2em;
  padding-right: 1em;
  text-align: right;
 }

#meta
{ 
  left: 1em; 
  text-align: left;  
  float: left;
 }

#content a
{ 
  color: #006;
 }

#slide0 .indexauthor
{ 
  border-top: 1px solid #333;
 }

#slide0 .indexmeta
{ 
  padding-top: 1em;
 }

.email, .url, .licence
{ 
  color: #333;
 }

/* Sonderformate fuer slides */
#slide.center #content
{ 
  text-align: center;
 }

.center 
{ 
  text-align: center;
 }

#slide.big #content
{ 
  font-size: 1.6em;
  }

#slide.small #content
{ 
  font-size: 0.8em;
  padding-top: 4.7em;
  padding-left: 1.5em;
 }

.high 
{ 
  color: #600;
 }

/* TOC Seiten */
#toc
{ 
  font-size: 0.5em;
 }

#toc h1
{ 
  margin-top: 0.2em;
  font-size: 1.3em;
 }

#toc ul
{ 
  list-style: none;
  padding-left: 0;
 }

#toc a 
{ 
  color: #600;
 }

.incremental
{ 
  visibility: hidden;
 }

.current
{ 
  color: #600;
 }

var 
{ 
  font-family: monospace; 
  color: #33f;
  font-weight: bold;
  font-size: 1em;
  }

dt
{ 
  font-weight: bold;

 }

blockquote, .deflist
{ 
  padding: 1em;
  border: 1px dashed #600; 
 }

blockquote em
{ 
  display: block;
  font-size: 0.8em;
 }

.border
{ 
  border: 1px solid #600;  
 }

#slide0 #header  
{   
  background: #999 url(../images/handcode-logo.png) 1em 12px no-repeat; 
   
}

/* Logo auch im Footer */
#slide #footer
{ 
  background: #999 url(../images/handcode-logo.png) 1em 0.3em no-repeat;
  }

#slide #footer #meta 
{  
  padding-left: 220px;
}

img
{ 
  margin-left: 1em;
  margin-right: 1em;
  margin-bottom: 1em;
 }

table
{ 
  width: 15em;
 }

table td
{ 
  vertical-align: top;
 }

table.grid
{ 
  background: #c2c2cf;
  font-size: 0.8em;
 }

table.grid, table.grid td, table.grid th
{ 
  padding: 0.2em;
  border: 1px solid #333;
  border-collapse: collapse;
 }

table.grid th
{ 
  background: #999;
  text-align: left;
  }


/* Fuer den Spotlight Gimmick */
.spotlightnavi
{ 
  position: static;
  } 

.spotlightnaviclicks
{  
  border: 1px dotted #000;
  position: relative; 
  text-align: right;
  font-size: 0.7em;
  line-height: 2em;
  z-index: 4;
  right:-0.5em;
  float: right;
  filter:alpha(opacity=10); 
  -moz-opacity:0.10; 
  opacity:0.10;
  /* cursor: move; */
  cursor: sw-resize;
  /* cursor: crosshair; */
}

.spotlightshow 
{ 
    position: static;
  } 

.spotlighthide 
{ 
  position: absolute; 
  top: 0; 
  left:0; 
  width: 99.75%; 
  height: 100%; 
  margin: 0; 
  padding: 0; 
  filter:alpha(opacity=80);
  moz-opacity:0.80;
  opacity:0.80;
  background: #ccc; 
  z-index: 1; 
  }