﻿/*
 @author Jacob Mahr <jacob@imba-it.de>
*/

/*
 Globale Elemente
*/

html, body {
	font: 100%  "Verdana", "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida", "Trebuchet MS", "Bitstream Vera Sans", sans-serif;

	/* background: white url('../img/page_bg.png') repeat-x top; */
	/* background: url("../img/lautfm_back_kachel.jpg") repeat; */
	background: #fafafa;
	margin: 0;
	padding: 0;
	left: 0;
	top: 0;
}

#preload {
	position: absolute;
	visibility: hidden;
}

#page {
	width: 1000px;
	background: white;
}

#overDiv {
	position: absolute; 
	position: absolute; 
	visibility: hidden; 
	z-index: 1000;
}

.line_spacer {
	height: 1px;
	background: #ececec;
	margin: 40px 0 0 0;
}

.clearer {
	clear: both;
	height: 10px;
}

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	opacity: 0.95;
}

#tooltip h3 { 
	margin-bottom: 6px; 
	font-size: 12px;
}

#tooltip.fancy {
	background: url('../img/shadow.gif') no-repeat;
	padding-top: 58px;
	padding-left: 12px;
	padding-right: 60px;
	height: 160px;
	width: 250px;
	border: none;
	font-size: 12px;
	color: #333333;
}

#tooltip.info {
	font-size: 10px !important;
	padding: 6px;
	opacity: 0.75;
}

.dialog-message {
	display: none;
}
	
/*
 Header Elemente
*/

#header {
	z-index: 900; /* sf-menu fix for ie */
	
	background: #006fb4 url('../img/content_shadow.png') repeat-y right top;
}

#header_top {
	background: url('../img/header_bg.png') repeat-x;
	height: 36px;
	width: 999px;
	border-top: 1px solid #fafafa;
	border-bottom: 1px solid #d9d0a6;
}

#user_icons {
	position: absolute;
	left: 28px;
	top: 5px;
}

#user_welc_msg {
	font-size: 11px;
	position: absolute;
	left: 28px;
	top: 11px;
}

#user_menu {
	float: right;
	margin: 10px 21px 10px 10px;
	font-size: 12px;
}

#user_menu a:hover {
	text-decoration: underline;
}

.icon_inbox {
	background: url('../img/icon_inbox.png') no-repeat;
	height: 25px;
	width: 26px;
	float: left;
	margin: 0 8px 0 0;
}

.icon_inbox:hover {
	background: url('../img/icon_inbox_hover.png') no-repeat;
}

.icon_inbox_ext {
	font: 62%  "Lucida Sans", sans-serif;
	background: url('../img/icon_inbox_bg.png') no-repeat;
	height: 14px;
	width: 14px;
	position: absolute;
	top: -2px;
	left: 19px;
	color: white;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
}

.icon_profile {
	background: url('../img/icon_profile.png') no-repeat;
	height: 26px;
	width: 32px;
	float: left;
}

.icon_profile:hover {
	background: url('../img/icon_profile_hover.png') no-repeat;
}

.icon_facebook {
	background: url('../img/icon_facebook.png') no-repeat;
	height: 26px;
	width: 26px;
	float: left;
	margin-left: 8px;
}

.icon_facebook:hover {
	background: url('../img/icon_facebook_hover.png') no-repeat;
}


#header_spacer {
	height: 0px;
	width: 100%;
}

#header_logo {
	clear: both;
}

#logo {
	margin: -30px 0 0 32px;
}

#header_abschluss {
	background: white url('../img/header_abschluss_shadow.png') no-repeat;
	width: 1000px;
	height: 15px;
	margin: 10px 0 0 0;
}

#header_abschluss2 {
	background: white url('../img/header_abschluss2.png') no-repeat;
	width: 1000px;
	height: 27px;
}

#page_pointer {
	margin: -12px 0 10px 33px;
	font-size: 12px;
	color: white;
	background-color: #006fb4;

}

#page_pointer td {
	padding: 1px 2px;
}

#page_pointer a {
	color: white;
	text-decoration: none;
}

#suchen {
	background: url('../img/suchen_bg.png') no-repeat;
	height: 52px;
	float: right;
	margin: 12px 21px 0 0;
}

#login {

}

#login #login_erfolg_msg, #login #logout_erfolg_msg {
	color:green;
	display:none;
	float:right;
	font-size:12px;
	margin:10px 21px 10px 10px;
	background:transparent url('../img/dots/dot_done2.png') no-repeat scroll left center;
	padding-left: 32px;
}

#logindiv{
	margin: 4px 21px 4px 4px;
	font-size: 12px;
	color: #333333;
	float: right;
}

#logindiv table {
	float: left;
}

#logindiv table td {
	padding: 0 4px 0 0;
}

#logindiv  #email {
	width: 120px;
}

#logindiv  #password {
	width: 68px;
}

#logindiv  #email, #logindiv #password{
	float: left;
	border-color: #D7D7D7;
	border-style:solid;
	border-width:1px;
	display:inline;
	float:left;
	margin-top: 0px; /* Chrome fix */
	padding:4px;
}

#signup_login {
	height: 47px;
}

#signup_login li{
	float: left;
}

#signup_login li:hover ul{
	display: block;
}

#signup_login li ul {
	display: none;
	position: absolute;
	background: #0b6eb2;
	margin: -8px 0 0 0;
	width: 125px;
	-moz-border-radius: 2px;
	color: white;
	font-size: 12px;
	padding: 2px 0 8px 0;
	z-index: 100;
}

#signup_login #lostpw_overlay {
	margin:33px 0 0 83px;
	width:130px;
	background: #eaedf3;
}

#signup_login #lostpw_overlay  a {
	color: #333333;
}

#signup_login li ul li p{
	padding: 0 8px 0 8px;
}

#signup_login a {
	color: white; 
	text-decoration: none;
}

#signup_login #login_erfolg_msg, #signup_login #logout_erfolg_msg {
	float: right;
	padding: 16px 70px 0 0;
	color: #66cc33;
	font-size: 12px;
	display: none;
}

#suche {
	float: right;
	padding: 12px;
}

#suche #searchstring {
	border-color: #d7d7d7;
	border-style: solid dotted solid solid;
	border-width: 1px;
	display: inline;
	float: left;
	padding:4px;
	width: 120px;
}

#suche #searcharea {
	height: 26px;
	border-color: #d7d7d7;
	border-style: solid solid solid dotted;
	border-width: 1px;
	display: inline;
	float: left;
	padding:3px;
	color: #1179b9;
}

#suchbutton {
	height: 26px;
	width: 44px;
	padding: 0px;
	border: 0px;
	float: left;
	display: inline;
	background: url('../img/suchen.png');
	cursor: pointer;
}

#login_submit {
	height: 26px;
	width: 62px;
	padding: 0px;
	border: 0px;
	float: left;
	display: inline;
	background: url('../img/login_button.png');
	cursor: pointer;
}

#login_assists {
	float: right;
	padding: 2px;
	font-size: 10px;
	text-align: right;
	line-height: 140%;
}

#login_assists {

}

#autologin:hover, #login_assists a:hover {
	font-weight: bold;
}

#autologin input {
	float: right;
}

#autologin p{
	padding-top: 4px;
	float: right;
}


.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('../img/autocomplete/indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}



/*** MEN� ***/

#menu {
	height: 34px;
	padding-left: 28px;
	float: left;
}


/*** SUPERFISH MEN� ESSENTIAL STYLES ***/

.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}
.sf-menu {
	line-height: 1.0;
}
.sf-menu ul {
	position: absolute;
	top: -999em;
	width: 12em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width: 100%;
}
.sf-menu li:hover {
	visibility: inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float: left;
	position: relative;
}
.sf-menu a {
	display: block;
	position: relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left: 0;
	top: 1.65em; /* match top ul list item height */
	z-index: 99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top: -999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left: 12em; /* match ul width */
	top: 0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top: -999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left: 12em; /* match ul width */
	top: 0;
}

/*** MEN�  SKIN ***/
.sf-menu {
	float: left;
}
.sf-menu a {
	padding: 5px 10px 5px 10px;
	text-decoration: none;
	font: 80% "Verdana";
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color: white;
}
.sf-menu li {
	background: #006fb4;
}
.sf-menu li:hover {
	background: #005a94;
}
.sf-menu li li {
	background: #F2F2F2;
	border: 0;
}
.sf-menu li li a, .sf-menu li li a:visited  {
	color: #333333;
}
.sf-menu li li:hover {
	background: #E2E2E2;
}
.sf-menu li li li {
	background: #E2E2E2;
}
.sf-menu li li li:hover {
	background: #F2F2F2;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	outline: 0;
}

/*** MEN� arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 2.0em;
	min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position: absolute;
	display: block;
	right: .75em;
	top: 1.05em; /* IE6 only */
	width: 10px;
	height: 10px;
	text-indent: -999em;
	overflow:	 hidden;
	background: url('../images/arrows-us.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top: .6em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background: url('../images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

/*
 Content Elemente
*/

#content {
	z-index: 1; /* sf-menu fix for ie */

	font-size: 14px;
	line-height: 21px;

	overflow: hidden;
	
	background: white url('../img/content_shadow.png') repeat-y right top;
}	

#shadow_fix {
	background: url('../img/content_shadow.png') repeat-y right top;
	width: 1000px;
	padding-bottom: 6px;
}

#content_startseite {
	z-index: 1; /* sf-menu fix for ie */

	font-size: 14px;
	line-height: 21px;
}	

a, #content_startseite a {
	text-decoration: none;
	color: #006fb4;
}

#content a:hover  , #content_startseite a:hover {
	text-decoration: underline;
}

#left {
	display: inline;
	height: 100%;
	color: #333333;
	float: left;
margin-left:34px;
width:162px;
	border-top: 1px solid #ECECEC;
}

#left ul {
	border-bottom: 1px solid #ECECEC;
	padding: 0 0 2px 0px;
}

#left ul li {
	padding: 2px 4px 2px 4px;
	margin:2px 0;
}

#left #wigets {
	font-size: 12px;
}

#left  .widget {
	border-top: 1px solid #ECECEC;
	background: #f2f2f2;
	padding: 4px;
	margin-bottom: 21px;
}

#left  .widget_title {
	color: white;
	margin: 3px 0 5px 0;
	background: #333333;
	padding: 0 0 0 4px;
}

#left #widget_comment_form {
	margin: 12px;
}


#left #widget_comment_name, #left #widget_comment_text, #left #widget_comment_email {
	width: 160px;
}


#left  .widget img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#left  .widget p {
	background: white;
	padding: 0 4px 0 4px;
}

#left  .widget ol {
	background: white;
}

#left .widget ol li {
	background: url('../img/dots/type2_blue.png') no-repeat left center;
	padding: 0 0 0 21px;
}

#left .product_tree {
	display: none;
}

.p_cat:hover {
	cursor: pointer;
}

.p_cat a:hover {
	text-decoration: none !important;
}

.dot1_green {
	background: url('../img/dots/type1_green.png') no-repeat left center;
	margin: 2px 0 2px 0;
	padding: 0 0 0 21px;
}

.green_border a , .green a {
	color: #79B530 !important;
}

.green_border {
	border: 1px solid #79B530;
	padding: 0 4px 0 4px;
	background-color: #e4f0d6;
	-moz-border-radius: 4px;
}

.blue_border {
	border: 1px solid #006fb4;
	padding: 0 4px 0 4px;
	background-color: #dff3ff;
	-moz-border-radius: 4px;
}

.blue a, .blue_border a {
	color: #006fb4 !important;
}

.red_border {
	border: 1px solid #e53e32;
	padding: 0 4px 0 4px;
	background-color: #ffd6d3;
	-moz-border-radius: 4px;
}

.red a, .red_border  a {
	color: #e53e32 !important;
}

.grey_border {
	border: 1px solid #333333;
	padding: 0 4px 0 4px;
	background-color: #d4d4d4;
	-moz-border-radius: 4px;
}

.grey a, .grey_border a {
	color: #333333;
}

.yellow_border {
	border: 1px solid #fdc300;
	padding: 0 4px 0 4px;
	background-color: #fff5d2;
	-moz-border-radius: 4px;
}

.yellow a, .yellow_border a {
	color: #fdc300;
}

.dot1_blue {
	background: url('../img/dots/type1_blue.png') no-repeat left center;
	margin: 2px 0 2px 0;
	padding: 0 0 0 21px;
	color: #006fb4;
}

.dot1_grey {
	background: url('../img/dots/type1_grey.png') no-repeat left center;
	margin: 2px 0 2px 0;
	padding: 0 0 0 21px;
	color: #333333;
}

.dot1_yellow {
	background: url('../img/dots/type1_yellow.png') no-repeat left center;
	margin: 2px 0 2px 0;
	padding: 0 0 0 21px;
	color: #fdc300;
}

.dot1_red {
	background: url('../img/dots/type1_red.png') no-repeat left center;
	margin: 2px 0 2px 0;
	padding: 0 0 0 21px;
	color: #e53e32;
}

.dot3_green {
	background: url('../img/dots/type3_green.png') no-repeat left center;
	margin: 2px 0 2px 0;
	padding: 0 0 0 30px;
}

.dot3_yellow {
	background: url('../img/dots/type3_yellow.png') no-repeat left center;
	margin: 2px 0 2px 0;
	padding: 0 0 0 30px;
}

.dot3_red {
	background: url('../img/dots/type3_red.png') no-repeat left center;
	margin: 2px 0 2px 0;
	padding: 0 0 0 30px;
}

#main_1row {
	height: 100%;
	width: 100%;
}

#main_2row {
	margin: 0 21px 0 200px;
	padding: 0 0 21px 21px;
	
	color: #333333;
	font-size: 14px;
	line-height: 21px;
}

#main_2row_without_padding {
	margin: 0 0 0 200px;
	padding: 0 0 21px 0;
	
	color: #333333;
	font-size: 14px;
	line-height: 21px;
}

#main_3row {
	padding: 0 0 21px 0;
	
	color: #333333;
	font-size: 14px;
	line-height: 21px;
	width: 580px;
	float: left;
}


#right {
	height: 100%;
	margin: 0 0 0 780px;
}

#right  .widget {
	width: 210px;
}

#right .forum_fragen {
	color: #757575;
	padding: 2px;
}

#right  p {
	padding-left: 6px;
	padding-right: 6px;
}

#right .static_action {
	height: 60px;
}


#right  .widget_bottom {
	width: 210px;
	height: 8px;
	margin: 0 0 14px 0;
	border-bottom: 1px solid #E2E2E2;
}

#right  .widget_title {
	background: none repeat scroll 0 0 #f0f0f0;
	border-top: 1px solid #E2E2E2;
	margin-bottom: 6px;
	font-weight:bold;
	padding: 0 6px 0 6px;
}

#right  .sport_news {
	overflow: auto;
	height: 140px;
	margin: 0 2px 0 0;
}

#right .widget img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#right  .widget ol {
	background: white;
}

#right .widget ol li {
	background: url('../img/dots/type2_blue.png') no-repeat left center;
	padding: 0 0 0 21px;
}

#right #top-padding {
	padding: 0 0 0 0;
}

#right #wigets {
	font-size: 12px;
}

#right .ultra_sportler {
	height: 62px;
	width: 62px;
	float: left;
	margin: 4px;
	cursor: pointer;
}

#right .addon {
	margin: 6px 0 6px 0;
}

/*
 Loginseite
*/

#loginseite {

}

/*
 LostPW Seite
*/

#overlay_passwort_vergessen  input[type=submit] {
	padding: 4px;
	border: 1px solid grey;
	display: block;
	cursor: pointer;
	margin-top: 10px;
}

#overlay_passwort_vergessen  p {
	font-size: 12px;
	margin: 10px 0 10px 0;
}

#overlay_passwort_vergessen  label {
	display: block;
	margin: 4px 0 0 60px !important;
}

#overlay_passwort_vergessen .pw_label {
	display: inline;
}


/*
 Registrieren Seite
*/

#beitretenseite {

}

#beitretenseite  #register_form {
	padding-top: 100px;
	background: url('../img/overlay/team_us.png') no-repeat top center;
}

#beitretenseite  .valid {
  	border: 1px solid #49c24f;
	background: #bcffbf;
}
  
#beitretenseite  input.error, #beitretenseite   textarea.error  {
  	border: 1px solid #c24949;
	background: #ffbcbc;
}

#beitretenseite  label.error {
	color: red;
	font-size: 10px;
	margin-left: 10px;
	padding-left: 16px;
	background: url('../img/dots/dot_error.png') no-repeat center left;
}

#beitretenseite  #register_form  label {
	font-size: 10px;
	margin-left: 10px;
}

#beitretenseite  input[type=text], #beitretenseite  input[type=password] {
	border: 1px solid #333333;
	padding: 2px 4px 2px 4px;
	width: 150px;
}

#beitretenseite table .right {
	text-align:right;
}


#beitretenseite td {
	padding: 0 10px 10px 10px;
	font-size: 12px;
	font-weight: bold;
	color: black;
}
 
#beitretenseite #footer_balken {
	background: #a4d9e3;
	border-top: 1px solid #97c3cf;
	height: 30px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
}

#beitretenseite  #register_form input[type=submit] {
	height: 35px;
	width: 144px;
	padding: 0px;
	border: 0px;
	display: block;
	background: url('../img/overlay/register_button.png');
	cursor: pointer;
	margin-top: 10px;
}

#beitretenseite .help {
	background: url('../img/overlay/help.png') no-repeat center center;
	height: 15px;
	width: 17px;
}

#beitretenseite #help_info{
	background: white;
	border: 1px solid #2a92cb;
	padding: 20px;
	-moz-border-radius: 4px;
	display: none;
	left:10%;
	position:absolute;
	top:22%;
	width:500px;
}

#beitretenseite .my_close_button{
	background: url('../img/overlay/register_close.png') no-repeat center center;
	height:18px;
	position:absolute;
	right:0;
	top:0;
	width:19px;
	cursor: pointer;
}

#beitretenseite #bezahl_infos {
	display: none;
}

#beitretenseite #help_info p {
	font-size: 12px;
	margin: 10px 0 10px 0;
}


#beitretenseite #register_text {
	margin: 20px 0 20px 0;
	padding: 10px;
	border: 1px solid #333333;
	display: none;
	color: red;
	font-size: 12px;
}

#beitretenseite #register_text.success {
	color: green;
	padding-left: 34px;
	background: url('../img/dots/dot_done2.png') no-repeat center left;
}

#beitretenseite #email_container {
	display: none;
}

/*
 Allgemeine Seite - Default Page
*/

#default_page {

}

#default_page h1{
	font-family: "Verdana", sans-serif;
	color: #333333;
	font-size: 20px;
	margin: 0 0 8px 0;
	border-bottom: 1px solid #ececec;
	margin-bottom: 11px;
	padding-bottom: 11px;
}

#default_page p {
	margin: 10px 0 10px 0;
	color: #333333;
}


/*
 Startseite
*/

#startseite {
	overflow: auto;
}

#startseite .box {
	border-top: 2px solid #777778;
	border-left: 1px solid #bbbbbb;
	border-right: 1px solid #bbbbbb;
	border-bottom: 1px solid #bbbbbb;
	-moz-border-radius: 1px;
	overflow: auto;
}

#startseite  #erfolg_mit_system {
	background: #f5f5f4 url('http://www.ultra-sports.de/uploads/ckfiles/images/hand.png') no-repeat center center;
}
	
#startseite .rightbox {
	width: 300px;
	margin: 0 0 10px 0;
	background: #f5f5f4;
	padding: 8px;
	float: right;
	font-size: 12px;
}

#startseite .clearme {
	clear: both;
}

#startseite .rightbox h4, #startseite .leftbox h4  {
	font-weight: bold;
	font-size: 16px;
	color: #333333;
	margin: 0 0 4px 0;
}

#startseite .leftbox {
	width: 428px;
	margin: 0 0 10px 0;
}

#startseite .meinungen {
	padding: 8px;
	font-size: 12px;
	background: #f5f5f4;
}

#startseite .news_menu img {
	background: url('../img/newsseite/pic_border.png') no-repeat center center;
	padding: 10px;
	width: 87px;
	height: 28px;
	display: block;
}

#startseite .leftbox h3 {
	color: #0b6eb2;
	font-size: 16px;
	margin: 8px 8px 8px 16px;
	font-weight: bold;
}

#startseite .news_menu div {
	width: 107px;
	float: left;
	margin-top: 12px;
	cursor: pointer;
}

#startseite .news_menu div:hover ,#startseite .news_menu .active {
	border-top: 0px solid white;
	margin-top: 1px;
	padding-top: 11px;
	background: url('../img/newsseite/arrow_top.png') no-repeat top center;
}

#startseite .news_menu .current, #startseite .news_menu div p:hover, #startseite .news_menu .hover_fix {
	background: #0a6eb1 url('../img/newsseite/news_bg.png') repeat-x top;
	color: white;
}	

#startseite .news_menu div p {
	color: #006fb3;
	text-align:center;
	height:90px;
	background: url('../img/newsseite/news_bg.png') repeat-x top;
	font-size: 12px;
	line-height: 1;
}

#startseite .newsbild {
	margin: 4px;
	width: 420px;
	height: 420px;
	border-top: 1px solid #bfbfbf;
	border-bottom: 1px solid #7f7f7f;
	display: block;
	background: #F5F5F4;
}

#startseite .news_content {
	margin: 0 0 8px 0;
	padding: 0 16px 0 16px;
	overflow: auto;
	font-size: 12px;
}

#startseite .pre_text {
	float: left;
	border-right: 1px solid #eff0f0;
	width: 240px;
	margin: 0 8px 0 0;
	padding: 0 8px 0 0;
	font-size: 12px;
}

#startseite .fullwidth_text {
	font-size: 12px;
}

#startseite .extra_info {
	margin: 0 8px 0 0;
	font-size: 12px;
}

#startseite .hide_me {
	display: none;
}




#startseite  .news_bild {
	float: left;
	width: 526px;
	height: 324px;
}

#startseite  .news_buttons {
	padding: 302px 0 0 180px;
}

#startseite .news_buttons li{
	float: left;
	margin: 0 0 0 4px;
	background: #006fb4;
	height: 21px;
	width: 36px;
	border-left: 1px solid #b6d2e3;
	border-right: 1px solid #3d90c4;
	border-bottom: 1px solid #7fb7d9;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	text-align: center;
	color: white;
	font-weight: bold;
	cursor: pointer;
}

#startseite .news_buttons .active {
	background: white;
	color: #006fb4;
	border-left: 1px solid white;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
	cursor: pointer;
}

#startseite  button {
	float: left;
}

#startseite  #ie7 {
	margin: 0 0 0 150px;
}

#startseite .news_box {
	margin: 0 0 48px 0;
	overflow: hidden;
	display: none;
}

#startseite .news_text {
	width: 220px;
	margin-left: 554px;
}

#startseite .news_text  h1 {
	font-size: 20px;
}

#startseite .news_text  h2{
	font-size: 20px;
	margin: 11px 0 24px 0;
}

#startseite .news_text p {
	color: #333333;
}

#startseite .toolbox {
	width: 291px;
	border: 1px solid #b3b3b3;
	border-style: dotted;
	border-bottom: 0;
	padding: 12px;
	float: left;
	height: 250px;
}


#startseite #produktmeinungen p {
	font-size: 18px;
	color: #333333;
	font-weight:bold;
	margin: 0 0 16px 0;
}

#startseite #produktmeinungen li {
	font-size: 14px;
	color: #333333;
	margin: 0 0 10px 0;
}

#startseite .author {
	color: #777777;
}

#startseite .toolbox_last {
	width: 290px;
	padding: 12px;
	float: left;
	border-top: 1px solid #b3b3b3;
	border-style: dotted;
}

#startseite #erfolg_mit_system {

}

#startseite #erfolg_mit_system_button {
	margin: 200px 0 0 163px;
}

#startseite #two, #startseite #three, #startseite #four {
	display: none;
}

#startseite #produktbild {

}

#startseite #produktdetails ul {
	/* list-style-type: disc;  <- Bugged im IE */
	padding: 6px 0 16px 0;
}

#startseite #produktdetails li {
	padding: 0 0 0 14px;
	background: url('../img/dots/disc.png') no-repeat left center;
}

#startseite h1 {
	font-size: 14px;
	color: #fdc300;
}
/*
 Produkt�bersicht
*/

#produktuebersicht {

}

#produktuebersicht>ul>li>img {
	float: left;
}

#produktuebersicht>ul>li {
	border-bottom: 1px solid #ececec;
	overflow: hidden;
	padding: 20px;
}


#produktuebersicht ul li ul li {
	float:left;
	margin:10px;
	width:150px;
	text-align:center;
}

#produktuebersicht>ul>li>ul {
	margin-left: 180px;
}

#produktuebersicht>ul>li>ul>li>a {
	display:block;
	margin: auto;
}

#produktuebersicht>ul>li>ul>li>span {
	display:block;
	width:100%;
}



/*
 Produktseite
*/

#produktseite {
	padding: 21px 0 0 0;
	overflow: auto;
}

#produktseite h1 {
	font-size: 20px;
	color: #333333;
	border-bottom: 1px solid #ECECEC;
	padding-bottom: 8px;
	margin-bottom: 20px;
}

#produkt_info_tabs h3 {
	font-family: "Verdana", sans-serif;
	color: #333333;
	font-size: 16px;
	margin: 16px 0 8px 0;
}

#produktseite #produktbild {
	margin-bottom: 40px;
	height:200px;
}

#produktseite .left_side {
	float: left;
	width: 220px;
}

#produktseite .product_info {
	margin: 0 0 0 230px;
}

#produktseite .product_video {
	margin: 0 0 0 230px;
	display: none;
}

#produktseite #produktdetails {
	/* list-style-type: disc;  <- Bugged im IE */
	padding: 6px 0 16px 0;
}

#produktseite #produktdetails li {
	padding: 0 0 0 14px;
	background: url('../img/dots/disc.png') no-repeat left center;
}

#produktseite #button_bezug {

}

#produktseite .line_spacer {
	margin-top: 10px;
}

#produktseite .press_spacer {
	background:none repeat scroll 0 0 #ECECEC;
	height:1px;
	margin:6px 0 6px 0;
}

#produktseite .video {
	float: left;
	margin-right: 20px;
}

#produktseite  #bitte_einloggen,#produktseite  #bereits_bewertet ,#produktseite  #meinung_success {
	display: none;
	width: 200px;
	clear: both;
	padding-top:10px;
}

#produktseite .rating-cancel {
	display: none !important;
}

#produktseite #rating_count {
	background:none repeat scroll 0 0 #E2E2E2;
	color:#333333;
	font-size:12px;
	opacity:0.8;
	padding:2px 4px;
	position:absolute;
	top:380px;
}

#produktseite .bewertung {
	padding: 8px 8px 8px 8px;
}

#produktseite  .background_2 {
	background: #eaedf3;
}


#produktseite #bewertung_text {
	width: 199px;
}

#produktseite h2 {
	font-size: 20px;
	color: #333333;
	padding-bottom: 2px;
}

#produktseite ol li {
	float: right;
}

#produktseite ol li a {
	color: #777777;
	padding: 0 10px 0 10px;
}

#produktseite ol li a:hover {
	text-decoration: none;
}

#produktseite ol li:hover, #produktseite ol li.active{
	background: url('../img/arrow.png') no-repeat bottom center;
	padding-bottom: 9px;
}

#produktseite #abschicken{
	height: 26px;
	width: 205px;
	padding: 0px;
	border: 0px;
	display: inline;
	background: url('../img/produktseite/bewertung_button.png');
	cursor: pointer;
	margin:10px 0 0 0;
}

#produktseite .press_text {
	display: none;
}

#produktseite .press_msg {
	padding-left: 30px;
	cursor: pointer;
	background: url('../img/expand.png') no-repeat center left;
}

#produktseite #hover-text {
	float: left;
	margin: 0 0 0 10px;
	font-size: 12px;
}

#produktseite #hover-meinung {
	clear: both;
	padding-top: 10px;
	display: none;
}

#produktseite #statment{
	margin-top: 10px;
	border-top: 1px solid #ECECEC;
}

#produktseite #sportlerstatment{
	margin: 0 21px 0 460px; 
	border: 1px solid #777777;
	border-left: 0px;
	border-right: 0px;
	padding: 6px 0 50px 0;
	width: 180px;
	position: absolute;

}

#produktseite .ui-tabs { padding: .2em; zoom: 1; }
#produktseite .ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }
#produktseite .ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0;  }
#produktseite .ui-tabs .ui-tabs-nav li.ui-tabs-selected { border-bottom-width: 0; }
#produktseite .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, #produktseite .ui-tabs .ui-tabs-nav li.ui-state-disabled a, #produktseite .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; background: url('../img/arrow.png') no-repeat bottom center; padding-bottom: 9px;}
#produktseite .ui-tabs .ui-tabs-nav li a, #produktseite .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
#produktseite .ui-tabs .ui-tabs-panel { padding: 0 0 0 0; display: block; border-width: 0; background: none; }
#produktseite .ui-tabs .ui-tabs-hide { display: none !important; }


#produkt_info_tabs {
	margin: 21px 21px 0 21px;
}

#produkt_info_tabs  ul {
	float: right;
}

#produkt_info_tabs  li{
	padding: 0 0 5px 0;
}

#produkt_info_tabs  li a{
	margin-left: 10px; 
	color: #777777;
}

#produkt_info_tabs li a:hover{
	text-decoration: none;
	background: url('../img/arrow.png') no-repeat bottom center;
	padding-bottom: 9px;
}

#produkt_info_tabs li:hover{

}

#produkt_info_tabs .menu_line {
	height: 1px;
	background: #ececec;
	margin: 6px 0 21px 0;
}

#produkt_info_tabs table {
	width: 100%;
	font-weight: bold;
	color: #828383;
}

#produkt_info_tabs td {
	border: 1px solid #ececec;
	padding: 2px 0 2px 0;
}

#produkt_info_tabs thead td {
	color: #fdc300;
}





/*
 Produktseite Erg�nzung- Befindet sich in der LEFT div
*/

#produktseite_erganzung {
	background: #fdc300;
	color: white;
	width: 140px;
	margin: 21px;
	margin-left: 0;
	padding: 10px;
}

#produktseite_erganzung table {
	width: 140px;
	cursor: pointer;
}

#produktseite_erganzung table:hover {
	background: #e7b306;
	text-decoration: none;
	cursor: pointer;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
}

#produktseite_erganzung a {
	color: white;
	font-weight: bold;
}

#produktseite_erganzung p {
	margin: 0 0 10px 0;
}

#produktseite_erganzung td {
	vertical-align: middle;
}

#produktseite_erganzung_bild {
	margin: 0 10px 0 0;
}


/*
 Newsseite
*/

#newsseite {
	padding: 0 21px 0 21px;
}

#newsseite #detailansicht h1{
	font-family: "Verdana", sans-serif;
	color: #333333;
	font-size: 20px;
	margin: 0 0 8px 0;
}

#newsseite #detailansicht{
	margin-bottom: 20px;
	overflow: hidden;
}

#newsseite #location {
	float: left;
	margin: 0 0 12px 0;
}

#newsseite #comments2 {
	float: right;
}

#newsseite #comments2 img {
	margin-right: 6px;
	display: block;
	float: left;
}

#newsseite .news_line {
	height: 1px;
	background: white;
	margin: 8px 0 16px 0;
}

#newsseite h1 {
	clear: both;
}

#newsseite #pretext {
	color: #333333;
	margin: 0 0 16px 0;
}

#newsseite #maintext {
	color: #333333;
}

#newsseite #newsbild {
	float: left;
	padding: 0 8px 8px 0;
	height: 200px;
	width: 200px;
}

#newsseite .ui-tabs { zoom: 1; }
#newsseite .ui-tabs .ui-tabs-nav { list-style: none; position: relative; }
#newsseite .ui-tabs .ui-tabs-nav li { position: relative; float: left; 	border: 1px solid #777777; margin: 0; background: #777777; color: white; margin-left: 8px; padding: 0 4px 0 4px; }
#newsseite .ui-tabs .ui-tabs-nav li.ui-tabs-selected { border-bottom: 1px solid white; background: white; }
#newsseite .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, #newsseite .ui-tabs .ui-tabs-nav li.ui-state-disabled a, #newsseite .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; color: #8a8a89; }
#newsseite .ui-tabs .ui-tabs-nav li a, #newsseite .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; color: white;  } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
#newsseite .ui-tabs .ui-tabs-nav li a:hover, #newsseite .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a:hover { text-decoration: none; }
#newsseite .ui-tabs .ui-tabs-panel { padding: 0 0 0 0; display: block; border-width: 0; background: none; }
#newsseite .ui-tabs .ui-tabs-hide { display: none !important; }

#newsseite .news_comment_tabs div {

}

#newsseite .news_comment_tabs ul {
	border-bottom: 1px solid #777777;
	height: 22px;
	margin: 0 0 8px 0;
}

#newsseite .comment_tab {
	border-bottom: 1px solid #777777;
	padding: 8px 8px 8px 8px;
}

#newsseite .news_comment_tabs2 ul {
	height: 22px;
	margin: 0 0 8px 0;
}

#newsseite .comment_tab2 {
	padding: 8px 8px 8px 8px;
}

#newsseite #comments {
	padding: 16px 8px 8px 8px;
	border-top: 2px solid #777777;
	margin-top:16px;
}

#newsseite #comments h2 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 4px;
	border-bottom:1px solid #ECECEC;
	padding-bottom: 8px;
}

#newsseite #your_comment {
	border-top: 2px solid #777777;
	border-left: 1px solid #d1d1d1;
	border-right: 1px solid #d1d1d1;
	border-bottom: 1px solid #d1d1d1;
	background-color: #f0f0f0;
	padding: 10px;
	margin-top: 10px;
}

#newsseite #your_comment h3 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 12px;
}

#newsseite .comment_head {
	margin: 0 0 4px 0;
}

#newsseite #comment_text {
	padding: 4px;
	width: 506px;
	height: 100px;
	margin: 0 0 8px 0;
}

#newsseite #user_name, #newsseite #user_email {
	padding: 4px;
	width: 506px;
}

#newsseite #abschicken{
	height: 26px;
	width: 98px;
	padding: 0px;
	border: 0px;
	display: inline;
	background: url('../img/speichern_button.png');
	cursor: pointer;
}

#newsseite .abschicken{
	height: 26px;
	width: 98px;
	padding: 0px;
	border: 0px;
	display: inline;
	background: url('../img/speichern_button.png');
	cursor: pointer;
	display: block;
}

#newsseite #abschicken_text {
	color: green;
	font-weight: bold;
	text-align:right;
}

#newsseite .background_2 {
	background: #eaedf3;
}

#newsseite textarea.error, #newsseite input.error {
  	border: 1px solid #c24949;
	background: #ffbcbc;
}

#newsseite textarea.valid, #newsseite input.valid {
  	border: 1px solid #49c24f;
	background: #bcffbf;
}

#newsseite .comment_interaction {
	float: right;
}

#newsseite .comment_interaction a {
	display: block;
	height: 18px;
	width: 18px;
	float: right;
}

#newsseite .editieren {
	background: url('../img/newsseite/editieren.png') no-repeat;
}

#newsseite .delete, #newsseite .admin_delete  {
	background: url('../img/newsseite/delete.png') no-repeat;
	margin: 0 10px 0 0;
}

#newsseite .comment_id{
	display: none;
}

#newsseite .comment_text{
	width: 500px;
}

#newsseite .comment_text textarea{
	padding: 8px;
	width: 500px;
	height: 100%;
	margin: 8px 0 8px 0;
}




/*
 Newsseite - Erg�nzung- Befindet sich in der LEFT div
*/



/*
 News�bersicht Seite
*/

#newsuebersicht {
	padding: 0 0 0 21px;
	overflow: hidden;
}

#newsuebersicht #newssuche {
	float: right;
	padding: 0 21px 0 0;
}

#newsuebersicht #news_searchstring {
	border-color: #d7d7d7 white #d7d7d7 #d7d7d7;
	border-style: solid;
	border-width: 1px;
	display: inline;
	float: left;
	padding:4px;
	margin-top: 0px; /* Chrome fix */
}

#newsuebersicht #news_searcharea {
	height: 26px;
	border-color: #d7d7d7 #d7d7d7 #d7d7d7 #d7d7d7;
	border-style: solid dotted solid solid;
	border-width: 1px;
	display: inline;
	float: left;
	padding:3px;
	color: #1179B9;
}

#newsuebersicht #news_searcharea2 {
	height: 26px;
	border-color: #d7d7d7 #d7d7d7 #d7d7d7 #d7d7d7;
	border-style: solid dotted solid dotted;
	border-width: 1px;
	display: inline;
	float: left;
	padding:3px;
	color: #1179B9;
}

#newsuebersicht #news_searcharea3 {
	height: 26px;
	border-color: #d7d7d7 #d7d7d7 #d7d7d7 #d7d7d7;
	border-style: solid solid solid dotted;
	border-width: 1px;
	display: inline;
	float: left;
	padding:3px;
	color: #1179B9;;
}

#newsuebersicht #keine_news_gefunden {
	margin: 20px;
	background-color: #eaedf3;
	border: 1px solid #333333;
	padding: 10px;
}

#newsuebersicht #news_suchbutton {
	height: 26px;
	width: 44px;
	padding: 0px;
	border: 0px;
	float: left;
	display: inline;
	background: url('../img/suchen.png');
	cursor: pointer;
	margin: 0 6px 0 6px;
}

#newsuebersicht #reset_button {
	height: 26px;
	width: 62px;
	padding: 0px;
	border: 0px;
	float: left;
	display: inline;
	background: url('../img/reset.png');
	cursor: pointer;
}

#newsuebersicht #news_text {
	margin-top: 6px;
}	

#newsuebersicht .newspic_smal {
	height: 60px;
	width: 60px;
	float: left;
	margin-right: 6px;
	background-color: #d7d7d7;
}

#newsuebersicht #news_toolbar {
	text-align: center;
	background: #006fb4;
	margin: 50px 0 4px 0;
	color: white;
	font-size: 12px;
	clear: both;
	width: 760px;
}

#newsuebersicht #news_toolbar a {
	color: white;
}

#newsuebersicht .news_box {
	width: 244px;
	float: left;
	padding: 2px 4px 2px 4px;
	margin: 0 6px 4px 0;
	overflow: visible;
}

#newsuebersicht h1 {
	color: #006fb4;
}

#newsuebersicht .search_message {
	padding: 1px 4px 2px 4px;
	border: 1px solid #D7D7D7;
	float: left;
	font-size: 12px;
}


/*
 News�bersicht - Erg�nzung- Befindet sich in der LEFT div
*/

#newsuebersicht_erganzung {
	border: 1px solid #80b7da;
	width: 140px;
	margin: 21px;
	padding: 4px 8px 8px 8px;
	background: url('../img/left_bg.png') repeat-x top;
}

#newsuebersicht_erganzung h2 {
	color: #006fb4;
	margin: 0 0 8px 0;
}

#newsuebersicht_erganzung #news_verfolgen label{
	background: url('../img/dots/type2_blue.png') no-repeat left center;
	padding: 0 0 0 21px;
}

#newsuebersicht_erganzung #news_verfolgen input[type=text]{
	width: 102px;
	margin: 4px 0 4px 0;
	float: left;
	border-color:#ececec white #ececec #ececec;
	border-style: solid;
	border-width: 1px;
	display: inline;
	padding:1px;
}

#newsuebersicht_erganzung .ok_button {
	width: 34px;
	height: 20px;
	margin: 4px 0 0 0;
	border: 0px;
	background: url('../img/newsseite/ok_button.png') no-repeat;
	cursor: pointer;
}

#newsuebersicht_erganzung  #ok_center {
	margin: 8px 0 0 52px;
}

#newsuebersicht_erganzung  .one_line {
	clear: both;
}

/*
 Sportlerseite
*/

#sportlerseite {

}

#sportlerseite .loader {
	left:37%;
	position:absolute;
}

.sportler_header_ext{
	height: 250px;
	background-color: #006fb4;
	position: relative;
	width: 758px;
}

#sportlerseite .sportler_header h3,#sportlerseite .sportler_header_ext h3 {
	background:none repeat scroll 0 0 #006FB4;
	color:white;
	font-size:24px;
	left:10px;
	opacity:0.8;
	padding:4px;
	position:absolute;
	text-transform:uppercase;
	top:10px;
}

#sportlerseite .sportler_nav {
	left:224px;
	position:absolute;
	bottom: 0;
}

#sportlerseite .sportler_nav li {
	color:white;
	display:inline;
	background: #eaedf3;
	border: 1px solid #93a3c2;
	border-bottom: 0;
	float: left;
	margin-right: 2px;
}

#sportlerseite .sportler_nav li:hover {
	background: #ffffff;
}

#sportlerseite .sportler_nav li a {
	color:#006fb4 !important;
	padding:2px 7px 2px 7px;
	font-weight: bold;
}

#sportlerseite .sportler_nav li a{

}

#sportlerseite #fan-tab {
	overflow: auto;
}

#sportlerseite .sportler_nav a:hover{
	text-decoration: none;
}

#sportlerseite .sportler_nav .active {
	background: #ffffff;
}

#sportlerseite .pagerobj {
	padding: 0 4px 0 4px;
}

#sportlerseite .pagerele {
	border-top: 1px solid #ECECEC;
	padding: 10px 0 0 0;
	clear: both;
}

#sportlerseite .pagerele .active {
	font-weight: bold;
}

#sportlerseite .pagerobj:hover {
	font-weight: bold;
	text-decoration: none;
}

.sportler_left {
	float:left;
	margin-top: 12px;
	width:200px;
	color: #333333;
}

.sportler_left h4 {
	background-color: #eaedf3;
}

.sportler_left table {
	border-bottom:1px solid #f2f2f2;
	margin:0 0 20px;
	font-size: 12px;
	width:100%;
}

.sportler_left .rss_feature {
	margin: 4px 0 0 0;
	padding-bottom: 4px;
}

.sportler_left .rss_box {
	background: url('../img/icon_rss.png') no-repeat center center;
	width: 44px;
}

.sportler_left .left_text, .sportler_left .fan_feature{
	border-bottom:1px solid #f2f2f2;
	margin:0 0 20px;
	overflow: auto;
}

.sportler_left .erfolg {
	margin: 0 0 6px 0;
	font-size: 12px;
}

#sportlerseite .fan_bild {
	width: 54px;
	height: 54px;
}

.sportler_left .all_fans {
	font-size: 12px;
	clear: both;
}

#sportlerseite .fan_obj a:hover {
	text-decoration: none !important;
	color: white !important;
}

#sportlerseite .fan_obj {
	float: left;
	padding: 4px;
	margin: 4px;
	font-size: 12px;
	line-height: 120%;
}

#sportlerseite .fan_obj:hover {
	background: #006FB4;
	color: white !important;
}

.sportler_content {
	margin: 8px 0 0 224px;
	overflow: auto;
	width: 534px;
}

.sportler_content_width {
	margin: 8px 0 0 224px;
	overflow: auto;
	width: 758px;
}

#sportler_content_ext {
	margin: 8px 0 8px 0;
}

.sportler_content h4 {
	border-bottom:1px solid #ECECEC;
	color:grey;
	margin:0;
	padding-bottom:2px;
}

.sportler_content h4 .boxed {
	border: 1px solid #ECECEC;
	border-bottom: 0px;
	display:inline;
	padding:5px;
	background: white;
	margin-left: 10px;
}

#sportlerseite h2 {
	font-size: 20px;
	color: #333333;
}

#sportlerseite .ui-tabs { padding: .2em; zoom: 1; }
#sportlerseite .ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }
#sportlerseite .ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0;  }
#sportlerseite .ui-tabs .ui-tabs-nav li.ui-tabs-selected { border-bottom-width: 0; }
#sportlerseite .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, #sportlerseite.ui-tabs .ui-tabs-nav li.ui-state-disabled a, #sportlerseite .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; background: url('../img/arrow.png') no-repeat bottom center; padding-bottom: 8px;}
#sportlerseite.ui-tabs .ui-tabs-nav li a, #sportlerseite.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
#sportlerseite .ui-tabs .ui-tabs-panel { padding: 0 0 0 0; display: block; border-width: 0; background: none; }
#sportlerseite .ui-tabs .ui-tabs-hide { display: none !important; }


#sportler_info_tabs {

}

#sportler_info_tabs  ul {
	float: right;
}

#sportler_info_tabs  li{
	padding: 0 0 5px 0;
}

#sportler_info_tabs ul a{
	margin-left: 10px; 
	color: #777777;
}

#sportler_info_tabs li a:hover{
	text-decoration: none;
	background: url('../img/arrow.png') no-repeat bottom center;
	padding-bottom: 8px;
}

#sportler_info_tabs li:hover{

}

#sportler_info_tabs .menu_line {
	height: 1px;
	background: #ececec;
	margin: 30px 0 21px 0;
}

#sportlerseite #your_comment {
	border-top: 2px solid #777777;
	border-left: 1px solid #d1d1d1;
	border-right: 1px solid #d1d1d1;
	border-bottom: 1px solid #d1d1d1;
	background-color: #f0f0f0;
	padding: 10px;
	margin-top: 10px;
}

#sportlerseite #your_comment h3 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 12px;
}

#sportlerseite #comment_text {
	width: 496px;
	height: 100px;
	margin: 0 0 8px 0;
	padding: 6px;
}

#sportlerseite textarea.error {
  	border: 1px solid #c24949;
	background: #ffbcbc;
}

#sportlerseite textarea.valid {
  	border: 1px solid #49c24f;
	background: #bcffbf;
}

#sportlerseite  #abschicken{
	height: 26px;
	width: 98px;
	padding: 0px;
	border: 0px;
	display: inline;
	background: url('../img/speichern_button.png');
	cursor: pointer;
}

#sportlerseite .news_container {
	margin: 0 0 10px 0;
}

#sportlerseite  .news_date{
	font-weight: bold;
	background: white;
	border-bottom: 1px solid #ececec;
}

#sportlerseite  .news_title {
	font-weight: bold;
	font-size: 16px;
}

#sportlerseite  .line {
	margin: 12 0 12 0;
	border-bottom:1px solid #ECECEC;
}

#sportlerseite  .ubersicht li {
	border-bottom: 1px solid #ECECEC;
	overflow: auto;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

#sportlerseite #abschicken_text {
	color: green;
	font-weight: bold;
	text-align:right;
}

#sportlerseite .ubersicht .picture {
	width: 120px;
	height: 80px;
	float: left;
	margin: 0 10px 0 0;
	background: grey;
}

#sportlerseite .ubersicht .content {
	float: left;
	margin: 0 20px 0 0;
	width: 400px;
}

#sportlerseite .ubersicht .name {
	width: 100px;
}

#sportlerseite .ubersicht .name, #sportlerseite .ubersicht .bold  {
	font-weight: bold;
}

#sportlerseite .ubersicht .sportart {
	color: #333333;
}

#sportlerseite .cat_name {
	margin-bottom: 16px;
	padding-bottom: 11px;
	font-size: 24px;
	color: #333333;
	border-bottom: 1px solid #ECECEC;
}

#sportlerseite .sportler_box {
	float: left;
	text-align: center;
	font-weight: bold;
	padding: 4px;
	margin: 0 16px 16px 0;
	position: relative;
}

#sportlerseite .sportler_box  img{
	width: 200px;
	height: 200px;
	margin: 0 0 4px 0;
	display: block;
}

#sportlerseite .sportler_box:hover{
	text-decoration: none;
	background: #006fb4;
	cursor: pointer;
	color: white;
}

#sportlerseite .kategorie {
	float: left;
	text-align: center;
	font-weight: bold;
	padding: 4px;
	margin: 0 16px 16px 0;
	position: relative;
}

#sportlerseite .count_member {
	position: absolute;
	margin-top: -36px;
	color: #333333;
	font-size: 12px;
	background: #e2e2e2;
	padding: 2px 4px 2px 4px;
	opacity: 0.8;
}

#sportlerseite .kategorie img {
	width: 160px;
	height: 160px;
	margin: 0 0 4px 0;
	display: block;
}

#sportlerseite .kategorie:hover{
	text-decoration: none;
}

#sportlerseite .kategorie:hover{
	background: #006fb4;
	cursor: pointer;
	color: white;
}

#sportlerseite .line_spacer {
	height: 1px;
	background: #ececec;
	margin: 10px 0 10px 0;
	clear: both;
}

#sportlerseite .blog_eintrag{
	display: block;
	clear: both;
	cursor: pointer;
	overflow: auto;
}

#sportlerseite .blog_eintrag:hover{
	text-decoration: none;
}

#sportlerseite .blog_eintrag img {
	display: block;
	height: 80px;
	width: 80px;
	margin: 0 10px 0 10px;
}

#sportlerseite .blog_avatar {
	text-align: center;
	float: left;
	margin: 0 20px 0 0;
	font-weight: bold;
}

#sportlerseite .blog_text {
	color: #333333;
}

#sportlerseite .um_headline {
	font-size: 14px;
	border-top: 2px solid #777777;
	border-bottom: 1px solid #d1d1d1;
	padding: 0 0 4px 0;
	margin: 14px 0 4px 0;
}

#sportlerseite .skillrating {
	float: left;
	background: url('../img/sportler/unfilled.png') no-repeat center center;
	height: 13px;
	width: 13px;
	margin: 0 2px 0 2px;
}

#sportlerseite .filled {
	background: url('../img/sportler/filled.png') no-repeat center center;
}


#sportlerseite table td {
	padding: 0 10px 0 0;
}

#sportlerseite .produktbild {
	vertical-align: bottom;
}

#sportlerseite   .image_overlay {
	position: absolute;
	margin: 12px 0 0 660px;
	z-index: 90;
	display: none;
}

#sportlerseite   .bild_hochladen {
	background: url('../img/bild_change.png') no-repeat;
	width: 86px;
	height: 25px;
}

#sportlerseite .bild {
	float: left;
	margin: 10px;
}


#sportlerseite .video {
	margin: 8px;
	float: left;
}

#sportlerseite #video_container, #sportlerseite #bild_container {
	overflow: auto;
}



#overlay_sportlerbild  {
	width: 260px;
}

#overlay_sportlerbild h1 {
	margin: 0 0 20px 0;
}

#overlay_sportlerbild label {
	display:block;
	font-size:12px;
	margin: 10px 0 10px 0;
}

#erfolg_speichern input, #erfolg_speichern select {
	margin: 4px 4px 4px 0;
}


/*
 Eventseite
*/

#eventseite  {

}

#eventseite h2 {
	font-size: 20px;
	color: #333333;
	border-bottom: 1px solid #ECECEC;
	padding-bottom: 8px;
}

#eventseite ol li {
	float: right;
}

#eventseite ol li a {
	color: #777777;
	padding: 0 10px 0 10px;
}

#eventseite ol li a:hover {
	text-decoration: none;
}

#eventseite ol li:hover, #eventseite ol li.active{
	background: url('../img/arrow.png') no-repeat bottom center;
	padding-bottom: 9px;
}

#eventseite #map_canvas {
	margin-top: 14px;
	width: 100%; 
	height: 350px; 
	background-color: #f2f2f2;
}

#eventseite .overlaytext {
	font-size: 10px;
	margin-top: -5px;
	line-height: 180%;
}

#eventseite .overlaytext a{
	font-size: 12px;
	line-height: 200%;
}


#eventseite .eventpic {
	width: 100px;
	float: left;
}

#eventseite .title {
	color: black;
	font-weight: bold;
}

#eventseite .ort {
	color: black;
	margin-bottom: 10px;
}

#eventseite .stand {
	margin-bottom: 10px;
}

#eventseite #event_output {
	clear: both;
}

#eventseite .distance {
	float: right;
	font-size: 12px;
}

#eventseite ul {
	margin: 0 0 20px 120px;
}

#eventseite #address{
	border-color:#7FB7D9 #BFDBEC #BFDBEC #7FB7D9;
	border-style:solid;
	border-width:1px;
	display:inline;
	float:left;
	padding:4px;
	width:150px;
}

#eventseite #adresssuche {
	margin: 10px 0 0 0;
	float: right;
}

#eventseite #adress_suche {
	background: url('../img/eventseite/suchen_button.png') no-repeat;
	width: 77px;
	height: 26px;
	border: 0px;
	cursor: pointer;
}

#eventseite .line_break {
	border-top: 1px solid #ECECEC;
	height: 0;
	margin: 50px 0 20px 0;
}

/*
 Ern�hrungswikiseiten (Basis - Leistungs - Verletzungs - Regeneration)
*/

#ernaehrungswikiseite {

}

#ernaehrungswikiseite h1{
	font-family: "Verdana", sans-serif;dddd	
	color: #333333;
	font-size: 20px;
	margin: 0 0 8px 0;
}

#ernaehrungswikiseite .line {
	height: 1px;
	background: #ececec;
	margin: 11px 0 11px 0;
}

#ernaehrungswikiseite p {
	color: #333333;
}

#ernaehrungswikiseite ol {
	list-style: disc;
	margin: 0 0 0 14px;
}

/*
 Jobseite
*/

#jobseite {

}

#jobseite h1{
	font-family: "Verdana", sans-serif;
	color: #333333;
	font-size: 20px;
	margin: 0 0 8px 0;
}

#jobseite .line {
	height: 1px;
	background: #ececec;
	margin: 11px 0 11px 0;
}

#jobseite p {
	color: #333333;
}

/*
 Forum - Board
*/

#forum {

}

#forum .delete, #threadseite .delete {
	background:  url('../img/forum/del_kreuz.png') no-repeat center center;
	width: 19px;
	height: 22px;
	float: right;
	position: absolute;
}

#forum .not_logged_in_box {
	border-top: 4px solid #777777;
	border-bottom: 1px solid #959595;
	border-left: 1px solid #777777;
	border-right: 1px solid #777777;
	padding: 10px;
	font-size: 12px;
}

.new_topic_box {
	border-top: 4px solid #777777;
	border-bottom: 1px solid #959595;
	border-left: 1px solid #777777;
	border-right: 1px solid #777777;
	padding: 20px;
	background: #f0f0f0 url('../img/forum/hand.png') no-repeat bottom right;
}

.new_topic_box select, .new_topic_box textarea {
	margin-top: 6px;
	padding: 4px;
}

.new_topic_box input {
	padding: 4px;
}

.new_topic_box input.error, .new_topic_box select.error, .new_topic_box textarea.error {
  	border: 1px solid #c24949;
	background: #ffbcbc;
}

.new_topic_box input.valid, .new_topic_box select.valid, .new_topic_box textarea.valid {
  	border: 1px solid #49c24f;
	background: #bcffbf;
}

.new_topic_box #new_topic_text {
	width: 500px;
	height: 100px;
}

.new_topic_box #new_topic_title {
	width: 340px;
}

.new_topic_form .submit {
	background: url('../img/forum/new_topic_button.png') no-repeat;
	width: 187px;
	height: 26px;
	padding: 0;
	margin: 0;
	border: 0;
	cursor: pointer;
	margin-top: 10px;
}

.forum_category {
	padding-bottom: 10px;
	border-bottom: 3px solid #868889;
	font-size: 20px;
	margin-top: 24px;
}

.forum_box {
	border-bottom: 1px solid #ECECEC;
	padding: 6px 0 6px 0;
}

.forum_box ul {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: auto;
}

.forum_box ol {
	overflow: auto;
}

.forum_box:hover  {
	background: #eaedf3;
}

.forum_box li{
	float: left;
}

.forum_box .image {
	width: 40px;
}

.forum_box .title {
	width: 360px;
}

.forum_box .title2 {
	width: 460px;
}

.forum_box .title a {
	color: #333333;
	font-size: 14px;
	font-weight: bold;
}

.forum_box .count {
	width: 150px;
}

.forum_box .last {
	width: 190px;
}

.forum_box .last2 {
	width: 140px;
}

.pager {
	float: right;
	font-size: 14px;
	font-weight: bold;
	margin: 10px;
	padding: 5px;
}

/*
 Forum - Threadseite
*/


#threadseite {
	padding: 0 21px 0 21px;
}

#threadseite  .info{
	float: right;
}


#threadseite #detailansicht h1{
	font-family: "Verdana", sans-serif;
	color: #333333;
	font-size: 20px;
	margin: 0 0 8px 0;
}

#threadseite #detailansicht{
	margin-bottom: 20px;
	overflow: hidden;
}

#threadseite #location {
	float: left;
	margin: 0 0 12px 0;
}

#threadseite #comments2 {
	float: right;
}

#threadseite #comments2 img {
	margin-right: 6px;
	display: block;
	float: left;
}

#threadseite .thread_line {
	height: 1px;
	background: white;
	margin: 8px 0 16px 0;
	clear: both;
}

#threadseite .comment_tab2 {
	padding: 8px 8px 8px 8px;
}

#threadseite .title {
	font-size: 20px;
	color: #333333;
	font-weight: bold;
	margin-bottom: 10px;
}

#threadseite #maintext {
	color: #333333;
}

#threadseite #userbild {
	float: left;
	padding: 0 8px 8px 0;
	height: 80px;
	width: 80px;
}

#threadseite #comments {
	padding: 8px 8px 8px 8px;
	border-top: 2px solid #777777;
}

#threadseite #comments h2 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 4px;
}

#threadseite #your_comment {
	border-top: 2px solid #777777;
	border-left: 1px solid #d1d1d1;
	border-right: 1px solid #d1d1d1;
	border-bottom: 1px solid #d1d1d1;
	background-color: #f0f0f0;
	padding: 10px;
	margin-top: 10px;
}

#threadseite #your_comment h3 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 12px;
}

#threadseite .comment_head {
	margin: 0 0 4px 0;
}

#threadseite #post_name, #threadseite #post_email {
	padding: 4px;
	width: 200px;
}

#threadseite label.error {
	margin-left: 10px;
}

#threadseite #comment_text {
	padding: 4px;
	width: 506px;
	height: 100px;
	margin: 0 0 8px 0;
}

#threadseite #abschicken{
	height: 26px;
	width: 98px;
	padding: 0px;
	border: 0px;
	display: inline;
	background: url('../img/speichern_button.png');
	cursor: pointer;
}

#threadseite #abschicken_text {
	color: green;
	font-weight: bold;
	text-align:right;
}

#threadseite .background_2 {
	background: #eaedf3;
}

#threadseite textarea.error, #threadseite input[type=text].error {
  	border: 1px solid #c24949;
	background: #ffbcbc;
	padding: 4px;
}

#threadseite textarea.valid, #threadseite input[type=text].valid  {
  	border: 1px solid #49c24f;
	background: #bcffbf;
	padding: 4px;
}




/*
 Newsletterseite
*/

#newsletterseite {

}

#newsletterseite h1{
	font-family: "Verdana", sans-serif;
	color: #333333;
	font-size: 20px;
	margin: 0 0 8px 0;
}

#newsletterseite .line {
	height: 1px;
	background: #ececec;
	margin: 11px 0 11px 0;
}

#newsletterseite p {
	color: #333333;
}

#newsletterseite table {
	margin: 10px 0 10px 0;
}

#newsletterseite table td {
	padding: 6px 0 6px 0;
}

#newsletterseite #newsletter_text, #newsletterseite #newsletter_removetext  {
	margin: 0 0 20px 0;
	padding: 10px;
	border: 1px solid #333333;
	display: none;
	color: red;
}

#newsletterseite input[type=text] {
	width: 250px;
}

#newsletterseite #newsletter_form .valid, #newsletterseite #newsletter_removeform .valid  {
  	border: 1px solid #49c24f;
	background: #bcffbf;
}
  
#newsletterseite #newsletter_form  input.error, #newsletterseite #gewinnspiel_form  textarea.error, #newsletterseite #newsletter_form  select.error, #newsletterseite #newsletter_removeform  input.error, #newsletterseite #gewinnspiel_removeform  textarea.error, #newsletterseite #newsletter_removeform  select.error    {
  	border: 1px solid #c24949;
	background: #ffbcbc;
}

#newsletterseite #newsletter_form  label.error , #newsletterseite #newsletter_removeform  label.error {
	color: red;
	font-size: 12px;
	margin-left: 10px;
	padding-left: 16px;
	background: url('../img/dots/dot_error.png') no-repeat center left;
}

#newsletterseite #newsletter_text.success, #newsletterseite #newsletter_removetext.success  {
	color: green;
	padding-left: 34px;
	background: url('../img/dots/dot_done2.png') no-repeat center left;
}

#newsletterseite #newsletter_text.error, #newsletterseite #newsletter_removetext.error  {
	color: red;
}

#newsletterseite #newsletter_form input, #newsletterseite #newsletter_removeform input  {
	border: 1px solid #333333;
	padding: 4px;
}

#newsletterseite .email_valid {
	border: 1px solid green;
	padding: 10px;
}

#newsletterseite .email_error {
	border: 1px solid red;
	padding: 10px;
}

#newsletterseite #newsletter_removeform {
	display: none;
}


/*
 Kontaktseite
*/

#kontaktseite  #kontakt_form .valid {
  	border: 1px solid #49c24f;
	background: #bcffbf;
}
  
#kontaktseite  #kontakt_form  input.error, #kontaktseite  #kontakt_form  textarea.error  {
  	border: 1px solid #c24949;
	background: #ffbcbc;
}

#kontaktseite  #kontakt_form  label.error {
	color: red;
	background: #ececec;
	font-size: 11px;
	padding: 2px 2px 2px 0;
}

#kontaktseite  #kontakt_form label.error:before {
	background: white url('../img/tooltip_arrow.png') no-repeat top right;
	content:"";
	padding: 2px 4px 2px 30px;
}

#kontaktseite  #kontakt_form table td {
	padding: 4px 4px 4px 4px;
	vertical-align: top;
}

#kontaktseite #kontakt_form #submit {
	background:url("../img/abschicken_button.png");
	border: 0;
	cursor:pointer;
	display:inline;
	height:26px;
	padding:0;
	width:110px;
	margin: 8px 0 0 0;
}

#kontaktseite #kontakt_form input, #kontaktseite #kontakt_form textarea {
	padding: 4px;
	border: 1px solid #d3d3d3;
}

#kontaktseite #kontakt_form input {
	width: 220px;
}

#kontaktseite #kontakt_form textarea {
	width: 400px;
	height: 120px;
}

#kontaktseite h2 {
	color:#333333;
	font-family:"Verdana",sans-serif;
	font-size:20px;
	padding:0 0 11px 0;
	border-bottom: 1px solid #ECECEC;
	margin-bottom: 10px;
}

#kontaktseite #fehler_text {
	padding: 10px;
	border: 1px solid #333333;
	display: none;
	color: red;
}

#kontaktseite #kontakt_text {
	padding: 10px;
	border: 1px solid #333333;
	display: none;
	color: green;
	padding-left: 34px;
	background: url('../img/dots/dot_done2.png') no-repeat center left;
}


/*
 Gewinnspielseite
*/

#gewinnspielseite {
	padding: 21px;
}

#gewinnspielseite .container {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #ECECEC;
	min-height: 100px;
}

#gewinnspielseite .logo {
	margin-right: 10px;
	float: left;
}

#gewinnspielseite .title {
	font-weight: bold;
}

#gewinnspielseite .text {
	margin: 10px 0 10px 0;
}

#gewinnspielseite #gewinnfrage {
	color: red;
}

#gewinnspielseite #rechtshinweise {
	margin: 0 0 10px 0;
}

#gewinnspielseite table {
	margin: 10px 0 10px 0;
}

#gewinnspielseite table td {
	padding: 6px 0 6px 0;
}

#gewinnspielseite #gewinnspiel_text {
	margin: 20px 0 20px 0;
	padding: 10px;
	border: 1px solid #333333;
	display: none;
	color: red;
}

#gewinnspielseite #gewinnspiel_form .valid {
  	border: 1px solid #49c24f;
	background: #bcffbf;
}
  
#gewinnspielseite #gewinnspiel_form  input.error, #gewinnspielseite #gewinnspiel_form  textarea.error, #gewinnspielseite #gewinnspiel_form  select.error   {
  	border: 1px solid #c24949;
	background: #ffbcbc;
}

#gewinnspielseite #gewinnspiel_form  label.error {
	color: red;
	font-size: 12px;
	margin-left: 10px;
	padding-left: 16px;
	background: url('../img/dots/dot_error.png') no-repeat center left;
}

#gewinnspielseite #gewinnspiel_form  #gewinnspiel_text.success {
	color: green;
	padding-left: 34px;
	background: url('../img/dots/dot_done2.png') no-repeat center left;
}

#gewinnspielseite #gewinnspiel_form input {
	border: 1px solid #333333;
	padding: 4px;
}


/*
 Storelocator Elemente
*/

#storelocator {

}

#storelocator h2 {
	border-bottom:1px solid #ECECEC;
	color:#333333;
	font-size:20px;
	padding-bottom:8px;
}

#storelocator .overlaytext {
	font-size: 10px;
	margin-top: -5px;
}

#storelocator #map_canvas {
	width: 100%; 
	height: 350px; 
	background-color: #f2f2f2;
}

#storelocator #trennlinie {
	margin: 50px 0 20px 0;
	border-bottom: 1px solid #ECECEC;
}

#storelocator #address{
	border-color:#7FB7D9 #BFDBEC #BFDBEC #7FB7D9;
	border-style:solid;
	border-width:1px;
	display:inline;
	float:left;
	padding:4px;
	width:150px;
}

#storelocator #adresssuche {
	margin: 10px 0 0 0;
	float: right;
}

#storelocator #adress_suche {
	background: url('../img/storelocator/suchen_button.png') no-repeat;
	width: 77px;
	height: 26px;
	border: 0px;
	cursor: pointer;
}

#storelocator .thead  td{
	background-color: #4d9aca;
	border: 1px solid #80b7da;
	color: white;
	font-weight: bold;
	text-transform: uppercase;
}

#storelocator table {
	width: 100%;
	font-size: 12px;
}

#storelocator table td {
	padding: 2px 10px 2px 10px;
}

#storelocator #loader {
	margin: 166px 0 0 376px;
	position:absolute;
}


/*
 Footer Elemente
*/

#footer {
	z-index: 3; /* sf-menu fix for ie */

	background: url('../img/footer_shadow.png') repeat-x top right;
	height: 43px;
	width: 100%;
	clear: both;
}

#footer p {
	padding: 17px 0 0 0;
	font-size: 14px;
	text-align: center;
	color: #006fb4;
}

#footer p a {
	color: #006fb4;
	text-decoration: none;
}


/* the overlayed element */ 
div.overlay { 
     
    /* growing background image */ 
    background-image:url(../img/overlay/white.png); 
     
    /* dimensions after the growing animation finishes  */ 
    width:600px; 
    height:470px;         
     
    /* initially overlay is hidden */ 
    display:none; 
     
    /* some padding to layout nested elements nicely  */ 
    padding:55px; 
} 
 
/* default close button positioned on upper right corner */ 
div.overlay div.close { 
    background-image:url(../img/overlay/close.png); 
    position:absolute; 
    right:5px; 
    top:5px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}

div.overlay div.wrap {
	height: 460px;
	overflow: auto;
}

#overlay_beitreten { 
	padding: 40px 40px 21px 40px;
} 

#overlay_beitreten div.wrap { 
	height:476px;
} 

#overlay_passwort_vergessen { 
	height:300px;
	width: 300px;
} 

/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
div.rating-cancel,div.star-rating{margin-top:4px;float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
div.rating-cancel,div.rating-cancel a{background:url(../img/delete.gif) no-repeat 0 -16px}
div.star-rating,div.star-rating a{background:url(../img/star.gif) no-repeat 0 0px}
div.rating-cancel a,div.star-rating a{display:block;width:16px;height:100%;background-position:0 0px;border:0}
div.star-rating-on a{background-position:0 -16px!important}
div.star-rating-hover a{background-position:0 -32px}
/* Read Only CSS */
div.star-rating-readonly a{cursor:default !important}
/* Partial Star CSS */
div.star-rating{background:transparent!important;overflow:hidden!important}
/* END jQuery.Rating Plugin CSS */




/*
 Sportern�hrungstool
*/

#ernahrungstool {

}

#ernahrungstool .start {
    background: url('../img/sporternahrungstool/start.png') repeat-y;
	height: 33px;
	padding: 0 0 0 40px;
}

#ernahrungstool .vor {
    background: url('../img/sporternahrungstool/vor.png') repeat-y;
	padding: 0 0 0 40px;
}

#ernahrungstool .vor-bei{
    background: url('../img/sporternahrungstool/vor-bei.png') repeat-y;
	height: 36px;
	padding: 0 0 0 40px;
}

#ernahrungstool .bei {
    background: url('../img/sporternahrungstool/bei.png') repeat-y;
	padding: 0 0 0 40px;
}

#ernahrungstool .bei-nach {
    background: url('../img/sporternahrungstool/bei-nach.png') repeat-y;
	height: 38px;
	padding: 0 0 0 40px;
}

#ernahrungstool .nach {
    background: url('../img/sporternahrungstool/nach.png') repeat-y;
	padding: 0 0 0 40px;
}

#ernahrungstool .ende {
    background: url('../img/sporternahrungstool/ende.png') repeat-y;
	height: 34px;
}

/*
 FAQ Seite
*/

#faq .ui-accordion .ui-accordion-header {
cursor:pointer;
margin: 2px 0 2px 0;
position:relative;
}

#faq .ui-state-default:hover {
	background: #dad9d9;
}

#faq .ui-corner-all {
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
}

#faq .ui-state-default, #faq  .ui-widget-content .ui-state-default {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#ECECEC;
border:1px solid #D3D3D3;
color:#555555;
font-weight:normal;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
}

#faq .ui-accordion .ui-accordion-header {
cursor:pointer;
margin-top:1px;
position:relative;
}
#faq .ui-accordion .ui-accordion-li-fix {
display:inline;
}
#faq .ui-accordion .ui-accordion-header-active {
border-bottom:0 none !important;
}
#faq .ui-accordion .ui-accordion-header a {
display:block;
font-size: 14px;
padding: 2px 0 2px 6px;
color: #333333;
}

#faq .ui-accordion .ui-accordion-header a:hover {
	text-decoration: none;
}

#faq .ui-accordion .ui-accordion-content {
border-top:0 none;
display:none;
margin-bottom:10px;
margin-top:-2px;
overflow:auto;
padding:1em 1.2em;
position:relative;
top:1px;
}
#faq .ui-accordion .ui-accordion-content-active {
display:block;
}

#faq .answer {

}


/*
 Vortr�ge
*/

#vortragsseite  {

}

#vortragsseite h2 {
	font-size: 20px;
	color: #333333;
	border-bottom: 1px solid #ECECEC;
	padding-bottom: 8px;
}

#vortragsseite ol li {
	float: right;
}

#vortragsseite ol li a {
	color: #777777;
	padding: 0 10px 0 10px;
}

#vortragsseite ol li a:hover {
	text-decoration: none;
}

#vortragsseite ol li:hover, #vortragsseite ol li.active{
	background: url('../img/arrow.png') no-repeat bottom center;
	padding-bottom: 9px;
}

#vortragsseite #map_canvas {
	margin-top: 14px;
	width: 100%; 
	height: 350px; 
	background-color: #f2f2f2;
}

#vortragsseite .overlaytext {
	font-size: 10px;
	margin-top: -5px;
	line-height: 180%;
}

#vortragsseite .overlaytext .name {
	font-size: 12px;
}

#vortragsseite .overlaytext a{
	font-size: 10px;
	line-height: 200%;
}


#vortragsseite .eventpic {
	width: 100px;
	float: left;
}

#vortragsseite .title {
	color: black;
	font-weight: bold;
}

#vortragsseite .ort2 {
	color: black;
}

#vortragsseite .ort {
	color: black;
	margin-bottom: 10px;
}

#vortragsseite .referent {
	margin-bottom: 10px;
}

#vortragsseite #event_output {
	clear: both;
}

#vortragsseite .distance {
	float: right;
	font-size: 12px;
}

#vortragsseite ul {
	margin: 0 0 20px 120px;
}

#vortragsseite #address{
	border-color:#7FB7D9 #BFDBEC #BFDBEC #7FB7D9;
	border-style:solid;
	border-width:1px;
	display:inline;
	float:left;
	padding:4px;
	width:150px;
}

#vortragsseite #adresssuche {
	margin: 10px 0 0 0;
	float: right;
}

#vortragsseite #adress_suche {
	background: url('../img/vortragsseite/suchen_button.png') no-repeat;
	width: 77px;
	height: 26px;
	border: 0px;
	cursor: pointer;
}

#vortragsseite .line_break {
	border-top: 1px solid #ECECEC;
	height: 0;
	margin: 50px 0 20px 0;
}


/*
 Nachrichten
*/


#nachrichten h1{
	font-family: "Verdana", sans-serif;
	color: #333333;
	font-size: 20px;
	margin: 0 0 8px 0;
}


#nachrichten ul ul{
	border-style: none;
}

#nachrichten .message_box {
	border: 1px #ECECEC;
	border-style: solid none none none;
	overflow: auto;
}

#nachrichten #selection {
	text-align:right;
	margin-bottom: 2px;
}

#nachrichten .meta {
	float: left;
	margin: 6px 0 6px 20px;
}

#nachrichten .avatar {
	width: 50px;
	height: 50px;
	float: left;
	margin: 6px 0 6px 10px;
}

#nachrichten .content {
	margin: 6px 0 6px 240px;
}

#nachrichten #ungelesene {
	display: none;
}

#nachrichten .active {
	font-weight: bold;
}

#nachrichten .submit {
	background: url('../img/forum/new_message_button.png') no-repeat;
	width: 164px;
	height: 26px;
	padding: 0;
	margin: 0;
	border: 0;
	cursor: pointer;
	margin: 10px 0 10px 0;
}

#nachrichten .new_topic_box {
	display: none;
}

#nachrichten .interaction {

}

#nachrichten  .message_title {
	width:98%;
}

#nachrichten  .message_text {
	width:98%;
	height: 100px;
}

#nachrichten textarea {
	margin-top: 6px;
	padding: 4px;
}

#nachrichten input {
	padding: 4px;
}

#nachrichten input.error, #nachrichten textarea.error {
  	border: 1px solid #c24949;
	background: #ffbcbc;
}

#nachrichten input.valid, #nachrichten textarea.valid {
  	border: 1px solid #49c24f;
	background: #bcffbf;
}

#nachrichten .new_message_result {
	margin: 10px 0 10px 0;
	padding: 4px;
	border: 1px solid #333333;
	display: none;
	color: red;
}

#nachrichten .success {
	color: green;
	padding-left: 34px;
	background: url('../img/dots/dot_done2.png') no-repeat center left;
}

#nachrichten .new_message {
	border-top: 1px solid #333333;
	margin-top: 10px;
	display: none;
}

#nachrichten .delete {
	background:  url('../img/forum/del_kreuz.png') no-repeat center center;
	width: 19px;
	height: 22px;
	float: right;
	margin: 20px;
}

#nachrichten .maintext {
	display: none;
}

#nachrichten .message_empfanger {
	width: 30%;
}

#nachrichten .m_ungelesen {
	background: #f0f0f0;
}



/*
 Presse
*/


#presse h1,h2,h3{
	font-family: "Verdana", sans-serif;
	color: #333333;
	font-size: 20px;
	margin: 0 0 8px 0;
}

#presse .line {
	height: 1px;
	background: #ececec;
	margin: 11px 0 11px 0;
}

#presse p {
	color: #333333;
}

#presse .fulltext {
	display: none;
}

#presse .press_element {
	margin: 0 0 16px 0;
}

#presse .archiv {
	background: url('../img/arrow_2.png') no-repeat center left;
	padding: 0 0 0 20px;
	float: right;
	color: #006fb4;
}

#presse .read_more {
	display: block;
	width: 100px;
}

#presse ul {
	padding: 0 0 0 24px;
	list-style: square url("../img/arrow_2.png");
}

#presse .press_downloadcats {
	margin-bottom: 20px;
}

#presse h4{
	margin: 0 0 8px 0;
}

/*
 Userprofile
*/

#profilseite {

}

#profilseite .avatar {
	width: 200px;
	height: 200px;
	background: white;
	position: absolute;
	z-index: 10;
	margin-top: 10px;
}

#profilseite h1 {
	font-weight: normal;
	font-size: 24px;
	padding: 20px 0 0 224px;
}

#profilseite h4 {
	background-color: #eaedf3;
	border-top:1px solid #e0e0df;
}

#profilseite .menu {
	background: #eaedf3;
	height: 100px;
	position: relative;
}

#profilseite .menu_nav {
	left:224px;
	position:absolute;
	bottom: 0;
}

#profilseite .menu_nav li {
	color:white;
	display:inline;
	background: #eaedf3;
	border: 1px solid #93a3c2;
	border-bottom: 0;
	float: left;
	margin-right: 2px;
}

#profilseite .menu li:hover {
	background: #ffffff;
}

#profilseite .menu li a {
	color:#006fb4 !important;
	padding:2px 7px 2px 7px;
	font-weight: bold;
}

#profilseite .menu_nav a:hover{
	text-decoration: none;
}

#profilseite .menu_nav .active {
	background: #ffffff;
}

#profilseite .left_side {
	float: left;
	padding-top: 120px;
	width:200px;
}

#profilseite .content {
	padding: 12px;
	margin-left: 210px;
}

#profilseite .left_side table {
	border-bottom:1px solid #F2F2F2;
	font-size:12px;
	margin:0 0 20px;
	width: 200px;
}

#profilseite  table td {
	padding:0 10px 0 0;
	position: relative;
}

#profilseite .um_headline {
	font-size: 14px;
	border-top: 1px solid #777777;
	border-bottom: 1px solid #d1d1d1;
	padding: 0 0 4px 0;
	margin: 14px 0 4px 0;
}

#profilseite .skillrating {
	float: left;
	background: url('../img/sportler/unfilled.png') no-repeat center center;
	height: 13px;
	width: 13px;
	margin: 0 2px 0 2px;
}

#profilseite .filled, #profilseite .filled2 {
	background: url('../img/sportler/filled.png') no-repeat center center;
}

#profilseite .produktbild {
	vertical-align: bottom;
}

#profilseite #tab-2 , #profilseite #tab-3 {
	display: none;
}

#profilseite  .userchoice:hover{
	background: url('../img/sportler/filled.png') no-repeat center center;
	cursor: pointer;
}

#profilseite  .labeling {
	font-size: 12px;
	position: absolute;
	margin-top: -4px;
	margin-left: 90px;
}

#profilseite  .del_sportart {
	font-size: 12px;
	position: absolute;
	margin-top: -2px;
	background: url('../img/newsseite/delete.png') no-repeat;
	width: 20px;
	height: 20px;
	cursor: pointer;
}

#profilseite  ul{
	float: left;
	margin: 0 10px 0 0;
}

#profilseite  .image_overlay {
	position: absolute;
	margin: 20px 0 0 106px;
	z-index: 90;
	display: none;
}

#profilseite  .bild_hochladen {
	background: url('../img/bild_change.png') no-repeat;
	width: 86px;
	height: 25px;
}

#profilseite  label {
	display: block;
}

#profilseite  #passwort_form .valid {
  	border: 1px solid #49c24f;
	background: #bcffbf;
}
  
#profilseite  #passwort_form  input.error, #profilseite  #passwort_form  input.error2, #profilseite  #passwort_form textarea.error  {
  	border: 1px solid #c24949;
	background: #ffbcbc;
}

#profilseite  #passwort_form  label.error {
	color: red;
	font-size: 10px;
	margin-left: 10px;
	padding-left: 16px;
	background: url('../img/dots/dot_error.png') no-repeat center left;
}

#profilseite  input {
  	border: 1px solid grey;
	padding: 2px 4px 2px 4px;
	margin: 2px 0 2px 0;
}

#profilseite textarea {
  	border: 1px solid grey;
	padding: 4px;
	margin: 4px 0 4px 0;
	width: 500px;
}

#profilseite  #passwort_form  table input {
  	border: 1px solid grey;
	padding: 4px;
	width: 80px;
	margin: 10px 0 10px 0;
}

#profilseite  input[type=submit] {
	height: 26px;
	width: 98px;
	padding: 0px;
	border: 0px;
	display: block;
	background: url('../img/speichern_button.png');
	cursor: pointer;
	margin-top: 10px;
}

#profilseite  #passwort_form  #oldpass_error {
	display: none;
	color: red;
	font-size: 10px;
	margin-left: 10px;
	padding-left: 16px;
	background: url('../img/dots/dot_error.png') no-repeat center left;
}

#profilseite #pw_submit_text {
	display: none;
	color: green;
	padding-left: 34px;
	background: url('../img/dots/dot_done2.png') no-repeat center left;
}

#profilseite #sportart {
	margin-top: 10px;
}

#profilseite .help {
	background:url("../img/overlay/help.png") no-repeat scroll center center transparent;
	height:17px;
	width:17px;
}

#profilseite .help:hover {
	text-decoration: none !important;
}

#profilseite #help_info{
	background: white;
	border: 1px solid #2a92cb;
	padding: 20px;
	-moz-border-radius: 4px;
	display: none;
	left:440px;
	position:absolute;
	top:160px;
	width:490px;
	z-index: 1000;
}

#profilseite .my_close_button{
	background: url('../img/overlay/register_close.png') no-repeat center center;
	height:18px;
	position:absolute;
	right:0;
	top:0;
	width:19px;
	cursor: pointer;
}

#profilseite #help_info p {
	font-size: 12px;
	margin: 10px 0 10px 0;
}


#overlay_vortraege  {
	width: 400px;
	height: 400px;
	font-size: 12px;
}

#overlay_vortraege table td  {
	padding: 4px 10px 4px 0;
}

#overlay_userbild  {
	width: 260px;
}

#overlay_userbild h1 {
	margin: 0 0 20px 0;
}

#overlay_userbild label {
	display:block;
	font-size:12px;
	margin: 10px 0 10px 0;
}

