body {
margin: 0px auto;
padding: 0px;
color: #0c1438;
font-weight: normal;
font-size: 12px;
font-family: Arial, Helvetica, Verdana, Geneva, Swiss, SunSans-Regular;
background: #005d96 url(bilder/bg_blue.jpg) repeat;
}

img {
border: 0px;
}

h1 {
font-size: 22px;
color: #ffffff;
font-weight: bold;
text-transform: none;
font-style: italic;
}

h2 {
font-size: 14px;
color: #a3ebf6;
font-weight: bold;
text-transform: none;
}

hr {
height: 0px;
border-top: 1px dotted #78c2e3;
background-color: transparent;
}

a, a:link, a:visited, a:active {
color: #000000;
font-weight: normal;
font-size: 12px;
text-decoration: none;
}

a:hover {
color: #ffffff;
font-weight: normal;
font-size: 12px;
text-decoration: none;
}

.formdata {
width: 230px;
color: #000000;
font-size: 12px;
}

#headerbild {
position: absolute;
left: 0px;
top: 0px;
z-index: 1;
width: 100%;
height: 359px;
background: url(bilder/bg_header.jpg) repeat-x;
}

#content {
position: relative;
z-index: 2;
width: 1000px;
height: 100%;
margin: 0px auto;
clear: both;
}

div.right_top {
position: absolute;
z-index: 3;
top: 360px;
left: 727px;
width: 243px;
/*padding-top: 83px;*/
background: url(bilder/trans.png);
clear: both;
/*filter:alpha(opacity:60);
KHTMLOpacity:0.60;
MozOpacity:0.60;
opacity:0.60;*/
}

.boxright {
background: url(bilder/bg_colright.png) repeat-y;
clear: both;
}

.search_mod {
/*position: relative;
top: 0px;
left: 20px;*/
margin-left: 20px;
width: 203px;
height: 40px;
padding-top: 86px;
color: #000000;
}

.colright_header {
margin-top: 1px;
width: 243px;
height: 40px;
padding-top: 1px;
background: url(bilder/bg_rowheader.png) no-repeat;
}

.newsletter_mod {
/*position: relative;
top: 0px;
left: 20px;*/
margin-left: 20px;
width: 203px;
height: 200px;
color: #0c1438;
}

div.newsletter_mod input.formdata {
background: #97c5df;
border: 1px solid #a9dcf6;
font-size: 11px;
}

.special_mod {
/*position: relative;
top: 0px;
left: 20px;*/
margin: 0px;
padding: 10px 16px 3px 16px;
width: 210px;
color: #0c1438;
background: url(bilder/trans.png);
}

.special_titbox {
width: 210px;
height: auto;
background: #87c2e0;
padding: 0px;
}

.special_titbox h1 {
font-size: 14px;
text-transform: uppercase;
font-style: italic;
/*background: #87c2e0;*/
padding: 10px;
margin-bottom: 0px;
}

.special_pics {
margin-top: 5px;
width: 210px;
height: 120px;
border: 0px;
overflow: hidden;
}

.special_more {
text-transform: uppercase;
margin-top: 10px;
width: 210px;
text-align: right;
}

#header {
position: relative;
z-index: 4;
width: 1000px;
height: 430px;/*359px;*/
margin: 0px;
margin-top: -1px;
background: none; /*#6ec1e8;*/
overflow: hidden;
}

#logo {
position: relative;
z-index: 5;
top: -418px;
left: 57px;
width: 600px;
height: 100px;
background: transparent url(bilder/MatchlessDanceLogo.png) no-repeat;
display: block;
}

#navitop {
position: relative;
z-index: 6;
top: -70px;
left: 0px;
width: 570px;
height: 72px;
margin: 0px;
background: url(bilder/bg_navitop.png) no-repeat;
overflow: hidden;
}

#navitop div.firstnaviitem {
width: 190px;
height: 50px;
text-align: center;
padding-top: 16px;
}

#navitop div.firstnaviitem a.mainnavi {
font-size: 24px;
text-transform: uppercase;
font-weight: bold;
font-style: italic;
color: #ffffff;
}

#navitop div.firstnaviitem a.mainnavi_sub {
font-size: 12px;
text-transform: uppercase;
font-weight: bold;
color: #2d6699;
}

#sec_navitop {
position: relative;
z-index: 7;
top: -70px;
left: 0px;
width: 570px;
margin-top: 10px;
/*clear: both;*/
}

#main {
position: relative;
z-index: 8;
top: -50px;
left: 0px;
vertical-align: top;
display: block;
width: 727px;
height: auto;
margin-top: 0px;
padding-bottom: 50px;
clear: both;
overflow: hidden;
background: url(bilder/bg_main2.png) repeat-y;
/*background: url(bilder/bg_colright.png) repeat-y;
background-position: 245px 0px;*/
}

div.colleft {
float: left;
vertical-align: top;
display: block;
width: 226px;
margin: 0px;
padding-top: 0px;
background: url(bilder/bg_rowheader.png) no-repeat;
/*overflow: hidden;*/
clear: both;
}

div.colright {
position: relative;
top: 0px;
left: 15px;
vertical-align: top;
display: block;
width: 460px;
margin: 0px;
background: url(bilder/bg_rowheader.png) no-repeat;
overflow: hidden;
}
/*
#claimleft {
display: block;
}

#claimright {
display: block;
}
*/
p.rowheader {
font-size: 14px;
text-transform: uppercase;
font-weight: bold;
color: #ffffff;
margin: 8px 0 0 20px;
}

div.colleft_box {
position: relative;
top: 0px;
left: 0px;
margin-top: -15px;
padding: 0px;
width: 226px;
/*background: url(bilder/bg_colright.png) repeat-y;*/
/*clear: both;*/
}

div.colleft_box p.rowheader {
padding: 15px 0 0 0px;
}

div.inhalte {
width: 425px;
padding: 0px;
margin: 30px 20px 0 20px;
/*color: #1f2957;*/
color:#0c1438;
clear: both;
}

div.inhalte h1 {
margin-bottom: 0px;
}

div.inhalte h2 {
margin: 0px 0 7px 0;
}

.inhaltblock {
width: 425px;
padding: 0px;
overflow: hidden;
font-size: 12px;
/*color: #000000;*/
}

div.inhaltblock h1 {
margin-bottom: 0px;
}

div.inhaltblock h2 {
margin: 0px 0 7px 0;
}

div.inhaltblock h3 {
margin: 7px 0 7px 0;
font-size: 16px;
color: #ffffff;
/*font-family: Arial, Helvetica, Verdana, Geneva, Swiss, SunSans-Regular;*/
}

div.inhaltblock ul {
display: block;
list-style-type: disc;
list-style-position: outside;
margin: 0px 0 0px 15px;
padding: 0px;
/*white-space: nowrap;*/
}

.inlinepics_show {
height: 92px;
overflow: hidden;
}

.inlinepics_show2rows {
height: 195px;
overflow: hidden;
}

/*a.kursliste {
font-size: 14px;
font-weight: bold;
color: #ffffff;
}*/

.sec_navitopliste {
text-align: left;
text-transform: uppercase;
font-size: 12px;
font-weight: bold;
color: #ffffff;

}

ul.sec_navitopliste {
height: 26px;
list-style-type: none;
list-style-position: inside;
margin: 0px;
padding: 0px;
white-space: nowrap;
}

li.sec_navitopliste {
width: 110px;
text-align: center;
display: inline;
vertical-align: middle;
padding: 5px 20px 7px 19px;
margin-right: 1px;
background: url(bilder/bg_button_2navitop.png) repeat-x;
letter-spacing: normal;
}

li.sec_navitopliste a, li.sec_navitopliste a:link, li.sec_navitopliste a:visited, li.sec_navitopliste a:active {
color: #ffffff;
font-weight: bold;
font-size: 12px;
text-transform: uppercase;
}

li.sec_navitopliste a:hover {
color: #32356a;
font-weight: bold;
font-size: 12px;
text-transform: uppercase;
}

ul.subnavileft {
display: block;
list-style-type: none;
list-style-position: outside;
margin-top: 27px;
margin-left: 0px;
padding: 0px;
white-space: nowrap;
}

ul.subnavileft li {
margin-bottom: 10px;
}

ul.subnavileft li a, ul.subnavileft li a:link, ul.subnavileft li a:visited, ul.subnavileft li a:active, ul.subnavileft li a:hover {
padding: 1px 0 3px 30px;
height: 25px;
text-transform: uppercase;
font-size: 12px;
font-weight:  bold;
color: #ffffff;
}

/* verschachtelte subnaviliste*/
ul.subnavileft ul {
display: block;
list-style-type: none;
list-style-position: outside;
margin-top: 1px;
margin-left: 10px;
padding: 0px;
white-space: nowrap;
}

ul.subnavileft li ul li {
margin-bottom: 10px;
}

ul.subnavileft li ul a, ul.subnavileft li ul a:link, ul.subnavileft li ul a:visited, ul.subnavileft li ul a:active, ul.subnavileft li ul a:hover {
padding: 1px 0 3px 30px;
height: 25px;
text-transform: uppercase;
font-size: 12px;
font-weight:  bold;
color: #ffffff;
}

/* ende verschachtelte subnaviliste*/

div.kursliste {
padding-left: 25px;
}

a.kursliste, a.kursliste:link, a.kursliste:visited, a.kursliste:active, a.kursliste:hover {
font-size: 14px;
color: #ffffff;
font-weight: bold;
}

div.workshopliste {
padding-left: 0px;
}

a.workshopliste, a.workshopliste:link, a.workshopliste:visited, a.workshopliste:active, a.workshopliste:hover {
font-size: 14px;
color: #ffffff;
font-weight: bold;
}

.h2style {
font-size: 14px;
color: #a3ebf6;
font-weight: bold;
text-transform: none;
}

.h2style_white {
font-size: 14px;
color: #ffffff;
font-weight: bold;
text-transform: none;
}

.h2style_dark {
font-size: 14px;
color: #25256b;
font-weight: bold;
text-transform: none;
}

.h2style_workshops {
float: left;
font-size: 14px;
color: #a3ebf6;
font-weight: bold;
text-transform: none;
width: 140px;
height: 18px;
margin: 2px 15px 0 0;
overflow: hidden;
}

.smallicon_workshopliste {
float: right;
vertical-align: middle;
}

.kurszeit {
width: 425px;
font-size: 14px;
color: #a3ebf6;
font-weight: bold;
}

a.kursplan, a.kursplan:link, a.kursplan:visited, a.kursplan:active, a.kursplan:hover {
font-size: 14px;
color: #ffffff;
font-weight: bold;
}

img.kursplan_arrow {
vertical-align: middle;
margin: 0 10px 0 20px;
}

.kursplan_icon {
float: right;
vertical-align: middle;
margin-right: 0px;
}

.partnerdetailsbody {
margin: 20px 0 0 20px;
color: #1571a4;
background: #e7f4fa;
}

.partnerdetails_left {
width: 300px;
margin-left: 55px;
}

.partnerdetails_left h1 {
color: #25256b;
margin: 5px 0 10px 0px;
}

.partnerdetails_left h2 {
color: #25256b;
margin-top: 1px;
}

.partnerdetails_right {
position: absolute;
top: 20px;
left: 400px;
width: 430px;
/*clear: both;*/
}

.partnerdetails_right hr {
margin-top: 15px;
height: 0px;
border-top: 1px solid #cccccc;
background-color: transparent;
}

.partnerdet_navi a, .partnerdet_navi a:link, .partnerdet_navi a:visited, .partnerdet_navi a:active, .partnerdet_navi a:hover {
background: url(bilder/pfeilweiter.png) no-repeat;
padding: 2px 0 7px 30px;
font-weight: bold;
font-size: 14px;
color: #1571a4;
line-height: 1.6;
}

.partnerdetailsimage img {
border: 1px #FFF solid;
}

.kursdetailsbody {
margin: 20px 0 0 20px;
color: #1571a4;
background: #e7f4fa;
}

.kursdetails_left {
width: 300px;
margin-left: 55px;
}

.kursdetails_left h1 {
color: #25256b;
margin: 5px 0 10px 0px;
}

.kursdetails_left h2 {
color: #25256b;
margin-top: 20px;
}

div.kursdetails_zeit {
width: 250px;
height: 25px;
font-weight: bold;
font-size: 16px;
}

div.kursdetails_zeit span {
float: right;
clear: both;
}

div.workshopdetails_zeit {
width: 290px;
height: 25px;
font-weight: bold;
font-size: 16px;
}

div.workshopdetails_zeit span {
float: right;
clear: both;
}

.kursdetails_right {
position: absolute;
top: 20px;
left: 400px;
width: 430px;
/*clear: both;*/
}

.kursdetails_right hr {
margin-top: 15px;
height: 0px;
border-top: 1px solid #cccccc;
background-color: transparent;
}

.kursdet_navi a, .kursdet_navi a:link, .kursdet_navi a:visited, .kursdet_navi a:active, .kursdet_navi a:hover {
background: url(bilder/pfeilweiter.png) no-repeat;
padding: 2px 0 7px 30px;
font-weight: bold;
font-size: 14px;
color: #1571a4;
line-height: 1.6;
}

.kursdet_darknavi a, .kursdet_darknavi a:link, .kursdet_darknavi a:visited, .kursdet_darknavi a:active, .kursdet_darknavi a:hover {
background: url(bilder/pfeilweiter.png) no-repeat;
padding: 2px 0 7px 30px;
font-weight: bold;
font-size: 14px;
color: #ffffff;
line-height: 1.6;
}

.kursdet_video {
border: 1px solid #ffffff;
padding: 0px;
width: 400px;
background: #000000;
overflow: hidden;
margin-bottom: 15px;
}

.kursdet_pics {
width: 402px;
}



/*.kursdet_pics img {
border: 1px solid #ffffff;
margin: 0 5px 5px 0;
}*/

.formdata {
width: 180px;
height: 18px;
font-size: 11px;
font-family: Arial, Helvetica, Verdana, Geneva, Swiss, SunSans-Regular;
background: #97c5df;
border: 1px solid #a9dcf6;
margin-bottom: 5px;
}


/*textarea, textfield{
width: 180px;
height: 18px;
font-size: 11px;
font-family: Arial, Helvetica, Verdana, Geneva, Swiss, SunSans-Regular;
background: #97c5df;
border: 1px solid #a9dcf6;
margin-bottom: 5px;
}*/


.formdata_medium {
width: 202px;
height: 18px;
font-size: 11px;
font-family: Arial, Helvetica, Verdana, Geneva, Swiss, SunSans-Regular;
background: #97c5df;
border: 1px solid #a9dcf6;
margin-bottom: 5px;
}

textarea.formdata {
height: 100px;
font-size: 11px;
font-family: Arial, Helvetica, Verdana, Geneva, Swiss, SunSans-Regular;
margin-bottom: 20px;
}

div.formrow {
width: 280px;
text-align: right;
}

div.formrow span {
float: left;
}

div.formrow .formdata {
/*margin-right: 50px;*/
}

div.formrowV {
width: 130px;
text-align: left;
vertical-align: top;
padding: 0px;
overflow: hidden;
}

div.formrowV input.formdata, div.formrowV textarea.formdata {
width: 128px;
text-align: left;
overflow: hidden;
}

.hell {
color: #a3ebf6;
}

.anrede_contform {
width: 200px;
line-height: 1.2;
margin: 0px 0 10px 0px;
padding: 0px;
vertical-align: top;
}

div.anrede_contform span.beschriftung, div.anrede_anmeldeform span.beschriftung {
margin-right: 58px;
}

.anrede_anmeldeform {
line-height: 1.2;
margin: 0px 0 10px 0px;
padding: 0px;
vertical-align: top;
}

div.anrede_anmeldeform span.beschriftung, div.anrede_anmeldeform span.beschriftung {
margin-right: 58px;
}

.kleingeschrieben {
font-size: 10px;
color: #cccccc;
}

ul.lauftext, ul.lauftext li  {
list-style-type: disc;
list-style-position: outside;
margin-left: 15px;
}

.kursdetails_left ul.lauftext, .kursdetails_left ul.lauftext li {
list-style-type: disc;
list-style-position: outside;
margin-left: 8px;
padding: 0px;
}

#jshinweis {
position: absolute;
z-index: 1001;
left: 10px;
top: 11px;
width: auto;
padding: 5px;
height: auto;
background: #cc0000;
color: #ffffff;
text-align: left;
}
z