/*

CSS Document www.mrssporty.de 

WE DO communication GmbH

www.wedo-berlin.de

*/





/* Body */

body {

	margin:0px;

	padding:0px;

	background-color:#ffffff;

}

body, td {

	font-family:Arial,Helvetica,sans-serif;

	font-size:12px;

	line-height:16px;

	color:#5c5957;

}





/* Positioner */

#box_mainHolder {

	position:absolute;

	top:5px;

	left:50%;

	margin-left:-365px;

	width:730px;

	z-index:0;

	overflow:visible;

}

#box_mainNavigation {

	/*

	Set the Startposition with CSS and not in the JS-function to ensure the right position of the div

	in non JS-capable Browsers. We HAVE TO use the attribs 'margin-left' and 'margin-top' instead of 'left'

	and 'top' because 'left' and 'top' collide with the SmoothPosRestore-function.

	*/

	position:absolute;

	width:204px;

	height:50px;

	margin-top:128px;

	margin-left:542px;

	z-index:1;

}

#box_mainNaviLists {

	/* Use an enclosing div-tag to supress strange behaviors of cascaded margined ul-tags. */

	border-left:1px solid #fbe8f1;

	border-right:1px solid #fbe8f1;

	padding:11px 18px 0px;

}

#box_common {

	width:513px;

}

#box_clubFinder {

	border-top:1px solid #ffffff;

	border-bottom:1px solid #ffffff;

	padding:5px 0px 5px 35px;

	background-color:#fbe8f1;

	color:#f71b59;

	font-size:11px;

}





/* Content styles  */

#spo_mainNaviLogo {

	height:53px;

	border-top:1px solid #fbe8f1;

	border-left:1px solid #fbe8f1;

	border-right:1px solid #fbe8f1;

}

#spo_mainNaviCornerRightTop {

	width:18px;

	height:18px;

	margin-top:-54px;

	margin-left:186px;

	margin-bottom:35px;

	background-image:url(img/navi_round_top_right.gif);

	background-repeat:no-repeat;

	background-position:top left;

}



box_adds {

	display:none;

}



/* Generelle text formats */

h1, h2, h3, h4, h5 {

	margin-bottom:6px;

	font-weight:bold;

}

h1 {

	font-size:16px;

	line-height:19px;

}

h2 {

	font-size:14px;

	line-height:17px;

}

h3 {

	font-size:13px;

	line-height:16px;

}

h4 {

	font-size:12px;

	line-height:15px;

}

h5 {

	font-size:11px;

	line-height:15px;

}

p {

	margin-top:0;

	margin-bottom:3px;

	padding-bottom:0px;

	line-height:15px;

}

a {

	text-decoration:none;

	color:#f71b59;

}

a:hover {

	text-decoration:underline;

	color:#f71b59;

}

.spo_hiddenStructure {

	/* Hide structure elements on CSS2 capable browsers */

	display:none;

	/* 1px workaround for IE6 */

	margin:-1px 0px 0px -1px;

	height:1px;

	width:1px;	

	visibility:hidden;

	overflow:hidden;



}

.bodytext em, .contenttable td em {

	padding-left:17px;

	color:#fa8315;

	font-style:italic;

	font-weight:bold;

	background-image:url(img/info.gif);

	background-position:left;

	background-repeat:no-repeat;

}





/* Meta navigation formats */

ul.spo_metaNavi {

	height:16px;

	margin-top:0px;

	margin-left:0px;

	margin-bottom:5px;

	padding:0px;

	overflow:hidden;

}

ul.spo_metaNavi li {

	display:inline;	

    margin:0px;

	padding-top:0px;

	padding-left:7px;

	padding-right:4px;

	border-left:1px solid #f71b59;

	list-style:none;

	font-size:10px;

	font-weight:bold;

}

ul.spo_metaNavi li.firstItem {

	margin:0px;

	padding-top:0px;

	padding-left:0px;

	border-left:none;

}



/* Main navigation formats */

#spo_mainNaviCornerLeftBottom {

	width:17px;

	height:18px;

	margin-top:0;

	margin-left:0px;

	background-image:url(img/navi_round_bottom_left.gif);

	background-repeat:no-repeat;

	background-position:bottom left;

}

#spo_mainNaviBottom {

	height:17px;

	margin-left:17px;

	margin-top:-18px;

	border-bottom:1px solid #fbe8f1;

	border-right:1px solid #fbe8f1;

}

ul.spo_mainNavi1stLevel {

	margin:0px;

	/* Note: Never use a padding-bottom in lists because of the strange behavior of the IE6, but here it seems to work */

	padding:0px 0px 3px;

	border-bottom:1px solid #f59fcf;

}

ul.spo_mainNavi1stLevel li {

	margin-top:4px;

	padding-top:4px;

	border-top: 1px solid #f59fcf;

	list-style-type:none;

}

ul.spo_mainNavi1stLevel {

	border-top:none;

}

ul.spo_mainNavi1stLevel a {

	padding-left:5px;

	padding-right:5px;

	color:#6F6C6B;

}

ul.spo_mainNavi1stLevel a.active, ul.spo_mainNavi1stLevel a:hover {

	color:#f71b59;

}

ul.spo_mainNavi2ndLevel {

	margin:0px;

	/* Note: Never use a padding-bottom in lists because of the strange behavior of the IE6, but here it seems to work */

	padding:0px;

}

ul.spo_mainNavi2ndLevel li {

	margin-top:4px;

	padding-top:4px;

	border-top:1px solid #fbe8f1;

	list-style-type:none;

}

ul.spo_mainNavi2ndLevel li a {

	/* Must explicitely be set for Win32 MS IE 5.0 to enable padding-left below */

	display:block;

	padding-left:15px;

	color:#6f6c6b;

}

ul.spo_mainNavi2ndLevel li a.active, ul.spo_mainNavi2ndLevel li a:hover {

	color:#f71b59;

}

	

	

/* Teaser links */

.spo_teaserLinks {

	border-left:1px solid #fbe8f1;

	border-right:1px solid #fbe8f1;

	/* Maybe padding to be corrected */ 

	padding:10px 18px 0px 17px;

}

.spo_teaserLinks a {

	display:block;

	margin:0px 0px 1px 0px;

}

	

	

/* Language navigation */

ul#spo_languageNavi {

	margin-top:0px;

	margin-left:0px;

	margin-bottom:0px;

	padding-top:5px;

	padding-left:35px;

	padding-bottom:5px;

	background-color:#fbe8f1;

}

ul#spo_languageNavi li {

	display:inline;

	list-style:none;

	font-size:10px;

	font-weight:bold;

	padding-left:7px;

	padding-right:4px;

	border-left:1px solid #f71b59;

}

ul#spo_languageNavi li.firstItem {

	padding-left:0px;

	border-left:none;

}

	

	

/* Header formats */

#spo_headContent{

	border-top:1px solid #fbe8f1;

	border-left:1px solid #fbe8f1;

	border-right:1px solid #fbe8f1;

	height:174px;

	overflow:hidden;

}

#spo_headerCornerTopRight{

	position:absolute;

	top:21px;

	left:496px;

	width:18px;

	height:18px;

	background-image:url(img/round_top_right.gif);

	background-repeat:no-repeat;

	background-position:top left;

	z-index:3;

}

#spo_headerImage {

 	width:256px;

 	margin:0px;

	padding:0px;

	border:0px;

	float:left;

	clear:both;

}

	

	

/* Content-Table */

table.spo_content {

	width:513px;

	table-layout:fixed;

	border-collapse:collapse; 

	border:none;

	background-color:#fbe8f1;	

}

table.spo_content td {

	margin:0px;

	padding:0px;

}

table.spo_content td.contentSingleRow, table.spo_content td.content1stRow, table.spo_content td.content2ndRow {

	padding-bottom:20px;

}

table.content4Boxes {

	/* We set negative bottom margin to avoid the 20px padding row (see sabove) on home */

	margin-bottom:-20px;

}

td.spaceLeft, td.spaceLeft4Boxes {

	width:30px;

	border-right:1px solid #ffffff;

}

td.spaceRight, td.spaceRight4Boxes {

	width:30px;

	border-left:1px solid #ffffff;

}

td.contentSingleRow, td.content1stRow, td.content2ndRow {

	vertical-align:top;

}	

td.content1stRow {

	border-right:1px solid #ffffff;

}

td.content1stRow h1, td.content1stRow h2, td.content1stRow h3, td.content1stRow h4, td.content1stRow h5,

td.content1stRow p, td.contentSingleRow h1, td.contentSingleRow h2, td.contentSingleRow h3, td.contentSingleRow h4,

td.contentSingleRow h5, td.contentSingleRow p {

	margin-left:15px;

	margin-right:5px;

}	

td.content2ndRow {

	width:135px;

}

td.content2ndRow img {

	margin-left:0px;

	margin-right:0px;

	margin-bottom:10px;

	padding:0px;

	border:none;

}

td.content2ndRow p {

	margin:0px 6px 10px;

	font-style:italic;

}

td.footerSpaceLeft {

	width:30px; 

	height:46px; 

	border-top:1px solid #ffffff;

	border-right:1px solid #ffffff;

	background-image:url(img/round_bottom_left.gif); 

	background-repeat:no-repeat; 

	background-position:left; 

}

td.footerSpaceRight {

	width:30px; 

	height:46px;

	border-top:1px solid #ffffff;

	border-left:1px solid #ffffff;

	background-image:url(img/round_bottom_right.gif); 

	background-repeat:no-repeat; 

}

td.footer1stRow {

	width:316px;

	border-top:1px solid #ffffff;

	border-right:1px solid #ffffff;

}

td.footer2ndRow {

	width:137px;

	border-top:1px solid #fff;

}

td.footerSingleRow {

	border-top:1px solid #ffffff;

}	





/* Background colours */

#colorWhat {

	background-color:#a485bd;

}

#colorConcept {

	background-color:#d8c7a1;

}

#colorFranchise{

	background-color:#faab6b;

}

#colorClubs {

	background-color:#FFAF2F;

}

#colorFaq {

	background-color:#9ad2f1;

}

#colorNews {

	background-color:#f47f68;

}

#colorPress {

	background-color:#d499ae;

}

#colorMeta {

	background-color:#ee89b8;

}

#colorSitemap {

	background-color:#fbe8f1;

}

#colorBook {

	background-color:#FF3866;

}



	

/* Table in table */

table.content4Boxes {

	width:451px;

	table-layout:fixed;

	border-collapse:collapse;

	border:none;

	background-color:#FBE8F1;

}

table.content4Boxes td {

	margin:0px;

	padding:0px;

}

td.spaceLeft4Boxes, td.spaceRight4Boxes {

	background-image:url(img/space_line_hor.gif);

	background-repeat:repeat-x;

}

td.footer4BoxesRow {

	border-top:1px solid #ffffff;

	background-image:url(img/footer_line_vert.gif);

	background-repeat:repeat-y;

}

	

	

/* Typo3 default classes */

.csc-firstHeader {

	margin-top:20px;

}


/* Form styles */
input.input_text,
textarea {
	width: 250px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #8c8a89;
}

select {
	border: 1px solid #8c8a89;
}

input.input_btn {
	background-color: #8c8a89 ;
	color: #fff;
	border: 1px solid #6c6a69;
	font-size: 12px;
	margin-top: 5px;
	margin-bottom: 20px;
}

form#form_contact input,
form#form_contact select,
form#form_fit4fun input,
form#form_fit4fun select,
form#form_fit4fun textarea {
	margin-bottom: 5px;
}

form#form_contact select {
	font-size: 12px;
}
	
/* Franchise contactform */

form#form_franchise table {

	margin:30px 80px 0px 20px;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	line-height:14px;

	color:#8c8a89;		

}

form#form_franchise table th,
form#form_fit4fun table th {

	padding-right:10px;	

	text-align:right;
	vertical-align: top;
	font-size: 11px;

}
form#form_franchise table td,
form#form_fit4fun table td {
	vertical-align: top;
}

p#email_success {

	height:362px; 

	margin:30px 80px 0px 15px;

}



/* CRM contactforms */

form#form_crm_1 table {

	margin:30px 80px 0px 20px;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	line-height:14px;

	color:#8c8a89;		

}

form#form_crm_1 table th {

	padding-right:10px;	

	text-align:right;

}

	

	

/* Sitemap */

.csc-menu {

	margin:0px 80px 20px 5px;

}

.csc-sitemap-level1 {

	margin-top:10px;

	margin-bottom:0px;

}

.csc-sitemap-level2 {

	margin-top:0px;

	margin-bottom:2px;

	padding-left:20px;

	padding-bottom:0px;

	font-size:11px;

}





/* Content clubs */

td.td-0 {

	width:180px;

	vertical-align:top;

}

td.td-last {

	vertical-align:top;

}





/* List type 1 */

ul.csc-bulletlist-1 {

	list-style-image:url(img/list-1_pfeil.gif);

}

ul.csc-bulletlist-1 li {

	margin-bottom:6px;

	padding-top:3px;

}



/* Form styles */

.input_text {

	width:250px;

	font-family:Arial,Helvetica,sans-serif;

	font-size:14px;

}


.stopFloat {
  display: block;
  clear: both;
  float: none;
  height: 0em;
  font-size: 0em;
  line-height: 0em;
  overflow: hidden;
}


/* LATEST NEWS auf rechter Seite */

.news-latest-container h2{
	background-color:#f53a66;
	padding:3px 5px 3px 10px;
	color:#FFFFFF;
	margin-bottom:0px;
	background: #f53a66 url('img/corner_news_h2.gif') right top no-repeat;
	background:#d499ae url('img/corner_news_h2.gif') right top no-repeat;
	/*background:#d499ae ;*/
	font-size:14px;
}

.news-latest-container .news-latest-item{
	border:0px solid;
	background-color:#fbe8f1;
	margin-top:1px;
	padding:2px 5px 2px 10px;
	font-size:11px;
	font-weight:normal;
}
.news-latest-container .news-latest-item .news-latest-date{
	border:0px solid;
	font-weight:bold;
	
}

.news-latest-container .news-latest-item a,
.news-latest-container .news-latest-item a:link,
.news-latest-container .news-latest-item a:visited{
	
	color:#6F6C6B;
}

.news-latest-container .news-latest-item a:active,
.news-latest-container .news-latest-item a:hover,
.news-latest-container .news-latest-item a:focus{
  color:#f53a66;
}


.news-latest-item h3{
	margin:0;
	padding:0;
	font-size:11px;
	
}


.news-latest-container .news-subheader{
	border:0px solid;
	padding:0;
}


.news-latest-container .news-latest-item span.news-latest-morelink{
	float:right;
	width:100px;
	text-align:right;
}

.runde_ecke_news_rahmen{
	border:0px solid;
	padding-left:17px;
	border-left:1px solid #fbe8f1;
	border-right:1px solid #fbe8f1;
}

.runde_ecke_news{
	background-color:#fbe8f1;
	display:block;
	height:10px;
	width:167px;
	background: #fbe8f1 url('img/corner_news.gif') left bottom no-repeat;
	border-top:1px solid #FFFFFF;

}

.pfeilweiter{
	border:0px solid;

}

.news-subheader a ,
.news-subheader a:link ,
.news-subheader a:visited {
	border:0px solid;
float:right;
	width:5px;
	display:block;
	margin-top:-13px;
	margin-right:10px !important;
	margin-right:5px;

	height:6px;
}

.pfeilweiter img{
	border:0;
}

/*Detailansicht News*/
.news-single-item{}

.news-single-item h2{
	margin-top:15px;
	margin-bottom:13px;
}

.news-single-item .bodytext{
	padding-right:15px;
}

.news-single-timedata{
	margin:15px;
	padding-top:2px;
	padding-bottom:2px;
	width:420px;
	height:15px;
}

.news-single-timedata .datum{
	width:120px;
	float:left;
}

.news-single-timedata .kat{
	text-align:right;
	width:300px;
	float:right;
}


#galerie .galerie_headline{
	width:420px;
	padding-top:2px;
	padding-bottom:2px;
}

.news-single-img{
	border:0px solid;
	padding:5px 15px 0px 15px;
}

#galerie{
	float:left;
	width:450px;
	padding-left:15px;
	
}


#galerie .einzelbild{
	float:left;
	margin-top:15px;
	margin-right:13px;
	
	width:95px;
	height:95px;
	
	text-align:center;
	display:block;
}





#galerie .einzelbild table{
	width:95px;
	height:95px;
}



 .news-single-imgcaption{
  position: absolute !important;
  top: -10000px !important;
  left: -10000px !important;
  height: 0px !important;
  width: 0px !important;
}



.news-single-additional-info{
	margin:15px;
	
}

.more_information{
	border:0px solid;
	padding-right:10px;
	margin-top:20px;
}
.more_information h3{
	padding-top:2px;
	padding-bottom:2px;
	font-weight:normal;
}


.news-single-additional-info dd p
 {
	border:px solid;
	background:url('img/list-1_pfeil.gif') left center no-repeat;
	margin-left:-38px;
	padding-left:20px;
}

.news-single-files dd{
	border:px solid;
	background:url('img/list-1_pfeil.gif') left top no-repeat;
	margin-left:0px;
	padding-left:20px;
	margin-top:2px;
	}
.news-single-related dd{
	border:px solid;
	background:url('img/list-1_pfeil.gif') left top no-repeat;
	margin-left:0px;
	padding-left:20px;
	margin-top:2px;
}
/*
.news-single-related dd img{
	  display: block;
	  clear: both;
	  float: none;
	  height: 0em;
	  font-size: 0em;
	  line-height: 0em;
	  overflow: hidden;
}
*/
.news-single-item .backlink{
	margin:15px;
	border:0px solid;
	margin-left:-25px;
}

.news-single-item .backlink a,
.news-single-item .backlink a:link,
.news-single-item .backlink a:visited{
	background:url('img/pfeil_zurueck_gross.gif')  0px 3px no-repeat ;
	padding-left:12px;
}

/*Listenansicht*/

.news-list-item{
	margin-bottom:15px;
}



.news-list-item .news-list-date{
	margin:15px 15px 0px 15px;
	font-weight:bold;
}

.news-list-item h3{
	margin:0;
}

.news-list-item h3 span.vcard,
.news-single-item h2 span.vcard{
	background: url('http://www.mrssporty.de/fileadmin/fe-skin/default/img/icon_vcard.gif') right top no-repeat;
	padding-right:25px;
height:16px;
}

.news-list-item h3 span.clubsite,
.news-single-item h2 span.clubsite{
	background: url('http://www.mrssporty.de/fileadmin/fe-skin/default/img/icon_clubsite.gif') right top no-repeat;
	padding-right:25px;
height:16px;
}



.legende span{
	padding-left:25px;
	padding-right:10px;
display:block;
height:16px;
float:left;

}

.legende span.clubwebsite{
	background: url('http://www.mrssporty.de/fileadmin/fe-skin/default/img/icon_clubsite.gif') left 0px no-repeat;
width:140px !important;
width:180px;
}

.legende span.cvard{
	background: url('http://www.mrssporty.de/fileadmin/fe-skin/default/img/icon_vcard.gif') left 0px no-repeat;
width:190px !important;
width:230px;
}



.news-list-item .morelink{
	margin:0 15px 0 0 !important;
	margin:0 7px 0 0 ;
	width:60px;
	padding-right:20px;
	border:0px solid;
	float:right;
	background:url('img/pfeil_weiter_gross.gif') 68px 3px no-repeat;
	border:0px solid;
	display:block;
}

.news-list-item  .bodytext{
	margin-top:5px;
}


/**** Extra Farbdefinitionen für die Presseartikel ***/

/* Galeriehintergründe */
.colorPress #galerie .einzelbild{background:url('img/bild_bg_presse.gif') top left no-repeat;}
.colorClubs #galerie .einzelbild{background:url('img/bild_bg_club.gif')   top left no-repeat;}
.colorWhat  #galerie .einzelbild{background:url('img/bild_bg_aktuelles.gif')   top left no-repeat;}

/*Linien*/
.colorPress .more_information h3,
.colorPress .galerie_headline,
.colorPress .news-single-timedata{
	border-bottom:1px solid #D499AE;
}
.colorClubs .more_information h3,
.colorClubs .galerie_headline,
.colorClubs .news-single-timedata{
	border-bottom:1px solid #A3C3E0;
}

.colorWhat .more_information h3,
.colorWhat .galerie_headline,
.colorWhat .news-single-timedata{
	border-bottom:1px solid #A485BD;
}