/*------------------------------------------------------------------------------------
 * CSS - www.handball-holzgerlingen.de
 * Filename:	css_handball.css
 * Purpose:		CSS file for - www.handball-holzgerlingen.de -
 * Author:		Ewald Brandner      
 * Created:		04.03.2006
 * Updated:		08.12.2007
 *----------------------------------------------------------------------------------*/
 
/******************** Start Frame Header ********************************************/
.HeaderWappen {
	background-image: url(../images/Wappen_SpVgg_neu_2005.jpg);
	background-repeat: no-repeat;
	position: absolute;
	top: 5px;
	left: 40px;
	width: 80px;
	height: 100px;
	z-index: 1;
}
 
.StandardHeader {
	background-image: url(../images/handball_ohnerand.jpg);
	background-repeat: no-repeat;
	position: absolute;
	top: 5px;
	left: 141px;
	width: 900px;
	height: 100px;
	z-index: 1;
}


/***** Navigation im Header *****/
.HeaderNavi {
	background-color: transparent;
	position: absolute;
	font: 11px Arial;
	top: 105px;
	left: 450px;
	height: 20px;
	z-index: 1;
}
/***** Datum im Header *****/
.date {
	background-color: transparent;
	position: absolute;
	font: 11px Arial;
	top: 105px;
	left: 850px;
	height: 20px;
	z-index: 1;
}

/******************** Start Body ****************************************************/
.inhalt {
	background-color: transparent;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 680px;
	height: 390px;
	z-index: 1;
}

/*
.publicViewText {
	background-color: yellow;
	position: absolute;
	top: 16px;
	left: 50px;
	height: 26px;	
	font: bold 20px Arial;
	z-index: 2;
}
*/

/* Countdown Handball-WM 2007 */
/*
.countdownTextFirst {
	background-color: transparent;
	border: thin solid silver;
	position: absolute;
	font: bold 11px Arial;
	top: 16px;
	left: 240px;
	height: 15px;
	z-index: 2;
}
*/
/*
.countdown {
	background-color: transparent;
	position: absolute;
	font: bold 20px Arial;
	color: red;
	top: 15px;
	left: 130px;
	height: 15px;
	z-index: 2;	
}
*/

/* Countdown HSG Tturnier */
/*
.countdown2TextFirst {
	background-color: transparent;
	border: thin solid silver;
	position: absolute;
	font: bold 11px Arial;
	top: 27px;
	left: 230px;
	height: 15px;
	z-index: 2;
}
.countdown2 {
	background-color: transparent;
	position: absolute;
	font: bold 11px Arial;
	color: red;
	top: 27px;
	left: 406px;
	height: 15px;
	z-index: 2;
}
*/

/*Project GOLD Banner*/
/*
.FilmInfo {
	position: absolute;
	top: 8px;
	left: 100px;
	height: 26px;	
	z-index: 2;	
}
*/

/********** Weihnachten / Neujahr **********/
.Weihnachtsbanner	{
	position: absolute;
	top: 1px;
	left: 20px;
	height: 26px;	
	z-index: 2;	
}

.Weihnachtswuensche	{
	position: absolute;
	top: 15px;
	left: 150px;
	height: 26px;
	font-size: 25px;
	color: Navy;
	text-align: center;
	z-index: 2;
}


/********** Ticker **********/
.ticker {
	background: #E3E3E3;
	border: thin inset ActiveBorder;
	position: absolute;
	font: 16px Arial;
	top: 8px;
	left: 20px;
	width: 560px;
	height: 19px;
	z-index: 2;
}

.tickerButtonMehr {
	/*background-image: url(../images/button_mehr.gif);*/
	/*background-repeat: no-repeat;*/
	position: absolute;
	top: 8px;
	left: 590px;
	width: 90px;
	height: 20px;
}

/* Not used 
.tickerPfeil {
	background-image: url(../images/pfeil-rechts.gif);
	background-repeat: no-repeat;
	position: absolute;
	top: 15px;
	left: 590px;
	width: 15px;
	height: 15px;
}	

.tickerMehr {
	background: transparent;
	position: absolute;
	font: 11px Arial;	
	top: 15px;
	left: 605px;
	width: 90px;
	height: 10px;
	z-index: 2;
}
*/


/********** Über uns Text auf Home Seite **********/
.textUeberUns {
	position: absolute;
	top: 30px;
	/*top: 95px;*/
	left: 20px;
	z-index: 2;
}

/********** Inline Frame aktuell **********/
.boxAktuell {
	position: absolute;
	top: 170px;
	/*top: 95px;*/
	left: 20px;
	z-index: 2;
}

/********** Text ganz unten "Unsere Seiten sind..." **********/
/* Not used
.UnsereSeiten {
	position: absolute;
	font: 11px Arial;
	top: 450px;
	left: 20px;
	width: 600px;
	height: 10px;
	z-index: 1;	
}
*/

/********** Images rechter Rand **********/
.imageRight0 {
	border: thin solid Silver;
	position: absolute;
	top: 8px;
	left: 695px;
	width: 130px;
	height: 55px;
	z-index: 1;
}

.imageRight1 {
/*	background-image: url(../images/t_shop_april_130_90.gif);*/
/*	background-repeat: no-repeat;*/
	border: thin solid Silver;
	position: absolute;
	top: 80px;
	left: 695px;
	width: 130px;
	height: 163px;
	z-index: 1;
}
/*
.textImageRight1 {
	position: absolute;
	font: 11px Arial;
	top: 230px;
	left: 696px;
	width: 134px;
	height: 14px;
}
*/
/*
.text2ImageRight1 {
	position: absolute;
	font: 11px Arial;
	text-align: right;
	top: 203px;
	left: 690px;	
	width: 134px;
	height: 24px;
}
*/
.imageRight2 {
	border: thin solid Silver;
	position: absolute;
	top: 260px;
	left: 696px;
	width: 130px;
	height: 70px;
	z-index: 1;
}

.imageRight3 {
	border: thin solid Silver;
	position: absolute;
	top: 347px;
	left: 696px;
	width: 130px;
	height: 42px;
	z-index: 1;
}

/******************** Links *********************************************************/
a:link {
	text-decoration: underline;
	font-weight: normal;
	color: blue;
}
a:visited {
	text-decoration: underline;
	font-weight: normal;
	color: blue;
}
a:hover { 
	text-decoration:	underline; 
	font-weight: normal; 
	color: blue;
}
/***********************************************************************************/

.headline {
	background: yellow;
	position: absolute;
	font: 16px Arial;
	font-weight: bold;
	text-align: center;
	padding-top: 4px;
	top: 2px;
	left: 0px;
	width: 100%;
	/*
	height: 20px;
	*/
	z-index: 2;
}

.header_text {
	color: #A64242;
	font: 18px Arial;
	font-weight: bold;
	text-align: left;
	margin-left: 50px;
}

.header_line {
	width: 95%;
}