/* 

CSS Stylesheet for NoteCase Pro HTML export

by Daniel Hertrich, hermocom http://www.hermocom.com
This CSS fits version 3.3.7 of NoteCase Pro. 
Note that compatibility to HTML exports of prior or future versions
of NoteCase Pro may not be given and usage of this CSS with HTML export 
of prior or future versions of NoteCase Pro may lead to ugly results.

This stylesheet's author, Daniel Hertrich, hereby waives all copyright
and related or neighboring rights to this stylesheet, pursuant to the
Creative Commons CC0 Universal relinquishment of rights found at
http://creativecommons.org/publicdomain/zero/1.0/ 

*/

/* Color scheme: "www.ColorCombos.com scheme #77" */

/* =========================== FOR SCREEN DISPLAY =========================== */

@media screen {

	body {
		background-color : white;
		color: black;
		font-family : "Arial Unicode MS","Arial","Helvetica","sans-serif";
		padding : 3em;
		/* font-size: 12px; */
	}


	/* ============== For heading-based export only: ============= */

	/* Tagged notes (with "tag to class" feature in NoteCase Pro enabled), e.g. tag "Code": */

	div.nc_content div.Code  {
		font-family: courier;
		text-align: left; 
		background-color: #FBFDBF;
		border: 1px solid black;
		margin-bottom: 1em;
		padding: 1em;
	}

	/* Heading formatting (level-dependent, <hX> limited to level 6, hence nc_levelXY classes used) */

	h1.nc_level01 { font-weight: bold; padding-top: 2em; border-bottom: 5px solid #663333; font-size: 130%; }
	h2.nc_level02 { font-weight: bold; padding-top: 2em; border-bottom: 4px solid #666633; font-size: 125%; }
	h3.nc_level03 { font-weight: bold; padding-top: 2em; border-bottom: 3px solid #CC6666; font-size: 120%; }
	h4.nc_level04 { font-weight: bold; padding-top: 2em; border-bottom: 2px solid #999966; font-size: 115%; }
	h5.nc_level05 { font-weight: bold; padding-top: 2em; border-bottom: 1px solid #663333; font-size: 110%; }
	h6.nc_level06 { font-weight: bold; padding-top: 2em; border-bottom: 1px solid #666633; font-size: 105%; }
	h6.nc_level07 { font-weight: bold; padding-top: 2em; border-bottom: 1px solid #CC6666; font-size: 100%; }
	h6.nc_level08 { font-weight: bold; padding-top: 2em; border-bottom: 1px solid #999966; font-size: 100%; }


	/* ================ For DL-based export only: ==================*/

	/* vary font sizes depending on nesting level. commented out for now. 
	dl.nc_level01 { font-size: 100%; 	}
	dl.nc_level02 { font-size: 95%; }
	dl.nc_level03 { font-size: 90%; }
	dl.nc_level04 { font-size: 90%; }
	dl.nc_level05 { font-size: 90%; }
	dl.nc_level06 { font-size: 90%; }
	dl.nc_level07 { font-size: 90%; }
	dl.nc_level08 { font-size: 90%; }
	*/


	DT {
		font-weight: bold; 
		padding-top: 5px; 
		padding-bottom: 5px; 
		padding-left: 1em; 
		margin-top: 1em;
	}
	DD { 
		padding: 1em;
		margin-left: 0px; 
		margin-bottom: 1em;
		padding-right: 1em; 
		display: block; 
		text-align: justify;
	}

	/* Level-dependent formatting: */

	.nc_level01 DT { 
		font-size: 110%; 
		border: 3px solid #663333; 	
		background-color: #C3A9A9; 
		border-bottom: 1px solid #663333; 
	}
	.nc_level01 DD  { 
		font-size: 100%; 
		background-color: #F0E0E0;  
		border: 3px solid #663333; 
		border-top: 0px;
	}

	.nc_level02 DT { 
		font-size: 110%; 
		border: 3px solid #666633; 
		background-color: #C4C47B;   
		border-bottom: 1px solid #666633;
	}
	.nc_level02 DD { 
		font-size: 95%; 
		background-color: #EBEBB3;  
		border: 3px solid #666633;
		border-top: 0px;
	}

	.nc_level03  DT { 
		font-size: 110%; 
		border: 3px solid #CC6666; 
		background-color:  #E2A3A3;
		border-bottom: 1px solid  #CC6666;
	}
	.nc_level03  DD { 
		font-size: 90%; 
		background-color: #E5CCCC;  
		border: 3px solid #CC6666;  
		border-top: 0px;
	}

	.nc_level04  DT { 
		font-size: 110%; 
		border: 3px solid #999966; 	
		background-color: #C6C696;  
		border-bottom: 1px solid #999966; 
	}
	.nc_level04  DD { 
		font-size: 85%; 
		background-color: #E8E8BD;  
		border: 3px solid #999966;  
		border-top: 0px;
	}

	.nc_level05  DT { 
		font-size: 110%; 
		border: 3px solid #663333; 	
		background-color: #C3A9A9;  
		border-bottom: 1px solid #663333; 
	}
	.nc_level05  DD { 
		font-size: 85%; 
		background-color: #F0E0E0;  
		border: 3px solid #663333;  
		border-top: 0px;
	}

	.nc_level06  DT { 
		font-size: 105%; 
		border: 3px solid #666633; 	
		background-color: #C4C47B;  
		border-bottom: 1px solid #666633; 
	}
	.nc_level06  DD { 
		font-size: 85%; 
		background-color: #EBEBB3;  
		border: 3px solid #666633;  
		border-top: 0px;
	}

	.nc_level07  DT { 
		font-size: 100%; 
		border: 3px solid #CC6666; 	
		background-color: #E2A3A3;  
		border-bottom: 1px solid #CC6666; 
	}
	.nc_level07  DD { 
		font-size: 85%; 
		background-color: #E5CCCC;  
		border: 3px solid #CC6666;  
		border-top: 0px;
	}

	.nc_level08  DT { 
		font-size: 100%; 
		border: 3px solid #999966; 	
		background-color: #C6C696;  
		border-bottom: 1px solid #999966; 
	}
	.nc_level08  DD { 
		font-size: 85%; 
		background-color: #E8E8BD;  
		border: 3px solid #999966;  
		border-top: 0px;
	}

	/* Tagged notes (with "tag to class" feature in NoteCase Pro enabled), e.g. tag "Code": */

	div.nc_content dt.Code  {
		font-family: courier;
	}
	div.nc_content dd.Code  {
		font-family: courier;
		height: 20ex; 
		text-align: left; 
		overflow: auto; 
		background-color: #FBFDBF;
	}


	/* ============= For both heading- AND DL-based export: ================*/

	/* Format links (general rule): */
	a:link       { color: #663333; text-decoration: underline; }
	a:visited  { color: #663333; text-decoration: underline; }
	a:hover     { color: #CC6666; text-decoration: underline; }
	.gtd_task a:link { color: black; text-decoration: none; }
	.gtd_task a:visited  { color: black; text-decoration: none; }
	.gtd_task a:hover     { color: black; text-decoration: underline; }

	/* Make border around images and make sure they don't exceed the max. available width: */
	img { 
		border-style: ridge; 
		border-width: 1px;
		border-color: #663333; 
		max-width: 100%;
	}


	/* the "title" and "intro" div: */
	div.nc_title h1 {
		font-size: 110%;
		border: 1px solid #663333;
		background-color: #C3A9A9;
		text-align: center;
		padding: 8px;
	}


	div.nc_intro {
		padding: 2em;
		margin-bottom: 1em;
	}
	/* Only for DL-based export: Create frame and background color */
	.nc_export_dl div.nc_intro {
		border: 3px solid #663333; 
		background-color: #E5E5E5;  
	}
	
	/* ToC div */
	div.nc_toc {
		padding: 2em;
	}
	/* Only for DL-based export: Create frame and background color */
	.nc_export_dl div.nc_toc {
		border: 3px solid #663333; 
		background-color: #E5E5E5;  
	}
	
	/* ToC list style (depending on if it's numbered or unnumbered) */
	div.nc_toc ul.numbered {
		list-style-type       : none;
	}

	div.nc_toc ul.unnumbered {
		list-style-type       : disc;
	}

	/* ToC list items */
	div.nc_toc ul li {
		width             : auto;
		margin            : 1px 0px;
		padding           : 0;
		background        : none;
	}

	div.nc_toc ul.nc_level01 a:link {text-decoration: none; color: #663333;  font-weight: bold; }
	div.nc_toc ul.nc_level01 a:hover {text-decoration: underline; color: #663333;  font-weight: bold; }
	div.nc_toc ul.nc_level01 a:visited {text-decoration: none; color: #663333;  font-weight: bold; }

	div.nc_toc ul.nc_level02 a:link {text-decoration: none; color: #666633;  font-weight: bold; }
	div.nc_toc ul.nc_level02 a:hover {text-decoration: underline; color: #666633;  font-weight: bold; }
	div.nc_toc ul.nc_level02 a:visited {text-decoration: none; color: #666633;  font-weight: bold; }

	div.nc_toc ul.nc_level03 a:link {text-decoration: none; color: #CC6666;  font-weight: bold; }
	div.nc_toc ul.nc_level03 a:hover {text-decoration: underline; color: #CC6666;  font-weight: bold; }
	div.nc_toc ul.nc_level03 a:visited {text-decoration: none; color: #CC6666;  font-weight: bold; }

	div.nc_toc ul.nc_level04 a:link {text-decoration: none; color: #999966;  font-weight: bold; }
	div.nc_toc ul.nc_level04 a:hover {text-decoration: underline; color: #999966;  font-weight: bold; }
	div.nc_toc ul.nc_level04 a:visited {text-decoration: none; color: #999966;  font-weight: bold; }

	div.nc_toc ul.nc_level05 a:link {text-decoration: none; color: #663333;  font-weight: bold; }
	div.nc_toc ul.nc_level05 a:hover {text-decoration: underline; color: #663333;  font-weight: bold; }
	div.nc_toc ul.nc_level05 a:visited {text-decoration: none; color: #663333;  font-weight: bold; } 	

	div.nc_toc ul.nc_level06 a:link {text-decoration: none; color: #666633;  font-weight: bold; }
	div.nc_toc ul.nc_level06 a:hover {text-decoration: underline; color: #666633;  font-weight: bold; }
	div.nc_toc ul.nc_level06 a:visited {text-decoration: none; color: #666633;  font-weight: bold; }

	div.nc_toc ul.nc_level07 a:link {text-decoration: none; color: #CC6666;  font-weight: bold; }
	div.nc_toc ul.nc_level07 a:hover {text-decoration: underline; color: #CC6666;  font-weight: bold; }
	div.nc_toc ul.nc_level07 a:visited {text-decoration: none; color: #CC6666;  font-weight: bold; }

	div.nc_toc ul.nc_level08 a:link {text-decoration: none; color: #999966;  font-weight: bold; }
	div.nc_toc ul.nc_level08 a:hover {text-decoration: underline; color: #999966;  font-weight: bold; }
	div.nc_toc ul.nc_level08 a:visited {text-decoration: none; color: #999966;  font-weight: bold; }


	/* ToC heading */
	div.nc_toc h1
	{
		font-size: 105%;
		border-bottom: 1px solid #663333;
		/* background-color: #C3A9A9; */
		/* text-align: center; */
		padding: 0px;
	}

	/* Prepend this text to the ToC heading (does not work with all browsers) 
	   (by default commented out. Use this e.g. for internationalization) */

	/*
	div.nc_toc h1:before {
		content: "Inhaltsverzeichnis - ";
	}
	*/
}


/* =========================== FOR PRINTING =========================== */
@media print {
	
	body {
		font-family : "Arial Unicode MS","Arial","Helvetica","sans-serif";
		font-size: 11px;
		color: black;
	}

	div.nc_content {
		page-break-before: always;
	}

	/* ============== For heading-based export only: ============= */

	/* Tagged notes (with "tag to class" feature in NoteCase Pro enabled), e.g. tag "Code": */

	div.nc_content div.Code  {
		font-family: courier;
		text-align: left; 
		border: 1px solid black;
		margin-bottom: 1em;
		padding: 1em;
	}

	/* Heading formatting (level-dependent) */

	h1 { font-weight: bold; padding-top: 2em; border-bottom: 5px solid #663333; font-size: 130%; }
	h2 { font-weight: bold; padding-top: 2em; border-bottom: 4px solid #666633; font-size: 125%; }
	h3 { font-weight: bold; padding-top: 2em; border-bottom: 3px solid #CC6666; font-size: 120%; }
	h4 { font-weight: bold; padding-top: 2em; border-bottom: 2px solid #999966; font-size: 115%; }
	h5 { font-weight: bold; padding-top: 2em; border-bottom: 1px solid #663333; font-size: 110%; }
	h6 { font-weight: bold; padding-top: 2em; border-bottom: 1px solid #666633; font-size: 105%; }
	h7 { font-weight: bold; padding-top: 2em; border-bottom: 1px solid #CC6666; font-size: 100%; }
	h8 { font-weight: bold; padding-top: 2em; border-bottom: 1px solid #999966; font-size: 100%; }

	/* ================ For DL-based export only: ==================*/

	DT {
		font-weight: bold; 
		padding-top: 5px; 
		padding-bottom: 5px; 
		padding-left: 1em; 
		margin-top: 1em;
	}
	DD { 
		padding: 1em;
		margin-left: 0px; 
		margin-bottom: 1em;
		padding-right: 1em; 
		display: block; 
		text-align: justify;
	}

	/* Level-dependent formatting: */

	.nc_level01 DT { 
		font-size: 110%; 
		border: 3px solid #663333; 	
	}
	.nc_level01 DD  { 
	}

	.nc_level02 DT { 
		font-size: 110%; 
		border: 3px solid #666633; 
	}
	.nc_level02 DD { 
	}

	.nc_level03  DT { 
		font-size: 110%; 
		border: 3px solid #CC6666; 
	}
	.nc_level03  DD { 
	}

	.nc_level04  DT { 
		font-size: 110%; 
		border: 3px solid #999966; 	
	}
	.nc_level04  DD { 
	}

	.nc_level05  DT { 
		font-size: 110%; 
		border: 3px solid #663333; 	
	}
	.nc_level05  DD { 
	}

	.nc_level06  DT { 
		font-size: 105%; 
		border: 3px solid #666633; 	
	}
	.nc_level06  DD { 
	}

	.nc_level07  DT { 
		font-size: 100%; 
		border: 3px solid #CC6666; 	
	}
	.nc_level07  DD { 
	}

	.nc_level08  DT { 
		font-size: 100%; 
		border: 3px solid #999966; 	
	}
	.nc_level08  DD { 
	}

	/* Tagged notes (with "tag to class" feature in NoteCase Pro enabled), e.g. tag "Code": */

	div.nc_content dt.Code  {
		font-family: courier;
	}
	div.nc_content dd.Code  {
		font-family: courier;
		text-align: left; 
	}
	
	/* ============= For both heading- AND DL-based export: ================*/

	/* Format links (general rule): */
	a:link       { color: #663333; text-decoration: underline; }
	.gtd_task a:link { color: black; text-decoration: none; }
	
	/* Make border around images and make sure they don's exceed the max. available width: */
	img { 
		border-style: ridge; 
		border-width: 1px;
		border-color: #663333; 
		max-width: 100%;
	}


	/* the "title" and "intro" div: */
	div.nc_title h1 {
		font-size: 110%;
		border: 1px solid #663333;
		text-align: center;
		padding: 8px;
	}


	div.nc_intro {
		padding: 2em;
		margin-bottom: 1em;
	}


	/* ToC div */
	div.nc_toc {
		page-break-before: always;
		padding: 2em;
	}

	/* ToC list style (depending on if it's numbered or unnumbered) */
	div.nc_toc ul.numbered {
		list-style-type       : none;
	}

	div.nc_toc ul.unnumbered {
		list-style-type       : disc;
	}

	/* ToC list items */
	div.nc_toc ul li {
		width             : auto;
		margin            : 1px 0px;
		padding           : 0;
		background        : none;
	}
	
	
	div.nc_toc a:link
	{
		color: #663333;
		text-decoration: none;
		color: black;

	}

	
	/* ToC heading */
	div.nc_toc h1
	{
		font-size: 105%;
		border-bottom: 1px solid #663333;
		/* text-align: center; */
		padding: 0px;
	}

	/* Prepend this text to the ToC heading (does not work with all browsers) 
	   (by default commented out. Use this e.g. for internationalization) */

	/*
	div.nc_toc h1:before {
		content: "Inhaltsverzeichnis - ";
	}
	*/	

}

