/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * main frame
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

body {
    background-color: #fff;
    color: #000;
    padding: 0;
    margin: 0 0 20pt 0;
    font-family: Arial, Helvetica;
    font-size: 11pt;
    font-weight: normal;
    line-height: 1.2em;
    text-align: left;
}

p {
	margin: 0.9em 0 0 0;
	padding: 0;
}

/* fixup IE & Opera
 * otherwise they forget to inherit
 * the computed font-size value
 */

table, code {
    font-size: 1em;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Links
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

a:link {
    color: #03c;
    background-color: inherit;
	text-decoration: underline;
}

a:visited {
    color: #807;
    background-color: inherit;
    text-decoration: underline;
}

a:link:active,
a:visited:active,
a:link:hover,
a:visited:hover {
    color: #03c;
    background-color: #ddd;
    text-decoration: none;
}

a img {
	border-style: none;
}


table.navigation a:link {
    color: #fff;
    background-color: #348;
    text-decoration: none;
}

table.navigation a:visited {
    color: #fff;
    background-color: #348;
    text-decoration: none;
}

table.navigation a:link:active,
table.navigation a:visited:active,
table.navigation a:link:hover,
table.navigation a:visited:hover {
    color: #fff;
    background-color: #348;
    text-decoration: none;
    font-weight: bold;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Headings
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* h1                     */
/* ====================== */
h1 {
    padding: 0;
    margin: 0.3em 0 0 0;
    border-style: none;
    background-color: inherit;
    color: #444;
    text-decoration: none;
    font-size: 21pt;
    font-weight: bold;
    line-height: 1em;
}

/* h2                     */
/* ====================== */
h2 {
    padding: 0;
    margin: 1em 0 -0.3em 0;
	border-style: none;
	background-color: inherit;
	color: #444;
    text-decoration: none;
    font-size: 16pt;
    font-weight: bold;
    line-height: 1.2em;
}

/* take care of <a name>s inside */
h2 a,
h2 a:hover,
h2 a:active {
    color: inherit;
    background-color: inherit;
    text-decoration: none;
}

/* h3, h4                 */
/* ====================== */
h3 {
    background-color: inherit;
    color: #000;
    text-decoration: none;
    font-weight: bold;
    font-size: 14pt;
    margin: 1.1em 0 -0.3em 0;
    padding: 0;
    line-height: 1.2em;
}

h4 {
    background-color: inherit;
    color: #000;
    text-decoration: none;
    font-weight: bold;
    font-size: 12pt;
    margin: 1.2em 0 -0.3em 0;
    padding: 0;
    line-height: 1.2em;
}

/* take care of <a name>s inside */
h3 a,
h3 a:hover,
h3 a:active,
h4 a,
h4 a:hover,
h4 a:active {
    color: inherit;
    background-color: inherit;
    text-decoration: none;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Tables
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

table {
	/* table-layout = auto|fixed|inherit */
	table-layout: auto;

	/* float = left|right|none|inherit */
	float: none;

	/* border-style = (none|hidden|dotted|dashed|solid|double|groove|ridge
						|inset|outset){1,4}|inherit */
	border-style: none;

	/* border-collapse = collapse|separate|inherit */
	border-collapse: collapse;

	/* border-width = <length>{1,4}|inherit */
	border-width: 0;

	/* border-spacing = <length>{1,2}|inherit
	   The second length, if present, specifies vertical spacing. */
/*	border-spacing: 0; for some reasons this does not work with IE.
	In case of "border-collapse: separate" one can use cellspacing="length" at the 
	HTML document to control the cell spacing */

	/* border-color = #rgb{1,4}|transparent|inherit */

	/* background-color = #rgb|transparent|inherit */
	background-color: transparent;
}

table.navigation {
	margin: 0;
	border-collapse: collapse;
	background-color: #ccc;
}

caption {
	/* caption-side = top|bottom|left|right|inherit */
	caption-side: bottom;

	margin: 1em;
}

td, th {
	/* border-style = (none|hidden|dotted|dashed|solid|double|groove|ridge
						|inset|outset){1,4}|inherit */
	border-style: none;

	/* border-width = <length> */
	border-width: 0;

	/* border-color = #rgb{1,4}|transparent|inherit */

	/* Whether borders are drawn around empty cells. empty-cells = show|hide|inherit */
	empty-cells: show;

	/* vertical-align = baseline|top|bottom|middle */
    vertical-align: top;

	/* text-align = left|right|center|justify|<string>|inherit
	   <string> can be "." to align a column along the decimal point. */
    text-align: left;

	/* padding = (<length>|<percentage>){1,4}|inherit */
	padding: 0;
}

th {
    font-weight: bold;
}

th.rightpadded,
td.rightpadded {
	padding: 0 0.9em 0 0;
}

th.centered, td.centered {
    text-align: center;
}

th.rightaligned, td.rightaligned {
    text-align: right;
}

table.navigation td {
	border-color: #aaa;
	border-style: none none solid none;
	border-width: 1px;
	padding: 2pt 3pt 2pt 3pt;
	background-color: #348;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Lists
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

ul {
	margin: 0;
	padding: 0;
    list-style-type: disc;
}

ul ul {
    list-style-type: square;
}

ul ul ul {
    list-style-type: circle;
}

li, dt, dd {
	margin: 0.5em 0 0 2em;
}

dt {
    margin-top: 0.5em;
    font-weight: bold;
}

ol li {
    margin-top: 0.5em;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Images
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

img.klammeraffe {
	width: 11pt;
	margin: 0 0 -3pt 0;
}

img.punkt {
	width: 3pt;
	margin: 0 0 -0.7pt 0;
}

img.inline_icon {
	margin: 0 0 -0.15em 0;
	border-style: none;
}

img.floatleft {
	float: left;
	margin: 0 1em 0 0;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * -> The End <-
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
