body {
  font-size: 11px;
  font-family: verdana;
  line-height: 150%;
  color: #555;
  text-align: center;
  margin: 0px;
  pading: 0px;
  background-image: url(images/body-bg.png);
}

img {
  border: 0px; 
}

form {
    padding: 0px;
    margin: 0px;
}
      

td {
  vertical-align: top;
}

h2 {
  font-size: 14px;
  line-height: 18px;
}

h1 {
  font-size: 18px;
  line-height: 21px;
}

h3 {
  font-size: 13px;
  line-height: 15px;
}

.warp {

margin: auto;
background-color: transparent;

}

.border {
  background-image: url(images/border-bg.png);
  background-repeat: no-repeat;
  padding: 0px 21px 0px 21px ;
  width:850px;
  left:-63px;
  margin: auto;
  text-align: left;
  position: relative;
  top:0px;
}

.border-green a,
.border-green span.color,
.border-green div.color,
.border-green a:link{

  color:#569700;

}

.border-orange a,
.border-orange span.color,
.border-orange div.color,
.border-orange a:link{

  color:#d8850f;

}

.border-red a,
.border-red span.color,
.border-red div.color,
.border-red a:link{

  color:#b60c15;

}

.border-blue a,
.border-blue span.color,
.border-blue div.color,
.border-blue a:link{

  color:#2967ba;

}

a {

  text-decoration: none;

}

/*
.ad-top {
  width: 850px;
  margin:auto;
  padding-bottom:10px;
  position: relative;
  left:-63px;
  text-align:center;
  padding-right:0px;
  padding-left:0px;
  
}
*/

.ad-top {
  width: 850px;
  margin:0px auto 0px auto;
  padding-bottom:10px;
  position: relative;
  left:-63px;
  text-align:center;
  padding-right:0px;
  padding-left:0px;
  
}

.ad-right {
  right: -153px;
  width: 160px;
  height: 700px;
  position:absolute;
}

.border-content {
  background-color: white;
  padding: 11px 10px 15px 10px;
  .
}

a.logo,
a.logo:link {
  position: absolute;
  left: 505px;
  top: 21px;
}

a.buttonpfeil,
a.buttonpfeil:link {

  background-position:right center;
  background-repeat:no-repeat;
  padding-right: 8px;
  text-transform: uppercase;
  font-weight: bold;

}

a.buttonpfeil_links,
a.buttonpfeil_links:link {

  color:black;
  background-position:left center;
  background-repeat:no-repeat;
  padding-left: 8px;
  text-decoration: none;

}


.border-green a.buttonpfeil,
.border-green a.buttonpfeil:link {

  background-image: url(images/pfeilgreen.png);

}

.border-blue a.buttonpfeil,
.border-blue a.buttonpfeil:link {

  background-image: url(images/pfeilblue.png);

}

.border-red a.buttonpfeil,
.border-red a.buttonpfeil:link {

  background-image: url(images/pfeilred.png);

}

.border-orange a.buttonpfeil,
.border-orange a.buttonpfeil:link {

  background-image: url(images/pfeilorange.png);

}

.border-orange a.buttonpfeil_links,
.border-orange a.buttonpfeil_links:link {

  background-image: url(images/pfeilorange_links.png);

}

.header {
  background-image: url(images/header-bg.jpg);
  background-repeat: no-repeat;
  height: 102px;
  position: relative;
}

.header .navi-top {
  position: absolute;
  left: 0px;
  bottom: 0px;
  padding-left: 0px;
}

.header .navi-top a,
.header .navi-top a:link {
  width: 52px;
  float: left;
  height: 20px;
  padding-top:40px;
  text-align: center;
  margin-right: 2px;
  margin-left: 0px;
  text-decoration: none;
    background-image: url(images/navi-top-item-normal-bg.png);

  color: #eee;
  font-size: 9px;
  text-transform: uppercase;
  position: relative;
}



.header .navi-top a.active,
.header .navi-top a.active:link,
.header .navi-top a:hover {
  background-image: url(images/navi-top-item-active-bg.png);
}

.header .navi-top a div {
  width: 33px;
  height: 33px;
  position: absolute;
  top:9px;
  left:9px;
  background-repeat: no-repeat;
  
}

.header .navi-top a.navi-main-run div{
  background-image: url(images/pikto/run.png);
}

.header .navi-top a.navi-main-bike div{
  background-image: url(images/pikto/bike.png);
}

.header .navi-top a.navi-main-tri div{
  background-image: url(images/pikto/tri.png);
}

.header .navi-top a.navi-main-home div{
  background-image: url(images/pikto/home.png);
}

.header .navi-top a.navi-main-community div{
  background-image: url(images/pikto/community.png);
}

.header .navi-top a.navi-main-forum div{
  background-image: url(images/pikto/forum.png);
}

.header .navi-top a.navi-main-trainingstagebuch div{
  background-image: url(images/pikto/tagebuch.png);
}

.header .navi-top a.navi-main-wettkampfkalender div{
  background-image: url(images/pikto/kalender.png);
}

.header .navi-top a.navi-main-streckenvermessung div{
  background-image: url(images/pikto/streckenvermessung.png);
}

.header .navi-top a.navi-main-sportlexikon div{
  background-image: url(images/pikto/lexikon.png);
}

/*
.header .navi-top a.navi-main-run.active,
.header .navi-top a.navi-main-run.active:link {
  background-image: url(images/navi-top-item-run-bg.png);
}
*/

.header .navi-top a.navi-main-bike.active,
.header .navi-top a.navi-main-bike:hover,
.header .navi-top a.navi-main-bike.active:link {
  background-image: url(images/navi-top-item-bike-bg.png);
}

.header .navi-top a.navi-main-tri.active,
.header .navi-top a.navi-main-tri:hover,
.header .navi-top a.navi-main-tri.active:link {
  background-image: url(images/navi-top-item-tri-bg.png);
}

.header .navi-top a.navi-main-run.active,
.header .navi-top a.navi-main-run:hover,
.header .navi-top a.navi-main-run.active:link {
  background-image: url(images/navi-top-item-run-bg.png);
}

.navi-sub {
  height: 24px;
  background-color: #777;
  color: white;
  padding-left: 4px;
}

.navi-sub a.active,
.navi-sub a.active:link { 
  color: #222;
}

.navi-sub-green {
  background-color: #7fc128;
}

.navi-sub-orange {
  background-color: #dd8300;
}

.navi-sub-blue {
  background-color: #2868bc;
}

.navi-sub-red {
  background-color: #a5161c;
}



.navigation-level3 a,
.navigation-level3 a:link {
  color: white;
  display: block;
  padding: 5px 16px;
  margin-bottom: 1px;
  background-image: url(images/navilvl3-arrow.png);
  background-repeat: no-repeat;
  background-position: 5px center;
}

.navigation-level3-green a,
.navigation-level3-green a:link {
  background-color: #7fc128;
}


.navigation-level3-green a.active,
.navigation-level3-green a:hover,
.navigation-level3-green a.active:link {
  background-color: #508012; /*tbd*/
}

.navigation-level3-blue a,
.navigation-level3-blue a:link {
  background-color: #2868bc;
}


.navigation-level3-blue a.active,
.navigation-level3-blue a:hover,
.navigation-level3-blue a.active:link {
  background-color: #1f4e8d; /*tbd*/
}

.navigation-level3-red a,
.navigation-level3-red a:link {
  background-color: #a5161c;
}

.navigation-level3-red a.active,
.navigation-level3-red a:hover,
.navigation-level3-red a.active:link {
  background-color: #7e1115; /*tbd*/
}

.navigation-level3-orange a,
.navigation-level3-orange a:link {
  background-color: #dd8300;
}


.navigation-level3-orange a.active,
.navigation-level3-orange a:hover,
.navigation-level3-orange a.active:link {
  background-color: #ac5900; /*tbd*/
}


.navi-sub a,
.navi-sub a:link {
  color: white;
  text-decoration: none;
  line-height: 24px;
  padding: 0px 7px;
}

.content {
  min-height: 220px;
  margin-top: 1px;
  background-image: url(images/footer-bg.jpg);
  background-repeat: repeat-x;
  background-position: left bottom;
  padding-bottom: 30px;
  position: relative;
}

.breaker {
  clear: both;
  height: 1px;
}

.content-sidebar {
  float: right; 
  width: 299px;
  position: relative;
}

.content-sidebar .contentElement {
  background-image: url(images/sidebar-box-bg.jpg);
  background-repeat: no-repeat;
  background-color: #e9e9e9;
  padding: 7px 11px 13px 11px;
}

.content-sidebar .contentElement-dropdown {
  background-image: url(images/schatten_navi.png);
  background-repeat: no-repeat;
  width: 100%;
 height: 15px;
 padding-top:0px;
 margin-top:-10px;
}

.content .contentElement {
  margin-bottom: 9px; 
}

.contentElement-underline {

  border-bottom: 1px solid #cecece;
  margin-right:5px;
  padding-bottom:10px;

}

.contentElement-underline {

 
  margin-right:5px;
  padding-bottom:10px;

}

.content-sidebar .contentElement-color-red {
  border-top: 5px solid #951419;
}

.content-sidebar .contentElement-color-green {
  border-top: 5px solid #549600;
}

.content-sidebar .contentElement-color-blue {
  border-top: 5px solid #2868bc;
}

.content-sidebar .contentElement-color-orange {
  border-top: 5px solid #dd8300;
}

.content-sidebar .contentElement h2 {
  margin: 0;
  padding: 0;
  font-size: 12px;
  font-weight: bold;
}

.content-sidebar .contentElementContent {
  margin-top: 23px; 
}




.content-main {
  float: left;
  width: 530px;
  position: relative;
}


.content-main-shadow {
  position: absolute;
  left: 0px;
  width: 100%;
  background-image: url(images/main-content-head-shadow-line.jpg);
  height: 17px;
  top: 150px;
}

/* content defaults */

a, a:link {
  color: #111;
}

a:hover {
  text-decoration: underline;
}

.content-main .text p {
    padding-right: 15px;
}


/* Sidebar Loginbox */

.loginbox {
  background-image: url(images/loginbox-red.jpg);
  padding-top: 13px;
  height: 279px;
  padding-left: 17px;
  margin-bottom: 9px;
  color: #eee;
}

.loginbox-small {
  padding-top: 7px;
  height: 143px;
}

.loginbox a,
.loginbox a:link {
    color: white;
}


.loginbox a.button,
.loginbox a.button:link {
  padding: 2px 5px;
  line-height: 16px;
  width: 150px;
  float: left;
  background-image: none;
  background-color: none;
  border: 0px;
  border-bottom: 1px dotted silver;
  margin-left: 5px;
}

.loginbox h2 {
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 16px;
  padding-bottom: 7px;
  color: white;
}

.loginbox-green {
  background-image: url(images/loginbox-green.jpg);
}

.loginbox-orange {
  background-image: url(images/loginbox-orange.jpg);
}

.loginbox-red {
  background-image: url(images/loginbox-red.jpg);
}

.loginbox-blue {
  background-image: url(images/loginbox-blue.jpg);
}

/* inputs / buttons */

input.text,
textarea {
/*  background-image: url(images/input-text-default.png);
  background-repeat: no-repeat;
  background-color: transparent;
*/
  width: 187px;
  border: 0px;
  height: 21px;
  padding: 4px 5px 2px 8px;
  padding: 2px 5px 1px 8px;
  border: 1px solid #ccc;
  height: 15px;
  margin-bottom: 2px;
  font-size: 11px;
  width: 174px;
  outline: 0;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}

textarea {
    height: 150px;
}

a.ka-button, a.ka-button:link, a.button, a.button:link {
background-image: url(images/button-bg.png);
  background-repeat: repeat-x;
  position: relative;
  left: -2px;
  color: #333;
  margin-right: 2px;

  line-height: 30px;
  padding: 7px 13px 8px 18px;
  padding: 1px 10px 2px 10px;
  text-decoration: none;
  background-image: url(images/button-bg.png);
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border: 1px solid #999;

}

a.ka-button, a.ka-button:link {
    padding: 1px 1px 1px 1px;
    margin-left: 2px;
    cursor: pointer;
}

a.button:hover {
    background-image: none;
    background-color: #eee;
}

a.button:active {
    background-image: none;
    background-color: #ccc;
}

.loginbox a.button:hover {
    background-color: transparent;
}

a.button-small, a.button-small:link {
    background-image: url(images/button.png);
    background-repeat: repeat-x;
    padding: 0px 3px 3px 5px;   
    line-height: 20px;
    margin-right: 2px;
    position: relative;
}

.content-main a.button,
.content-main a.button:link {
  color: #555;
}

a.button-small:hover {
  /*border: 1px solid #333; */
    color: #222;
    text-decoration: none;
}


a.button-small span, a.button-small:link span {
    background-image: url(images/button.png);
    padding: 1px 1px;
    height: 15px;
    position: absolute;
    right: -2px;
    top: 0px;
    background-position: right top;
  /*
  background-image: url(images/button-bg.png);
  background-repeat: no-repeat;
  background-position: right top;
  padding: 7px 2px;
  height: 15px;
  top: 0px;
  position: absolute;
  right: -7px;
  width: 3px;
  line-height: 30px;
  */
}

.loginbox-red a.button,
.loginbox-red a.button:link,
.loginbox-blue a.button,
.loginbox-blue a.button:link {
    color: #fff;
}

.formValidatorBubble {
  position: absolute;
  z-index: 5000;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-color: gray;
  color: white;
  padding: 2px 6px;
}


.dyntable {

  width:100%;
  

}

.dyntable th{

  background-color:#888888;
  color:white;
  padding-left:3px;
  padding-right:3px;
  border-bottom:1px solid white;
}

.dyntable-color-orange{

    border-top: 5px solid #dd8300;

}

.dyntable td{

vertical-align: middle;

    padding-left:3px;
  padding-right:3px;

}

.dyntable tr.first td{

  background-color:#E9E9E9;
  border-bottom:1px solid white;

}





.dyntable tr.second td {

  background-color:#E9E9E9;
  border-bottom:1px solid white;

}

.dyntable tr:hover td{

  background-color:#dd8300;
  color:white;

}

.dyntable .dyntable-killhover:hover td{

  background-color: inherit;

}

.dyntable tr.prepare-to-delete td{
    background-color: #990000;
    color:white;
}



.tblFwButtonDel, .tblFwButtonEdit {
    background: transparent url(images/messageSystem/ms-re-icon.gif) center center no-repeat;
    display: block;
    float: left;
    height: 15px;
    width: 20px;
}

.tblFwButtonDel {   
    background: transparent url(images/messageSystem/ms-del-icon.gif) center center no-repeat;
}

div.info {
    margin: 5px 0px;
    border: 1px dashed #aaa;
    padding: 15px;
    text-align: center;
}

.fancyTip div.tip-wrap {
    left: -150px;
}

.fancyTip div.tip { 
    background-color: #999;
    color: white;
    padding: 6px 9px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}


.fancyTip div.tip-text {
    background-image: url(images/tip-arrow.png);
    position: absolute;
    left: 4px;
    bottom: -10px;
    width: 27px;
    height: 15px;
}

#profile-more-pane {    
    background-color: #888;
}

.navi-supertop {
    background-color: white;
    position: absolute;
    left: 0px;
    top: 0px;
    padding-right: 10px;
}

.navi-supertop a,
.navi-supertop a:link {
    padding: 0px 4px;
}


.j4s-box {
  position: relative;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 25px;
  border: 1px solid silver;
  background-color: #eee;
  width: 250px;
  color: #333;
}

.j4s-box-x {
  position: absolute;
  right: 2px;
  top: 2px;
  padding: 0px 5px 2px 5px;
  cursor: pointer;
  line-height: 16px;
  border: 1px solid silver;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  font-weight: bold;
}

.j4s-box-x:hover {
  background-color: #ddd;
}

.kwindow-border{

  margin:0px;
  padding:0px;

}

.ka-tooltip {
text-align: center;
white-space: nowrap;
z-index: 200;

position: absolute;
}

.ka-tooltip-bg{

}

.ka-tooltip-corner{

background-color: black;


}

.ka-tooltip-text{
    position: relative;
    padding-left:10px;
    padding-right:10px;
    
    border-top:1px solid #aaa;
    border-right:1px solid #aaa;
    border-bottom:1px solid #aaa;
    border-left:1px solid #aaa;
    background-color: #ddd;
    display: inline;
}

.ka-tooltip-loader{
    

    
    margin-right: 7px;
    padding-top: 3px;

}



/*inlinebox */


#inlinebox-overlay {
	background-color: #000000;
}

#inlinebox-outerBoxTable {
	border-collapse: collapse;
}

#inlinebox-h1 {
	background: transparent url(images/inlinebox/inlinebox-general.png) 2px -33px no-repeat;
	height: 20px;
	width: 20px;
}

#inlinebox-h2 {
	background: transparent url(images/inlinebox/inlinebox-h.png) 0 0 repeat-x;
	height: 20px;	
}

#inlinebox-h3 {
	background: transparent url(images/inlinebox/inlinebox-general.png) 0 -72px no-repeat;
	height: 20px;
	width: 20px;
}



#inlinebox-h4 {
	background: transparent url(images/inlinebox/inlinebox-v.png) 2px 0 repeat-y;	
}


#inlinebox-h5 {
	background: #FFF;	
	padding: 10px;		
}

#inlinebox-content {
	border: 1px solid #CCC;
	padding: 10px;
}


#inlinebox-h6 {
	background: transparent url(images/inlinebox/inlinebox-v.png) -20px 0 repeat-y;		
}

#inlinebox-h7 {
	background: transparent url(images/inlinebox/inlinebox-general.png) 2px -52px no-repeat;
	height: 17px;	
}

#inlinebox-h8 {
	background: transparent url(images/inlinebox/inlinebox-h.png) 0 -20px repeat-x;
		
}

#inlinebox-h9 {
	background: transparent url(images/inlinebox/inlinebox-general.png) 0 -91px no-repeat;		
}






#inlinebox-close-btn{
	background:transparent url(images/inlinebox/inlinebox-general.png) repeat scroll 0 0;
	cursor:pointer;
	height:30px;
	position:absolute;
	right:8px;
	top:9px;
	width:30px;
	z-index:3003;
}


/* addForm in inlinebox */

.addForm, .addForm-image-upload-table {
	text-align: left;
	width: 620px;
}

.addForm td, .addForm-image-upload-table td{
	padding-bottom: 5px;
	text-align: left;
	vertical-align:middle;
}


.addForm .button, .addForm-image-upload-table .button {
	font-weight: normal;
}


.addForm-image-upload-table tr {
	vertical-align: middle;
}
.addForm-td-1 {	
	font-weight: bold;
	width: 150px;	
}


.addForm-textarea {
	width: 400px;
}

.addForm-input-text{
	width: 415px; 
}

#editExperienceReport-addForm-input-1, #addExperienceReport-addForm-input-1, #newBlogEntry-addForm-input-1, #editBlogEntry-addForm-input-1 {
	width: 650px;
}

.addForm .button {
	display:block;
	width:395px;
	text-align:center;
	font-weight: bold;
}
.addForm-radio-group input {
	margin-right: 25px;
}
	
.addForm-image-desc {	
	text-align:left;
	width: 620px;
	margin-bottom: 20px;
}

.uploadProgressBarOuter, #btnUploadCancel {
	width: 200px;
	height: 14px;
	border: 1px solid #c0c0c0;
	-moz-border-radius: 4px;
  	-webkit-border-radius: 4px;
	margin-right: 15px;
	background: #ffffff;
}


.uploadProgressBar {
	background: #F99001;
	text-align: center;
	height: 14px;	
	width: 0%;
	color:#FFFFFF;
	font-weight: bold;
	font-size: 11px;
}

.addForm-loading-bg {
	min-height: 50px;	
	background: transparent url(images/loader.gif) center center no-repeat;
}



/* friend list my friends */


.user_online, .user_offline {	
	background: transparent url(images/user_online.gif) center 5px no-repeat;
	padding: 0px 10px;
}

.user_offline {
	background: transparent url(images/user_offline.gif) center 5px no-repeat;
}

.friend-list {	
	border-collapse: collapse;
	width: 100%;
}

.friend-list-one-friend td {
	border-bottom: 2px solid #FFF;
}

.friend-list-user-img, .friend-list-user-sports, .friend-list-user-info {
	background: #f1f1f1;
	padding: 5px 0 5px 5px;	
}


.friend-list-user-sports{
	padding: 5px 3px;
	width:28px;
}

.friend-list-user-info {
	padding: 14px 12px 14px 12px;
	width: 350px;
}

.friend-list-user-actions {
	width: 310px;
	padding: 5px 17px;
}

.friend-list-user-actions div {	
	border-bottom: 1px solid #e3e3e3;
	padding: 6px 0px;
}

.friend-list-user-actions a, .friend-list-user-actions a:link {
	color: #444444;
} 

.friend-list-user-actions a:hover {
	color: #D8850F;
}

.contentElement-rand h2.head {
    background-image:url("community/profil/main_head.png");
    background-repeat:no-repeat;
    font-size:16px;
    font-weight:bold;
    height: 25px;
    padding-left:5px;
    padding-top:5px;
}

.contentElement-rand {
    padding-bottom: 5px;
    margin-bottom: 4px;
    margin-right: 5px;
}


.contentElement-rand_underline {
    border-bottom: 2px solid silver;
}

.footer {
    text-align: right;
    padding-right: 5px;
    padding-top: 5px;
}