/* Stylesheet fŸr Drucker Darstellung OKDIA */
/* Erstellt 28. Dezember 2000 von Peter Scheuerl */
/* peter_scheuerl@magicvillage.de */
/* Letzte €nderung: 2005 Aug 13 */
/* Alle hidden Styles aus der Bildschirmdarstellung sind hier eingebunden, */
/* da Netscape 4.X das Attribut "media" nicht interpretiert und diese CSS daher nicht sieht */
/* If you use part of these styles please state me as source, it was lots of work to get all Browsers working with it */
/* (more or less) and it's not copied from other sites, except ones written by me */


/* ############################################################ START allgemeine styles */
body {
	color: #000;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	margin: 0px 0px 0px 5px;
	padding: 0px 10px 0px 0px;
	background:#fff url(../images/global/back_okdia.gif) no-repeat fixed 97% 5%  ;
}


th
{
	color: #000;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 9pt;
	font-weight: bold;
}

td
{
	color: #000;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-weight: normal;	
}


.cont
{
	vertical-align: top;
	width: 100%
}



/* Links */
a:link, a:visited, a:hover, a:active,  a.txt:link, a.txt:visited, a.txt:hover, a.txt:active
{
	color:#333;
	text-decoration:underline;
	letter-spacing: 1pt
}


.homebutton
{
	margin:20px 36px 20px 33px;
	padding:0px 0px 0px 0px;
}

h1
{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 16pt;
	color: #000;
	margin-top:15px;
}

h2
{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 14pt;
	color: #333;
}

h3
{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12pt;
	color: #666;
}

h4
{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11pt;
	color: #666;
}

p
{
	color: #000;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	line-height: 120%;
	
}

li
{ 
	margin-top:5px;
}

p.date
{
	color: #666;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	line-height: 120%;
	letter-spacing: 1pt;
	text-align: center
}

/* START Path on top of every page */
p.path, p.path a:link, p.path a:visited, p.path a:active, p.path a:hover, .path #here
{
	color: #666;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	line-height: 120%;
}

/* END Path on top of every page */

.s
{
	color: #000;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 9pt;
	font-weight: normal;
}


b
{
	color:#000;
	font-weight: bold;
	letter-spacing:1px;
	
}

i
{
	font-family: Times, Bookman, serif;
	font-style: italic;
	color:#000;
	font-weight: normal;
	letter-spacing:1px;
}

.flag 
{
	border-width: 1px;
	border-color: #ccc
}

.discard
{
	background: #ddd;
	color: #333;
	text-decoration: line-through
}


a:link .flag, a:visited .flag, a:hover .flag, a:active .flag
{
	border-width: 1px;
	border-color: #999
}


/* Tables with "button" behaviour */
.linktable
{
	empty-cells: hide;
}


.linktable td
{
	background: #fff;
	padding: 0px;
	text-align: center;
}

.linktable td a:link, .linktable td a:visited, .linktable td a:hover, .linktable td a:active
{
	display:block;
	padding: 3px 10px 3px 10px;
	text-decoration: none;
	color: #003
}

/* Tables for back to top button */
.totop
{
	empty-cells: hide;
	
}


.totop td
{
    color: #fff;
	background: #9ac;
	padding: 0px;
	text-align: center;
	
}

.totop td a:link, .totop td a:visited, .totop td a:hover, .totop td a:active
{
	display:block;
	padding: 3px 10px 3px 10px;
	text-decoration: none;
	color: #fff;
	visibility: hidden
}


/* Tables with lists of names */


/* caption for all tables */

.resulttable caption, .resulttableclub caption, .resulttableclubboat caption, .nametable caption, .flagtable caption, .listtable caption
{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10pt;
	font-weight:bold;
	color: #666;
	background: transparent;
	margin-top: 20px
}


/* END caption for all tables */

/* tables with emty cells show */

.nametable, .resulttable, .resulttableclub, .resulttableclubboat, .flagtable, .listtable
{
	empty-cells: show;
	border: 1px solid #000;
}

/* END tables with emty cells show */

.nametable tr
{
	background: #fff;
	
}

.nametable td, .flagtable td
{
	padding: 3px 10px 3px 10px;

}

.nametable td.linked, .flagtable td.linked
{
	padding: 0px;	
}

.nametable td.linked a:link, .nametable td.linked a:visited, .flagtable td.linked a:link, .flagtable td.linked a:visited
{
	display:block;
	padding: 3px 10px 3px 10px;
	text-decoration: none;
	color: #006
}

.nametable td.linked a:hover, .nametable td.linked a:active, .flagtable td.linked a:hover, .flagtable td.linked a:active
{		
	display:block;
	padding: 3px 10px 3px 10px;
	text-decoration: none;
	color: #300;
	background: #abd
}


/* No other idea how to tell browser to change background of every second row the second, 10th 20th etc needs the id "even" set */

.nametable tr.even, .nametable tr.even+tr+tr, .nametable tr.even+tr+tr+tr+tr, .nametable tr.even+tr+tr+tr+tr+tr+tr, .nametable tr.even+tr+tr+tr+tr+tr+tr+tr+tr
{
	background: #fff;
}

.nametable td
{
	font-size: 7pt;
	border-top: 1px solid #000;
}


/* Tables with lists of results (2 align left: name and sailno - column 2 and 3) */
.resulttable, .resulttableclub, .resulttableclubboat
{
	border-width: 1px 0px 1px 0px;
	border-color: #000;
}


.resulttable tr, .resulttableclub tr, .resulttableclubboat tr

{
	background: #fff;
}

/* No other idea how to tell browser to change background of every second row the second, 10th 20th etc needs the id "even" set */

.resulttable tr.even, .resulttable tr.even+tr+tr, .resulttable tr.even+tr+tr+tr+tr, .resulttable tr.even+tr+tr+tr+tr+tr+tr, .resulttable tr.even+tr+tr+tr+tr+tr+tr+tr+tr,
.resulttableclub tr.even, .resulttableclub tr.even+tr+tr, .resulttableclub tr.even+tr+tr+tr+tr, .resulttableclub tr.even+tr+tr+tr+tr+tr+tr, .resulttableclub tr.even+tr+tr+tr+tr+tr+tr+tr+tr,
.resulttableclubboat tr.even, .resulttableclubboat tr.even+tr+tr, .resulttableclubboat tr.even+tr+tr+tr+tr, .resulttableclubboat tr.even+tr+tr+tr+tr+tr+tr, .resulttableclubboat tr.even+tr+tr+tr+tr+tr+tr+tr+tr
{
	background: #fff;
}

.resulttable td, .resulttableclub td, .resulttableclubboat td
{
	font-size: 7pt;
	text-align: right;
	border-top: 1px solid #000;

}

/* second and third td align left (name sailno) */
.resulttable tr td:first-child+td, .resulttable tr td:first-child+td+td
{
	text-align: left
}

/* No other idea how to tell browser to change background of every second row the second, 10th 20th etc needs the id "even" set */


/* Second to fourth td align left (name sailno club) */
.resulttableclub tr td:first-child+td, .resulttableclub tr td:first-child+td+td, .resulttableclub tr td:first-child+td+td+td
{
	text-align: left
}

/* Tables with lists of results (4 align left: name, sailno, boatname and club - column 2, 3, 4 and 5) */



/* Second to fourth td align left (name sailno club) */
.resulttableclubboat tr td:first-child+td, .resulttableclubboat tr td:first-child+td+td, .resulttableclubboat tr td:first-child+td+td+td, .resulttableclubboat tr td:first-child+td+td+td+td
{
	text-align: left
}



/* Tables with first td different color */

.flagtable tr
{
	background: #fff;
	border-top: 1px solid #000;
}

.flagtable td:first-child
{
	background: transparent;
}

/* No other idea how to tell browser to change background of every second row the second, 10th 20th etc needs the id "even" set */
.flagtable tr.even, .flagtable tr.even+tr+tr, .flagtable tr.even+tr+tr+tr+tr, .flagtable tr.even+tr+tr+tr+tr+tr+tr, .flagtable tr.even+tr+tr+tr+tr+tr+tr+tr+tr
{
	background: #fff;
}

.flagtable td
{
	font-size: 9pt;
	vertical-align: top;
	
}

/* Tables for lists of events in some years */

.listtable tr
{
	background: #fff;
	border-top: 1px solid #000;
}

.listtable td.linked
{
	padding:0px;
}


.listtable td.linked a:link, .listtable td.linked a:visited, .listtable td.linked a:hover, .listtable td.linked a:active
{
	display:block;
	padding: 5px;
	text-decoration: none;
	color: #003
}

/* No automatic change for background on every second row as that my change in these tables */
.listtable tr.even
{
	background: #fff;
}

.listtable td
{
	font-size: 9pt;
}

.listtable tr.year td
{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10pt;
	font-weight:bold;
	text-align:center;
	color: #222;
	background: #cce;
	margin-top: 20px
}

.picstable td
{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 8pt;
	font-weight:normal;
	background: transparent;
	text-align: center;
	vertical-align: bottom
}

.picstable td a:link, .picstable td a:visited, .picstable td a:hover, .picstable td a:active
{
	display:block;
	padding: 5px 10px 5px 10px;
	letter-spacing:1px;
	vertical-align: bottom
}


/* ############################################################ END allgemeine styles */


/* ############################################################ START Navigation */


/* other navigation styles */

div.navi
{
	width: 0px;
	display: none;
	visibility: hidden;
}


/*  Buttons in Navigation */
.navlinkbfallback, .navitable, .navfallback,
.navlinka a:link, .navlinka a:visited, .navlinka a:hover, .navlinka a:active, 
.navlinkb a:link, .navlinkb a:visited, .navlinkb a:hover, .navlinkb a:active,
.navlinkc a:link, .navlinkc a:visited, .navlinkc a:hover, .navlinkc a:active,
.navlinkbact a:link, .navlinkbact a:visited, .navlinkbact a:hover, .navlinkbact a:active,
.navlinkcact a:link, .navlinkcact a:visited, .navlinkcact a:hover, .navlinkcact a:active
{
	background:transparent;
	visibility: hidden;
}



/* ############################################################ END Navigation */

/* From print-hidden */

.seperator, .shade, .sepline
{
	width: 0px;
	background: transparent;
	visibility: hidden;
	display:none;
}

ul
{ 
    list-style-image: url(../images/global/ok_dot.gif);
}

.inlinepicleft
{
	float:left;
	margin-right: 20px;
	margin-top: 5px;
	margin-bottom: 10px
}

.inlinepicright
{
	float:right;
	margin-left: 20px;
	margin-top: 5px;
	margin-bottom: 10px
}

a .inlinepicleft, a .inlinepicright
{
    border-width: 0px
}