/* Style for the all.htm file; to be used in "projection" mode
 *
 * Author: Bert Bos, Klaus Birkenbihl
 */
/* Style for projection mode, to use page breaks */

body {padding: 0; background-color: #E0F0F0}

h1 { margin-left: 16%;  
   margin-top: 0em;
   margin-bottom: 0.6ex;
	 margin-right: 0.3em;
	 padding: 0.2em; padding-top: 3.5ex;
	 background-color: #D0EFFF;
	 border: 0.2em solid #70c0c0;}

h1.twoline {padding-top: 1ex;}

h2 {margin-top: 0.6ex; margin-bottom: 0.4ex;}

h1.sect {font-size: 40pt; font-weight: bold; text-align: center; 
    margin-left: 10%; margin-top: 25%; margin-bottom:0;
		padding: 5%; background-color: #ffff00;}  

div.page img {padding:3px; background-color: white; border: #70c0c0 3px solid;}		
		
span.letterhead { text-align: left;position: fixed; top: 0.5%; left:0.5%; margin: 0; padding: 0.5%;
   background-color: transparent; z-index: 4; height=0;}

img.background { position: fixed; top: 0%; left:0%; margin: 0; padding: 0%;
   background-color:  transparent; z-index: -1;}

img.letterhead { position: fixed; top: 50px; right:3.5%; margin: 0; padding: 6px;
   background-color: white; z-index: 4;}

.signature { position: fixed; bottom: 1.3ex; left: 2%; width: 92%;
  height: 1.0em; border-top: solid thin; padding-top: 0.05em; margin: 0;
  font-size: 80%; line-height: 1; z-index: 4; background-color: #f0f0dc }

div.page{page-break-before: always; 
  min-height:500px; width:100%; 
  background-image:  
	  url(w3c-deco.gif) 
	   /* url(bruessel2003.JPG) */  ;
	padding: 0em;
  background-repeat: no-repeat;
  background-position: 0em 1.1em;
	background-color:  transparent;
	margin: 0em;}

div.page.nothing {background-image: none}	
	
div.page:before {content: " "; display: block;
   margin:0px; border: 0; padding:0; font-size: 70%;
   background-color:  transparent; color: #e0e0e0;}

div.page:after { content: counter(hx); counter-increment: hx;
  color: #000099; font-size: 80%; font-weight: bold;
  position: absolute; bottom: 5px; right: 2%; 
	height: 1em; width: 3em;
  text-align: right; line-height: 1 } 

div.text {background-color:  #ffffc0; padding: 0.3em;
	width: 80%; margin-top: 2ex;
	border: 4px solid #70c0c0;}
	
div.text div {margin: 0.4em; background-color: #ffffa0;
	border: 2px solid #70c0c0;}
	
div.text > ul >li {background-color: #ffffa0;
	border: 2px solid #70c0c0;; margin: 15px; padding-left: 5px;}

div.text > ul {list-style: square outside; margin:0 }
div.text > ul ul {list-style: disc outside ; margin:0 }
	
dl.short dt {float:left; width: 3em; margin-top:0; marginbottom:0}
dl.short dd {	margin-left: 3em; padding-left: 4px;}

dd {background-color: #ffffa0;
	border: 2px solid #70c0c0;; margin: 3px;}

div.text:after, div.fazit:after {content: " "; line-height: 0; display:block;
  margin-top:0; color: transparent; 
	font-size: 0px; max-height:0px; background-color: transparent;}

div.footnote { position: absolute; bottom: 9ex; background-color: transparent;}

hr.screen {display: none}

div.note {display: none}

div.NESSI{ 
  background-image:  
    url(NESSI.gif) ;
  background-position: 10px 10px;}
	
div.SUNNY{ 
  background-image:  
    url(SUNNY.gif)   ;
  background-position: 10px 10px;}
	
div.FLITZI{ 
  background-image:  
    url(FLITZI.gif)   ;
  background-position: 10px 10px;}
	
div.ELEPHANT{ 
  background-image:  
    url(ELEPHANT.gif)   ;
  background-position: 10px 10px;}
	
div.PINGI{ 
  background-image:  
    url(PINGI.gif)   ;
  background-position: 10px 10px;}
	
div.MOEHRE{ 
  background-image:  
    url(MOEHRE.gif)   ;
  background-position: 10px 10px;}

.onlyproj {display: inline}