/* 
 * ok-jolle.css
 * a mofified tcgs style sheet for ok-jolle.de
 * maintained by christian hartmann
 * version: 0.4.0  2003-05-07 color for standard text in again
 * version: 0.4.1  2004-10-16 reduced font size
 * version: 0.5.0  2007-06-06 new image design and repaired rankings
 * version: 0.6.0  2007-08-06 introduced layout id's, some new colors
 * version: 0.7.0  2008-10-08 made the content id a td element
 * version: 0.8.0  2009-04-15 fixed image tabels
 * version: 0.8.1  2009-10-06 minimal width for left navigation
 */



/* id's */

#top
	{
		background-color: #3B3B3B;
		color: LightGrey;
		width: 100%;
		float: left;
	}
/*
#top a:hover
	{
		color: White; 
		border-bottom: solid;
		border-color: White;
	}
*/
#toplogo
	{
		float: left;
		text-align: left;
		margin: 5px;
		padding-bottom: 5px;
		background-image: url(logo-ok-opaque-100-50x50-3B3B3B.png);
		background-repeat: no-repeat;
	}
#toplogo a:hover
	{
		border-style: none;
	}
#topnav
	{
		float: right;
		text-align: right;
		margin-top: 35px;
		margin-bottom: 0px;
		padding-left: 5px;
		padding-right: 5px;
	}
#youarehere
	{
		background-color: #2a2a2a;
		color: darkgray;
		text-align: left;
		font-size: 80%;
		padding: 2px;
	}
#youarehere a:hover
	{
		color: White; 
		border-bottom: solid;
		border-color: white;
	}
#layouttable
	{
		table-layout: inherit;
	}
#leftnav
	{
		min-width: 140px;
		vertical-align: top;
		padding-top: 15px;
		padding-left: 5px;
		padding-right: 15px;
		text-align: left;
	}
#firstcontent
	{
		background-color: LightGrey;
		border-left: solid 1px DarkGrey;
		border-top: solid 1px DarkGrey;
		color:#222;
		padding-top: 10px;
		padding-left: 16px;
		padding-right: 16px;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
.nextcontent
	{
		border-left: solid 1px DarkGrey;
		border-top: solid 1px DarkGrey;
		padding-top: 10px;
		padding-left: 16px;
		padding-right: 16px;
		padding-bottom: 10px;
		clear: both;
	}
#content
	{
		vertical-align: top;
		width: 80%;
		min-width: 400px;
		text-align: left;
		padding-top: 15px;
		padding-left: 25px;
		padding-right: 25px;
		border-style: solid;
		border-top-width: 0px;
		border-left-width: 2px;
		border-right-width: 2px;
		border-bottom-width: 2px;
		border-color: LightGrey;
	}
#rightnav
	{
		vertical-align: top;
		padding-top: 15px;
		padding-left: 15px;
		padding-right: 15px;
		text-align: left;
	}
/* 
 * the corresponding class is .nextcontent
 */
#footnav
	{
		background-color: #3B3B3B;
		text-align: center;
	}
#switcher ul 
	{
		list-style-type: none;
		margin: 0;
		padding: 0;
		text-align: right;
		font-size: 80%;
	}
#switcher li 
	{
		display: inline;
		border: none;
		padding: 2px 2px;
	}



/* basic default's ... */

body
	{
		margin: 0px;
		font-family: Arial, Helvetica, Verdana;
		line-height: 1.4em;
		font-size: 13px;
		color:#222;
		background-color: #FAFAFA;
	}
h1
	{
		color: DodgerBlue;
	}
h3
	{
		color: DodgerBlue;
	}
a
	{
		color: #0099CC;
		text-decoration: none;
	}
a:link
	{
		color: #0099CC;
	}
a:visited
	{
		color: Grey;
	}
a:hover
	{
		border-bottom: solid;
		border-width: 1px;
		border-color: Grey;
	}
a:active
	{
	}
a.img
	{
		border-style: none;
		border-width: 0px;
	}



/* classes */

img.png-alpha-image
	{
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
     src='../ok-logo-opaque-100-50x50.png', sizingMethod='scale');
	}
.indexheader
	{
		font-size: 16px;
		color: #0099CC;
		margin-top: 0px;
		padding-top: 0px;
		padding-bottom: 10px;
	}
.date
	{
		font-size: 9px;
		text-align: right;
		padding: 0px;
		margin-top: 20px;
		clear: both;
	}
a.shorttext
	{
		color: black;
	}
.unbordered img
	{
		border-width: 0px;
	}
.bordered img
	{
		border-style: solid;
		border-width: 1px;
		border-color: gray;
	}
.bordered-left img
	{
		margin-right: 10px;
		border-style: solid;
		border-width: 1px;
		border-color: gray;
	}
.refimage-left img
	{
		margin-right: 10px;
		margin-bottom: 10px;
		border-style: solid;
		border-width: 1px;
		border-color: gray;
	}
.description
	{
		color: #666;
	}
table.ranking
	{
	}
table.image
	{
	}
table tr.odd
	{
		background-color: #aaa;
		color: black;
	}
table tr.even
	{
		background-color: #ccc;
		color: black;
	}


table.image-left
	{
		margin-right: 10px;
		background-color: silver;
		border-style: solid;
		border-color: #0099CC;
		border-width: 1px;
		padding: 2px;
	}
table.image-left a
	{
		border: none;
	}
table.image-left img
	{
		border-style: solid;
		border-color: silver;
		border-width: 2px;
	}
table.image-left img:hover
	{
		border-color: white;
	}
table.image-right
	{
		margin-left: 10px;
		background-color: silver;
		border-style: solid;
		border-color: #0099CC;
		border-width: 1px;
		padding: 2px;
	}
table.image-right a
	{
		border: none;
	}
table.image-right img
	{
		border-style: solid;
		border-color: silver;
		border-width: 2px;
	}
table.image-right img:hover
	{
		border-color: white;
	}
.image-text
	{
		padding: 2px;
	}