/* 
  Titel: SG Flensburg Handewitt - CSS Stylesheet (Hauptseite)
  Autor: Torben Hansen, Skyfillers GmbH
  Datum: 11.09.2007
*/
/************************************************************/
/* Allgemeines festlegen (Schriften, Abstände usw. )        */
/************************************************************/
p.sponsoren {
  background-image: url(../gfx/bg-box-sponsoren.gif);
	background-repeat: no-repeat;
	margin: 1px 0 0 0;
	padding: 10px 0 0 0;
	height: 93px;
	text-align: center;
}

p.box-links {
  background-image: url(../gfx/bg-box-sponsoren.gif);
	background-repeat: no-repeat;
	margin: 1px 0 0 0;
	padding: 10px;
	height: 93px;
	text-align: left;
}

div.votebox {
	background-color: #E1E1E1;
  background-image: url(../gfx/bg-box-right-unten.gif);
  background-repeat: no-repeat;
	background-position: bottom;	

	margin: 1px 0 0 0;
	padding: 10px 0 0 10px;

	/* Min-Height Hack */
	min-height: 89px;
	height:auto !important;
	height: 89px;
}

div.logos1 {
	background-color: #E1E1E1;

	margin: 1px 0 0 0;
	padding: 10px 0 0 10px;

	text-align: center;
}

div.logos2 {
	background-color: #E1E1E1;
  background-image: url(../gfx/bg-box-right-unten.gif);
  background-repeat: no-repeat;
	background-position: bottom;	

	padding: 10px 0 15px 10px;
	
	text-align: center;
}

p.bodytext {
	color: #261F51;
}

p.bodytext a {
	color: #261F51;
}


p.hbltv {
  background-image: url(../gfx/bg-box-sponsoren.gif);
	background-repeat: no-repeat;
	margin: 1px 0 0 0;
	padding: 10px 0 0 0;
	height: 93px;
	text-align: center;
}

p.rechts {
  background-image: url(../gfx/bg-box-right.gif);
	background-repeat: no-repeat;
	margin: 1px 0 0 0;
	padding: 10px 0 0 10px;

	/* Min-Height Hack */
	min-height: 89px;
	height:auto !important;
	height: 89px;
}

p.rechts-small {
  background-color: #E1E1E1;
  
  width: 170px;
  
	margin: 1px 0 15px 0;
	padding: 10px 0 10px 10px;
}

/************************************************************/
/* Ticketbarometer																		      */
/************************************************************/
div.tx-sfsgtickets-pi1 {
	padding: 0 0 0 10px;
	font-size: 12px;
}

div.ticketsKeine, div.ticketsGenug, div.ticketsAusreichend, div.ticketsWenig {
	margin: 5px 0 5px 0;
	border: 1px solid white;
	width: 162px;
	height: 17px;
	line-height: 17px;
	background-color: #D1031E;
	color: white;
	font-weight: bold;
	text-align: center;
	font-size: 12px;
}

div.heimspiel {
	margin: 5px 0 5px 0;
	width: 162px;
	line-height: 17px;
	color: #261F51;
	font-weight: bold;
	text-align: center;
	font-size: 12px;
}

div.spieldetails {
	margin: 5px 0 5px 0;
	width: 162px;
	line-height: 17px;
	color: #261F51;
	font-weight: normal;
	text-align: center;
	font-size: 12px;
}


/************************************************************/
/* Formatierungen	Seite         									          */
/************************************************************/
body {
	margin: 0;
	padding: 0;
  text-align: center;
  height: 100%;
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 11px;
	color: #201A44;
  background-color: #000000;
  background-image: url(../gfx/bg-site.gif);
	background-repeat: repeat-x;
}


/************************************************************/
/* Formatierungen	Layer   907px                             */
/************************************************************/
#format {
  width: 1085px;	
}

#partner-flensburg {
	float: left;
	padding: 0 0 0 40px;
}

#werbung-rechts {
	float: right;
}

#werbebanner-rechts {
	float: right;
	margin: 35px 0 0 0;
	width: 170px;
}

#top-container {
	float: left;
	height: 30px;
	width: 907px;
	background-color: #FFFFFF;
	text-align: left;
	padding: 35px 0 0 0;

  background-image: url(../gfx/bg-language.gif);
	background-repeat: repeat-x;
}

#header-container {
	float: left;
	height: 220px;
	width: 907px;
	background-color: #FFFFFF;
	text-align: left;

  background-image: url(../gfx/bg-head-main.gif);
	background-repeat: repeat-x;
}

#header-image {
	padding: 1px 0 0 220px;
	height: 131px;
}

#content-container {
	float: left;
	width: 907px;

  background-image: url(../gfx/bg-content-main.gif);
	background-repeat: repeat-y;	

	/* Min-Height Hack */
	min-height: 400px;
	height:auto !important;
	height: 400px;
}

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

#menu2 {
	float: left;
}

#logos {
	float: left;
	margin: 40px 0 0 0;
	padding: 0 0 0 30px;
	text-align: left;
	width: 190px;
}

div.sponsoren {
  float: left;
  width: 184px;
	margin: 15px 0 0 0;
	padding: 0 0 0 30px;
}

#hbltv {
  float: left;
  width: 184px;
	margin: 15px 0 0 0;
	padding: 0 0 0 30px;
}

#hbl-dsf {
	float: left;
  width: 184px;
	margin: 25px 0 15px 0;
	padding: 0 0 0 30px;
}

#velux-vf {
	float: left;
  width: 184px;
	margin: 5px 0 5px 0;
	padding: 0 0 0 33px;
}

#velux-ehftv {
	float: left;
  width: 184px;
	margin: 5px 0 5px 0;
	padding: 0 0 0 30px;
}


#sparkassencup {
	float: left;
  width: 184px;
	margin: 25px 0 15px 0;
	padding: 0 0 0 30px;
}


#content {
	float: left;
	width: 470px;
	text-align: left;
	padding: 0 10px 0 10px;
}

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

#bottom-sponsoren {
	float: left;
	width: 907px;
	height: 185px;

  background-image: url(../gfx/bg-bottom.gif);
  background-repeat: no-repeat;
}

#bottom-sponsoren img {
	margin: 20px 0 0 0;
}

#bottom {
	float: left;
	width: 907px;
	padding: 2px 0 0 0;
	background-color: #303030;
	height: 30px;
}

#facebook {
	clear: both;
	padding: 10px 0 0 20px;
}

div.box-links {
  float: left;
  width: 184px;
	margin: 15px 0 0 0;
	padding: 0 0 0 30px;
}

div.box-rechts {
	width: 180px;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;

	background-color: #E1E1E1;
  background-image: url(../gfx/bg-box-right-unten.gif);
  background-repeat: no-repeat;
	background-position: bottom;	
}

#language-main {
	float: right;
}

#jugendarbeit {
	text-align: center;
	margin: 15px 0 0 0;
	float: left;
	width: 190px;	
}

/************************************************************/
/* Formatierungen	Sprachmenu                                */
/************************************************************/

/* Sprachmenu oben - Haupttemplate */

#language-main ul {
  padding: 9px 0 0 6px;
  margin: 0; 
  list-style: none;
}

#language-main li {
	float: left;
  list-style: none;
	padding: 0 5px 0 0 ;
}

/* Menu - oben mit Icons  - 570px mit Fahnen*/
#menu-top {
	float: right;
	padding: 0 0 0 280px;
}

#menu-top ul {
  list-style: none;
	margin: 6px 0 0 0;
	padding: 0;
}

#menu-top li {
	float: left;
  list-style: none;
	margin: 0;
	padding: 0 10px 2px 0px;
	height: 16px;
	line-height: 16px;
}

#menu-top li a {
	color: #000000;
	text-decoration: none;
	font-size: 11px;
}

#menu-top li a:hover {
	color: #000000;
	font-size: 11px;
}

#menu-top li a.forum, #menu-top li a.forum:hover {
  background-image: url(../gfx/icons/icon-forum.gif);
  background-repeat: no-repeat;
	padding: 0 0 3px 21px;
}

#menu-top li a.tickets, #menu-top li a.tickets:hover {
  background-image: url(../gfx/icons/icon-tickets.gif);
  background-repeat: no-repeat;
	padding: 0 0 3px 21px;
	text-transform: uppercase;
	color: #383258;
	font-weight: bold;
}

#menu-top li a.shop, #menu-top li a.shop:hover {
  background-image: url(../gfx/icons/icon-shop.gif);
  background-repeat: no-repeat;
	padding: 0 0 3px 21px;
}

#menu-top li a.presse,#menu-top li a.presse:hover {
  background-image: url(../gfx/icons/icon-presse.gif);
  background-repeat: no-repeat;
	padding: 0 0 3px 21px;
}

#menu-top li a.links, #menu-top li a.links:hover {
  background-image: url(../gfx/icons/icon-links.gif);
  background-repeat: no-repeat;
	padding: 0 0 3px 21px;
}

#menu-top li a.kontakt, #menu-top li a.kontakt:hover {
  background-image: url(../gfx/icons/icon-kontakt.gif);
  background-repeat: no-repeat;
	padding: 0 0 3px 21px;
	text-transform: uppercase;
	color: #383258;
	font-weight: bold;
}

#menu-top li a.impressum,#menu-top li a.impressum:hover {
  background-image: url(../gfx/icons/icon-impressum.gif);
  background-repeat: no-repeat;
	padding: 0 0 3px 21px;
	text-transform: uppercase;
	color: #383258;
	font-weight: bold;
}

#menu-top li a.home, #menu-top li a.home:hover {
  background-image: url(../gfx/icons/icon-home.gif);
  background-repeat: no-repeat;
	text-transform: uppercase;
	padding: 0 0 3px 21px;
	color: #383258;
	font-weight: bold;
}



/* Menu - 1. Ebene */
#main-menu {
	padding: 0 0 0 225px;
}

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

#main-menu li {
	float: left;
  list-style: none;
	margin: 0 0 0 0px;

  background-image: url(../gfx/bg-menu1-inactive.gif);
  background-repeat: repeat-x;
}

#main-menu li.menu1end {
	width: 1px;
	height: 50px;
  background-image: url(../gfx/bg-menu1-right.gif);
  background-repeat: repeat-x;
	margin: 0 6px 0 0;
	padding: 0;
}

#main-menu li:hover, #main-menu li.current {
	float: left;
  list-style: none;
	margin: 0 0 0 0px;

  background-image: url(../gfx/bg-menu1-active.gif);
  background-repeat: repeat-x;
}

#main-menu li a {
	color: #383258;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	padding: 18px 10px 18px 28px;

  background: url(../gfx/menu1-pfeil-inaktiv.gif) no-repeat 10px;
}

#main-menu li a:hover, #main-menu li a.current {
	color: #383258;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	padding: 18px 10px 18px 28px;

  background: url(../gfx/menu1-pfeil-aktiv.gif) no-repeat 10px;
}


/* Menu - 2. Ebene */
#menu2 ul {
  list-style: none;
	margin: 0 0 0 5px;
	padding: 0;
}

#menu2 li {
	float: left;
  list-style: none;
  padding: 0;
  margin: 0 0 2px 0;
}

#menu2 li.submenu, #menu2 li.submenu2 {
	float: left;
  list-style: none;
  padding: 0;
  margin: 0;

  background-image: url(../gfx/bg-menu2-sub.gif);
  background-repeat: repeat-y;
}

#menu2 li.submenu-linie {
	height: 1px;
	width: 100%;

  background-image: url(../gfx/bg-menu2-sub-linie.gif);
  background-repeat: no-repeat;
  margin: 0;
  padding: 0;
}

#menu2 li a {
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
  background-image: url(../gfx/bg-menu2-inactive.gif);
  background-repeat: repeat-x;
  width: 172px;
  height: 18px;
  padding: 3px 0 0 37px;
}

#menu2 li a:hover, #menu2 li a.current {
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
  background-image: url(../gfx/bg-menu2-active.gif);
  background-repeat: repeat-x;
  width: 172px;
  height: 18px;
  padding: 3px 0 0 37px;
}

#menu2 li.submenu a {
	color: #201A44;
	font-size: 12px;
	font-weight: normal;
	text-transform: none;
	text-decoration: none;
	display: block;
  background-image: url(../gfx/bg-menu2-sub-inactive.gif);
  background-repeat: repeat-x;
  width: 172px;
  padding: 3px 0 0 37px;

	/* Min-Height Hack */
	min-height: 18px;
	height:auto !important;
	height: 18px;
}

#menu2 li.submenu a:hover, #menu2 li.submenu a.current {
	color: #201A44;
	font-size: 12px;
	font-weight: bold;
	text-transform: none;
	text-decoration: none;
	display: block;
  background-image: url(../gfx/bg-menu2-sub-active.gif);
  background-repeat: repeat-x;
  width: 172px;
  padding: 3px 0 0 37px;

	/* Min-Height Hack */
	min-height: 18px;
	height:auto !important;
	height: 18px;
}


#menu2 li.submenu2 a {
	color: #201A44;
	font-size: 12px;
	font-weight: normal;
	text-transform: none;
	text-decoration: none;
	display: block;
  background-image: none;
  width: 162px;
  padding: 3px 0 0 47px;

	/* Min-Height Hack */
	min-height: 18px;
	height:auto !important;
	height: 18px;
}

#menu2 li.submenu2 a:hover, #menu2 li.submenu2 a.current {
	color: #201A44;
	font-size: 12px;
	font-weight: bold;
	text-transform: none;
	text-decoration: none;
	display: block;
  background-image: none;
  width: 162px;
  padding: 3px 0 0 47px;

	/* Min-Height Hack */
	min-height: 18px;
	height:auto !important;
	height: 18px;
}

/************************************************************/
/* Formatierungen	Überschriften                             */
/************************************************************/
h1.leftcol {
	height: 19px;

	color: #FFFFFF;
	font-family: arial;
	font-size: 13px;
	font-weight: bold;
	padding: 2px 0 0 11px;
	
  background-image: url(../gfx/bg-h1-left.gif);
	background-repeat: no-repeat;	
	text-transform: uppercase;
	margin: 0;
}

h1.rightcol {
	height: 19px;

	color: #FFFFFF;
	font-family: arial;
	font-size: 13px;
	font-weight: bold;
	padding: 2px 0 0 11px;
	
  background-image: url(../gfx/bg-h1-right.gif);
	background-repeat: no-repeat;	
	text-transform: uppercase;
	margin: 0;
}

h1.gegner {
	color: #000000;
	font-family: arial;
	font-weight: bold;

  background-image: none;
}


/************************************************************/
/* Formatierungen	Handball Extension                        */
/************************************************************/
table.sgtabelle {
	margin: 15px 0 15px 30px;
}

table.sgtabelle td {
	font-size: 12px;
	padding: 0 0 5px 0;
}

span.homeTabelleBig, span.homeTabelleSmall {
	font-weight: bold;
}

a.homeTabelleBig, a.homeTabelleSmall {
	font-weight: bold;
}

div.lastgame, div.tabelle-small {
  background-image: url(../gfx/bg-box-right.gif);
	background-repeat: no-repeat;
	margin: 1px 0 0 0;
	padding: 10px 0 0 10px;

	/* Min-Height Hack */
	min-height: 89px;
	height:auto !important;
	height: 89px;
}

div.tabelle-small table {
	margin: 0 0 10px 0;
}

div.ergebnis {
	margin: 10px 0 10px 0;
	border: 1px solid white;
	width: 162px;
	height: 17px;
	line-height: 17px;
	background-color: #D1031E;
	color: white;
	font-weight: bold;
	text-align: center;
	font-size: 14px;
}

div.boxlinie {
	width: 162px;
	height: 1px;

	margin: 0 0 12px 0;
}

div.spielbericht, div.ganzetabelle {
	width: 162px;
	height: 14px;
	
	font-size: 12px;
	color: #201A44;	
}

div.spielort {
	width: 162px;
	text-align: center;
	
	font-size: 12px;
	color: #201A44;	
	margin: 8px 0 8px 0;
}



input.pollanswer {
  border: 0;
}


div.sb_download_flex {
	background-color: white;
	width: 460px;		
}

div.sb_download_flex a img{
	border: 0;
}

div.scandi {
    float: left;
    margin: 15px 0 0 30px;
}

div.betathome {
    float: left;
}