/*
** CSS by kammer andreas, 9.2004
** designed for hcrw.ch
*/

/* general settings */


.tooltiptitle{COLOR: #FFFFFF; TEXT-DECORATION: none; CURSOR: Default; font-family: arial; font-weight: bold; font-size: 8pt; }

.tooltip_new {
	position: absolute;
	top:8000px;
	display: none;
	background-color: #FFFFFF;
}

.tooltitel {
	background-color:#2E3C6B;
	color:#FFFFFF;
	font-weight:bold;
	padding-left:5px;
	padding-top:1px;
	padding-bottom:2px;
}
.tooltiteladmin {
	font-size: 10px;
	background-color:#2E3C6B;
	color:#FFFFFF;
	font-weight:bold;
	padding-left:5px;
	padding-top:1px;
	padding-bottom:2px;
}
.toolbackground {
	padding:5px;
}

/* ################################################ */


body {
	background-color: #CBCBCB;
	font: 0.8em Verdana, Arial, Helvetica, sans-serif;
	margin-top:5px;
}

td {
	vertical-align: top;
}

p {	text-align: left; }

p.newsblock {
	margin:0em;
	padding:2px;
}

ol.newsblock {
	margin:-1em;
	padding:0em;
}
li.newsblock {
	margin:0em;
	padding:0em;
}

A { text-decoration: none; font-weight: bold; }
A:link { color:#2E3C6B; }
A:active { color:#2E3C6B; }
A:visited { color:#2E3C6B; }
A:hover { color:#2E3C6B; text-decoration: underline; }

A.textedit:link { color:#2E3C6B; font-size:0.75em; }
A.textedit:active { color:#2E3C6B; font-size:0.75em; }
A.textedit:visited { color:#2E3C6B; font-size:0.75em; }
A.textedit:hover { color:#2E3C6B; font-size:0.75em; }

A.smalllink:link { color:#2E3C6B; font-size:0.8em; }
A.smalllink:active { color:#2E3C6B; font-size:0.8em; }
A.smalllink:visited { color:#2E3C6B; font-size:0.8em; }
A.smalllink:hover { color:#2E3C6B; font-size:0.8em; }

A.sitemap:link { font-weight:normal; color:#000000; }
A.sitemap:active { font-weight:normal; color:#000000; }
A.sitemap:visited { font-weight:normal; color:#000000; }
A.sitemap:hover { font-weight:normal; color:#000000; }

A.index:hover { color:#2E3C6B; text-decoration: none; }


h1, h2, h3, h4, h5, h6 {
	margin: 0;
    padding-top: 0.6em;
    padding-bottom: 0.6em;
}

h1 { font-size: 95%; margin-top: -2.2em; margin-left: 6em; color: #D3D6E1; }
h2 { font-size: 150%; color: #2E3C6B; }
h3 { font-size: 132%; color: #2E3C6B; }
h4 { font-size: 116%; color: #2E3C6B; }
h5 { font-size: 100%; color: #2E3C6B; }
h6 { font-size: 80%; color: #000000; padding-top: 0em;}


li { margin-bottom: 0.1em; }

table {
	text-align: left;
}

img{
	border: none;
}

input, select{
	background-color: #F1F1FF;
	font-size: 99%;
	border-width: 1px;
	border-style: solid;
	border-right-color: #AAAAAA;
	border-bottom-color: #AAAAAA;
	border-left-color: #DDDDDD;
	border-top-color: #DDDDDD;
}

textarea{
	font: small Arial, Helvetica, sans-serif !important;    /* important */
	background-color: #F1F1FF;
	font-size : 97%;
	border-width: 1px;
	border-style: solid;
	border-right-color: #AAAAAA;
	border-bottom-color: #AAAAAA;
	border-left-color: #DDDDDD;
	border-top-color: #DDDDDD;
}

iframe{
	border-width: 1px;
	border-style: solid;
	border-right-color: #AAAAAA;
	border-bottom-color: #AAAAAA;
	border-left-color: #DDDDDD;
	border-top-color: #DDDDDD;
}

/*
** CLASSES
*/

/* forms... */
input.checkbox{ /* for checkboxes, radiobuttons */
	border-width: 0px;
	cursor: pointer;
	background-color: #CBCBCB;
}
input.button{ /* for buttons */
	cursor: pointer;
	font-size: 98%;
	padding-left: 0.4em; padding-right: 0.4em;
}
input.smallbutton{ /* for buttons */
	cursor: pointer;
	font-size: 75%;
	font-weight: bold;
	adding-left: 0.4em; padding-right: 0.4em;
}
select.smallbutton{ /* for buttons */
	font-size: 75%;
	/*padding-left: 0.4em; padding-right: 0.4em;*/
}
input.smallbuttonerror{ /* for buttons */
	cursor: pointer;
	background-color:#FFDADA;
	font-size: 75%;
	font-weight: bold;
	padding-left: 0.4em; padding-right: 0.4em;
}
textarea.error{
	font: small Arial, Helvetica, sans-serif !important;    /* important */
	background-color: #FFDADA;
	font-size : 97%;
	border-width: 1px;
	border-style: solid;
	font-weight: bold;
	color:#333333;
	border-right-color: #AAAAAA;
	border-bottom-color: #AAAAAA;
	border-left-color: #DDDDDD;
	border-top-color: #DDDDDD;
}
input.verysmallbutton{ /* for buttons */
	cursor: pointer;
	font-size: 75%;
}
input.small, select.small{ /* for ... */
	font-size: 70%;
	font-family: Verdana, Arial, Helvetica, sans-serif; !important 
}

.titelbalken{
	background-image:url(../img/titelbalken.gif);
}
.showlinks{
	font-size: 85%;
	padding-left: 1em;
}
.option{
	font-size: 80%;
}
.optiongrey{
	font-size: 70%;
	color:#7a7a7a;
}
.optionfett{
	font-size: 80%;
	font-weight: bold;
}
.forum{
	font-size: 85%;
}
.forumfett{
	font-size: 85%;
	font-weight: bold;
}
.auflistung{
	font-size: 85%;
	line-height: 1.7em;
}

.error{
	color:#990000;
	font-size: 80%;
    font-weight: bold;
}
.info{
	color:#2E3C6B;
	font-size: 80%;
    font-weight: bold;
}
.fett{
	font-size: 100%;
    font-weight: bold;
}
.dunkel{
	color: #2E3C6B;
}
.dunkelgross{
	font-size: 120%;
	color: #2E3C6B;
}
.titel{
	font-size: 120%;
	color: #D3D6E1;
}

.text{
	padding-left: 1.5em;
}
.textsponsor{
	padding-left: 0.2em;
	font-size: 85%;
}
.textsponsorhell{
	padding-left: 0.2em;
	font-size: 85%;
	background-color:#dcdBdB;
}
.zeilehell{
	background-color:#dcdBdB;
}
.important{
	color:#990000;
}


.werbungfirst{
	padding-top: 0.8em;
}
.werbung{
	padding-top: 1.1em;
}

.liketitle { font-size: 95%; margin-top: color: #D3D6E1; }

.phototext {
	vertical-align: bottom;
	font-size: 70%;
	text-align: center;
	line-height: 13px;
}
.skorerliste {
	font-size: 85%;
	text-align: center;
}










.DatePicker /* main datepicker style */
{
    background-color: #bFbFbF;
	text-align: center;
	line-height: 0.8em;
}
.DatePickerHdr /* style for the header row */
{
     background-color: #bFbFbF;
	vertical-align:baseline;
	text-align: center;
	font-size:0.8em;
}

.DatePickerHdrBtn /* style for buttons in the header row */
{
     cursor: pointer;

}
.DatePickerBtn /* style for the calendar area */
{
     cursor: pointer;
	text-align: center;
background-color:#EBEAEA;
}
.DatePickerBtnSelect /* highlighted date */
{
     background-color: #2E3C6B;
     cursor: pointer;
	color:#FFFFFF;
}