* {
margin: 0; 
padding: 0;
}

body	{
font-family: Helvetica; 
background-color:#ffffff; 
margin:0px;color: #575759; 
}

h1 {color:#04474b;font-size:12pt;font-weight:bold;margin: 0 0 0.9em 0;}
h2 {color:#04474b;font-size:12pt;font-weight:bold;margin: 0.9em 0 0.5em 0;}
h3 {color:#04474b;font-size:10pt;font-weight:bold;margin: 1em 0 0.3em 0;}

p {
font-size:9pt; 
line-height: 148%;
margin: 0.6em 1em 0 0;
}

ul {
list-style-type:none;
font-size: 12px;
margin-bottom: 9px;
line-height: 148%;
}

.cite {
font-style:italic;
}
.mini {
font-size:7pt;
line-height: 120%;
}
.hervorhebung {
font-weight:bold;
}

a {
color: #545454;
font-weight:bold;
text-decoration: none;
}

a img {
border: 0 none;
}

a.nav, a.nav:link, a.nav:visited, .chosen {
  width:100%;
  color:#20888f;
  font-size:9pt;
  line-height:9pt;
  font-weight:bold;
  display:block;
  text-decoration:none;
  margin-top:7px; 
  padding-left:3px;
}
a.nav:hover {color:#0d474b;}
a.nav:active, .chosen {color:#0d474b;}
a.subnav, a.subnav:link, a.subnav:visited, .subchosen {
  width:100%;
  color:#20888f;
  font-size:8pt;
  line-height:9pt;
  font-weight:normal;
  display:block;
  text-decoration:none;
  margin-top:4px; 
  padding-left:13px;
}
a.subnav:hover {color:#0d474b;}
a.subnav:active, .subchosen {color:#0d474b;}

a.topnav, a.topnav:link, a.topnav:visited, .topchosen {
  float:left;
  color:#b9b9b9;
  font-size:9pt;
  line-height:9pt;
  font-weight:bold;
  display:block;
  text-decoration:none;
  padding-left:5px;
  padding-right:5px;
}
a.topnav:hover {color:#4a4a4a;}
a.topnav:active, .topchosen {color:#4a4a4a;}

#main { 
font-family: Helvetica; 
font-size:9pt; 
height:707px; width:989px; 
text-align: left;
margin: auto;
margin-top: 20px;
overflow:visible;
background-image:url(images/bechelte_bg.jpg);
position:relative;
}
#menuetop{
width: 250px;
height: 30px;
position:absolute;
left:275px;
top:12px;
z-index:2;
}
#mainmenue { 
width:145px; 
left:15px;
top:68px;
position:absolute;
z-index:2;
}


/* Content */

#content { 
position:absolute;
left:192px;
top:22px;
width: 790px;
height: 506px;
text-align: left;
overflow: hidden;
}
#contentpic{
top:0px;
left:0px;
position:absolute;
background:none;
}
#contentsmall{
top:48px;
left:338px;
width:436px;
height:394px;
overflow:auto;
position:absolute;
}
#contentbig{
top:32px;
left:0px;
width:780px;
height:394px;
overflow:auto;
position:absolute;
}


/* Kurse */
.boxgrid{ 
  width: 176px; 
  min-height: 360px; 
  top:80px;
  overflow: hidden; 
  position: absolute; 
}  
.boxcaption{ 
    position: absolute; 
}
	.caption .boxcaption {
    position: absolute; 
    top:0px;
    left:-130px;
	}			
/* Kurse */

#kursleiste{
float:left;
width:139px;
text-align:center;
background-image:url(images/kl_kachel.jpg); 
background-repeat:repeat-y;
}
#kurs_fahne{
margin-left:-9px;
float:left;
}
#kl_bottom{
margin-right:50px;
float:left;
width:139px;
}
/*
#kurse{
position:absolute;
text-align:center;
left: 850px;
top: 36px;
width: 140px;
height: 324px;
overflow:auto;
}*/
a.kurs, a.kurs:link, a.kurs:visited,a.kurs:active{
display:block;
margin: 0 0 0 4px;
text-align:center;
width:126px;
font-size: 8pt;
line-height: 1.3em;
padding:8px 0 6px 0;
border-top:1px dotted #20888f;
font-weight:normal;
}
a.kurs:hover{
background-color:#e5f2f7;
}
.kursfett{
font-weight:bold;
}
.fett{
font-weight:bold;
}
.kursplancol{
float:left;
width:106px;
text-align:center;
}
a.kursplan, a.kursplan:link, a.kursplan:visited,a.kursplan:active{
display:block;
text-align:center;
width:106px;
height:34px;
font-size: 0.85em;
padding:4px 0 1px 0;
line-height: 1.1em;
border-top:1px dotted #20888f;
}
a.kursplan:hover{
background-color:#fffffe;
}
.kursplanblank{
width:106px;
height:37px;
border-top:1px dotted #20888f;
margin-bottom:2px;
}
#kursbeschreibung{
background-color:#e4f3f7;
width:440px;
height:225px;
position:absolute;
}
#kurspic{
width:142px;
height:225px;
float:left;
}
#kurstext{
padding:0px 15px 10px 15px;
width:268px;
height:225px;
float:left;
}



/* Postit */
#postit{
/* display:none;/*blendet Aktion aus*/
top:374px;
left:4px;
width:182px;
height:132px;
position:absolute;
z-index:1;
}
#vortrag{
background-image:url(images/bg_vortrag.jpg);
width:450px;
height:626px;
}
#vortragtext{
padding:216px 16px 18px 33px;
width:450px;
height:360px;
overflow:auto;
}



/* Welle unten */
#zeiten{
position:absolute;
left:210px;
top:528px;
width: 167px;
height: 126px;
border-right:1px solid white;
}
#tag{
float:left;
width:58px;
overflow:hidden;
}
#uhr{
float:right;
width:107px;
text-align:right;
overflow:hidden;
}
#satz{
width:160px;
text-align:left;
overflow:hidden;
}
#aktuelles{
position:absolute;
left:395px;
top:521px;
width: 188px;
height: 126px;
border-right:1px solid white;
}
#testimonial{
position:absolute;
left:625px;
top:492px;
width: 330px;
height: 155px;
}
#testimonialpic{
position:absolute;
left:0px;
top:0px;
width: 106px;
height: 155px;
float:left;
}
#testimonialtext{
width: 216px;
height: 130px;
position:absolute;
left:117px;
top:-18px;
}
#copy{
position:absolute;
font-size:8pt;
color:#b9b9b9;
left:676px;
top:660px;
}
#fb{
position:absolute;
font-size:9pt;
font-weight:bold;
line-height:22pt;
color:#575759;
left:800px;
top:628px;
}
#fb_logo{
position:absolute;
font-weight:bold;
left:804px;
top:624px;
}

#copy a{
text-decoration: none;
font-weight:normal;
color:#b9b9b9;
}
/* Kontaktformular */
select{
	position: relative;
	display: block;
	background: #f6f6f6;
	width: 8em;
	border: 1px solid #a5acb2;
}

label{
	float: left;
	display: block;
	width: 5em;
	clear: left; /* Umbruch */
	margin-top: -1em;
	text-align: left;
}

input, textarea{
	position: relative;
	display: block;
	border: 1px solid #d2d2d2;
	padding: 2px;
	background: #f6f6f6;
	height: 1.3em;
	width: 21em;
	font: 0.9em Geneva, Helvetica, Arial, sans-serif;
}

textarea{height: 12em;}


label.erstes{margin-top: 1em;  /* Abstand */}


.heidi{
	position:absolute;  /* unsichtbar */
	left:-1008px;
	top:-1008px;
	width:0;
	height:0;
	overflow:hidden;
	display:inline;  
}





input.senden{
	width: 9em;
	height:auto;
	background: #efefef;
	font-weight: bold;
	color: #5a5a5a;
  margin-bottom:8px;
}

form {width: 50%;}


/* Anzeige/Fader */

#anzeige{
position:absolute;
text-align:center;
padding:10px;
top:-10px;
left:16px;
height: 1217px;
filter:alpha(opacity=0);
z-index:-2;
opacity:.0;
background-color:#ffffff;
border:3px solid #04474b;
}
#zumbaparty{
position:absolute;
text-align:center;
padding:10px;
top:-10px;
left:16px;
height: 710px;
filter:alpha(opacity=0);
z-index:-2;
opacity:.0;
background-color:#ffffff;
border:3px solid #04474b;
}

.center{
text-align:center;
margin:0 0 10px 0;
}
.bg_wirbewegen{
background:url(images/Wir_bewegen_Menschen.jpg) 334px 400px no-repeat;
}


.trigger {
	float: left;
  display:block;
  width:320px;
	cursor:pointer;
	margin-bottom:5px;
	padding:0px;
  margin-top:0px;
  margin-bottom:16px;
	border: 1px solid #d2d2d2;
}
.trigger:hover{background:#fff;}
.trigger_active {
	color:#333;
}
.toggle_container {
	float: left;
	padding:0px;
}

.radiobutton, .checkb {padding:0;width:24px;float:left;margin-top:4px;display:block;border:0;background:none;}
.formcol200{
float:left;
width:200px;
}
.formrow{
float:left;
width:408px;;
margin-bottom:8px;
line-height:15pt;
}
.formcol120{
float:left;
width:120px;
}
.formcol90{
float:left;
width:90px;
}

.teambox{
float:left;
width:100%;
margin-bottom:16px;
}
.teambox h1{
text-align:center;
background-color:#04474b;
color:#fff;
padding:6px 0;
}
.teambox img{
margin-bottom:6px;
}
.teamcolleft{
float:left;
width:260px;
}
.teamcolleft img{
border:3px solid #04474b;
}
.teamcolright{
float:right;
width:480px;
}

.mabox{
float:left;
width:160px;
height:210px;
}