html, body {  
	height: 100%;
}
/* not for mac ie\*/
html {
overflow-y: scroll;
}

/* end hack */

body {
	/*background: #bbb url(../../user_upload/beispiele/bg_body.gif);*/
	background: #FFF;
	color: #333;
	text-align: center; /*IE centered content*/	
}

#fullheightcontainer, #wrapper {
     	min-height: 100%;  	
}
/* hack for all IE, who don't understand min-height */
* html #fullheightcontainer, * html #wrapper {
	height: 100%;
}
/*hack end*/


/*----------all relative elements-----*/
body, #fullheightcontainer, #wrapper, #footer  {
	position: relative;
}
/*---------all absolute elements-----*/
#header, #logo, #rootline, 
#search, #printlink, #language, #servicemenu, #topmenu, #newsticker, #teaser {
	position: absolute;
}
/*---------all floated elements left-----*/
#leftmenu,#contentMain, #contentRight, #contentBorder { 
	float:left;
}
/*---------all floated elements right-----*/
#contentWrap { 
	float:right;
}

/*----------width of whole content-----*/
#fullheightcontainer, #header, #content, #footer, #topmenu {
	width: 900px; 
	margin: 0 auto; /*centered content*/
	text-align: left; 
}


/*-------content elements definition-------*/
#fullheightcontainer {
	
}
#ct2 #fullheightcontainer {  /* width for layout ct2 */
		
}

#contentWrap {
	width: 670px; /* width = content - leftmenu - margin to leftmenu */
}

#home #contentWrap {
	width: 900px; /* width = content - leftmenu - margin to leftmenu */
}


#contentMain {
	width: 					440px;
}

#home #contentMain {
	width: 					480px;
}

#home #contentMain {
	width: 					704px;
	height: 					478px;
	background-image:			url(../img/spieler.jpg);
	background-image:			url(../img/rasen2.jpg);
}
#ct2 #contentMain {  /* width for layout ct2 */
	width: 660px;
}

#home #contentRight {
	padding: 0; /*extra div for IE6*/
}
#contentRight {
	padding: 0 10px 30px 30px; /*extra div for IE6*/
}
#right {
	width: 190px;
}

#home #right {
	width: 			180px;
	padding: 			0 0px 0 14px;
}

#headline {
	position: 			absolute;
	left:				360px;
	top:				240px;
	background-color:	#FFF;
	padding:			5px 10px 5px 5px;
	width:			170px;
}

#teaser {
	top:				470px;
	left:				15px;
	width:			700px;
	
}

#teaser .teaser_image {
	margin:			0 12px 0 0;			
}


#header {
	height: 135px;
	left: 0;
	top: 0;
}
#header img {
	position: absolute;
        top: 20px;
	right: 0px;
}

#logo {
	left: 				510px;
	top:				100px;
	z-index: 			7;
}

#home #logo {
	left: 				495px;
	top:				76px;
	z-index: 			7;
}

#servicemenu {
	top: 				53px;
	right:				170px;
}
#language {
	top: 3px;
	right: 0;
}

#topmenu {
	width: 			710px; 
	margin: 			0 auto; /*centered content*/
	text-align: 			left; 
}
#topmenu {
	top:			114px;
	left:			0px;	
	z-index:		5;
}


#test {
	position:		relative;
	width:		900px;
	height:		27px;
	
}


#menuespacer {
	position: 		relative;
	float:			left;
	width:		140px;
	background:	#FF0000;
	display:		inline;

}

#topmenu div {
/*	display: 		inline; */
}

#topmenu .nav_top {
	background-image:		url('../img/bg_topmenu_oi.gif');
	background-repeat:		no-repeat;
	background-position:		left top;
	margin:				0;
	padding-bottom:		0px;
}

#home #topmenu .nav_top {
	background-image:		url('../img/bg_topmenu_o.gif');
}

#topmenu .nav_bottom {
	background-image:		url('../img/bg_topmenu_u.gif');
	background-repeat:		no-repeat;
	background-position:		left bottom;
	margin:				0;
	padding-bottom:		0px;
}

#newsticker {
	top: 				10px;
	left: 				0;
	height:			25px;
	width:			900px;
	border-bottom:		dotted 2px; 
	overflow:			hidden;

}

#newsticker div p a {
	color:			#666;
	font-weight:		bold;
	text-decoration:		none;
	font-family:		Verdana,Arial,Helvetica,sans-serif;		
}
#language div {
	display: inline;
}

#search {
	top: 50px;
	left: 730px;
}
#printlink {
	top: 150px;
	right: 2px;
}

#rootline {
        width: 670px; /*width  of content-wrap*/
	top: 155px;
	left: 230px;
	height: 20px;
	font-size: 90%;
	color:	#666; 
}

#content {
        padding-top:  180px;  /*distance to top = height of header*/
	padding-bottom:  90px; /*important! distance between content + page end incl. footer*/ 
	padding-bottom:  230px; /*important! distance between content + page end incl. footer*/ 
}

#home #content {
        padding-top:  142px;  /*distance to top = height of header*/
        padding-bottom: 0;
}

#footer {
	height: 90px;
	margin: -90px auto 0 auto;
	font-size: 90%; 
	z-index:		0;
}

#home #footer {
	font-size: 90%; 
	margin: 		0;
	height		90px;
	margin:		0;
	position:		absolute;
	top:			635px;
	z-index:		0;
}

#footer p {
	text-align: center;
	margin: 0;
	padding-top: 5px;
}

#footer img {
	position: 		absolute;
	bottom:		20px;
}

#footer #ball_gross {
	right:			0;
	z-index:		-3;
}

#footer #ball_klein {
	right:			0;
	z-index:		-3;
}

#home #footer #sponsoren_footer {
	left:			5px;

}

#subtitle {
	background-image: url(../img/balken_grau.jpg);
	background-repeat:	no-repeat;
	padding:			0 0 0 10px;
	color:			#FFF;
	font-size:			11px;
}

/* css classes to deactivate floats*/
.clearer {
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}
.clearfix:after {
      content: ".";
      display: block;
      clear: both;
      height: 0;
      visibility: hidden;
}
.clearfix {
      display: inline-block;
}
/* without IE Mac \*/
* html .clearfix {
      height: 1%;
}
.clearfix {
      display: block;
}
/* End without IE Mac */