/*=============================================================================
** general CSS-Stylesheet for Hompage 'SC Freiburg Fanclub "Knaddly's"
**-----------------------------------------------------------------------------
** copyright (c) by Stefan Kientzler, 2009
\*===========================================================================*/

/* general settings */
body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image:url('../images/bkg.png');
	background-repeat:repeat-y;
	background-position:center top;
	background-color:#f7f7f7;
	font-size:10pt;
	OVERFLOW:scroll;
	margin-top:2px;
	margin-bottom:2px;
	margin-left:2px;
	margin-right:2px;
	color: darkred;
}

table
{
	border: none;
	font-size:9pt;
	background-color:transparent;
	padding:0px;
}

/* titlebar */

.title
{
	color: white;
	font-size:16pt;
	font-weight:normal;
	vertical-align: middle;
	border: none;
	height:82px;
	background-color:transparent;
	text-align:right;
	padding-left:10px;
	background: url(../images/knaddlys_name.png) no-repeat 10px 30px;
}
.subtitle
{
	color: white;
	font-size:16pt;
	font-weight:normal;
	vertical-align: middle;
	border: none;
	background-color:transparent;
	text-align:center;
}

.titlebar
{
	text-align:center;
	vertical-align: middle;
	color: white;
	font-size:16pt;
	height:118px;
	width:980px;
	margin:0px;
	padding:0px;
	background: url(../images/main_title_gradient_118_2.bmp) 0% 0% repeat-x;
}
.logo
{
	background: url(../images/KnaddlysLogo.png) no-repeat 5px 0px;
}

.journeyheader
{
	color: darkred;
	font-size:16pt;
	font-weight:normal;
	vertical-align: middle;
	border: none;
}
.journeyprice
{
	color: darkred;
	font-size:14pt;
	font-weight:normal;
	vertical-align: middle;
	border: none;
}

/* main menu  */
#menu 
{
	float: right;
}

#menu ul
{
	margin: 0;
	list-style: none;
}

#menu li
{
	display: inline;
}

#menu a
{
	color: white;
	display: block;
	float: left;
	padding: 6px 20px;
	font-size: 10pt;
	font-weight: bold;
	text-decoration:none;
}

#menu a:hover, #menu .active a
{
	padding: 6px 19px;
	background: #e2e2e2;
	border: 1px solid darkred;
	border-bottom: none;
	color: darkred;
    text-shadow: 1px 1px 0px #F4F4F4;
}

/* Content */

#content 
{
	width: 960px;
	margin: 0 auto;
	padding: 15px 0 0 0 ;
}

/* Column for Content */

#contentCol 
{
	float: right;
	width: 700px;
	text-align:left;
}

#contentCol table
{
	width:100%;
	padding-bottom: 0px;
	padding-top: 0px;
}

#contentCol td
{
	font-size: 10pt;
	color: darkred;
	vertical-align:top;
	/* padding-bottom:5px; */
}

#contentBody td
{
	font-size: 9pt;
	color: darkred;
	vertical-align:top;
}

#contentcol .label
{
	font-size:8pt;
	font-style:italic;
	color:dimgray;
}

#contentCol h1 
{
	margin-top: 0;
	font-size: 12pt;
	color: black;
    text-shadow: 2px 2px 1px #FFFFFF;
}

#contentCol h2 
{
	font-size: 10pt;
	color: black;
	background: url(../images/square_bullet.gif) no-repeat 5px 6px;
	border-bottom: 1px outset #A0A0A0;
	padding-left: 20px;
	padding-bottom: 0px;
    text-shadow: 1px 1px 0px #FFFFFF;
}

#contentcol h3, #contentcol h4
{
	text-align:center;
	font-size:10pt;
	font-weight:bold;
	color: white;
	background: darkred;
	margin-top: 0;
	margin-bottom: 0;
	border-bottom: 1px solid black;
	padding-top: 0px;
	padding-left: 20px;
	padding-bottom: 0px;
	height:20px;
}

#contentcol .note
 {
	position: absolute;
	top: 0px;
	left: 0px;
	width:400px;
	background: white;
	padding: 3px 3px 16px 3px;
	border: 1px solid black;
	z-index: 1;
	visibility: hidden;
	font-size:9pt;
	color: #000;
}

#contentCol p, #contentCol li
{
	line-height: 160%; 
	font-size: 10pt;
	color: darkred;
}

#contentCol .navigate, #contentCol .navigate:visited
{
	color: white;
	padding: 4px 10px;
	font-weight: bold;
	text-decoration:none;
	height:21;
	font-size:9pt;
    border:1px solid black;
	background: darkred;
}

#contentCol .navigate:hover
{
	color: darkred;
    border:1px solid darkred;
	background: white;
}
#contentCol .hint
{
	font-size: 9pt;
}

#news p
{
	line-height: 120%; 
	color: darkred;
	font-size: 10pt;
}

#kicker p
{
	line-height: 120%; 
	color: darkred;
	font-size: 10pt;
	padding-left:10px;
}
#kicker img
{
	height:95px; 
}

#kicker .headline
{
	color: darkred;
	font-size: 10pt;
	font-weight: normal;
	line-height: 150%; 
}

#kicker .timestamp
{
	background: url(../images/kickerlink.png) no-repeat 5px 2px;
	padding-left: 30px;
	color: #3F3F3F;
	font-size: 9pt;
	font-weight: normal;
	font-style: italic;
}
#kicker .timestampnew
{
	background: url(../images/kickerlinknew.png) no-repeat 5px 2px;
	padding-left: 30px;
	color: #3F3F3F;
	font-size: 9pt;
	font-weight: normal;
	font-style: italic;
}

#games .day  /* td:nth-child(1) -> one of CSS3 - selector IE lower 9 don't support ;-( */
{
	color:#3f3f3f;
	font-size:8pt;
	font-style:italic;
	text-align:center;
	vertical-align:middle;
	width:5%;
}

#games .date /* td:nth-child(2) */
{
	font-style:italic;
	font-weight:bold;
	width:20%;
}

#games .time /* td:nth-child(3) */
{
	font-style:italic;
	width:15%;
}

#games .game /* td:nth-child(4) */
{
	width:60%;
}

#contentCol ul
 {
	line-height: 160%;
	font-size: 10pt;
	font-weight: normal;
	color: darkred;
	list-style-position:outside;
	list-style-image:url(../images/circle_bullet.gif);
}

#contentCol ol
 {
	line-height: 160%;
	font-size: 10pt;
	font-weight: normal;
	color: darkred;
	list-style-position:outside;
}

#contentcol input, #contentcol textarea
{
	font-size: 9pt;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/* font-family: Courier, monospace; */
}

#contentCol .new
{
	color:darkred;
	height:20px;
	font-weight: bold;
	font-style:italic;
	background: url(../images/new.png) no-repeat right 1px;
	padding-right: 38px;
	padding-left: 1px;
	text-decoration:none;
}

#contentCol .old
{
	color:darkred;
	height:20px;
	font-weight: bold;
	font-style:italic;
	padding-left: 1px;
	text-decoration:none;
}

#contentCol .mailto 
{
	color:darkblue;
	background: url(../images/mailto.gif) no-repeat 5px 3px;
	padding-left: 30px;
	text-decoration:none;
}

#contentCol .mailto:hover
{
	color:darkblue;
	background: url(../images/mailto.gif) no-repeat 5px 3px;
	padding-left: 30px;
	text-decoration:underline;
}

#contentCol .mobile
{
	color:darkred;
	background: url(../images/mobile.gif) no-repeat 5px 3px;
	padding-left: 30px;
	text-decoration:none;
}

#contentCol .phone
{
	color:darkred;
	background: url(../images/phone.gif) no-repeat 5px 3px;
	padding-left: 30px;
	text-decoration:none;
}

#contentCol .gallerylink 
{
	color:darkblue;
	background: url(../images/gallerylink.gif) no-repeat 5px 2px;
	padding-left: 30px;
	text-decoration:none;
}

#contentCol .gallerylink:hover
{
	color:darkblue;
	background: url(../images/gallerylink.gif) no-repeat 5px 2px;
	padding-left: 30px;
	text-decoration:underline;
}

#contentCol a
{
	color:darkblue;
	text-decoration:none;
}

#contentCol a:hover
{
	color:darkblue;
	text-decoration:underline;
}

#contentCol .internallink 
{
	color:darkblue;
	background: url(../images/internallink.gif) no-repeat right 2px;
	padding-right: 25px;
	text-decoration:none;
}

#contentCol .internallink:hover
{
	color:darkblue;
	background: url(../images/internallink.gif) no-repeat right 2px;
	padding-right: 25px;
	text-decoration:underline;
}

#contentCol .externallink 
{
	color:darkblue;
	background: url(../images/externallink.gif) no-repeat right 2px;
	padding-right: 25px;
	text-decoration:none;
}

#contentCol .externallink:hover
{
	color:darkblue;
	background: url(../images/externallink.gif) no-repeat right 2px;
	padding-right: 25px;
	text-decoration:underline;
}

#contentCol .homepage
{
	color:darkblue;
	background: url(../images/homepage.png) no-repeat 5px 0px;
	padding-left: 30px;
	text-decoration:none;
}

#contentCol .homepage:hover
{
	color:darkblue;
	background: url(../images/homepage.png) no-repeat 5px 0px;
	padding-left: 30px;
	text-decoration:underline;
}

#contentCol .fglink 
{
	color:darkblue;
	background: url(../images/fglink.gif) no-repeat 0px 1px;
	padding-left: 20px;
	text-decoration:none;
}

#contentCol .fglink:hover
{
	color:darkblue;
	background: url(../images/fglink.gif) no-repeat 0px 1px;
	padding-left: 20px;
	text-decoration:underline;
}

#contentCol .scflink 
{
	color:darkblue;
	background: url(../images/scflink.png) no-repeat 0px 1px;
	padding-left: 20px;
	text-decoration:none;
}

#contentCol .scflink:hover
{
	color:darkblue;
	background: url(../images/scflink.png) no-repeat 0px 1px;
	padding-left: 20px;
	text-decoration:underline;
}

#contentCol .opponentlink 
{
	color:darkblue;
	background: url(../images/opponentlink.gif) no-repeat right 0px;
	padding-right: 10px;
	text-decoration:none;
}

#contentCol .opponentlink:hover
{
	color:darkblue;
	background: url(../images/opponentlink.gif) no-repeat right 0px;
	padding-right: 10px;
	text-decoration:underline;
}

#contentCol .pdflink 
{
	color:darkblue;
	background: url(../images/pdflink.gif) no-repeat 0px;
	padding-left: 20px;
	text-decoration:none;
}

#contentCol .pdflink:hover
{
	color:darkblue;
	background: url(../images/pdflink.gif) no-repeat 0px;
	padding-left: 20px;
	text-decoration:underline;
}

#contentCol .wordlink 
{
	color:darkblue;
	background: url(../images/wordlink.gif) no-repeat 20px;
	padding-left: 40px;
	text-decoration:none;
}

#contentCol .wordlink:hover
{
	color:darkblue;
	background: url(../images/wordlink.gif) no-repeat 20px;
	padding-left: 40px;
	text-decoration:underline;
}

#contentCol .excellink 
{
	color:darkblue;
	background: url(../images/excellink.png) no-repeat 5px 0px;
	padding-left: 30px;
	text-decoration:none;
}

#contentCol .excellink:hover
{
	color:darkblue;
	background: url(../images/excellink.png) no-repeat 5px 0px;
	padding-left: 30px;
	text-decoration:underline;
}

#contentCol .download
{
	color:darkblue;
	background: url(../images/download.gif) no-repeat left 2px;
	padding-left: 25px;
	text-decoration:none;
}

#contentCol .download:hover
{
	color:darkblue;
	background: url(../images/download.gif) no-repeat left 2px;
	padding-left: 25px;
	text-decoration:underline;
}

#contentCol .info
{
	color:darkblue;
	font-size: 10pt;
	background: url(../images/info.png) no-repeat right 1px;
	padding-left: 6px;
	padding-right: 6px;
	text-decoration:none;
}

#contentCol .header
{
	background-color:darkgray;
	background-image:url('../images/theader.png');
	background-repeat:repeat-x;
}
#contentCol .header td
{
	font-weight:bold;
    color: #f0f0f0;
}
#contentCol .sort_asc
{
	background: url(../images/sort_asc.png) no-repeat right 4px;
}
#contentCol .sort_desc
{
	background: url(../images/sort_desc.png) no-repeat right 4px;
}

#contentCol .sumrow
{
	background-color:grey;
}
#contentCol .sumrow td
{
	font-weight:bold;
	color:black;
}
#contentCol .hatched1
{
	background-color:gold;
}
#contentCol .hatched2
{
	background-color:cornsilk;
}
#contentCol .hatched3
{
	background-color:#E9E9E9;
}
#contentCol .saturday
{
	background-color:darkgrey;
}
#contentCol .saturday td
{
	color:darkred;
}
#contentCol .sunday
{
	background-color:#BF9686;
}
#contentCol .sunday td
{
	color:black;
}
#contentCol .group
{
	color:black;
	/* background-color:#E0FFE0;  */
}
#contentCol .stat_page
{
	color:black;
}
#contentCol .stat_visit
{
	color:white;
}
#contentCol .stat_kbyte
{
	color:white;
}

/* Column for navigation */

#navigationCol 
{
	float: left;
	width: 230px;
	text-align:left;
	border-right: 1px outset #A0A0A0;
	height: 560px;
}

#navigationCol ul
{
	margin: 5px;
	padding: 10px 0 0 0;
	list-style-position:inside;
	list-style-image:url(../images/arrow_bullet.gif);
}

#navigationCol li
{
	padding-left:5px;
	margin-bottom: 20px;
    text-shadow: 1px 1px 0px #C0C0C0;
}

#navigationCol li li
{
	padding-left:30px;
	margin-bottom: 5px;
	font-size: 9pt;
}

#navigationCol li ul
 {
	margin: 5px;
	padding: 5px 0 0 0;
	list-style-position:inside;
	list-style-image:url(../images/arrow_bullet.gif);
	font-size: 9pt;
	font-weight: normal;
}

#navigationCol p, #navigationCol .hint
{
	padding-left:25px;
	padding-bottom:5px;
	margin-bottom: 20px;
}

#navigationCol .hint
{
	padding-right:10px;
	font-size: 9pt;
}

#navigationCol a, #navigationCol a:visited, #navigationCol .inactive
{
	padding-left:5px;
	font-weight:normal;
	color: #600000;
	text-decoration: none;
}

#navigationCol a:hover
{
	padding-left:5px;
	font-weight:normal;
	text-decoration: underline;
}
#navigationCol .active a, #navigationCol .active a:hover
{
	padding-left:5px;
	font-weight:bold;
	text-decoration: none;
}

#navigationCol .mailto, #navigationCol .mailto:visited
{
	color:darkblue;
	background: url(../images/mailto.gif) no-repeat 5px 3px;
	padding-left: 30px;
	text-decoration:none;
}

#navigationCol .mailto:hover
{
	color:darkblue;
	background: url(../images/mailto.gif) no-repeat 5px 3px;
	padding-left: 30px;
	text-decoration:underline;
}

#navigationCol .action, #navigationCol .action:visited
{
	color:darkblue;
	background: url(../images/admin_edit.png) no-repeat 10px 4px;
	padding-left: 30px;
	text-decoration:none;
}

#navigationCol .action:hover
{
	color:darkblue;
	background: url(../images/admin_edit.png) no-repeat 10px 4px;
	padding-left: 30px;
	padding-right: 30px;
	text-decoration:underline;
}

#navigationCol table
{
	padding-bottom: 0px;
	padding-top: 0px;
}

#navigationCol td
{
	font-size:9pt;
	color:darkred;
	vertical-align:top;
	/* padding-bottom:5px; */
}
#navigationCol .header
{
	background-color:darkgray;
}
#navigationCol .row
{
	background-color:#E9E9E9;
}


/* Footer */
#footer
{
	clear: both;
	width: 960px;
	padding: 5px 0 0 0;
}

#footerLeft
{
	float: left;
	width: 470px;
	text-align:left;
}

#footerRight
{
	float: right;
	width: 470px;
	text-align:right;
}

#footer p
 {
	font-size: 8pt;
	font-weight:bold;
	color:salmon;
}