/* ************************************************** */
/*              Copyright by Pretti & So              */
/*                 8020 Graz Austria                  */
/* ************************************************** */
/*            Design by Gunter Jammernegg             */
/*       gunter(DOT)jammernegg(AT)utanet(DOT)at       */
/* ************************************************** */

/* Stile für alle Browser inkl. Handhelds und Print */
/* Browserhintergund:  #EDEAD8 R237 G234 B216 (helles lindgrün) */
/* Schrift:            #000000 R0   G0   B0   (schwarz) */

/* gesamtes Browserfenster nutzen */
html, body {
    height: 100%;
    width: 100%;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	background: #EDEAD8;
	overflow: hidden;
}

/* generelle Formate für HTML-Tags */
div, h1, h2, h3, p, td, th, li { font-family: Verdana, Arial, Helvetica, sans-serif; }
img { border: 0; }

/* Container ganze Seite */
#canvas {
	height: 100%;
    margin: 0;
    padding: 0 10%;
	overflow: auto;
}

/* Container mit Navigation */
#navigation { font-weight: bold; }
#navigation ul { padding-left: 16px; list-style-type: disc; }
#navigation a { text-decoration: none; }
#navigation a:link { color:#000; }
#navigation a:visited { color:#000; }
#navigation a:hover { color:#666; }
#navigation a:active { color:#666; }
#navigation a.navactive:link { color: #960; }
#navigation a.navactive:visited { color: #960; }
#navigation a.navactive:hover { color: #960; }
#navigation a.navactive:active { color: #960; }

/* Container mit Inhalt */
#content { text-align: justify; }
#content h1>strong { font-size: 1.2em; } /* h1>strong verhindert Probleme in älteren Browsern */ 
#content h3 { font-style: italic; font-weight: normal; }
#content table { margin: 0; padding: 0; border: 0; border-spacing: 0; border-collapse: collapse; }
#content td.dot { width: 10px; }
#content td.space { width: 12px; }
#content td.italic { font-style: italic; }
#content td.bold { font-weight: bold; }
#content p.separate { font-size: 5px; border-bottom: 1px solid #000; }
#content a { text-decoration: none; }
#content a:link { color: #960; }
#content a:visited { color: #960; }
#content a:hover { color: #666; }
#content a:active { color: #666; }

/* Container mit message pix, Hintergrundbild bei Bedarf aktivieren */
#message h1>strong { font-size: 1.2em; } /* h1>strong verhindert Probleme in älteren Browsern */ 
#message a { text-decoration: none; }
#message a:link { color: #960; }
#message a:visited { color: #960; }
#message a:hover { color: #666; }
#message a:active { color: #666; }

/* Container mit Copyright-Text */
#footer {
	text-align: center;
	font-size: 10px;
}

/* Container für <noscript>-Inhalt */
#noscript {
    width:96%;
    padding: 2%;
	position: absolute;
	top: 100%;
	left: 0;
    text-align: center;
}
#noscript h1 { font-size: 20px; font-weight: bold; margin-top: 0; margin-bottom: 12px; }
#noscript h2 { font-size: 16px; font-weight: bold; color: #F00; background: #EDEAD8; margin-top: 0; margin-bottom: 12px; }
#noscript h3 { font-size: 14px; font-weight: bold; margin-top: 0; margin-bottom: 0px; }
#noscript p { margin-top: 0; margin-bottom: 12px; }
#noscript a { font-weight: bold; color:#00F; }