/**
 * Style sheet Akkordeon 
 */
#main .mod_newslist h1
{
padding-bottom: 20px;
}

.toggler
{ 
	
	height:25px;
	margin:5px 0px;
	padding:9px 0px 0px 5px;
	background-color: #e9f1cc;
	border:1px solid #21434b;
	font-weight:bold;
	font-size:12px;
	color:#21434c;
	cursor: pointer;
	background-image:url("/tl_files/bodypix/pfeil_rt.gif");
	background-repeat:no-repeat;
	background-position:440px 50%;
}

#stundenbeschreibungen .toggler
{
	width:350px;
	height:15px;
	margin:3px 0px;
	padding:2px 0px 2px 5px;
	background-color:#E9F1CC;
	border:1px solid #21434b;
	font-weight:bold;
	font-size:12px;
	color:#21434c;
	cursor: pointer;
}

.abc a
{
	margin:5px 0px;
	padding-left:5px;
	font-weight:bold;
	font-size:14px;
}

.abc a:hover
{
	margin:5px 0px;
	padding-left:5px;
	font-weight:bold;
	text-decoration:none;
	font-size:14px;
}

.akkordeon_background,
.accordion div
{

	background-color: #E4E4E4;
	padding: 5px;
}

.akkordeon_background_bewegungprog,
.accordion div
{

	background-color: #c4e2e9;
	padding: 5px;
}

.akkordeon_background_gym,
.accordion div
{
	
	padding:5px 3px 5px 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	line-height:14px;
	background-color: #c4e2e9;
}


/**
 * Style sheet left LINKS
 */
#left
{
	background-image: url("/tl_files/badener-kurzentrum/bodypix/left_bg_y.png");
	height: 100%;
	position: absolute;
	LEFT: 0px;
	width: 215px !important;
	margin-bottom: 0px !important;
	padding-bottom: 0px !important;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #466F75;
}
#left .inside
{
	margin-right: 0px !important;
	margin-right: -6px;
}
/**
 * Style sheet left LINKS
 */
#left .mod_contentbox 
{
width: 215px;
}

#left .mod_contentbox  .less
{
margin-bottom: 8px;
}
#left .mod_contentbox  .more
{
margin-bottom: 16px;
}

#left .mod_contentbox  .info
{
background-image: url("/tl_files/badener-kurzentrum/bodypix/box_Info.png");
background-repeat: no-repeat;
background-position: right bottom;
}
#left .mod_contentbox .space
{
margin-left: 5px;
margin-right: 4px;
padding: 11px;
border: 1px solid #FEFEFC;
background-color: #E9F1CC;
}
/*Contentbox f. Headerbilder*/
#main .bkz-header
{
overflow: hidden;
width:  547px! important;
}
#right .inside  h1
{
font-size:13px;
}
#right .mod_contentbox 
{
overflow: hidden;
}
#right .mod_contentbox .coloredNoSpace h1
{
padding: 13px 7px;
padding-top: 10px;
}
#right .mod_contentbox .coloredNoSpace
{
background-color: #E9F1CC;
border: 5px solid #C7DE84;
margin: 0px 1px;
}
#right .mod_contentbox .colored
{
background-color: #E9F1CC;
padding: 11px;
border: 5px solid #C7DE84;
}

#right .mod_contentbox .mod_box_items
{
/* ff???
margin-bottom: 21px;
*/
}

#right .mod_contentbox .outerbox
{
background-image:url("/tl_files/badener-kurzentrum/bodypix/verlauf_re.png");
background-repeat: repeat-x;
background-position: left bottom;
padding-bottom:21px;
}

.unten2BT
{
	margin: 35px;
}

.nachOben
{
	float: left;
}

.printen
{
	float: right;
	margin-bottom: 35px;
}

/**
 * left
 */
#logo
{
	width:215px;
	height:99px;
	background-image:url("/tl_files/badener-kurzentrum/bodypix/kurzentrum_logo.gif");
	margin-left: 0px !important;
	margin-left: 2px; /*behebt IE6 3px Bug*/
	margin-right: 0px !important;
	margin-right: 2px; /*behebt IE6 3px Bug*/
	display: block;
}


/* MAIN*/


/**
 * Style sheet main
 */
/* 100% Hintergrund für Ie 6 */
html
{
	background-image:url("tl_files/bodypix/bg100.jpg") !important;
	background-image:url("tl_files/bodypix/bg100_2.jpg");
	background-repeat:repeat-y;
}

body,
html
{
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	line-height:16px;
	font-weight: normal;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}

#top
{
	position: absolute;	
	height:100%;
}

#wrapper
{
	height: 100%;
}

#main
{
	background-color:#ffffff;
	background-image:url("/tl_files/badener-kurzentrum/bodypix/bg_b_big.jpg");
	background-repeat:no-repeat;
	top: 0px;
	width: 547px !important;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height: 700px; /* real browsers */
}

.mod_article
{
	padding-bottom:40px;
	padding-top: 40px;	
	padding-right:25px;
	padding-left:30px;
	font-weight: normal;
}

.lohner
{
	margin-top:25px;
	margin-top: 20px !important;
	margin-right: 0px !important;
	margin-right: 7px; /*IE 6 Problem*/
}

/* top aussen (flash und stricherl) */
#aussen
{
	height:26px;
	background-color:#0000ff;
}

/* überschrift gro�? content */
#main h1
{
	margin:0px;
	padding-top:20px;
	padding-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#466e76;
	line-height:16px;
}

#left h1,
#right h1
{
	margin:0px;
	padding-top:0px;
	padding-bottom:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#466e76;
	line-height:16px;
}

/* Unterüberschrift mit Abstand */
h2
{
	margin:0px;
	padding-top:20px;
	padding-bottom:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#21434b;
}

/* �?berschrift täglicher Gymnastikplan */
h3
{
	margin:0px;
	padding-top:7px;
	padding-bottom:7px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#466e76;
	line-height:16px;
}

/* unterüberschrift ohne abstand (zb Massage) */
h4
{
	margin:0px;
	padding-top:10px;
	padding-bottom:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#21434b;
	line-height:16px;
}

/* bewegungsprog */
h5
{
	width:300px;
	height:18px;
	margin:0px 0px 5px 0px;
	padding:5px;
	background-color:#d9ebef;
	border:1px solid #21434b;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#466e76;
	line-height:16px;
}

/* muss bei jeden artikel eingegeben werden */
.maintext
{

}

/* flashheader */
#lines_head
{
	width:208px;
	height:170px;
	left:339px;
	top:29px;
	position:absolute;
	float:right;
	background-image:url("/tl_files/bodypix/imagelines.gif");
	background-repeat: repeat;
	display: none;
}

.mod_newslist .layout_full h2,
.mod_newsarchive .layout_full h2
{
	padding: 0px;
	padding-left:140px;
}

#changelanguage
{
	float: left;
}

#changelanguage a
{
	color: #fff;
	float: left;
	display: block;
	margin-top: 7px !important;
	margin-top: -10px;
	margin-left: 7px;
}


.clear
{
	float: none;
	clear: both;
}

.bluebox h2
{
	margin: 0px;
	padding: 0px;
	padding-bottom: 5px;
}

.bluebox
{
	padding: 5px;
	background: #D9EBEF;
}

/* Römertherme: Verlauf unter Menu */
.menu_bottom_verlauf
{
	background-color:#426D73;
	background-repeat:repeat-x;
	height: 17px;
	width: 214px;
	background-image:url("/tl_files/badener-kurzentrum/bodypix/verlauf_li.png");
	border-right: 1px solid #466F75;
}

/* Römertherme Verlauf Rechts */
.menu_bottom_verlauf2
{
	height: 20px;
	background-image:url("/tl_files/badener-kurzentrum/bodypix/verlauf_re.png");
	background-repeat: repeat-x;
}

.pic_rechts
{
	margin-left: 1px;
}

.mod_newslist .layout_full p.info,
.mod_newsarchive .layout_full p.info
{
	margin: 0px;
	float: left;
	width: 140px;
	font-weight: bold;
}

.mod_newslist .layout_full .ce_text,
.mod_newsarchive .layout_full .ce_text
{
	padding-left: 140px;
	margin-top: 10px;
	padding-top: 7px;
	padding-bottom: 15px;
	border-top: 1px solid #c4c4c4;
}

#aktuelles .mod_newslist
{
	margin-top: 20px;
	padding: 4px;
	padding-bottom: 20px;
}

.mod_newslist .layout_full,
.mod_newsarchive .layout_full
{
	padding-top: 7px;
	border-top: 2px solid #c4c4c4;
}



/* Style der Sitemap */
.mod_sitemap ul
{
	padding: 0px;
}

.mod_sitemap ul.level_1 li
{
	padding-top: 4px;
	padding-bottom: 4px;
	margin-top: 6px;
	padding-left: 20px;
	background: #EAF2CD;
	list-style-type: none;
}

.mod_sitemap ul.level_1
{
	margin-left: 0px;
}

.sitemap_link
{
	padding:3px 0px 3px 10px;
	background-color:#426D73;
	color: #ffffff;
	text-decoration:none;
}

.sitemap_link a:link,
.sitemap_link a:visited,
.sitemap_link a:focus,
.sitemap_link a:hover,
.sitemap_link a:active
{
	color: #ffffff;
	text-decoration: none;
}

#sitemap .submenu .last
{
	margin-left: 0px;
}


/**
 * content
 */
/* flashheader */
#flashheader
{
	width:340px;
	height:170px;
	background-color:#cccccc;
}

/* headzeile */

#headzeile_background
{
background-color: #C7DE83;
height:28px;
}

#headzeileblue
{
padding-top: 14px;
padding-right: 10px;
	width: 447px;
	height: 28px;
	text-align:right;
	background-color: #C7DE83;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	line-height:16px;
	float: left;
}

#css_switcher
{
	padding-top: 14px;
	height:28px;
	background-color:#466e76;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	line-height:16px;
}
#css_switcher ul
{
margin: 0px;
padding: 0px;
padding-right: 20px !important;
padding-right: 10px;
}
#css_switcher li
{
margin: 0px;
padding: 0px;
float: right;
list-style-type: none;
margin: 0px 5px;
font-weight: bold;
}

#css_switcher li a
{
margin: 0px;
padding: 0px;
color: #fff;
}

#css_switcher li a.gross
{
font-size: 16px;
}

#css_switcher li a.groesser
{
font-size: 19px;
}

/*
## SUCHE ##
*/

#suche_bkz
{
padding: 7px !important;
padding-right: 6px !important;
padding-bottom: 2px;

height: 28px;
}
#suche_bkz input.text
{
float: left;
height: 22px;
width: 170px;
border: 1px solid #fff;
}

#suche_bkz input.submit
{
float: left;
}

/*
## SUCHE ##
*/


/**
 * Style sheet modSheets
 */

 
 

/* Abst */
.form_round
{
	margin:3px;
}

/* Position des Abschicken Buttons */
.form_round_submit
{
	margin:20px 3px 3px 3px;
}

/* Feedbackformular */
.feedbackform
{
	/*
	margin:0px 10px 10px 10px;
	*/
	padding: 13px;
	background-color: #EAF2CD;
}


.feedbackform_headline
{
	margin:10px 10px 0px 10px;
	padding:6px 6px 6px 16px;
	background-color:#4A6E73;
	font-weight:bold;
	color:#ffffff;
}

#main h1.feedbackform_headline
{
padding-bottom: 6px;
padding-top: 6px;
color: #fff;
}

#f8 label
{
	margin-top:18px;
	margin-right:18px;
	margin-bottom:18px;
	width: 450px !important;
}

/* Ecard Style - Formular8 */
#f8
{
	margin-top:20px;
}

/* Ecard Style - Formular8 */
#f8 .eCard_lab
{
	margin-top:10px;
	margin-bottom:10px;
}

/* Ecard Style - Abstand zwischen den Bilder */
#f8 .image_container
{
	margin:3px;
}

/* Newsletter Anmeldung Rechts */
.newsletterBestellung
{
	margin: 15px 0px;
	background-color:#466E76;
}

/* Mitglieder Registration fuer Newsletter und Postzustellung */
.mod_registration .formbody
{
	padding: 20px 0px;
	background: #EAF2CD;
}

.mod_newslist .layout_full h2,
.mod_newsarchive .layout_full h2
{
	padding: 0px;
	padding-left:140px;
}

.mod_registration .col_0,
.mod_registration .col_1
{
	padding: 2px;
}

.mod_registration .col_0
{
	padding-left: 10px;
	width: 110px;
}

.mod_registration #ctrl_postal
{
	width: 60px;
}

.mod_registration #ctrl_country,
.mod_registration #ctrl_city
{
	width: 200px;
}

/* Newsletter Abbestellen */
.unsubscribe_nl
{
	padding: 20px 10px;
	background:#EAF2CD;
}

/* Newsletter Checkbox Ausblenden */
.mod_registration .row_7
{
	display: none;
}

/* newsletter headline */
.nl_head .feedbackform_headline
{
	margin:0px 0px 0px 0px;
	padding:6px 6px 6px 16px;
	background-color:#4A6E73;
	font-weight:bold;
	color:#ffffff;
}


/**
 * Style sheet gymnastikplan_style
 */
.gymborder a
{
	padding:0px;
}

.gymGesamt .time
{
	padding-top:0px;
	padding-left:6px;
}

/* Div das den Tag ausgibt */
.dailyDay
{
	padding-bottom:5px;
	font-weight:bold;
	font-size:14px;
	color:#21434b;
}

/* div um EIN event */
.gymborder
{
	padding-bottom:15px;
}

.gymGesamt
{
	background-color: #C7DE83;
}

.gympicrechts
{
	padding-top:50px;
	padding-left:370px;
}

.mod_eventlist .last
{
	margin-left:0px;
}

.gymstyle
{
	margin-top:5px;
	margin-right:10px;
	margin-left:4px;
	padding:0px 5px 10px 10px;
	background-color:#cde1e6;
	border:2px solid #999999;
	border-collapse:collapse;
	font-weight:bold;
	color:#466e76;
	margin: 5px 4px auto 4px !important;
}

/* Wochenliste der Events */
.ganztag
{
	float:left;
	padding-right:25px;
	padding-left:30px;
}


/**
 * Style sheet hhQuiz
 */
.hhquiz_body
{
	width:182px;
	padding:10px 10px 20px 10px;
	background-color:#d9ebef;
}

.quizBorder
{
	margin-top:20px;
	padding:6px;
	background-color:#ffffff;
	background-image:url("/tl_files/bodypix/bg_quiz.gif");
}


/**
 * Style sheet Shop
 */
#gutscheine
{
	width:470px;
	overflow:visible;
}

.bezahlArt
{
	margin-bottom:30px;
	background-color:#D9EBEF;
}

/* Hinergrund von */
.lrAdresse
{
	padding:2px 70px 2px 2px;
	background-color:#D9EBEF;
}

.bezahlArtInfo
{
	margin-bottom:10px;
	font-size:11px;
}

/* Liferadresse Ist auch Rechnungsadresse */
.lif_IS_rech
{
	margin-bottom:10px;
}

.kundendaten
{
	padding:5px;
	background-color:#D9EBEF;
}

#empfAdressen
{
	width:100%;
}

#lieferadresse
{
	width:220px;
	float:left;
}

#rechnungsadresse
{
	width:220px;
	float:left;
}

.kundenMail
{
	margin-top:20px;
}

.formbutton
{
	padding:1px 2px;
	font-weight:bold;
	color:#666;
	cursor:pointer;
	background:#999;
	background:url(media/formbg.gif) repeat-x left top;
}


/*
navi_rt
*/

/**
 * Style sheet navi_rt
 */
/* Formulare + Gymstale + Shop + Quiz */
.first
{
	margin-left:2px;
}

#navi a
{
	margin:0px;
	padding-top:0px;
	padding-left:12px;
	text-decoration:none;
	font-size:11px;
	color:#ffffff;
}

#navi ul li.active > a
{
	font-weight:bold;
	text-decoration:none;
	color:#21434b;
}

#navi .level_2 ul li.active > a
{
	font-weight:bold;
	text-decoration:none;
}

#navi ul li.active
{
	background-color:#719096;
	text-decoration:none;
	color:#21434b;
}

#navi ul
{
	margin:0px;
	padding:0px;
	background-color:#466e76;
	border-bottom:1px dotted #aec0c3;
}

/* Unternavi */
#navi ul li ul
{
	display:none;
	margin:0px;
	padding:0px;
	background-color:#719096;
	border:0px;
}

/* Unternavi */
#navi ul li.active > ul,
#navi ul li.trail > ul
{
	display:block;
	margin:0px 0px 0px 10px;
	padding:0px;
	background-color:#719096;
	border:0px;
}

/* Unternavi (Notwendig f */
#navi ul li.active .level_2,
#navi ul li.trail .level_2
{
	display:block;
	margin:0px 0px 0px 10px;
	padding:0px;
	background-color:#719096;
	border:0px;
}

/* Unternavi */
.trail
{
	display:block;
	margin:0px;
	padding:0px;
	background-color:#719096;
	border:0px;
}

#navi
{
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
}

#navi li
{
	border-top:1px dotted #aec0c3;
	font-size:11px;
	line-height:20px;
	list-style-type:none;
}

ul .level_2 li
{
	margin:0px;
	padding:0px;
}

.level_1 li
{
	margin:0px;
	padding:0px;
}

/* Newsletter */
#right .mod_subscribe
{
	background: #466E76;
	background-image: url(/tl_files/bodypix/banner_newsletter.jpg);
	background-repeat: no-repeat;
	background-position: center;
	padding: 40px 20px;
	margin: 10px 0px;
	color: white;
	font-weight: bold;
}

/* Newsletter Textfeld */
#right .mod_subscribe input.text
{
	margin: 5px 0px;
	width: 170px;
}

/* Newsletter Button */
#right .mod_subscribe input.submit
{
	width: 65px;
}

.mod_routenplaner.module
{
	margin-top: 10px;
	margin-bottom: 10px;
}

/* Routenplaner */
.mod_routenplaner .block
{
	background: #719996;
	padding: 10px 10px;
}

/* Routenplaner */
.mod_routenplaner h1
{
	background: #426D73;
	padding: 4px;
	color: white;
}

/* Routenplaner */
.mod_routenplaner .col_0,
.mod_routenplaner .col_1
{
	float: left;
	width: 35px;
	margin-bottom: 6px;
	color: white;
}

/* Routenplaner input länge */
#routenplaner_start,
#routenplaner_end
{
	width: 150px;
}

#navi ul.level_2 a.trail
{
	font-weight:bold;
	text-decoration:none;
	color:#21434b;
	margin-bottom: 0px! important;
	margin-bottom: -12px;
}

/* News Archiv Menu */
#right .mod_newsmenu .level_2
{
	background: #719996;
	padding: 5px;
	padding-left: 40px;
}

/* News Archiv Menu */
#right .mod_newsmenu ul
{
	padding: 0px;
	margin: 0px;
	list-style: none;
}

/* News Archiv Menu */
#right .mod_newsmenu h1
{
	padding: 3px 10px;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	background: #426D73;
}

#right .mod_newsmenu .year
{
	margin-bottom: 10px;
	list-style: none;
}

a
{
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:underline;
	font-size:12px;
	color:#21434b;
}

a:hover
{
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size:12px;
	color:#21434b;
}

#right .mod_newsmenu a
{
	text-decoration:none;
}


/**
 * Style sheet navi_horizontal
 */
#nav_hori .last
{
	padding:3px 0px;
}

#nav_hori .first
{
	margin-right:2px;
	padding:3px 0px;
}

#nav_hori ul li
{
	display:inline;
	padding-bottom:3px;
	border-bottom:5px solid #758b8f;
	color:#ffffff;
	margin: 0px 2px;
}

#nav_hori ul
{
	height:59px;
	display:inline;
	margin:0px;
	padding:0px;
	line-height:50px;
}

#nav_hori
{
	height:59px;
	padding-left:14px;
	background-color:#21434b;
}

#nav_hori a
{
	padding-bottom:3px;
	text-decoration:none;
	font-size:10px;
	color:#ffffff;
}

#nav_hori li.active
{
	border-bottom:5px solid #ffffff;
	text-decoration:none;
	font-size:10px;
	color:#ffffff;
}

/*
RIGHT
*/

/**
 * Style sheet right
 */
.banner
{
	padding:0px;
	background-color:#466e76;
	border-top:6px solid #466e76;
	border-right:6px solid #466e76;
	border-bottom:0px solid #466e76;
	border-left:6px solid #466e76;
}

#right
{
	background-color:#21434b;
	position: absolute;
	left: 762px;
	top: 0px;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	width: 217px;
	margin-bottom: 0px !important;
	padding-bottom: 0px !important;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #466F75;
}

.webliftingLogo
{
	padding-left: 40px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.image_container
{
	margin-bottom: -3px !important; 
	margin-bottom: 0px;
}
#map_canvas
{
border:1px solid #21434b;

}

/**
 * Wettermodul
 */

 
.wetterm_head
{
	font-weight: bold;
	color: #21434B;
}

.wetterm
{
	border:5px solid #426D73;
	background: #E9F1CC;
	padding: 10px 5px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.wetterm_heute
{
	padding-top: 10px;
	padding-bottom: 3px;
	font-weight: bold;
}

.wetterm_heute2
{
	border-bottom: 1px solid #C7DE84;
	padding-bottom: 10px;
}

.wetterm_morgen
{
	padding-top: 10px;
	padding-bottom: 3px;
	font-weight: bold;
}

.wetterm_morgen2
{
	border-bottom: 1px solid #C7DE84;
	padding-bottom: 10px;
}

.wetterm_uebermorgen
{
	padding-top: 10px;
	padding-bottom: 3px;
	font-weight: bold;
}

.wetterm_uebermorgen2
{
	border-bottom: 1px solid #C7DE84;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.wetterm_datum
{
	display: block;
	float: left;
	width: 90px;
}

.wetterm_temp
{
	display: block;
	float: left;
	width: 40px;
}


