@import url("slides.css");

/* browsers seem to ignore this and always use the users print settings */
@page {
    size: landscape;
    margin: 1cm;
}

/* all big divs shall be displayed one after another */
div.slide, div.slidegroup, div.slidetitle {

	display: block;
  	position: relative;
}

/* each slide should reside on one page */
div.slide, div.slidegroup {
    
    page-break-before: always;
}

div.slide, div.slidegroup, div.slidetitle {
    
    page-break-inside: avoid;
}

/* the navigation should disappear */
div.navigation {

	display: none;
}

/* dirty hack to kill the white page after the title - i dont know why it works... */ 
div.slidetitle {
    border: 1px solid white;
}

/* mozilla browsers make those list images very small in printouts: http://bugzilla.mozilla.org/show_bug.cgi?id=133490 
 * we use big versions (200% of the small ones) to solve this problem */ 
ul {

	list-style-image:url(bigbullet1.png);
}

li ul {

	list-style-image:url(bigbullet2.png);
}

li.previous, li.following {

	list-style-image:url(bigbullet1-gray.png);
}

li ul li ul {

	list-style-image:url(bigbullet3.png);
}

li ul li ul li ul {

	list-style-image:url(bigbullet4.png);
}