body {
background-color:#E4D3B3;
color:#3f3f3f;
font:1em arial,sans-serif;
margin:0;
padding:0;
text-align:left;
}

#cont1 {
position: relative;
background: #E4D3B3 url(start.jpg) no-repeat 0 0px  ;
width:4300px;
top: 50px;
}
#cont1_sec {
    background-color: #ffffff;
    height: 550px;
    width:4300px;
}

#title {
height:167px;
margin: 0;
padding: 0 ;
position:relative
}
#cont1 #container {
background-color: transparent;
margin:0;
padding: 0px 0 0 0;
}
#cont1_sec #container {
background-color: #ffffff;
margin:0;
padding: 0px 0 0 0;
}

#menu {
text-align: center;
position: fixed;
width: 100%;
height:37px;
padding: 13px 0 0 0;
color: #000000;
background-color: #EDE5C5;
z-index: 60;
}
#menu a {
    font-weight: normal;
    font-size: 1em;
    text-decoration: none;
    color: #000000;
}
 #menu a:hover, #menu a:active {
    text-decoration: none;
    color: #8F5E2B;
}
#menu .aktSeite a {
    color: #8F5E2B;
}
#container_kontakt {
   position: absolute;
   background: url(kontakt.jpg) no-repeat;
   width: 453px;
   height: 354px;
   top: 0px;
   left: 2574px
}
#container_anfahrt {
   position: absolute;
   background: url(Lageplan-Beine.jpg) no-repeat;
   width: 453px;
   height: 354px;
   top: 0px;
   left: 3024px
}
#container_impressum {
   position: absolute;
   background-color: #f2f2f2;
   width: 453px;
   height: 334px;
   top: 0px;
   left: 3473px;
   padding: 20px 0 0 50px;
   font-size: .9em
}

#container_impressum p, #container_impressum h1 {
    margin: 0;
    padding: 0;
}
#container_whodidit {
   position: absolute;
   background: #ffffff url(Laptop_02.jpg) no-repeat 13px 178px;
   width: 325px;
   height: 354px;
   top: 0px;
   left: 3976px;
   font-size: .9em
}
#whodiditHover {
   margin: 178px 0 0 13px;
   background-color: #ffffff ;  
}
#cont_neues {
   position: absolute;
   width: 130px;
   height: 200px;
   top: 10px;
   left: 1570px;
   font-size: .9em;
   cursor: pointer;
}
#container_door {
   position: absolute;
   width: 109px;
   height: 354px;
   top: 33px;
   left: 1767px;
   cursor: pointer;
}
#doorHover {
   background-color: #ffffff ;  
}
#container_tango {
   position: absolute;
   width: 280px;
   height: 70px;
   top: 286px;
   left: 310px;
   cursor: pointer;
}
#tangoHover {
   width: 107px;
   height: 80px;
   margin-top: -70px;
   margin-left: 40px;
}
#container_salsa {
   position: absolute;
   width: 300px;
   height: 70px;
   top: 286px;
   left: 2100px;
   cursor: pointer;
}
#salsaHover {
   width: 107px;
   height: 80px;
   margin-top: -70px;
   margin-left: 60px;
}
#container_flamenco {
   position: absolute;
   width: 210px;
   height: 70px;
   top: 286px;
   left: 900px;
   cursor: pointer;
}
#flamencoHover {
   width: 107px;
   height: 80px;
   margin-top: -70px;
   margin-left: 40px;
}
#container_music_tango {
    position: absolute;
    width: 200px;
    height: 200px;
    top: 0;
    left: 0;
    cursor: pointer}



#staedtelinks {
    position: absolute;
    top: 60px;
    left: 10px;
    font-size: .8em;
    line-height: 16px;
    color: #ede5c5;
}
#staedtelinks a {
    text-decoration: none;
    color: #df9d18;
}
#rightarea {
float:right;
padding-top:5px;
width:172px
}

#kontaktright {
border-bottom:1px solid #FFF;
color:#FFF;
font-weight:700;
height:25px;
padding-left:10px
}
h1 {
    color: #8f5e2b;
    text-transform: uppercase;
    font-size: 1em;
}
h2 {
   color: #39393b;
   font-size: 1em;
}
.headerright {
background:url(bg_headerright.jpg) no-repeat right bottom;
color:#FF8000;
font-weight:700;
height:75px;
margin-top:5px;
padding-left:10px
}

#content {
margin:0 ;
padding-top:370px;
}
/* Contentbereich f�r backend Admin*/
#content_sec {
    position: relative;
    top: 50px;
    padding: 30px 0 0 50px;
    background-color: #ffffff;
    height: 460px;
    width: 10800px;
}
/* Contentbereich fuer frontend / backend mit schmaler Linksnavi*/
#content_sec_2 {
    position: relative;
    top: 50px;
    padding: 30px 0 0 0px;
    background-color: #ffffff;
    height: 470px;
    width: 10800px;
    margin-left: 260px
}
/* Contentbereich fuer frontend / backend mit breiter Linksnavi*/
#content_sec_faq {
    position: relative;
    top: 50px;
    padding: 30px 0 0 50px;
    background-color: #ffffff;
    height: 460px;
    width:2977px;
    margin-left: 450px
}

#column_content {
  float: left;
    width: 3600px;
margin: 0px 20px;
font-size: .8em;

}
#column_content p{
  margin:0;
  padding:0;

}
/*.column {
    border-left: dotted 1px;
    padding-left: 10px;
    padding-right: 10px;
}*/
#column_content_def {
  float: left;
    width: 4800px;
margin: 0px 20px;
font-size: .8em;
line-height: 16px;

}
#column_content_kurs {
  float: left;
  width: 390px;
  margin-left: 40px;
  font-size: .8em;
  height: 450px;
  overflow: hidden;
}

#content_sec_2 #column_content_kurs, #content_sec_faq #column_content_kurs, #content_sec #column_content_kurs {
    width: 700px;
    margin: 0px 20px 0 20px;
    border-right: 1px dotted;
}

#column_content h2 {

}


#column_content  ul li {
    list-style: none;
    display: inline;
}

.column *{ padding: 0px; }


		
.wide, .thin { clear:both; }


.clear {
clear:both
}

#footer {
bottom:0;
color:#EFEFEF;
font-size:.8em;
height:20px;
margin-bottom:10px;
margin-top:5px;
position:relative;
text-align:center;
width:100%
}

#site_manager {
background: url(bg_form.jpg) no-repeat;
border:1px solid #A02020;
height:40px;
width:250px;
}

.rightfloat {
float:right;
margin:0 0 10px;
padding-bottom:10px;
padding-right:5px;
padding-top:0
}

div.row {
height:20px;
position:relative;
width:50px;
float: left;
}

div.row2 {
height:20px;
line-height:20px;
position:relative
}

div.row3 {
float:left;
height:20px;
line-height:20px
}

div.field02,div.field03 {
cursor:pointer;
position:absolute;
text-align:center;
top:0;
width:25px
}

div.field01 {
left:0;
position:absolute;
top:0;
visibility:hidden;
width:0
}

div.field05,div.field06 {
cursor:pointer;
height:20px;
position:absolute;
text-align:center;
top:0;
width:25px
}

div.field04 {
height:20px;
left:0;
position:absolute;
top:0;
visibility:hidden;
width:0
}

label {
color:navy;
float:left;
font-size:.8em;
height:20px;
padding-left:60px;
width:230px
}

.label2 {
color:purple;
font-size:.8em;
height:20px;
padding-left:60px
}
.datum {
    margin-left: 60px;
}
* html #content,* html #rightarea {
height:700px
}

div.field02,div.field05 {
left:0
}

div.field03,div.field06 {
left:25px
}

#row.span,#row2.span {
color:blue;
cursor:pointer
}
.nvis {
    background: url(check_visible.jpg) no-repeat;
    background-position: 0 -14px;
    font-size: 1.1em;
    font-weight: bold;
    padding-top: 3px;
    width: 36px;
    height: 20px;
}
.jvis {
    background: url(check_visible.jpg) no-repeat;
    background-position: 0 -214px;
    color: #BECAF1;
    font-size: 1.1em;
    font-weight: bold;
    padding-top: 3px;
    width: 36px;
    height: 20px;
}
h2 {
    font-size: 1em;
    font-weight: bold;
    margin: 0;
    padding: 0;
}
.teaser {
    float: left;
    width: 390px;
    margin-left: 40px;
    font-size: .8em;
    
    display: block;
}
.teaser .berichtsbody {
     line-height: 18px;
}
.teaser a {
    text-decoration: none;
    color: #951722;
    border:0;
    margin: 0;
    padding: 0
}
 .teaser h1 {
     margin: 15px 0 0 0 ;
   padding: 0; 
}
.teaser p {
    margin: 0;
    padding: 0; 
}
.teaser_adr {
    float: left;
    width: 180px;
    margin-left: 10px;
    margin-top: 18px;
    font-size: .8em;
    line-height: 18px;
    display: block;
    color: #8f532b;
}
.teaser_adr a {
    color: #173a7f;
    text-decoration: none;
    border:0;
}
.teaser_adr img.neues {
    margin-top: 10px;
    border:0;
}
.berichte_menu {
    float: left;
    width: 500px;
    font-size: .8em;
}
.berichte_menu ul {
    margin: 0;
    padding: 0;
}
.berichte_menu li {
    list-style: none;
    margin: 0;
    padding: 0;
    border-bottom: 1px dotted #000000;
}
.berichte_menu a {
    text-decoration: none;
    color: #000000;
}
.berichte_menu h4 {
    margin: 3px 0;
    padding: 0;
}
.berichte_menu a {
    text-decoration: none;
    color: #173a7f;
    font-weight: bold;
}
.berichte_menu hr {
    margin: 0;
    padding: 0;
    border:dotted #000000 1px;
}
#adrfield {
    position: absolute;
    left: 20px;
    bottom: 0px;
    font-size: .9em;
    line-height: 18px;
    display: block;
    color: #8f5e2b;
    height: 110px;
}
#adrfield img.neues{
    position: absolute;
    bottom: 0;
    margin-top: 10px;
    border: 0;
}

 a.anker {
    display: block;
   padding-left: 20px;
}
.cont_berichtsfeld {
    font-size: 1em;
    line-height: 16px;
    display: block;
    margin: 0 20px 0 0;
}
.cont_berichtsfeld  a, .accText a {
    margin: 0;
    padding-left: 0;
    color: #951722;
    font-weight: bold;
    text-decoration: none;
}
.cont_berichtsfeld h1 {
     color: #8f5e2b;
    font-size: 1em;
    text-transform: none;
    margin: 0;
    padding: 0;
}
 /* Berichtsmodul */
 .berichtsfeld {
     border: 1px solid #000080;
     width: 398px;
     
 }

#berichtsliste li {
     list-style-type: none;
     float: left;
     width: 400px;
     margin: 0 20px 0 0;     
}
#boxenliste {
    list-style-type: none;
}
#boxenliste img.handle {
    margin:  0 5px 5px 0;
}
#content_sec_2 #berichtsliste li {
     list-style-type: none;
     float: left;
     width: 700px;
     margin: 0 20px 0 0;

}
.berichtsbody {
    padding: 0;
    margin: 0;
}
#content.berichtsbody {
    padding: 0 40px 0 0px;
    margin: 0;
}
#content .berichtsbody {
    padding: 0 0 0 0 ;
    margin: 0;
    border: 0;
}
#content_sec_2 .berichtsbody {
    padding: 0  20px 0 0px;
}
#content_sec_2 .berichtsbody  p{
    margin: 0;
}
#sonder {
    position: fixed ;
    top: 50px;
    left: 5px;
    z-index: 100;
}

.term_container {
    width: 400px;
    float: left;
    background-color: #ffffff;
    height: 380px;
    margin: 0  20px 0 0;
    padding: 0  20px 0 20px; 
    border: 1px solid #000080;
}
.term_container ul {
    list-style-type: none;
}

#content > #tabbereich {
    margin-left: 20px;
}
.datum img {
   cursor : pointer;
}
li > table {
    width: 400px;
    background-color: #ffffff;
}
#requirement_form {   
    background-color: #9dc5e9;
}

#contact_form {
    margin-right: 15px;
    float: right;
}
#requirement {
    text-align: left;
    margin: 0 ;
    color:#000;
}
#contact{
    text-align: left;
    margin: 17px 0px 0 0 ;
    color:#fff;
    width:400px; /* customize width, this form have fluid layout */
}
#contact_form h2 {
    margin:50px 0 0 0 ;
    color:#fff;
    font-size:20px;
    width: 250px;
}
#requirement_form h2 {
    font-size: 1.4em;
    padding: 10px 0 10px 176px;
    font-weight: normal;
    
}
#contact_form h2 span{
    display:block;
    padding:10px 20px;
    background:url(../images/form2/form_ico.gif) no-repeat 93% 50%;
}
#contact fieldset{
    margin: 20px;
    padding:0;
    border:none;
    border-top:3px solid #000;
    background:#000 url(../images/form2/form_top.gif) repeat-x;
    padding-bottom:1em;
}
#contact legend{display:none;}
#contact_form p { color:#fff;}
#contact label, #requirement label {color: #ffffff; width: 170px; padding: 0; margin: 0 5px 9px 0; text-align: right}
#requirement label, #requirement p {color: #000;}
#contact input, #contact textarea, #requirement input {
    width:218px;
    height: 20px;
    background: #EDE5C5 url(bg_form.jpg) no-repeat;
    padding: 0; margin: 0 0 9px 0;
    color: #000;
    border: none;
}

	#contact textarea {
		height:65px;
		overflow:auto;             
		}
	#contact submit, #requirement submit {
		color: #ffffff;
                cursor: pointer;
                left: 0;
		}
	#contact .button{
		width: 39px;
		height:38px;
		line-height:38px;
		border:none;
		background: url(kontakt_button.jpg) no-repeat bottom;
		cursor:pointer;
		}
        #requirement .button{
		height:30px;
                width: 105px;
		cursor:pointer;
                background: url(anmelde_button.jpg) no-repeat bottom;
		}
       input .button{
                cursor: pointer
              }
              #message {padding: 20px;}
              .error { color: #EEDD69; font-weight: bold}

#kontaktbereich {
     position: relative;
    overflow: hidden;
    display: none;
    background-color: #e1eaf3;
    height: 160px;
    -moz-border-radius: 9px ;
    -webkit-border-radius: 9px;
    -khtml-border-radius: 9px;
    border-radius: 9px;
    position: relative;
}
.block {
    float: left;
    width: 260px;
    margin: 10px;
    padding: 10px 0 10px 20px;
    background: transparent url(bg_content.png);
    -moz-border-radius: 9px ;
    -webkit-border-radius: 9px;
    -khtml-border-radius: 9px;
    border-radius: 9px;
}
.slide {
    position: relative;
	margin: 0 0 0 18px;;
	padding: 0;
    border-top: solid 1px #ffffff;


}
.btn-slide {
    position: relative;
	
	behavior: url(css/iepngfix.htc);
	text-align: center;
	width: 150px;
	height: 30px;
	padding: 0px 0px 0 0;
	margin: 0 20px 0 0 ;
	display: block;
	font:  1.1em Arial, Helvetica, sans-serif;
	color: #fff;
	/*#580707*/
	text-decoration: none;
	float: right;

}
.einloggen {
    margin: 0 0 0 300px;
    
}
.ct_title {
    font-size: .5em;
    color: #951722;
}

#kursheadline {

    background-color: #d61810;
    font-size: 1.6em;
    font-weight: bold;
    padding: 10px 0 10px 176px ;
    color: #fff
}
#einstieg {

    background-color: #ffc400;
    padding: 10px 0 10px 0 ;
    display: block;
}
#requirement_form input.fruehbucher, #requirement_form input.ermaessigung , #requirement_form input#agb, #requirement_form input.einstiegstermin {
    width: 20px;
    height: 10px;
    margin: 0; padding: 0;
}
#requirement_form input#zip {
     width: 50px
}

#requirement_form textarea {
    width: 220px
}
label#ermaessigung_label, label#fruehbucher_label {padding: 2px 0 0 0}
label#event_label  {padding: 5px 0 0 0}
.checkfields {width: 540px; clear: left}

.mediaDocs li, .mediaPics li, .datensatz li {
    list-style: none;
}
.datensatz p {
    width: 600px;
    margin: 0 10px 0 10px;
}
.mediaDocs {
    width: 300px;
    float: left;
    margin: 0 10px 0 10px;
    height: 500px;
    font-size: .8em;
}
.mediaPics li {
    margin: 0 10px 0 0 ;
    display: inline-block
}
.mediaDocs a {
    color: #b7b7b7;
}