/*
  ACTIV FITNESS CSS 



##########################
# WEB Version Livesystem #
##########################

  Anpassungen

  Datum:   	Person: Was:												Zeilennummer:

  16.11.09 	PJ      Bereinigung und zusammenfügen aller Versionen
  20.11.09 	IK		Aenderungslog										8
  2.12.09	IK		Titel Massage										137										
  
  
  Die Versionen sind zu speichern wie folgt: web.2009.11.20_1.css für Version 1 auf dem jeweiligen Server.

######################################
# Global Definition
######################################
*/

body
{
	background: #fff;
	color: #333;
	text-align: left;
	
	/* NUR FÜR WEB UMGEBUNG */
	overflow-y: hidden;
	overflow-x: hidden;
	
}
body.bodybg {
	background-image: url(../images/hintergrund-verlauf.jpg);
	margin: 0;
	background-repeat: repeat-x;
	text-align: center;
}
.aussenrahmen {
	background-image: url(../images/schlagschatten.png);
	background-repeat: repeat-y;
	margin: 0 auto;
	width: 1024px;	
}
.innenrahmen {
	background-image: url(../images/hintergrund-startseite.jpg);
	background-repeat: no-repeat;
	margin: 0 auto;
	width: 989px;
	height: 800px;
}
#content {
	width: 753px;
	margin-top: 119px;
	float: left;
	text-align: left;
	margin-left: 0px;
	overflow-y: auto;
	overflow-x: hidden;
    display:inline;
}

.img_pikto 
{
	border:0px;
}
a.img_pikto_print,
span.img_pikto_print a
{
	padding-left: 20px;
	background: transparent url(../images/icon_print_14x14.gif) 0 0 no-repeat scroll;
	font-size: 11px;
}
.con_title {
	width:680px;
	height:41px;
	padding-top:31px;
	padding-left:45px;
	position: relative;
}
#title {
	width:680px;
	height:41px;
	float:left;
}
.contactcell{
	width:160px;
	
}
.contactcell p {
	margin:0px;
	padding-bottom:0px;
}
.contactmodulediv {

}

.col_right {
	width:151px;
	padding-top:10px;
	padding-left:10px;
	padding-right:17px;
	padding-bottom:18px;
	float:left;
	display:inline;
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#3A3A3A;
	text-align:left;
}
.col_right p {
	margin:0px;
	padding-bottom:8px;
}
.col_right a,
.col_right a:link,
.col_right a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#CA0E1A;
	text-decoration:none;
}
.col_right a:hover {
	text-decoration:underline;
}
.col_right table {
	position:relative; left: -2px; width:155px;
}
.txt_small {
	font-size:9px;
	color:#3A3A3A;
	text-align:left;
}
.txt_massage {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#CA0E1A;
	line-height:normal;
	margin-bottom:3px;
	padding:0px;
	margin-top:10px;
}
.txt_big {
	font-size:13px;
	font-weight:bold;
	color:#3A3A3A;
	margin-bottom:10px;
	padding:0px;
	margin-top:0px;
}
h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:29px;
	color:#CA0E1A;
	font-weight:bold;
	padding-top:3px;
	padding-bottom:0px;
	margin:0px;
}
h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#3A3A3A;
	line-height:normal;
	margin-bottom:14px;
	padding:0px;
	margin-top:10px;
	clear:both;
}
h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#3A3A3A;
	line-height:normal;
	margin-bottom:7px;
	padding:0px;
	margin-top:10px;
}
h5 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#486F8E;
	font-weight:normal;
	padding:0px;
	margin-top:10px;
	margin-right:0px;
	margin-bottom:10px;
	margin-left:0px;
}
a, a img, input {
  outline: none;
}

p {
	margin:0px;
	padding-bottom:10px;
}
ul {
	font-family:Arial, Helvetica, sans-serif;
	color:#3A3A3A;
	list-style-type:square;
	list-style-position:outside;
	list-style-image:url(../images/af_bullet.gif);
	padding:0px;
	margin-top:0px;
	margin-left:12px;
	margin-right:0px;
	margin-bottom:0px;
}
ol {
	font-family:Arial, Helvetica, sans-serif;
	color:#3A3A3A;
	list-style-type:decimal;
	list-style-position:outside;
	padding:0px;
	margin-top:0px;
	margin-left:18px;
	margin-right:0px;
	margin-bottom:0px;
}
li {
	padding-bottom:6px;
}
table 
{
	border:none; margin-bottom:10px; 
}
table.table_small {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#3A3A3A; width:100%;}
td
{
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 7px;
	padding-left: 7px;
	vertical-align: top;
}
td {padding:2px; margin:5px; background-color:#F8F8F8; }
table.table_full 
{
	width:100%; 
}

table.table_training
{
	width: 100%;
	background-color: White;
}

.table_training td
{
	vertical-align:top;
	background-color:White;
}

.table_training td.training_alternative
{
	background-color:#CBD3DC;
}

.table_training td.datum,
.table_training td.zeit
{
	width:100px;
}

table.table_training_header
{
	width: 100%;
	background-color: White;
}
.table_training_header td
{
    background-color: White;
}
.table_training_header td.pager
{
    width: 40px;
    vertical-align: bottom;
}
table.table_training_header td h2
{
    font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height: 24px;
	font-weight:bold;
	color:#3A3A3A;	
	padding:0px;
	margin: 0;
}	

table.table_float_left {float:left;margin-top:0px; margin-right:14px; margin-bottom:7px; margin-left:0px;}
table.table_float_right {float:right; margin-top:0px; margin-right:0px; margin-bottom:7px; margin-left:14px;}
tr.dark td, td.dark
{
	background-color: #EBEBEB;
	font-weight: bold;
	vertical-align: middle;
}
tr.darker td, td.darker 
{
	background-color: #DADADA;vertical-align:top;font-family:Arial, Helvetica, sans-serif;font-weight:bold;font-style:italic;
}
th {padding:2px; margin:5px; background-color:#EBEBEB; }
table p
{
	padding-bottom: 0px;
}
th.cell_left {text-align:left; vertical-align:top; }
th.cell_mid {text-align:center; vertical-align:top; }
th.cell_right {text-align:right; vertical-align:top; }
th.cell_left_mid {text-align:left; vertical-align:middle;}
th.cell_mid_mid {text-align:center; vertical-align:middle;}
th.cell_right_mid {text-align:right; vertical-align:middle;}
th.cell_left_bottom {text-align:left; vertical-align:bottom;}
th.cell_mid_bottom {text-align:center; vertical-align:bottom;}
th.cell_right_bottom {text-align:right; vertical-align:bottom;}
th.cell_nowrap {white-space: nowrap;}

/* Suche */
.col_right input[type=text] {width:133px;border:1px solid #686868;color:#000000;text-indent:4px;}
.col_right input[type=submit] {border:1px solid #686868; background-color:#EBEBEB;cursor:pointer;cursor:hand;}
.col_right input[type=submit]:hover {background-color:#F8F8F8}
/* Login */
.loginForm table {
	padding-top: 5px;
	margin-bottom: 0px;
}
/*.loginForm tr {
	height: 10px;
}*/

.loginForm td {
	padding:0px;
	background-color: White;
	background: none;
	color: #566d87;
	font-weight: bold;
	font-size: 12px;
	/*line-height: 12px;*/
	height: 14px;
}
#Benutzername,
#Passwort {width:138px;border:1px solid #686868;color:#000000;text-indent:4px;}
#loginButton {border:1px solid #686868; background-color:#EBEBEB;cursor:pointer;cursor:hand;margin-top: 5px;margin-bottom: 5px;}
#loginButton:hover {background-color:#F8F8F8}

td.cell_left {text-align:left; vertical-align:top; }
td.cell_mid {text-align:center; vertical-align:top; }
td.cell_right {text-align:right; vertical-align:top; }
td.cell_left_mid {text-align:left; vertical-align:middle;}
td.cell_mid_mid {text-align:center; vertical-align:middle;}
td.cell_right_mid {text-align:right; vertical-align:middle;}
td.cell_left_bottom {text-align:left; vertical-align:bottom;}
td.cell_mid_bottom {text-align:center; vertical-align:bottom;}
td.cell_right_bottom {text-align:right; vertical-align:bottom;}
td.cell_nowrap {white-space: nowrap;}

td.cell_title
{
	background-color:#ebebeb;
	font-family: Arial, Helvetica, Sans-Serif;
	color: #3a3a3a;
	font-size:14px;
	font-weight:bold;
	vertical-align: top;
}

td.cell_title a,
td.cell_title a:link,
td.cell_title a:visited
{
	font-size: 14px;
}

td.cell_blank
{
	padding:0px;
	height:10px;
	line-height:10px;
	background-color: #ffffff;
}

/*
TEMPORÄR start
*/
table th {padding-top:3px; padding-bottom:3px; padding-right:7px; padding-left:7px; }
table td {padding-top:3px; padding-bottom:3px; padding-right:7px; padding-left:7px; }
/*
TEMPORÄR end
*/
img
{
	border:1px solid #686868;
}

.img_float_none 
{
	border:1px solid #686868;
	float:none;
}
img.img_float_left {
	border:1px solid #686868;
	float:left;
	margin-top:2px;
	margin-right:14px;
	margin-bottom:7px;
	margin-left:0px;
}
img.img_float_right {
	border:1px solid #686868;
	float:right;
	margin-bottom:7px;
	margin-left:14px;
}
/* Bild variabel */
html body img.noborder {
	border: 0;
}
.bottom_spacer {padding-bottom:18px;}

/* Float Fix */
.bottom_spacer:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.bottom_spacer {display: inline-block;}
/* Hides from IE-mac \*/
* html .bottom_spacer {height: 1%;}
.bottom_spacer {display: block;}
/* End hide from IE-mac */

/*
######################################
# Template 1 - Startseite
######################################
*/
/*
.con_main_1 {
	width:510px;
	padding-top:0px;
	padding-left:50px;
	padding-bottom:18px;
	float:left;
	display:inline;
}
.col_text {
	width:485px;
	padding-right:25px;
	padding-bottom:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3A3A3A;
}
.col_text a,
.col_text a:link,
.col_text a:visited {
	color:#CA0E1A;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
}
.col_text a:hover {
	text-decoration:underline;
}
.col_news {
	width:255px;
	float:left;
	display:inline;
}

######################################
# Objekte - Startseite
######################################
*/
.newsbox {
	width:230px;
	float:left;
	display:inline;
}
.newsbox_title {
	background-color:#F0F0F0;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#686868;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#3A3A3A;
	text-indent:6px;
	width:230px;
	height:18px;
}
.newsbox_content {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#3A3A3A;
	width:230px;
	padding-top:10px;
	padding-bottom:18px;
}
.newsbox_content p {
	margin:0px;
	padding-bottom:3px;
}
.newsbox a,
.newsbox a:link,
.newsbox a:visited {
	color:#CA0E1A;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
	text-decoration:none;
	padding-left:16px;
	background-image:url(../images/af_link.gif);
	background-repeat:no-repeat;
	background-position:left;
}

.newsbox .newsbox_title a,
.newsbox .newsbox_title a:link,
.newsbox .newsbox_title a:visited 
{
	background-image: none;
	padding-left:0;
}

.newsbox_content p a,
.newsbox_content p a:link,
.newsbox_content p a:visited {
	color:#CA0E1A;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
	text-decoration:none;
	padding-left:16px;
	background-image:url(../images/af_link.gif);
	background-repeat:no-repeat;
	background-position:left;
}
.newsbox a:hover {
	text-decoration:underline;
}
img.img_news_full {
	border:1px solid #686868;
	margin-bottom:7px;
}
img.img_news_left {
	border:1px solid #686868;
	float:left;
	margin-top:2px;
	margin-right:14px;
	margin-bottom:7px;
	margin-left:0px;
}
/*
######################################
# Template 2 - Seite mit 1 Spalte
######################################
*/
.con_main_2 {
	width:673px;
	padding-top:0px;
	padding-left:50px;
	padding-right:30px;
	padding-bottom:18px;
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3A3A3A;
}
.con_main_2 a,
.con_main_2 a:link,
.con_main_2 a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#CA0E1A;
	text-decoration:none;
}
.con_main_2 a:hover {
	text-decoration:underline;
}
/*
######################################
# Template 3 - Seite mit 2 Spalten
######################################
*/
.con_main_3
{
	padding: 0px 0px 18px 50px;
	width: 500px;
	float: left;
	display: inline;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3A3A3A;
	text-align: left;
}
.con_main_3 a,
.con_main_2 a:link,
.con_main_2 a:visited {
	color:#CA0E1A;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
}
.con_main_3 a:hover {
	text-decoration:underline;
}
/* ???
.con_main_3 p {
	padding-right:25px;
}
*/
/*
######################################
# Template 4 - Seite mit 3 Spalten
######################################
*/
.col_title {
	width:485px;
	padding-right:25px;
}
.con_main_4 {
	width:240px;
	padding-right:10px;
	float:left;
	display:inline;
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3A3A3A;
	text-align:left;
}
.con_main_4 a,
.con_main_4 a:link,
.con_main_4 a:visited {
	color:#CA0E1A;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
}
.con_main_4 a:hover {
	text-decoration:underline;
}
/* 
######################################
# Navigation 
######################################
*/
.navigation {
	width: 215px;
	float: left;
	margin-top: 237px;
	margin-left: 21px;
	text-align: left;
    display:inline;   /* 2009_05_11 wz IE double-margin-bug */
}
.navigation .schatten-links {
	background: url(../images/navigation-links.png);
	background-repeat: repeat-y;
	padding-left:6px;
}
.navigation ul {
	list-style-image: none;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
.navigation li {
	list-style-image: none;
	padding: 0;
	margin: 0;
	display: block;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	background-color: Lime;
	background-image: url(../images/navigation-ebene-1.jpg);
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-position: 0 0;
}

.navigation li:hover {
	background-image: url(../images/navigation-ebene-1-over.jpg) !important;
}

.navigation li.aktiv {
	background-image: url(../images/navigation-ebene-1-offen.jpg) !important;
}

.navigation li.single {
	background-image: url(../images/navigation-ebene-1-over.jpg) !important;
}

.navigation li a,
.navigation li a:link,
.navigation li a:visited {
	text-decoration: none;
	background: none;
	color: #566d87;
	font-weight: bold;
	font-size: 12px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 32px;
	line-height: 20px;
}
.navigation li a:hover {
	color: #d42e31;
}
.navigation li.aktiv a.aktiv {
	color: #d42e31;
	font-weight: bold;
}
.navigation li li {
	padding-left: 22px;
	background-color: #ffffff;
	background-image: url(../images/navigation-ebene-2.jpg);
}

.navigation li li:hover 
{
	background-image: url(../images/navigation-ebene-2-over.jpg) !important;
}

.navigation li li.aktiv,
.navigation li li.aktiv:hover {
	background-image: url(../images/navigation-ebene-2-offen-keinstrich.jpg) !important;
}

.navigation li li.single,
.navigation li li.single:hover {
	background-image: url(../images/navigation-ebene-2-single.jpg) !important;
}

.navigation li li.loginForm,
.navigation li li.loginForm:hover 
{
	padding-left:40px;
	padding-bottom: 0px;
	background-image: url(../images/navigation-ebene-2.jpg) !important;
	background-repeat: repeat-y;
}
.navigation li li.loginli
{
	background-image: url(../images/navigation-ebene-2-loginli.jpg) !important;
}
.navigation li li.loginli:hover
{
	background-image: url(../images/navigation-ebene-2-loginli-over.jpg) !important;
}
.navigation li li.loginli2
{
	background-image: url(../images/navigation-ebene-2-loginli2.jpg) !important;
}
.navigation li li.loginli2:hover
{
	background-image: url(../images/navigation-ebene-2-loginli2-over.jpg) !important;
}

.navigation li li a,
.navigation li li a:link,
.navigation li li a:visited {
	padding-left: 20px;
	font-weight: normal;
}
.navigation ul ul ul {
	margin-left: -22px !important;
}
.navigation li li li {
	width: 187px;
	background-color: #ffffff;
	background-image: url(../images/navigation-ebene-2.jpg);
	padding-left: 33px
}
/*.navigation li li:hover,*/
.navigation li li li:hover {
      background-image: url(../images/navigation-ebene-3-aktiv-over-keinstrich.jpg) !important;
}
.navigation li li li.aktiv:hover {
	background-image: url(../images/navigation-ebene-3-aktiv-over-keinstrich.jpg) !important;
}
.navigation li li li.aktiv {
	background-image: url(../images/navigation-ebene-3-aktiv-over-keinstrich.jpg) !important;
}
.navigation .ende-unten {
	height: 6px;
	margin-left: 0px !important;
	background-image: url(../images/navigation-unten.png);
}

.navigation .loginLink
{
	cursor: pointer;
}

/*
######################################
# Formulare
######################################
*/
.formFld_1 {width:295px;border:1px solid #686868;color:#000000;text-indent:4px;}
.formArea_1 {width:295px;border:1px solid #686868;color:#000000;text-indent:4px;}
.formFld_2 {width:400px;border:1px solid #686868;color:#000000;text-indent:4px;}
.formArea_2 {width:400px;border:1px solid #686868;color:#000000;text-indent:4px;}
.formBtn_1 {border:1px solid #686868; background-color:#EBEBEB;cursor:pointer;cursor:hand;}
.formBtn_1:hover {background-color:#F8F8F8}
/*
######################################
# Google Maps  
######################################
*/
.gMap_1 {width: 495px;height:300px;margin-top:8px;margin-bottom:18px;}
.gRoute {margin-top:8px;margin-bottom:18px;}
.gRoute a {color:#3A3A3A; }
.gRoute a:hover {text-decoration:none; }
.gRoute table {border:none !important; margin-bottom:10px !important; }
.gRoute table td {padding: 3px 7px;
}
.gRoute td {border-top:2px solid #FFFFFF !important; padding:2px !important; margin:5px !important; background-color:#F8F8F8 !important; }

/*
######################################
# Registrierung
######################################
*/
table.register td
{
	background-color: White;
}

/*
######################################
# Stammdaten Formular
######################################
*/
table.stammdaten td
{
	padding: 3px 0 3px 4px;
	margin: 0;
}
.stammdaten input,
.stammdaten select
{
	border:1px solid #686868;
	color:#000000;
	/*text-indent:4px;*/
	font-family: inherit;
}

.message
{
	font-weight: bold;
	color:#CA0E1A;
	padding: 5px 0;
}

span.inputCheckBox
{
	display: block;
	padding-left: 20px;
}
span.inputCheckBox input
{
	border: 0;	
	text-indent:-20px;
}

/*
######################################
# Top Links
######################################
*/
div.topLinksOuter
{
	position: absolute;
	top: 23px;
	left: 0;
	right: 0;
	width: 100%;
	height: 63px;	
	text-align: center;
	background: transparent;
}
div.topLinksCenter
{
	position: relative;
	margin: 0 auto;
	width: 989px;	/* entspricht: .innenrahmen (Bild ohne Schlagschatten) */	
	height: 63px;
	background: transparent;
}
.topLink1 { left: 291px; top: 0; position: absolute; width: 63px; height: 63px; }
.topLink2 { left: 384px; top: 0; position: absolute; width: 63px; height: 63px; }
.topLink3 { left: 477px; top: 0; position: absolute; width: 63px; height: 63px; }
.topLink4 { left: 570px; top: 0; position: absolute; width: 63px; height: 63px; }
.topLink5 { left: 663px; top: 0; position: absolute; width: 63px; height: 63px; }

/*
######################################
# Search Pager
######################################
*/
.pagerPanelPage1
{
	padding-left: 23px;
}
.pagerNormal,
.pagerNormal a
{
	font-size: 14px;
}
.pagerActive 
{
	font-size: 14px;
}

/*
######################################
# Kursplan Auszeichnung
######################################
*/
.highlightTrainer
{
    font-weight: bold;
    color: #00608a;
}
.highlightRow
{
    font-weight: bold;
}



.clearing
{
    clear: both;
    font-size: 1px;
    line-height: 1px;
}

.sitesControl 
{
    position: absolute;
    width: 300px; 
    right: 30px; 
    top: -20px;    
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#0174aa;
    font-weight: bold;
   /* display: none; */
}


.sitesControl span
{
    color: #2dcbe8;
}

.sitesControl a 
{
    font: 12pt bold Arial;
    text-decoration: none;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#0174aa;	
	font-weight: bold;
  /*  display: none; */
}

.sitesControl a:hover
{
    color: #2dcbe8;
}