/*****************************************************************************
	startpage css
*****************************************************************************/
   
html, body, div, p, h1, h2, h3, ul, ol,
span, a, table, td, form, label, img, li, span, object {
	margin: 0;
	padding: 0;
  border: none 0;
  outline:0;
  font:normal 12px Arial, Helvetica, sans-serif;
  color:#333333;
  }
  
/*****************************************************************************
	fonts
*****************************************************************************/
a,
a:active,
a:link,
a:visited {
color: #123bc3;
text-decoration:none;
}

a:hover,
a:focus {
color: #123bc3;
text-decoration:underline;
}

.blackbold_13 {
  color: #333333;
  font-size: 13px;
  font-weight: bold;
  } 

.bluebold_13 {
  color: #123bc3;
  font-size: 13px;
  font-weight: bold;
  } 
  
.internal-link {
  font-size: 12px;
  color: #123bc3;
  font-size: 12px;
  text-decoration: none
  } 
  
.internal-link:hover {
  text-decoration: underline;
  } 
  
.invisible {
display:none;
}

body {
  height: 100%;
  background: #ffffff url(../img/body_bg.jpg) repeat-x;
  }

html {
  height: 100%;
	}
	
#wrapper {
	margin: 0 auto 0 auto;
  width: 796px;
  position: relative;
	min-height: 100%;
	}	
  
* html #wrapper {  /* IE Hack for 100% height */ 
  height: 100%;
  }
  
div#header {
  margin: 0 auto 10px auto;
  width: 796px;
	height: 108px;
	background: url(../img/header_bg.jpg) no-repeat 1px 0;
	}
	
object#flashheader {
	display:block;
  margin: 0 auto 0 auto;
  width: 796px;
	height: 108px;
	}
  
#footerspacer {
clear: both;
  padding-bottom: 80px;
 }

#footer {
clear: both;
	position:relative;
  margin: -25px 0 0 0;
/*  bottom:0;
  left:0; */
  width: 100%;
  height: 25px;
  background-color: #0B33BE;
  overflow:hidden;
  } 
  
#footerbox {
	margin: 0 auto;
	padding-top:7px;
  width: 794px;
  height: 25px;
  }
  
#footerbox a {
  font-size:10px;
  color:#ffffff;
  }
  
#footerleft {
	display:block;
  float: left;
  }
  
#footerright  {
	display:block;
  float: right;
  }


/*****************************************************************************
	header + top navigation + main navigation
*****************************************************************************/
  
.navcontainer {
  margin: 0 auto 0 auto;
  width: 794px;
  height: 106px;
  background-image: url(../img/header_bg.jpg);
}

.header_logo {
  padding: 18px 0 0 14px;
  width: 148px;
  height: 69px;
  float: left;
  }
  
.header_player {
  padding: 12px 0 0 80px;
  width: 46px;
  height: 47px;
  float: left;
  }
  
.header_tvdhandball {
  padding: 12px 0 0 4px;
  width: 180px;
  height: 25px;
  float: left;
}

ul#topnav {
  padding: 12px 16px 0 0;
  height: 18px;
  float: right;
  }
  
ul#topnav li {
	height: 18px;
  overflow: hidden;
  float:left;
  }

ul#topnav a,
ul#topnav p {
  height: 18px;
  display: block;
  text-indent: -9999px;
  text-decoration: none;
  }

ul#topnav a:hover {
	background-position: 0 -18px;
  }

ul#topnav li.login,
ul#topnav li.logout {
margin-left: 8px;
}

ul#topnav a.login,
ul#topnav p.login,
ul#topnav a.logout,
ul#topnav p.logout {
  height: 16px;
  display: block;
  text-indent: -9999px;
  text-decoration: none;
  }  
  
ul#topnav a.login:hover,
ul#topnav a.logout:hover {
	background-position: 0 -16px;
  }
  
ul#topnav .startseite {
width: 59px;
background-image: url(../img/topnav_01.gif);
}

ul#topnav .sitemap {
width: 55px;
background-image: url(../img/topnav_02.gif);
}

ul#topnav .impressum {
width: 69px;
background-image: url(../img/topnav_03.gif);
	}

ul#topnav .kontakt {
width: 52px;
background-image: url(../img/topnav_04.gif);
}

ul#topnav .registrieren {
width: 77px;
background-image: url(../img/topnav_registrieren.gif);
}

ul#topnav .profil {
width: 38px;
background-image: url(../img/topnav_profil.gif);
}

ul#topnav .login {
width: 40px;
height:16px;
background-image: url(../img/topnav_login.png);
}

ul#topnav .logout {
width: 46px;
height:16px;
background-image: url(../img/topnav_logout.png);
}

ul#mainnav {  
  margin:  -12px 0 0 166px;
  padding: 6px 0 0 28px;
  width: 598px;
  height: 20px;
  float:left;
  list-style: none;  
  background: url(../img/navlist_bg.gif) no-repeat 0 -26px;
  }

* html ul#mainnav {
  margin:  -12px 0 0 83px;
  }
  
ul#mainnav .navdivide {
  margin: 0 8px 0 8px;
	height: 15px;
  float:left;
  }
  
ul#mainnav li {
height: 15px;
overflow: hidden;  
float:left;
}

ul#mainnav a,
ul#mainnav p {
height: 15px;
display: block;
text-indent: -9999px;
text-decoration: none;
}
 
ul#mainnav .aktuell {
width: 76px;
background: url(../img/nav_01.gif) no-repeat 0 0;
}

ul#mainnav .teams {
width: 63px;
background: url(../img/nav_02.gif) no-repeat 0 0;
}

ul#mainnav .vorstand {
width: 86px;
background: url(../img/nav_03.gif) no-repeat 0 0;
}

ul#mainnav .spielstaetten {
width: 110px;
background: url(../img/nav_04.gif) no-repeat 0 0;
}
	
ul#mainnav .sponsoren {
width: 98px;
background: url(../img/nav_05.gif) no-repeat 0 0;
}
	
ul#mainnav .forum {
width: 66px;
height: 15px;
background: url(../img/nav_06.gif) no-repeat 0 0;  
}



/*****************************************************************************
	contents left + right
*****************************************************************************/

div#left {
float:left;
padding:296px 0 60px 13px;
width: 326px;
}

div#left .mod_article {
width: 310px;
}

div#left h1 {
margin:0 0 4px 0;
padding:8px 0 0 40px;
width: 270px;
height:22px;
color:#ffffff;
font-size:12px;
font-weight:bold;
text-transform:uppercase;
background: url(../img/start_leftheadline_bg.gif) no-repeat 0 0;
}

div#left .teaserbox {
margin-bottom:16px;
padding:12px;
width:286px;
height:101px;
overflow:hidden;
background: url(../img/start_teaserbox_bg.gif) no-repeat 0 0;
}

div#left .teaserbox a.imagelink {
display:block;
margin-top:2px;
float:left;
}

div#left .teaserbox ul {
margin-left:156px;
list-style:none;
}

div#left .teaserbox h2 {
color: #123bc3;
font-size:11px;
font-weight:bold;
}

div#left .teaserbox p {
color: #333333;
font-size:11px;
}

div#left .teaserbox p a {
font-size:11px;
}

div#main {
padding-bottom:60px;
float:left;
width: 444px;
}

#startflash {
margin: 0 0 0 -326px;
width: 770px;
}

div#main div#signet_container {
position:absolute;
left:13px;
top:118px;
padding:30px 40px 0 0;
width:730px;
height:250px;
text-align:right;
background: url(../img/signet_container_bg.png) no-repeat 0 0;
}

div#main h1 {
margin:12px 0 4px 0;
padding:8px 0 0 40px;
width: 404px;
height:22px;
color:#ffffff;
font-size:12px;
font-weight:bold;
text-transform:uppercase;
background: url(../img/pageheader_444.png) no-repeat 0 0;
}

div#main div.news_short {
padding:7px 0 7px 0;
border-bottom:#123bc3 1px solid;
}

div#main div.first {
padding:0 0 7px 0;
border-bottom:#123bc3 1px solid;
}

div#main div.last {
padding:7px 0 7px 0;
border:0 none;
}

div#main div.news_short h2 {
padding-bottom:2px;
}

div#main div.news_short h2 a {
font-weight:bold;
}

div#main div.news_short h2 span {
padding-right:4px;
color:#123bc3;
font-weight:normal;
}

div#main div.news_short p {
height:100%;
overflow:hidden;
}

div#main div.news_short p a {
padding-left:4px;
}

div#main div.news_short p img {
float:left;
margin:3px 10px 0 0;
padding-bottom:2px;
}


/*****************************************************************************
	topsponsoren
*****************************************************************************/

div#topsponsorbox {
position:absolute;
left:34px;
top:280px;
}

div#topsponsorbox h3 {
margin-bottom:4px;
font-size:18px;
font-weight:bold;
color:#ffffff;
}

div#topsponsorbox ul {
margin-right:4px;
float:left;
list-style-type:none;
height:100%;
}

div#topsponsorbox li.first {
width:88px;
height:74px;
line-height:74px;
text-align:center;
}

div#topsponsorbox li.first a {
text-align:center;
vertical-align:middle
}

div#topsponsorbox li.first img {
padding:2px;
border:1px solid #ffffff;
vertical-align:middle;
text-align:center;
}

div#topsponsorbox li.last {
padding:0 4px 6px 4px;
width:88px;
height:26px;
color:#ffffff;
font-size:11px;
text-align:center;
}