@charset "UTF-8";
@import url("../yaml/core/base.css");
@import url("../yaml/screen/basemod.css");
@import url("../yaml/screen/content.css");
@import url("../yaml/print/print_draft.css");
@import url("SpryCollapsiblePanel.css");
@import url("../module/suche/css/style.css");

body, html {		
		margin:0px;
		font-family: Arial;
		font-size:12px;
		background:transparent;
		overflow-x:hidden;
		}
		


th, td	{ font-size:11px; }
p { padding:5px;}	


.printlinkitem {
	margin-top:50px;
	width:100%;
	float:left;
	height:24px;
	background-image:url(../img/bt_print.png);
	background-repeat:no-repeat;
}

#main { background:#fff;margin:0 0 0 0;padding:0 0; }

/**************************************************************
* ÜBERSCHRIFTEN
**************************************************************/	
h1, 
h1 a,
h1.news-list-item-headline a{
		background-image:none;
		background-color:#ED2B36;
		color:#fff;
		overflow:hidden;
		padding-top:3px;
		margin-bottom:0px;
		padding-left:10px;
		height:17px;
		font-size:11px;
}	
h1.news-list-item-headline a{ padding-left:0px; }	

h2 { color:#ED2B36; }

h4{
	color:#ED2B36;	
	margin-top:20px;
	margin-bottom:5px;
	border-bottom:1px solid #ED2B36;
}

#header #topnav {display:block;top:2px; font-size:0.9em; color:#aaa; background:transparent;}

/**************************************************************
* LINKS & VERKNÜPFUNGEN
**************************************************************/	
a.external-link-new-window,
a.internal-link-new-window,
a.internal-link,
.news-list-item a,
a.mail,
a.download,
.klickmenu a,
.teaser-body a,
.news-list-item-pic a,
.csc-textpic-image a, 
.news-latest-item a,
.csc-textpic-lastcol a,
.tx-damliteshow-pi1 a,
.news-single-backlink a,
.news-latest-morelink a,
h3.csc-searchResultHeader a,
.csc-searchResultPrevNext a,
#col3_content td a{
	color:#ED2B36;
	background-image:url(http://www.turn-em2011.de/portal/fileadmin/img/a_bullet_gymwelt.png);
	background-repeat:no-repeat;
	padding-left:10px;	
	text-decoration:none;
}
a:hover	{ text-decoration:underline; }

	

.klickmenu a,
.teaser-body a,
.news-list-item-pic a,
.csc-textpic-image a, 
.csc-textpic-lastcol a,
.tx-damliteshow-pi1 a,
a.mail,
a.download
{ background-image:none; padding:0px; color:#ED2B36;}


#klickpfad .klickmenu a {
background-image:url("../img/a_bullet_gymwelt.gif");
background-repeat:no-repeat;
padding-left:10px;
}


hr, 
.news-list-item		{ border:none; border-bottom:1px solid #ED2B36;}

a.download{
	background-image:url(../../typo3/sysext/rtehtmlarea/res/accessibilityicons/img/download.gif);
	padding-left:20px;
}



.tx-dropdownsitemap-pi1 a:link,
.tx-dropdownsitemap-pi1 a:visited{
		background-image:url(../img/a_bullet.png);
		background-repeat:no-repeat;
		padding-left:10px;
		color:#ED2B36;
		text-decoration:none;
	}		




/**************************************************************
*  TEMPLATE 
*	-> Aufbau & Struktur
**************************************************************/
#btfb_headline {
	display:none;
}

#header {
		/* border:1px solid red;  */
		width:926px;
		height:100px;		
		float:left;
		padding:3px 0 0 0;
		background:transparent;
		margin:0 0 125px 0;
		}
		
#navigation	{
		
		width:200px;
		height:265px;
		background-image:url(../img/bg_navigation.png);
		background-position:bottom;
		background-repeat:no-repeat;
}
		
		
#logo	{
		display:none;
		background-image:url(../img/logo.gif);
		background-repeat:no-repeat;
		width:200px;
		height:100px;
		
}
#topmeta	{
		width:700px;
		height:30px;
		/* border:1px solid red;  */
		top:-3px;
		right:0px;
		padding-top:0px;
		position:absolute;
		text-align:right;
}

#topmeta .languageselect {
		width:200px;
		float:right;
		padding-top:7px;
		margin-right:10px;
		/* border:1px solid red;  */
	}

#topmeta .topmetanavigation {
		width:400px;
		float:right;
		padding-top:7px;
		margin-right:10px;
		/* border:1px solid red;  */
	}

.suche {
		float:right;
		padding-top:3px;
		padding-right:10px;
		margin-right:10px;
		border:1px solid #ED2B36;
	}
	
.suchfeld	{

		width:120px;
		height:17px;
		padding-left:18px;
		padding-right:5px;
		padding-top:2px;
		background-image:url(../img/bg_suche.png);
		background-repeat:no-repeat;
		border:none;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#666;
		margin-bottom:20px;
	margin-top:20px;
		

		
}
#col2_content form { margin:-10px 0 0 0;padding-top:0; height:70px; }


.suchbutton {
		margin-top:20px;
		background-image:url(../img/turn-em/header/suchbutton_em.png);
		background-repeat:no-repeat;
		width:50px;
		height:19px;
		font-size:10px;
		color:#ED2B36;
		border:none;
		
}
.store	{
		display:none;
		height:25px;
		width:114px;
		overflow:hidden;
		background-image:url(../img/store.png);
		background-repeat:no-repeat;
		right:0px;
		float:right;
		margin-top:1px;
}
	
#body	{ 
		/* border:1px solid red;  */
		width:926px;
		position:absolute;
		left:50%;
		margin-left:-445px;
		
}
#klickpfad	{
		display:block;
		float:left;
		width:926px;
		margin:100px 0 0 0px;
		color:#fff;
		
	}

#links	{
		float:left;
		width:200px;
		/* border:1px solid red;  */
		border-right:20px solid #fff;
	}
#sub1 {
		float:left;
		width:200px;
		/* border:1px solid red;  */
		/*background-image:url(../img/themen.png);
		background-repeat:no-repeat;*/
		margin-top:0px;
		/*padding-top:20px;*/
		
	}
#sub2 {
		float:left;
		width:200px;
		/* border:1px solid red;  */
		background-image:url(../img/quicklinks.png);
		background-repeat:no-repeat;
		padding-top:20px;
		margin-top:20px;
		margin-bottom:20px;
	}
	
	
#mitte	{
		float:left;
		width:480px;
		/* border:1px solid red;  */
		border-right:20px solid #fff;
	}
#rechts	{
		float:left;
		width:200px;
		/* border:1px solid red;  */
		
		}

#footer	{
		float:left;
		width:930px;
		/* border:1px solid red;  */
		border-top:1px solid #999999;
		padding:10px 0px 0px 0px;
		margin-bottom:50px;
	}

	
.partner	{
		width:590px;
		float:left;
		/* border:1px solid red;  */
	}
.foot-meta	{
		float:right;
		width:300px;
		margin-top:10px;
		text-align:right;
		/* border:1px solid red;  */
	}






/**************************************************************
*  TEMPLATE 
*	-> Navigation und Menüs
**************************************************************/
.navi, 
.navi-act	{
		width:198px;
		height:20px;
		float:left;
		border:1px solid white;
		text-align:left;
		background-image:url(../img/bg_navi.gif);
		background-repeat:repeat-y;
		margin-top:-1px;
		padding-top:3px;
		
}

.navi-act {
		background-image:url(../img/bg_navi_act.gif);	
}

.navi a, 
.navi-act a	{
		text-decoration:none;
		color:#fff;
		margin-left:10px;
		text-transform:uppercase;	
		background-image:none;
		padding-left:10px;
}

.navi a:hover,
.navi-act a:hover	{
		font-weight:bold;
	
}

#topmeta .language a,
#topmeta .language a:link,
#topmeta .language a:visited,
#topmeta .language-act a,
#topmeta .language-act a:link,
#topmeta .language-act a:visited,
#topmeta .topmeta a,
#topmeta .topmeta a:link,
#topmeta .topmeta a:visited,
#topmeta .topmeta-act a,
#topmeta .topmeta-act a:link,
#topmeta .topmeta-act a:visited{
		float:right;		
		color:#000;
		background-image:none;
		padding-right:10px;
		height:15px;
		border-right:1px solid #000;
		font-weight:bold;
		padding-left:10px;
		text-decoration:none;
}

#topmeta .language-act a,
#topmeta .language-act a:link,
#topmeta .language-act a:visited,	
#topmeta .topmeta-act a,
#topmeta .topmeta-act a:link,
#topmeta .topmeta-act a:visited{
		color:#000;
}

.footmeta a,
.footmeta-act a{
		float:right;
		color:#999;
		background-image:none;
		padding-left:10px;
		
}


/*Navigation
#####################################*/
#sub1.subcl {padding:0 !important;}

#haschild1,#haschild2,#haschild3,#haschild4,#haschild5{
display:none;
}

/*all Levels */

#sub1 ul{
padding:0;
margin:0 !important;
list-style-type: none;
list-style-position:outside;
float:left;
}

#sub1 ul li{
padding:0;
margin:0;
list-style-type: none;
}


/*Level 1 */

#sub1 ul#nav1 li a,
#sub1 ul#h1 li a{
display:block;
background-color:#ED2B36;	
float:left;
width:188px;
margin-top:1px;
padding:2px 0px 2px 12px;
text-decoration:none;
color:#fff;	
}

#sub1 ul#nav1 li.active a,
#sub1 ul#h1 li a{
font-weight:bold;
}


/*Level 2 */

#sub1 ul#nav2 li a,
#sub1 ul#h2 li a {
float:left;
width:188px;
margin-top:1px;
padding:2px 0px 2px 12px;	
background-color:#ED2B36;
text-decoration:none;
display:block;
color:#fff;
}

#sub1 ul#nav2 li.active a,
#sub1 ul#h2 li a{
font-weight:bold;
}


/*Level 3 */

#sub1 ul#nav3 li a,
#sub1 ul#h3 li a{
float:left;
width:180px;
margin-top:1px;
padding:2px 0px 2px 20px;	
background-color:#D66D69;
color:#fff;
text-decoration:none;
display:block;
}

#sub1 ul#nav3 li.active a,
#sub1 ul#h3 li a{
font-weight:bold;
}


/*Level 4 */

#sub1 ul#nav4 li a,
#sub1 ul#h4 li a{
float:left;
width:170px;
margin-top:1px;
padding:2px 0px 2px 30px;	
border-bottom:0px solid #E09494;
color:#6d6d6d;
text-decoration:none;
display:block;
background:#EABABA;
}

#sub1 ul#nav4  li.active a,
#sub1 ul#h4 li a{
font-weight:bold;
}


/*Level 5, 6 und 7 */

#sub1 ul#nav5 li a,
#sub1 ul#h5 li a,
#sub1 ul#nav6 li a,
#sub1 ul#h6 li a,
#sub1 ul#nav7 li a,
#sub1 ul#h7 li a{
width:170px;
margin-top:1px;
padding:2px 0px 2px 30px;	
border-bottom:1px solid #ED2B36;
color:#6d6d6d;
text-decoration:none;
display:block;
float:left;
}


#sub1 ul#nav5  li.active a,
#sub1 ul#h5 li a,
#sub1 ul#nav6  li.active a,
#sub1 ul#h6 li a,
#sub1 ul#nav7  li.active a,
#sub1 ul#h7 li a{
font-weight:bold;
}



.quicklink,
.quicklink-act{
	float:left;
	width:200px;
	margin-top:1px;
	padding:2px 0px 2px 0px;	
	border-bottom:1px solid #6c6c6c;
}

.quicklink a:link,
.quicklink a:visited,
.quicklink-act a:link,
.quicklink-act a:visited{
		color:#6c6c6c;
		background-image:none;
		padding-left:10px;
		display:block;
		text-decoration:none;		
}







/* Sitemap */
.expAll	{
		display:none;	
}
/* Sitemap */









 
 

/************************************************
* YAML FIX
************************************************/
.page { width:930px; }
#col1 { margin:10px 0 0 0;padding:0;width:200px;overflow:hidden; }
#col1_content {margin:0;padding:0;}

#col2 { margin:10px 0 0 10px;padding:0;width:220px;overflow:hidden; }
#col2_content {margin:0;padding:0;}

#col3 { margin:10px 0 0 200px; width:500px;padding:0; }
#col3_content { width:480px !important; padding:10px; }
	
	
#col1_content,
#col2_content,
#col3_content
{ 
		/* border:1px solid red; */
		overflow:hidden;
}











/********************************************
* NEWS ANPASSEN
********************************************/
.news-list-container	{
		overflow:hidden;
		width:505px;
		
}


.news-list-item	{
		
		width:230px;
		height:177px;
		float:left;
		margin-right:20px;
		margin-bottom:20px;
		padding-bottom:20px;
		border-bottom:1px solid #ED2B36;

		
}
.news-list-item-headline a {
		color:#fff;	
}
.news-list-item-pic	{
		/* border:1px solid red; */
		width:230px;
		height:85px;
		overflow:hidden;
}
.news-list-item-content	{
		/* border:1px solid red; */	
		height:57px;
		overflow:hidden;
		padding:3px;
}
.news-list-morelink {
		margin-top:5px;	
		margin-bottom:5px;
}



.news-latest-item{
		display:block;	
		float:left;
		width:100%;
		margin-bottom:10px;
}
.news-latest-item h3{
		margin-top:10px;	
}






/********************************************
* EVENT TEASER STARTSEITE
********************************************/
.teaser-body	{
		width:auto; 
		background-color:#dae8f5;
		margin-bottom:20px;
		
}

.first-event-date{ 
		width:70px;
		
		border-right:1px solid #ED2B36;
		border-bottom:1px solid #ED2B36;
		overflow:hidden;
		float:left;
		font-size:18px; 
		font-weight:bold;
		text-align:center;
		padding-top:5px;
		padding-bottom:5px;

}
.first-event-title{
		width:127px;
		font-size:18px; 
		font-weight:bold; 
		border-left:1px solid #ED2B36;	
		border-bottom:1px solid #ED2B36;
		overflow:hidden;
		text-align:center;
		padding-top:5px;
		padding-bottom:5px;
}
.event-teaser-date	{
		width:32px;	
		float:left;
		border-bottom:1px solid #ED2B36;
		color:#0165b1;
		padding:5px;
		overflow:hidden;
}
.event-teaser-title	{
		width:147px;
		border-bottom:1px solid #ED2B36;
		color:#0165b1;
		padding:5px;
		overflow:hidden;
}




/********************************************
* Event Detaiansicht
********************************************/
#cal_detailview {
padding:10px;
}








/********************************************
* Content Slider
********************************************/
.scrollButtons.left {
	top:20px;
	right:-50px;
}


.scrollButtons.right {

	top:20px;
}

#slider {
	margin-bottom:20px;	
}
#slider h1	{
	display:none;	
}














/********************************************
*	FCE 2 Cols / 3 Cols
********************************************/
.stop_float { clear:both;}
#colbody	{ 	
	width:505px;
	overflow:hidden;
	}
.colleft2, .colright2	{ 
	border-bottom:1px solid #ED2B36;
	float:left;
	margin-bottom:20px;
	margin-right:10px;
	padding-bottom:20px;
	width:46%;
	}
.colleft2 .csc-textpic-text,
.colright2 .csc-textpic-text {
  clear:both;
}
.colsright3, .colsmiddle3, .colsleft3	{
	border-bottom:1px solid #ED2B36;
	float:left;
	margin-bottom:20px;
	padding-bottom:20px;
	width:29%;
	text-align:left;
	overflow:hidden;
}

.colsleft3, .colsmiddle3 {
  margin-right: 20px;
} 




 

/********************************************
* KONTAKT FORMULAR 
********************************************/
form .csc-mailform	{
	padding:10px;
}
form .csc-mailform input, form .csc-mailform textarea{
	width:200px;
	padding:3px;
	margin-bottom:5px;
	border:1px solid #c6c6c6;
}
.csc-mailform label	{ 
	width:100px;
	float:left;
}

.textbereich	{
	border:1px solid #c6c6c6;
	width:250px;
	height:300px;
}
.csc-mailform-submit	{
	background-color:#fff;
	color:#666;
	width:100px;
	margin-top:20px;
	margin-left:100px;
}












/************************************************
* DAM BILDERGALERIE
************************************************/
.tx-damliteshow-pi1	{
	width:720px;
	overflow:hidden;
	

}
.tx-damliteshow-previewitem	{
	width:160px;
	height:230px;
	border:none;
	border-right:20px solid #fff;
	
	padding:0px;
	margin:0px;
	}
.tx-damliteshow-pi1	img{
		width:200px;
		height:75px;
		margin:0px;
		padding:0px;
		overflow:hidden;
	}
.tx-damliteshow-previewtitle	{
	text-align:left;
	font-weight:bold;
	background-repeat:no-repeat;
	background-position:right;
	padding-left:10px;
	overflow:hidden;
}
.tx-damliteshow-previewimage	{
	padding:0px;
	margin:0px;
	width:200px;
	height:75px;
	overflow:hidden;
}
.liteControls	{
	font-size:12px;
	color:#6C6C6C;
	padding:5px;
	
}
.gal_buttons_new	{
	float:right;
}
.gal_buttons_new a	{
	background:none;
	padding:0px;
}
.gal_buttons_ecard	{
	background-image:url(../img/ecard-icon2.gif);
	height:30px;
	width:30px;
	border:none;
	margin-right:10px;
	margin-top:5px;
	
}

.ecard_image	{
	padding:10px;
	margin-bottom:20px;
}
#ecard_form	{
	padding:10px;	
}
.textfeld	{
	width:200px;
	padding:3px;
	margin-bottom:5px;
	border:1px solid #c6c6c6;
}
.textbereich	{
	border:1px solid #c6c6c6;
	width:250px;
	height:300px;
}
.bt_submit_ecard	{
	margin:10px;
	margin-left:0px;
}	









 



/********************************************
* FORUM
********************************************/
.tx-mmforum-pi1	{


}

th.tx-mmforum-th	{
	background-color:#0066B2;
	border:none;
	padding-bottom:2px;
}
#tx-mmforum-footer	{
	display:none;	
}




/********************************************
* FORMATIERUNGEN UND ABSTAENDE ANPASSEN
********************************************/
ul 	{
	margin-top:10px;	
}

.csc-textpic-above{
	margin-top:0px;	
}

.csc-textpic-text 	{display:block; height:auto; margin:0 0 10px 0;}
.csc-textpic-equalheight	{ display:block;border:0px solid red;  }
.csc-textpic-imagewrap { display:block;margin:0 0 10 0;border:0px solid red; }
.csc-textpic-clear{ margin-bottom:10px;}






table.contenttable {
  border: solid #6C6C6C;
}


#col3_content h1 {
clear:both;
}





/*****************************************
* FONT RESIZER
*****************************************/
.fontsizer a{
	text-decoration:none;
	font-weight:bold;
}
.fontsizer {
	margin-top:5px;	
}

.cEnlargeTextSize a{
		font-size:16px; 
 }
.cNormalTextSize a{
	font-size:14px;	
}
.cReduceTextSize a{
	font-size:11px;	
}


.cReduceTextSize a,
.cEnlargeTextSize a,
.cNormalTextSize a{
	color:#333;	
}

/*****************************************
* RANDOM BACKGROUND IMAGES
*****************************************/
.bg_random,
.bg_switch{
	position:absolute;
	z-index:0;
  top:0px;
	width:2000px;
	left:50%;
	margin-left:-1000px;
	background:transparent;
}