@media screen
{

html, body {padding: 0;	border: 0; margin: 0;}
body {background: #E9E9E9 url(images/body_bgmedia.gif) repeat-x; padding: 0; margin: 0; text-align: center}

/* -- Alle Bilder --------------------------------------------------------------------------------------------- */
	
	img {
		padding: 0;
		margin: 0;
		border: 0;
		}

.border_5px {border: 1px solid #D8D8D8; padding: 3px; background: #fff; margin: 0 0 4px 0;}
.border_5px_fliesstext {padding: 5px; float: right; background: transparent; margin: 0px 0px 4px 4px;}
.border_5px_fliesstext_ausbildung {border: 1px solid #D8D8D8; float: right; background: transparent; margin: 0px 0px 4px 4px;}
.border_5px_fliesstext_left {border: 0px solid #D8D8D8; padding-right: 5px; padding-bottom: 0px; float: left; background: transparent; margin: 0px 0px 0px 0px;}

/* -- Verschiedenes ---------------------------------------------------------------------------------------------- */

.center {clear: both; width: 100%; margin: 0 auto; text-align: center;}

.zitate_fliesstext {
width: 200px;
min-height: 25px;
border: 0px solid #D8D8D8; padding: 5px; float: right; background: transparent; margin: 0px 17px 4px 4px;
text-align:center;
font-style:italic;
color: #F3670A;
font-family: Verdana, Helvetica, sans-serif;
font-size: 11px;
}
* html .zitate_fliesstext
{margin-right: 8px; }




/* -- Alle Links ---------------------------------------------------------------------------------------------- */

a, a:link, a:active, a:visited {text-decoration: underline; color:#F3670A;}
a:hover {text-decoration: none; color: #F3670A;}


/* -- Alle Formulare ---------------------------------------------------------------------------------------------- */

form {padding: 0 0 0 10px; margin: 0; text-align: left; font-family: Verdana, Helvetica, sans-serif; font-size: 10px;}
fieldset {border: none; padding: 0; margin: 0;}
label {color: #F3670A; padding: 0; margin: 0;}
.input {width: 85px; font-size: 9px; color: #BE0000; padding: 1px;}
.submit {font-size: 9px;}


/* -- Alle Schriften ----------------------------------------------------------------------------------------- */

p {font-family: Verdana, Helvetica, sans-serif; font-size: 12px; line-height: 15px; margin: 0; padding: 0; text-align: left;}
h1, h2 {font-family: Verdana, Helvetica, sans-serif; font-weight: bold; text-align: left;}
h3 {font-family: Verdana, Helvetica, sans-serif; font-weight: bold;  font-size:12px; padding-left:7px; text-align: left;}
h4 {font-family: Verdana, Helvetica, sans-serif; font-weight: bold;  font-size:12px; padding: 0px 0 10px 25px; text-align: left;}
/* -- Alle Listen ---------------------------------------------------------------------------------------------- */

ul {text-align: left;}
li {font-family: Verdana, Helvetica, sans-serif; font-size: 12px; text-align: left; }

#content2 ul{
margin:15px 0px 15px 15px;
padding-left:10px;
 line-height: 15px;
list-style-type: square;
font-weight: normal;
}


 


/* -- NAVIGATION TOP -------------------------------------------------------------------------------------------- */

#navbar {padding-left: 170px; margin: 0; position: absolute; top: 148px; left: 0px; width: 729px; height: 41px; background: transparent url(images/navbar_bgmedia.gif) no-repeat;}

#navbar a {
	font-family: Verdana, Helvetica, sans-serif; font-size: 12px;
	text-decoration: none;
	color: #fff;
	height: 38px;
	}

#navbar a:hover {color: #FCD9C2; text-decoration: none;}
#navbar a.current {color: #FCD9C2; text-decoration: none;}

#tabs {

	height: 38px;
	width: 100%;
	}

#tabs ul {
	margin: 0;
	padding: 0 5px;
	list-style: none;
	float: left;
	}
	
#tabs li {
	float: left;
	padding: 0;
	margin: 0;			/*** Platz zwischen den Tabs***/
	list-style-image: none;
	background: transparent url(images/tab_rightmedia.gif) no-repeat right top;
	}
	
#tabs a {
	float: left;
	display: block;
	background: transparent url(images/tab_leftmedia.gif) no-repeat left top;
	padding: 6px 14px 0 15px;	/*** Platz zwischen den Tabs***/
	line-height: 25px;
	}

/* -- Hacks  Navbar --------------------------------------------------------------------------------------------------- */

#tab_end{
left:407px;
position:absolute;
height:38px;
width:3px;
background: transparent url(images/tab_right_end_Orange.gif) no-repeat;
margin-left:0px;
z-index:99;
}



/* -- Seiten Layout ------------------------------------------------------------------------------------------ */

#page {margin: 0 auto; position: relative; width: 731px;}

#header {
	margin: 0;
	position: absolute; 
	top: 0; left: 0;
	width: 729px; height: 150px;
	background: url(images/banner.jpg) no-repeat;
	}
	
#header h2 {
	font-size: 24px;
	color: #000;
	letter-spacing: 1px;
	margin: 15px 0 0 25px;
	font-weight: normal;
	text-align: left;
	}
	
#header h4 {
font-family: Verdana, Helvetica, sans-serif; font-size: 12px;
	color: #333;
	
	letter-spacing: .05em;
	margin: 1px 0 0 28px;
	text-align: left;
	font-weight: normal;
	}

	
/* -- Spalten Layout  */

#main { 
	margin: 0; 
	position: absolute; 
	top: 189px; left: 0; 
	width: 729px;
	background: url(images/col3_bgmedia.gif) repeat; 
	}

#main_unterseiten {

margin: 0;
	position: absolute; 
	top: 189px; left: 0;
	width: 729px;
	background:  url(images/col2_bgmedia.gif) repeat; 

	}

/* -- Linke Spalte -------------------------------------------------------------------------------------------------- */

#leftbar {float: left; width: 171px; padding: 0 0 0 5px;}

#sidenav ul {margin: 0px 0; padding: 0; border: 0;}

#sidenav li{
	list-style: none; 
	font-family: veranda, sans-serif;
	display: inline;
	}
	
#sidenav li a {
	height: 20px;
	text-decoration: none; text-align: left;
	padding: 8px 0 0 24px; 
	color: #333; 
	display: block;  
	font-size: 11px !important;
	background: url(images/sideul_bgmedia.gif) no-repeat 0 -28px;
	border: none;
	}

#sidenav li a.current {
	height: 20px;
	text-decoration: none; text-align: left;
	padding: 8px 0 0 24px; 
	color: #333; 
	display: block;  
	font-size: 11px !important;
	background: url(images/sideul_bgmedia.gif) no-repeat 0 0px;
	border: none;
	}	
	

#sidenav li a.bot { 
	height: 22px;
	text-decoration: none; text-align: left;
	padding: 8px 0 0 24px; 
	color: #F3670A; 
	display: block;  
	font-size: 11px !important;
	background: url(images/sideul_bgmedia.gif) no-repeat 0 -28px;
	border: none;
	}
	
#sidenav li a:hover {background: url(images/sideul_bgmedia.gif) no-repeat 0 0; padding: 8px 0 0 24px;}

#leftbar h1 {

	font-size: 12px; 
	color: #333; 
	margin: 10px 0 2px 10px; 
	font-weight: normal; 
	text-align: left;
	}

#leftbar h2 {

	font-size: 12px; 
	color: #333; 
	margin: 0px 0 2px 0px; 
	text-align: left;
	border-top: 3px solid #FFF; 
	width: 162px; 
	padding: 15px 0 0 10px;
	}

#leftbar p {
	font-size: 10px; 
	color: #333; 
	margin: 0px 10px 17px 10px;
	}

#leftbar ul.list {
	margin: 10px 0 5px 11px; 
	padding: 0; 
	color: #3B3A34;
	list-style: none;
	text-align: left;
	}

#leftbar ul.list li {
	margin: 0 0 7px 0; 
	padding: 0 0 0 9px; 
	background: url(images/bulletmedia.gif) no-repeat 0 3px; line-height: 12px
	}
	
/* -- Rechte Spalte ---------------------------------------------------------------------------------------------- */

#rightbar {float: left; width: 171px; padding: 0;}
#rightbar p {
	font-size: 10px; 
	color: #333; 
	margin: 0px 10px 17px 10px; 
	}

#rightbar h1 {
	font-size: 12px; 
	color: #333; 
	margin: 10px 0 3px 10px; 
	}

#rightbar h2 {
	font-size: 12px; 
	color: #333; 
	margin: 15px 0 3px 0px; 
	padding: 15px 0 0 10px;
	width: 163px; 
	border-top: 3px solid #FFF; 
	}
	
#rightbar ul {margin: 0 0 5px 11px; padding: 0; color: #333; list-style: none; text-align: left;}
#rightbar ul li {margin: 0 0 7px 0; padding: 0 0 0 7px; background: url(images/bulletmedia.gif) no-repeat 0 3px; line-height: 12px}
	

/* -- Mittlere Spalte ----------------------------------------------------------------------------------------------- */

html>body #content1 {float: left; width: 377px; padding: 0; background: url(images/cntr_bgmedia.gif) no-repeat} 
#content1 {float: left; width: 376px; padding: 15px 0px 0px 3px; background: url(images/cntr_bgmedia.gif) no-repeat -1px 0; }
#content1 h1 {font-size: 12px; color: #F3670A; margin: 15px 0 15px 8px;}
#content1 h2 {font-size: 16px; color: #F3670A; margin: 10px 0 5px 10px;}
#content1 p {font-size: 12px; margin: 0px 17px 15px 8px; color: #000; line-height: 15px;}

#content1 blockquote, #content2 blockquote  {
	color: #F3670A; 
	float: right; 
	width: 200px;
	font-family: Verdana, Helvetica, sans-serif; font-size: 12px;
	line-height: 24px; 
	text-align: left; 
	margin: 5px 10px 10px 20px; 
	}
	
/* 2 col site ID */
	
#content2 {float: left; width: 547px; padding: 15px 0px 0px 3px;}
#content2 p {font-size: 12px; margin: 0px 17px 15px 8px; color: #000; line-height: 15px;}
#content2 h1 {font-size: 12px; color: #F3670A; margin: 0px 0 15px 8px;}
#content2 h2 {font-size: 16px; color: #F3670A; margin: 10px 0 2px 8px;}


/* -- Footer  --------------------------------------------------------------------------------------------------- */
	
#footer {clear: both; width: 729px; height: 74px; background: url(images/footer_bgmedia.jpg) no-repeat; padding: 0px;}

#footer p {font-size: 10px; color: #333; padding: 15px 0 0px 168px; margin: 0 0 0 18px; text-align: left;}
#footer span {float: right; padding: 15px 10px 0;}

#footer ul {text-align: left; margin: 0; padding: 12px 0 10px 10px; font-size: 11px; list-style: none;}
#footer ul li {margin: 0; padding: 0 8px 0 7px; display: inline; border-right: 1px solid #F3670A;}
#footer ul li.last {margin: 0; padding: 0 7px 0 7px; display: inline; border-right: none;}

/* -- Kursplan /Preise  --------------------------------------------------------------------------------------------------- */

.plan {

font-family: Verdana, Helvetica, sans-serif; font-size: 12px; color:#000000;
padding-left: 5px;
}
* html .plan {padding-left: 0px;}


.plan a:link, .plan a:visited, .plan a:active, .plan a:hover{
font-weight: bold;
font-family: Verdana, Helvetica, sans-serif; font-size: 11px; color:#000000;
}

.fonts_klein {
font-family: Verdana, Helvetica, sans-serif; font-size: 9px;
}
* html .fonts_klein {letter-spacing: -1px;}

.yoga {
background-color:#F3670A;
}
.pilates {
background-color:#D90D02;
}

.schwanger{
background-color:#ff9966;;
}

.hellgrau
{ background-color:#CCCCCC}
.dunkelgrau
{ background-color:#999999}
.lila 
{ background-color:#F6007B;}
.white{
color: #FFFFFF;
}
.white a:link, .white a:visited, .white a:active, .white a:hover{
font-weight: bold;
font-family: Verdana, Helvetica, sans-serif; font-size: 12px; color:#000000;}

.fett {
font-weight: bold;
font-family: Verdana, Helvetica, sans-serif; font-size: 14px; color:#000000;}

.fett2 {
font-weight: bold;
font-family: Verdana, Helvetica, sans-serif; font-size: 12px; color:#000000;}

.norm 
{font-family: Verdana, Helvetica, sans-serif; font-size: 12px; color:#000000;}

/* Relativer Tooltip */
		  
a.tooltip, a.tooltip:link, a.tooltip:visited, a.tooltip:active  {
position:relative;
  color: #000000; 
 
  }
  
a.tooltip:hover {
z-index: 99;
  color: #000000; 
 background-color:#F6007B;
  }

a.tooltip span {
  display: none;  
  text-decoration: none; 

}

a.tooltip:hover span {
  display: block;
  position: absolute; 
  top: 39px; 
  left: 0; 
  width: 200px;
   color: #000000; 
  border:1px solid #000000; 
  background: #FFFFCC;
  font: 10px Verdana, sans-serif; 
  text-align: left;
  }
.unsichtbar {visibility:hidden;display:none;}

/* Relativer Tooltip Team */
		  
a.tooltip2, a.tooltip2:link, a.tooltip2:visited, a.tooltip2:active  {
position:relative;
  color: #000000; 
  
 
  }
  
a.tooltip2:hover {
z-index: 99;
  color: #000000; 
 background-color:#F6007B;
  }

a.tooltip2 span {
  display: none;  
  text-decoration: none; 

}

a.tooltip2:hover span {
  display: block;
  position: absolute; 
  top: -10px; 
  left: 0; 
  width: 250px;
   color: #000000; 
  border:1px solid #000000; 
  background: #FFFFCC;
  font: 10px Verdana, sans-serif; 
  text-align: left;
  }
  

  
 #team img {
 border:1px solid #AEAEAE;}
 
 *html  #team img{
 width: 240px;}
  
  }