@charset "utf-8";

/* CSS Document */

* {
 border: 0;
 margin: 0;
 padding: 0;
}

html, body {
 width: 100%;
 height: 100%;
 margin: 0;
 border: 0;
 padding: 0;
 color: #666666;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 background-color: #fbf7d1;
 background-image: url(../img/bg_all.jpg);
 background-repeat: no-repeat;
 background-position: center top;
}
.clear { clear: both; }
.spacer {
 visibility:hidden;
 border:0px;
 margin:0px;
 padding:0px;
 width:0px;
}
.pic {
 border:#f0f1a6  1px solid;
 padding:2px;
 background:#FFFFFF;
}


/* -----------------LINKS----------------- */


#content a:link, #infoleiste a:link {
 color: #0307b3;
 text-decoration: none;
}

#content a:visited, #infoleiste a:visited {
 color: #0307b3;
 text-decoration: none;
}

#content a:hover, #infoleiste a:hover {
 color: #9c8800;
 text-decoration: none;
}

#content a:active, #infoleiste a:active {
 color: #9c8800;
 text-decoration: none;
}


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


#main {
 width:900px;
 height:316px;
 padding:0px;
 margin: 0px;
 margin-left: auto;
 margin-right: auto;
 background-image: url(../img/white.gif);
 background-repeat: repeat-x;
 background-position: 158px;
 }

#top {
 height:131px;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #f0f1a6;
 background-image: url(../img/gras.gif);
 background-repeat: no-repeat;
 background-position: left bottom;
 }

#infoleiste {
 height:19px;
 border-top-width: 1px;
 border-bottom-width: 1px;
 border-top-style: solid;
 border-bottom-style: solid;
 border-top-color: #FFFFFF;
 border-bottom-color: #f0f1a6;
 margin-bottom: 1px;
 background-image: url(../img/info_icon.gif);
 background-repeat: no-repeat;
 background-position: 5px 5px;
 padding-left: 26px;
 padding-top:5px;
 }

#info_trenn {
 height:19px;
 border-top-width: 1px;
 border-bottom-width: 1px;
 border-top-style: solid;
 border-bottom-style: solid;
 border-top-color: #FFFFFF;
 border-bottom-color: #f0f1a6;
 margin-bottom: 1px;
 background-repeat: no-repeat;
 background-position: 5px 5px;
 padding-left: 26px;
 padding-top:5px;
 }

.info_strich {
 color:#d3ba17;
 margin-right: 8px;
 margin-left: 8px;
 }


/* -----------------Content----------------- */

#content {
 position:absolute;
 margin-left:165px;
 margin-top:22px;
 width:502px;
 line-height:16px;
 padding-bottom: 25px;
 }

h1 {
 display:block;
 color:#9c8800;
 font-family: "Trebuchet MS", Tahoma, Arial;
 font-size: 19px;
 margin-bottom:18px;
 border-bottom:#d5c557 1px solid;
 font-weight: bold;
 padding-bottom: 7px;
 }

h1 a {
 padding-right:18px;
 background-image: url(../img/pfeil.gif);
 background-repeat: no-repeat;
 background-position: right center;
 margin-bottom:20px;
}

.date {
 padding-right:20px;
 height:16px;
 float:right;
 background-image: url(../img/icon_cal.gif);
 background-repeat: no-repeat;
 background-position: right top;
 color:#FF9900;
}

.news {
 border-bottom: #d5c557 1px solid;
 background-image: url(../img/news_gras.gif);
 background-repeat: no-repeat;
 background-position: right bottom;
 padding-bottom:18px;
 margin-bottom:18px;
}
.news_all {

}
#content ul{
 list-style-position: outside;
 margin-left:13px;
 line-height: 19px;
 }
#content ol{
 list-style-position: outside;
 margin-left:27px;
 color:#9c8800;
 }

/* -----------------Galerie----------------- */

#galerie #g_left{
 position:absolute;
 margin-top:218px;
 margin-left:1px;
 width:33px;
 height:125px;
 }
#galerie #g_right {
 position:absolute;
 margin-top:218px;
 margin-left:468px;
 width:33px;
 height:125px;
 }
#galerie #g_oben {
 position:absolute;
 margin-top:31px;
 margin-left:188px;
 width:125px;
 height:18px;
 background:#FFFFFF;
 text-align: center;
 padding-top: 3px;
 }

#g_pic {
 height:542px;
 width:502px;
}
#g_pic img {
 border:#f0f1a6 1px solid;
 padding:2px;
 background:#FFFFFF;
}
#g_scroll {
 width:502px;
}
#g_scroll_inh {
 position: relative;
 width:502px;
 height:120px;
 overflow: auto;
 background:#FFFFFF;
}
#g_scroll_inh img {
 border:#0000cc 1px solid;
 padding:2px;
 background:#FFFFFF;
 margin-left:10px;
 margin-right:10px;
}
#g_scroll_inh img:hover {
 border: 1px solid #f0f1a6;
}
#g_scroll_inh a:hover img {
 border: 1px solid #f0f1a6;
}

#right .g_right img {
 border:#0000cc 1px solid;
 padding:2px;
 background:#FFFFFF;
}
#right .g_right img:hover {
 border: 1px solid #f0f1a6;
}
#right .g_right a:hover img {
 border: 1px solid #f0f1a6;
}


/* -----------------Accordion----------------- */

.newspic {
 border:#f0f1a6 1px solid;
 padding:2px;
 background:#FFFFFF;
 margin-top:15px;
 margin-left:10px;
 margin-bottom:10px;
 float:right;
}

.mehrlesen {
 padding-left:20px;
 height:16px;
 cursor:pointer;
}

.openlesen .zu{ /*class added to contents of 2nd demo when they are open*/
 display:none;
}
.openlesen {
 background:url(../img/icon_text.gif) no-repeat left;
}
.closedlesen .auf{ /*class added to contents of 2nd demo when they are closed*/
 display:none;
}
.closedlesen {
 background:url(../img/icon_text_all.gif) no-repeat left;
}

.opengalerie img {
 border:#0000cc 1px solid;
 margin-bottom:3px;
 margin-right:3px;
}

.mehrbilder {
 padding-left:20px;
 cursor:pointer;
 padding-top:15px;
 margin-top:18px;
 border-top:#f0f1a6 1px solid;
}

.openbilder .zu{ /*class added to contents of 2nd demo when they are open*/
 display:none;
}
.openbilder {
 background-image: url(../img/icon_bild.gif);
 background-repeat: no-repeat;
 background-position: left 15px;
}
.closedbilder .auf{ /*class added to contents of 2nd demo when they are closed*/
 display:none;
}
.closedbilder {
 background:url(../img/icon_bild_all.gif);
 background-repeat: no-repeat;
 background-position: left 15px;
}

/* -----------------tabelle----------------- */

#content table {
 font-size: 10px;
 line-height:12px;
 width:100%;
 }

.table_inh td {
 background-image: url(../img/table_bg.gif);
 background-repeat: repeat-x;
 background-position: left bottom;
 background-color: #fffbdc;
 }

.table_inh td span {
 vertical-align: middle;
 background-repeat: no-repeat;
 background-position: left center;
 padding-left:18px;
 color:#0000CC;
 padding-top:3px;
 padding-bottom:3px;
 }

.table_over td {
 background-color: #ffffcc;
 border-top-width: 1px;
 border-top-style: solid;
 border-top-color: #f0f1a6;
 font-weight: bold;
 height: 20px;
 }

  /* erfolge */

.tab_erfolge .table_inh td {
 padding-bottom: 6px;
 padding-top:6px;
 }

.tab_erfolge .table_inh td span {
 background-image: url(../img/table_kal.gif);
 margin-left:9px;
 }

.tab_erfolge .table_over td {
 padding-left: 8px;
 }

  /* fitness */

.tab_fitness .table_inh td {
 padding: 6px;
 text-align:center;
 }

.tab_fitness .table_inh td span {
 background-image: url(../img/icon_clo.gif);
 margin-left:5px;
 }

.tab_fitness .table_over td {
 padding: 6px;
 text-align:center;
 }

  /* tanzgruppen */

.tab_tanzgruppen .table_inh td {
 padding: 6px;
 text-align:center;
 }

.tab_tanzgruppen .table_over td {
 padding: 6px;
 text-align:center;
 }

  /* fort */

.tab_fort .table_inh td {
 padding: 20px;
 text-align:center;
 }

.tab_fort .table_over td {
 padding: 6px;
 text-align:center;
 }

  /* wir */

.tab_wir td {
 padding: 6px;
 }

.tab_wir .table_inh td span {
 background-image: url(../img/table_kal.gif);
 margin-left:9px;
 }

.tab_wir .table_over td {
 padding-left: 8px;
 }


  /* vorstand */

.tab_vorstand .table_inh td {
 padding: 6px;
 text-align:center;
 }

.tab_vorstand .table_over td {
 padding: 6px;
 text-align:center;
 }

  /* satzung */

.tab_satzung .table_inh td {
 padding-top: 15px;
 padding-right: 6px;
 padding-bottom: 15px;
 padding-left: 6px;
 }

.tab_satzung .table_over td {
 padding: 6px;
 text-align:center;
 }



/* -----------------Inhalt Rechts----------------- */

#right {
 width:206px;
 position:absolute;
 margin-left:529px;
 padding-bottom:25px;
 }

#right img  {
 border:#d5c557 1px solid;
 padding:2px;
 background:#FFFFFF;
 margin-top:3px;
 margin-bottom:2px;
 }

.sidecont{ /*class added to contents of 1st demo when they are open*/
 padding-bottom:10px;
 border-bottom:#f0f1a6 1px solid;
 margin-top:10px;
}

.sidelink {
 padding-left:20px;
 cursor:pointer;
 margin-top:15px;
 padding-bottom:15px;
 border-bottom:#f0f1a6 1px solid;
}

.openside .zu{ /*class added to contents of 2nd demo when they are open*/
 display:none;
}
.openside {
 background:url(../img/icon_side.gif);
 background-repeat: no-repeat;
 background-position: left 0px;
}
.closedside .auf{ /*class added to contents of 2nd demo when they are closed*/
 display:none;
}
.closedside {
 background:url(../img/icon_side_all.gif);
 background-repeat: no-repeat;
 background-position: left 0px;
}

/* -----------------Menue----------------- */

#menue_top {
 border-bottom:#f0f1a6 1px solid;
 height:17px;
 padding-top:3px;
 color:#CCCCCC;
 background-image: url(../img/menue_top.gif);
 background-repeat: no-repeat;
 background-position: 4px 3px;
 padding-left: 26px;
}

.nr_a {
 font-weight: normal;
 color: #9c8800;
 margin-left: 4px;
 margin-right: 4px;
 }

.haupt_active {
 display:block;
 width:131px;
 height:17px;
 padding-top:3px;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #f0f1a6;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight: bold;
 color: #9c8800;
 text-decoration: none;
 font-size: 11px;
 background: #ffffcc url(../img/menue_minus.gif) no-repeat 118px 6px;
}
.link_om {
 display:block;
 width:131px;
 height:17px;
 padding-top:3px;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #f0f1a6;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight: bold;
 color: #9c8800;
 text-decoration: none;
 font-size: 11px;
 background: #ffffcc;
 cursor:default;
}

.nr_b {
 font-weight: normal;
 color: #cccccc;
 margin-left: 4px;
 margin-right: 4px;
 }
.sub_active {
 display:block;
 width:131px;
 height:17px;
 padding-top:3px;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #f0f1a6;
 padding-bottom:0px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #9c8800;
 text-decoration: none;
 font-size: 11px;
 background: #ffffcc url(../img/menue_minus.gif) no-repeat 118px 6px;
}
.sub_active_om {
 display:block;
 width:131px;
 height:17px;
 padding-top:3px;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #f0f1a6;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #0000cc;
 text-decoration: none;
 font-size: 11px;
 background: #ffffcc;
}
.arrowlistmenu{
 position:absolute;
 width: 131px; /*width of accordion menu*/
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #FFFFFF;
}

.arrowlistmenu .closedheader{ /*CSS class to apply to expandable header when it's expanded*/
 background: url(../img/menue_plus.gif) no-repeat 118px 6px;
}

.arrowlistmenu .closedheader:hover{ /*CSS class to apply to expandable header when it's expanded*/
 background: #ffffcc url(../img/menue_plus.gif) no-repeat 118px 6px;
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
 list-style-type: none;
 margin: 0;
 padding: 0;
}
.arrowlistmenu ul li{
 padding-bottom: 0px; /*bottom spacing between menu items*/
}

.subcategoryitems li a:hover{
 background: #ffffcc;
 padding-bottom:0px;
 }


.sub_ol{
 color: #333333;
 display: block;
 text-decoration: none;
 border-bottom: 1px solid #f0f1a6;
 height:17px;
 padding-top:3px;
 width:131px;
}
.sub_ol:hover{
 background: #ffffcc;
}


.sub_mm {
 color: #333333;
 display: block;
 text-decoration: none;
 border-bottom: 1px solid #f0f1a6;
 height:17px;
 padding-top:3px;
 width:131px;
 background: url(../img/menue_plus.gif) no-repeat 118px 6px;
}
.sub_mm:hover {
 background: #ffffcc url(../img/menue_plus.gif) no-repeat 118px 6px;
}


.subsub_ol{
 color: #999999;
 display: block;
 text-decoration: none;
 border-bottom: 1px solid #f0f1a6;
 height:17px;
 padding-top:3px;
 width:131px;
}
.subsub_ol:hover{
 background: #ffffcc;
}

.subsub_ol_click{
 color: #9c8800;
 display: block;
 text-decoration: none;
 border-bottom: 1px solid #f0f1a6;
 height:17px;
 padding-top:3px;
 width:131px;
 background: #ffffcc;
 cursor:default;
}


.link{
 display:block;
 width:131px;
 height:17px;
 padding-top:3px;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #f0f1a6;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight: bold;
 color: #0000cc;
 text-decoration: none;
 font-size: 11px;
 }

.link:hover{
 background: #ffffcc;
 color: #9c8800;
}

/* -----------------Menue----------------- */

.mi_link {
 position:absolute;
 width:50px;
 height:50px;
 margin-left:-25px;
 margin-top:-25px;
}
* html .mi_link {
 width: 50px;
 height: 50px;
}

.mi_grafik img {
 border:#f0f1a6 1px solid;
 padding:2px;
 background:#FFFFFF;
 margin-bottom:2px;
}


.mi_foto {
 position:relative;
}
#mi_links {
 visibility:hidden;
 }
.mi_linklink {
 position:relative;
 height: 50px;
 width: 50px;
 overflow: hidden;
 text-decoration:none;
 background: url(../img/circles.gif);
 display: block;
}
.mi_linklink:hover{
 background: url(../img/circle.gif);
 cursor: help;
}