/* Referenzstylesheet für ekWeb vom 01.01.2003 */
/*
	Sie können dieses Stylesheet als Vorlage für Ihr
	eigenes Stylesheet benutzen. 

	Bei Fragen oder Problemen können Sie sich per Email
	an mich wenden! 

	© Erwin Kargl
	Waldstrasse 14
	4421 Aschach/Steyr
	office@ekWeb.at
	http://www.ekWeb.at

*/

/* Die Klasse Header wird bei fast allen Tabellen
 für die Überschriften benutzt */
.header
{
	font-weight: bolder;
	font-size: x-small;
	list-style-type: none;
	background-color: red;
}
.header A
{
    COLOR: white;
    TEXT-DECORATION: none
}
.header A:active
{
	   COLOR: white;
    TEXT-DECORATION: none
}
.header A:link
{   COLOR: white;
    TEXT-DECORATION: none
}
.header A:visited
{   COLOR: white;
    TEXT-DECORATION: none
}
.header A:hover
{
    COLOR: silver;
    TEXT-DECORATION: underline;
}
/* Die Klasse Content wird bei fast allen Tabellen
 für die Inhalte benutzt */
.content
{
    FONT-SIZE: x-small;
    BACKGROUND-COLOR: papayawhip;
}

/* Gesamtdokument */
BODY
{
    MARGIN-TOP: 10px;
    background-color:#fffae5;
    FONT-SIZE: x-small;
    MARGIN-LEFT: 10px;
    MARGIN-RIGHT: 10px;
    FONT-FAMILY: Verdana, Arial, Courier;
/* Formatierung der Scrollbalken funktioniert nur mit dem Internetexplorer	*/ 
	scrollbar-3dlight-color:none;
    scrollbar-arrow-color:white;
    scrollbar-base-color: red;
    scrollbar-darkshadow-color:none;
    scrollbar-face-color: red;
    scrollbar-highlight-color:none;
    scrollbar-shadow-color:none;
}
BODY TABLE
{
	font-size: x-small;
	background-color:#fffae5;
}
/* Hier kommen die Hyperlinkformatierungen im Gesamtdokument */

A
{
	font-size: x-small;
	color: darkblue;
	text-decoration: none;
}
A:active
{
    FONT-SIZE: x-small;
    color: darkblue;
    	text-decoration: none;
}
A:link
{
    FONT-SIZE: x-small;
    color: darkblue;
    	text-decoration: none;
}
A:visited
{
    FONT-SIZE: x-small;
    color: darkblue;
    	text-decoration: none;
}
A:hover
{
    FONT-SIZE: x-small;
    COLOR: red;
    TEXT-DECORATION: underline;
}

/* Die Klasse Foto wird im Fotoalbum für die Anzeige
 der Fotos benutzt  */
.foto
{
    BORDER-RIGHT: red thin groove;
    BORDER-TOP: red thin groove;
    FONT-SIZE: x-small;
    MARGIN: 0px;
    BORDER-LEFT: red thin groove;
    BORDER-BOTTOM: red thin groove;
}

/* Die Klasse Formular definiert alle Formularfelder in ekWeb */
.formular
{
    BORDER-RIGHT: 1px solid;
    BORDER-TOP: 1px solid;
    FONT-SIZE: x-small;
    BORDER-LEFT: 1px solid;
    BORDER-BOTTOM: 1px solid;
}

/* Die Klasse Navi definiert den Navigationsrahmen links */
.navi
{
	background-position: left top;
	background-image: url(../gif/kayakBGNavi.jpg);
}
.navi .formular
{
	border-top-width: 1px;
	border-left-width: 1px;
	font-size: x-small;
	border-bottom-width: 1px;
	color: darkblue;
	background-color: #ffffff;
	border-right-width: 1px;
}
/* Content im Navi ist Unterschiedlich zum Standard */
.navi .content
{
	border-right: black 1px;
	border-top: black 1px;
	font-weight: bold;
	border-left: black 1px;
	color: #ffffff;
	text-indent: 7px;
	border-bottom: black 1px;
	background-color: transparent;
	text-decoration: none;
}
.navi .header
{
	font-weight: bold;
	font-size: medium;
	background: none transparent scroll repeat 0% 0%;
	color: black;
	text-align: left;
}
/* Linklistenformatierung */
.linkRow
{
	background-color: red;
	color:black;
}
.linkRow A
{
    COLOR: white;
    TEXT-DECORATION: none
}
.linkRow A:active
{
	   COLOR: white;
    TEXT-DECORATION: none
}
.linkRow A:link
{   COLOR: white;
    TEXT-DECORATION: none
}
.linkRow A:visited
{   COLOR: white;
    TEXT-DECORATION: none
}
.linkRow A:hover
{
    COLOR: silver;
    TEXT-DECORATION: underline;
}
.linkAltRow
{
	background-color: papayawhip;
}

/* Die Hyperlinks im Navi Content sind unterschiedlich zum Standard */
.navi A
{
    COLOR: white;
    TEXT-DECORATION: none
}
.navi A:active
{
	   COLOR: white;
    TEXT-DECORATION: none
}
.navi A:link
{   COLOR: white;
    TEXT-DECORATION: none
}
.navi A:visited
{   COLOR: white;
    TEXT-DECORATION: none
}
.navi A:hover
{
    COLOR: silver;
    TEXT-DECORATION: underline;
}
.navi .tableGruppe
{
    MARGIN-BOTTOM: 10px;
}
.navi table
{
	background-color:transparent;
}
/* Klasse für das Forum, der einzelnen Diskussionen (Threads) */
.thread
{
	font-size: x-small;
	background-color: papayawhip;
}
.thread A
{
	    COLOR: darkblue;
    FONT-SIZE: x-small;
    TEXT-DECORATION: none;
}
.thread A:active
{
	    COLOR: darkblue;
    FONT-SIZE: x-small;
    TEXT-DECORATION: none;
}
.thread A:link
{
	    COLOR: darkblue;
    FONT-SIZE: x-small;
    TEXT-DECORATION: none;
}
.thread A:visited
{
	    COLOR: darkblue;
    FONT-SIZE: x-small;
    TEXT-DECORATION: none;
}
.thread A:hover
{
	font-size: x-small;
	color: red;
	text-decoration: underline;
}
.threadRow
{
	font-size: x-small;
	background-color: papayawhip;
}
.threadRow .datum
{
	font-size: xx-small;
	text-align: center;
}
.threadRow .title
{
	font-weight:bold;
}
.threadRow .userName
{
	font-weight:bold;
	font-size:xx-small;
	text-align:center;
}
.threadAltRow
{
	font-size: x-small;
	background-color: wheat;
}
.threadAltRow .datum
{
	font-size: xx-small;
	text-align: center;
}
.threadAltRow .title
{
	font-weight:bold;
}
.threadAltRow .userName
{
	font-weight:bold;
	font-size:xx-small;
	text-align:center;
}

/* Klasse für das Forum, der einzelnen Foren */ 
.board
{
	    COLOR: white;
	font-size: xx-small;
	background-color: red;
}
.board A
{
	    COLOR: silver;
    FONT-SIZE: medium;
    TEXT-DECORATION: none;
}
.board A:active
{
	    COLOR: silver;
    FONT-SIZE: medium;
      TEXT-DECORATION: none;
}
.board A:link
{
    FONT-SIZE: medium;
    COLOR: silver;
    TEXT-DECORATION: none;
}
.board A:visited
{
    FONT-SIZE: medium;
    COLOR: silver;
    TEXT-DECORATION: none;
}
.board A:hover
{
    FONT-SIZE: medium;
    COLOR: white;
    TEXT-DECORATION: underline;
}

/* Die Klasse Oben ist für den oberen Navigationsrahmen. 
 Da dies ein "normaler" Bericht ist muss diese Klasse im Bericht definiert werden! */
.oben
{
	background-position: left top;
	background-attachment: fixed;
	background-image: url(../gif/kayakBGoben.jpg);
	background-color: #fffae5;
}
.oben Table
{
	background-color: #ffcc00;
}
.oben A
{
    FONT-SIZE: x-small;
    COLOR: navi;
    TEXT-DECORATION: none;
}
.oben A:active
{
    FONT-SIZE: x-small;
    COLOR: navi;
    TEXT-DECORATION: none;
}
.oben A:link
{
    FONT-SIZE: x-small;
	COLOR: navi;
    TEXT-DECORATION: none;
}
.oben A:visited
{
    FONT-SIZE: x-small;
    COLOR: navi;
    TEXT-DECORATION: none;
}
.oben A:hover
{
    FONT-SIZE: x-small;
    COLOR: navi;
    TEXT-DECORATION: underline;
}

/* Die Klasse unten ist für den unteren Navigationsrahmen 
 Da dies ein "normaler" Bericht ist muss diese Klasse im Bericht definiert werden! */
.unten
{
	background-position: left top;
	background-attachment: fixed;
    BACKGROUND-IMAGE: none;
    background-color: #ffcc00;  
}

/* Diese Definitionen sind nur für den Kalender!
 Der Kalender ist ein kostenpflichtiges Plugin von ekWeb! */
.wochentag
{
    FONT-SIZE: 9pt;
    COLOR: #000099;
    BACKGROUND-COLOR: #ffffff;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none;
}
.sonntag
{
    FONT-SIZE: 9pt;
    COLOR: #ff0000;
    BACKGROUND-COLOR: midnightblue;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none;
}
.selbox
{
    FONT-SIZE: 8pt;
    COLOR: #336666;
}
.selDay
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    COLOR: #333366;
    BACKGROUND-COLOR: chartreuse;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none;
}
.navigation
{
    BACKGROUND-COLOR: #0a0b68;
}
.wochennummer
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    COLOR: red;
    BACKGROUND-COLOR: #ffffc5;
    TEXT-ALIGN: center;
}
.heute
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    COLOR: #333366;
    BACKGROUND-COLOR: #f2c6b3;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none;
}
.aktuellerMonat
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: #ffffff;
    BACKGROUND-COLOR: midnightblue;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none;
}
.aktuellerMonat A
{
    COLOR: white;
    TEXT-DECORATION: none
}
.aktuellerMonat A:active
{
   COLOR: white;
    TEXT-DECORATION: none
}
.aktuellerMonat A:link
{
    COLOR: white;
    TEXT-DECORATION: none
}
.aktuellerMonat A:visited
{
    COLOR: white;
    TEXT-DECORATION: none
}
.aktuellerMonat A:hover
{
    COLOR: yellow;
    TEXT-DECORATION: underline;
}
.wochentagName
{
    COLOR: navi;
    BACKGROUND-COLOR: #ffffc5;
}
.sonntag A
{
    COLOR: navi;
    TEXT-DECORATION: none;
}
.sonntag A:hover
{
    COLOR: yellow;
    TEXT-DECORATION: underline;
}