@charset "UTF-8";
/* CSS Document */

html {
  background-size: cover;
  height: 100%;
}

.bg {
  position: fixed; 
  top: -50%; 
  left: -50%; 
  width: 200%; 
  height: 200%;
    overflow: hidden;
}
.bg img {
  position: absolute; 
  top: 0; 
  left: 0; 
  right: 0; 
  bottom: 0; 
  margin: auto; 
  min-width: 50%;
  min-height: 50%;
}

div.container {
width:1000px;
margin:0 auto;
}

.bg_head {
position:absolute;
margin:30px 0 0 0;
width:1000px;
height:200px;
background: url(../img/bg_head_1000x200.png);
}

.content {
position:absolute;
margin:255px 0 0 0;
width:1000px;
}

/* neue codes ab hier (24.01.2022) */

.content-body {
position:absolute;
margin:0px 0 0 300px;
width:680px;
}

.block_head_wide_new {
width:700px;
height:40px;
background: url(../img/bg_bar_700x40.png);
font-family:'Nunito', sans-serif;
font-weight: bolder;
font-size:1em;
line-height: 40px;
letter-spacing:2px;
color:#fff;
}

.hg-weiss {
        margin:0px 0 0 0;
    width: 700px;
background: url(../img/bg_white70.png);
}

.hg-rot {
        margin:0px 0 0 0;
  width: 700px;
background-color: crimson;
}

.content-body-container {
margin:0 0 0 20px;
}

.content-body-text {
    position: absolute;
width:400px;
}

.content-body-bild {
    position: absolute;
    margin:0 0 0 0;
    width: 300 px;
    right: 0px;
    float: right;
}

.footer_new {
margin: 0 0 0 -300px;
width:1000px;
height:20px;
bottom:auto;
background-color:#ff4b08;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:0.7em;
line-height:20px;
color:#fff;
}

/* neue codes ende */

.block_head_narrow {
position:absolute;
margin:0 0 0 0;
width:335px;
height:40px;
background: url(../img/bg_bar_335x40.png);
font-family:'Nunito', sans-serif;
font-weight: bolder;
font-size:1em;
line-height: 40px;
letter-spacing:2px;
color:#fff;
}

.block_head_narrow_double {
position:absolute;
margin:0 0 0 0;
width:335px;
height:80px;
background: url(../img/bg_bar_335x80.png);
}

.block_head_narrow_text {
position:absolute;
margin:7px 0 0 20px;
font-family:'Nunito', sans-serif;
font-weight: bolder;
font-size:1em;
line-height: 30px;
letter-spacing:2px;
color:#fff;
}

.block_head_wide {
position:absolute;
margin:0 0 0 0;
width:700px;
height:40px;
background: url(../img/bg_bar_700x40.png);
font-family:'Nunito', sans-serif;
font-weight: bolder;
font-size:1em;
line-height: 40px;
letter-spacing:2px;
color:#fff;
}

.block_head_extrawide {
position:absolute;
margin:0 0 0 0;
width:1000px;
height:40px;
background: url(../img/bg_bar_1000x40.png);
font-family:'Nunito', sans-serif;
font-weight: bolder;
font-size:1em;
line-height: 40px;
letter-spacing:2px;
color:#fff;
}

.footer {
position:absolute;
margin: 0 0 0 0;
}

.footer_text {
position:absolute;
margin:0 0 0 0;
width:1000px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:0.7em;
line-height:20px;
color:#fff;
}

a.footer_mail:link, a.footer_mail:visited, a.footer_mail:focus {
color:#fff;
text-decoration:none;
}
a.footer_mail:hover, a.footer_mail:active {
text-decoration:underline;
}

.footer_abstand_unten {
position:absolute;
height:50px;
}



/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Textformatierungen */

h1 {
position:absolute;
margin:70px 0 0 400px;
width:600px;
text-align:left;
font-family:'Nunito', sans-serif;
font-size:2.5em;
letter-spacing:2px;
color:#fff;
}

h2 {
position:absolute;
margin:120px 0 0 400px;
width:600px;
text-align:left;
font-family:'Nunito', sans-serif;
font-weight:100;
font-size:1.5em;
color:#fff;
}

h3 {
position:absolute;
margin:180px 0 0 450px;
width:550px;
height: 50px;
text-align:left;
font-family:'Nunito', sans-serif;
font-weight:100;
font-size:1em;
color:#fff;
display: flex;
justify-content: center;
align-items:center;
}

p, table {
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
line-height:1.2em;
vertical-align: baseline;
margin: 0;
padding: 0;
color:#000;
}

table {
table-layout: auto;
width: 100%;
}

table td {
padding:0px 20px 0px 0px;
white-space: nowrap;
}


.text_headline {
text-align:left;
font-family:'Nunito', sans-serif;
font-weight: bolder;
font-size:1.2em;
letter-spacing:0px;
color:#ff4b08;
}

a.verein_link:link, a.verein_link:visited, a.verein_link:focus {
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
font-weight:bold;
text-align:left;
color:#ff4b08; }
a.verein_link:hover, a.verein_link:active {
text-decoration: underline; }

a.termine_jahresprogramm:link, a.termine_jahresprogramm:visited, a.termine_jahresprogramm:focus {
font-family:Arial, Helvetica, sans-serif;
text-decoration: underline;
font-weight:bold;
text-align:left;
color:#000; }
a.termine_jahresprogramm:hover, a.termine_jahresprogramm:active {
text-decoration:none; }

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Menü */

.menu_position {
position:absolute;
margin:-15px 0 0 0;
width:1000px;
}

a.mainmenu:link, a.mainmenu:visited, a.mainmenu:focus {
background: url(../img/btn_225x35_off.png);
width:225px;
height:35px;
margin-top:15px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:35px;
text-decoration:none;
font-weight:lighter;
text-align:left;
letter-spacing:4px;
color:#fff;
display:block; }
a.mainmenu:hover, a.mainmenu:active {
background: url(../img/btn_225x35_on.png); }

.mainmenu_on {
background: url(../img/btn_225x35_on.png);
width:225px;
height:35px;
margin-top:15px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:35px;
text-decoration:none;
font-weight:lighter;
text-align:left;
letter-spacing:4px;
color:#fff;
display:block; }

.submenu_position {
position:absolute;
margin:5px 0 0 750px;
width:max-content; /* Hierdurch wird Datenschutz nicht ausgeblendet, wenn das Browserfenster kleiner wird. width=100% funktioniert auch, es entstehen aber lange horizonte Scrollbalken. */}

a.submenu:link, a.submenu:visited, a.submenu:focus {
margin: 0 0 0 0;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
text-decoration:none;
font-weight:lighter;
text-align:left;
letter-spacing:4px;
color:#fff; }
a.submenu:hover, a.submenu:active {
text-decoration:underline; }

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Startseite */

.block_position_home {
position:absolute;
margin:0 0 0 300px;
}

.index_block_hg {
position:absolute;
margin:40px 0 0 0;
width:700px;
height:470px;
background: url(../img/bg_white70.png);
}

.index_block_text {
position:absolute;
margin:20px 0 0 20px;
width:650px;
}

.index_block_text_restaurant {
position:absolute;
margin:0 0 0 350px;
width:300px;
height:194px;
background: url(../img/index_restaurant_300x194.jpg);
}


.tabelle_index
{
font-family:'Nunito', sans-serif;
font-weight: bolder;
width:100%;
border-collapse:collapse;
}

.tabelle_index tr
{
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
font-weight: 100;
letter-spacing:0px;
color:#000;
}

.tabelle_index td
{
padding:10px 20px 10px 20px;
white-space: normal;
}

.tabelle_index tr.monat
{
font-size:1em;
line-height:1em;
letter-spacing:2px;
color:#fff;
background-color:#ff4b08;
}






.slider_size {
position:absolute;
width:700px;
height:350px;}

#eins {
background-image:url(../img/slider_index_01.jpg);
width:700px;
height:350px;
position:absolute;
opacity:100.0;
filter:alpha(opacity=100);}

#zwei {
background-image:url(../img/slider_index_02.jpg);
width:700px;
height:350px;
position:absolute;
opacity:0.0;
filter:alpha(opacity=0);}

#drei {
background-image:url(../img/slider_index_03.jpg);
width:700px;
height:350px;
position:absolute;
opacity:0.0;
filter:alpha(opacity=0);}

#vier {
background-image:url(../img/slider_index_04.jpg);
width:700px;
height:350px;
position:absolute;
opacity:0.0;
filter:alpha(opacity=0);}

#fuenf {
background-image:url(../img/slider_index_05.jpg);
width:700px;
height:350px;
position:absolute;
opacity:0.0;
filter:alpha(opacity=0);}

#sechs {
background-image:url(../img/slider_index_06.jpg);
width:700px;
height:350px;
position:absolute;
opacity:0.0;
filter:alpha(opacity=0);}




.footer_index {
position:absolute;
margin:910px 0 0 0; /*910px ist Standard*/
width:1000px;
height:20px;
bottom:auto;
background-color:#ff4b08;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Sportabzeichen */

.sportabzeichen_photo_dietersattler {
position:absolute;
margin:20px 0 0 566px;
width:110px;
height:150px;
background-size:cover; 
background-position:center center; 
background-repeat:no-repeat;
background-image: url(../img/dietersattler.jpg);
border: 1px solid black;
}

.sportabzeichen_photo_andreasburkart {
position:absolute;
margin:20px 0 0 561px;
width:120px;
height:147px;
background-size:cover; 
background-position:center center; 
background-repeat:no-repeat;
background-image: url(../img/andreasburkart.jpg);
border: 0px solid black;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Radfahren */

.block_position_radfahren_1 {
position:absolute;
margin:0 0 0 300px;
}

.block_hg_radfahren_1 {
position:absolute;
margin:40px 0 0 0;
width:700px;
height:350px;
background: url(../img/bg_white70.png);
}

.block_text_radfahren {
position:absolute;
margin:20px 0 0 20px;
width:480px;
}

.photo_gerdspindler {
position:absolute;
margin:20px 0 0 566px;
width:110px;
height:150px;
background-size:cover; 
background-position:center center; 
background-repeat:no-repeat;
background-image: url(../img/gerdspindler.jpg);
border: 1px solid black;
}

.block_position_radfahren_2 {
position:absolute;
margin:420px 0 0 300px;
}

.block_hg_radfahren_2 {
position:absolute;
margin:40px 0 0 0;
width:700px;
height:320px;
background: url(../img/bg_white70.png);
}

.photo_guenterhennig {
position:absolute;
margin:20px 0 0 566px;
width:110px;
height:150px;
background-size:cover; 
background-position:center center; 
background-repeat:no-repeat;
background-image: url(../img/guenterhennig.jpg);
border: 1px solid black;
}

.block_position_radfahren_3 {
position:absolute;
margin:820px 0 0 300px;
}

.block_hg_radfahren_3 {
position:absolute;
margin:40px 0 0 0;
width:700px;
height:270px;
background: url(../img/bg_white70.png);
}

.photo_dieterricker {
position:absolute;
margin:0 0 0 546px;
width:110px;
height:150px;
background-size:cover; 
background-position:center center; 
background-repeat:no-repeat;
background: url(../img/dieterricker.jpg);
border: 1px solid black;
}

.photo_erlebnisradtour {
position:absolute;
margin:20px 0 0 250px;
width:300px;
height:167px;
background: url(../img/erlebnisradtour.jpg);
border: 1px solid black;
}

.footer_radfahren {
position:absolute;
margin:1410px 0 0 0;
margin:1410px 0 0 0;
width:1000px;
height:20px;
bottom:auto;
background-color:#ff4b08;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Hallenplan */

.photo_hallenplan {
position:absolute;
margin:0 0 0 0;
width:660px;
height:450px;
background-size:cover; 
background-position:center center; 
background-repeat:no-repeat; 
background-image: url(../img/hallenplan_660x449px.gif);
border: 1px solid black;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Verein */

.block_phototext_verein {
position:absolute;
margin:20px 0 0 150px;
width:170px;
}




.block_position_verein_1 {
position:absolute;
margin:0 0 0 300px;
}

.block_hg_verein_1 {
position:absolute;
margin:40px 0 0 0;
width:335px;
height:190px;
background: url(../img/bg_white70.png);
}

.block_photo_thomaswiedemer {
position:absolute;
margin:20px 0 0 20px;
width:120px;
height:147px;
background: url(../img/thomas_wiedemer.jpg);
}

.block_photo_inkognito {
position:absolute;
margin:20px 0 0 20px;
width:120px;
height:147px;
background: url(../img/inkognito.jpg);
}

.block_photo_markusherbert {
position:absolute;
margin:20px 0 0 530px;
width:120px;
height:147px;
border: 1px solid #000;
background: url(../img/markus_herbert.jpg);
}

.photo_uliricker {
width:120px;
height:147px;
background: url(../img/uliricker.jpg);
}

.block_photo_dieterbaumgartl {
position:absolute;
margin:20px 0 0 550px;
width:120px;
height:147px;
background: url(../img/dieter_baumgartl.jpg);
}





.block_position_verein_2 {
position:absolute;
margin:0 0 0 665px;
}

.block_hg_verein_2 {
position:absolute;
margin:40px 0 0 0;
width:335px;
height:190px;
background: url(../img/bg_white70.png);
}

.block_photo_rolfgretzki {
position:absolute;
margin:20px 0 0 20px;
width:120px;
height:147px;
background: url(../img/rolf_gretzki.jpg);
}





.block_position_verein_3 {
position:absolute;
margin:260px 0 0 300px;
}

.block_hg_verein_3 {
position:absolute;
margin:40px 0 0 0;
width:335px;
height:190px;
background: url(../img/bg_white70.png);
}

.block_photo_thomashitz {
position:absolute;
margin:20px 0 0 20px;
width:120px;
height:147px;
background: url(../img/thomas_hitz.jpg);
}






.block_position_verein_4 {
position:absolute;
margin:260px 0 0 665px;
}

.block_hg_verein_4 {
position:absolute;
margin:40px 0 0 0;
width:335px;
height:190px;
background: url(../img/bg_white70.png);
}






.block_position_verein_5 {
position:absolute;
margin:520px 0 0 300px;
}

.block_hg_verein_5 {
position:absolute;
margin:40px 0 0 0;
width:335px;
height:190px;
background: url(../img/bg_white70.png);
}

.block_photo_dieterricker {
position:absolute;
margin:20px 0 0 20px;
width:120px;
height:147px;
background: url(../img/dieterricker.jpg);
}




.footer_verein {
position:absolute;
margin:1030px 0 0 0;
width:1000px;
height:20px;
bottom:auto;
background-color:#ff4b08;
}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Badminton */


.block_hg_badminton {
position:absolute;
margin:40px 0 0 0;
width:700px;
height:675px;
background: url(../img/bg_white70.png);
}

.badminton_photo_ball {
position:absolute;
margin:10px 0 0 0;
width:660px;
height:400px;
background-size:cover; 
background-position:center center; 
background-repeat:no-repeat;
background-image: url(../img/badminton_photo_ball.jpg);
}

.footer_badminton {
position:absolute;
margin:990px 0 0 0;
width:1000px;
height:20px;
bottom:auto;
background-color:#ff4b08;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Turnen */


.turnen_block_1_position {
position:absolute;
margin:0 0 0 300px;
}

.turnen_block_1_hg {
position:absolute;
margin:40px 0 0 0;
width:700px;
height:280px;
background: url(../img/bg_white70.png);
}

.block_text_turnen {
position:absolute;
margin:20px 0 0 20px;
width:380px;
}

.turnen_photo_astrideitel {
position:absolute;
margin:20px 0 0 566px;
width:110px;
height:147px;
background-size:cover; 
background-position:center center; 
background-repeat:no-repeat;
background-image: url(../img/astrid_eitel.jpg);
border: 1px solid black;
}

.turnen_photo_brigitteebert {
position:absolute;
margin:20px 0 0 566px;
width:110px;
height:147px;
background-size:cover; 
background-position:center center; 
background-repeat:no-repeat;
background-image: url(../img/brigitteebert.jpg);
border: 1px solid black;
}

.turnen_block_2_position {
position:absolute;
margin:350px 0 0 300px;
}

.turnen_block_2_hg {
position:absolute;
margin:40px 0 0 0;
width:700px;
height:280px;
background: url(../img/bg_white70.png);
}

.turnen_photo_step-aerobic-fatburner {
position:absolute;
margin:20px 0 0 438px;
width:110px;
height:150px;
background-size:cover; 
background-position:center center; 
background-repeat:no-repeat;
background-image: url(../img/turnen_step-aerobic-fatburner.jpg);
border: 1px solid black;
}

.turnen_photo_morenasgalla {
position:absolute;
margin:20px 0 0 566px;
width:110px;
height:150px;
background-size:cover; 
background-position:center center; 
background-repeat:no-repeat;
background-image: url(../img/morenasgalla.jpg);
border: 1px solid black;
}

.turnen_block_3_position {
position:absolute;
margin:700px 0 0 300px;
}

.turnen_block_3_hg {
position:absolute;
margin:40px 0 0 0;
width:700px;
height:350px;
background: url(../img/bg_white70.png);
}

.turnen_photo_hot_iron {
position:absolute;
margin:20px 0 0 438px;
width:110px;
height:150px;
background-size:cover; 
background-position:center center; 
background-repeat:no-repeat;
background-image: url(../img/turnen_hot_iron.jpg);
border: 1px solid black;
}

.turnen_block_4_position {
position:absolute;
margin:1120px 0 0 300px;
}

.turnen_block_4_hg {
position:absolute;
margin:40px 0 0 0;
width:700px;
height:280px;
background: url(../img/bg_white70.png);
}

.turnen_photo_gymnastik_fuer_maenner {
position:absolute;
margin:20px 0 0 438px;
width:110px;
height:150px;
background-size:cover; 
background-position:center center; 
background-repeat:no-repeat;
background-image: url(../img/turnen_gymnastik_fuer_maenner.jpg);
border: 1px solid black;
}

.turnen_photo_guenterhennig {
position:absolute;
margin:20px 0 0 566px;
width:110px;
height:150px;
background-size:cover; 
background-position:center center; 
background-repeat:no-repeat;
background-image: url(../img/guenterhennig.jpg);
border: 1px solid black;
}

.turnen_block_5_position {
position:absolute;
margin:1470px 0 0 300px;
}

.turnen_block_5_hg {
position:absolute;
margin:40px 0 0 0;
width:700px;
height:280px;
background: url(../img/bg_white70.png);
}

.turnen_photo_bodystyling {
position:absolute;
margin:20px 0 0 438px;
width:110px;
height:150px;
background-size:cover; 
background-position:center center; 
background-repeat:no-repeat;
background-image: url(../img/turnen_bodystyling.jpg);
border: 1px solid black;
}

.turnen_photo_judithkinzl {
position:absolute;
margin:20px 0 0 566px;
width:110px;
height:150px;
background-size:cover; 
background-position:center center; 
background-repeat:no-repeat;
background-image: url(../img/judithkinzl.jpg);
border: 1px solid black;
}

.turnen_block_6_position {
position:absolute;
margin:1820px 0 0 300px;
}

.turnen_block_6_hg {
position:absolute;
margin:40px 0 0 0;
width:700px;
height:320px;
background: url(../img/bg_white70.png);
}

.turnen_photo_irmajung {
position:absolute;
margin:20px 0 0 438px;
width:110px;
height:150px;
background-size:cover; 
background-position:center center; 
background-repeat:no-repeat;
background-image: url(../img/irmajung.jpg);
border: 1px solid black;
}

.turnen_block_7_position {
position:absolute;
margin:2210px 0 0 300px;
}

.turnen_block_7_hg {
position:absolute;
margin:40px 0 0 0;
width:700px;
height:280px;
background: url(../img/bg_white70.png);
}

.turnen_photo_gildatraser {
position:absolute;
margin:20px 0 0 566px;
width:110px;
height:150px;
background-size:cover; 
background-position:center center; 
background-repeat:no-repeat;
background-image: url(../img/gildatraser.jpg);
border: 1px solid black;
}

.turnen_block_8_position {
position:absolute;
margin:2560px 0 0 300px;
}

.turnen_block_8_hg {
position:absolute;
margin:40px 0 0 0;
width:700px;
height:320px;
background: url(../img/bg_white70.png);
}

.turnen_photo_monikadaube {
position:absolute;
margin:20px 0 0 566px;
width:110px;
height:150px;
background-size:cover; 
background-position:center center; 
background-repeat:no-repeat;
background-image: url(../img/monikadaube.jpg);
border: 1px solid black;
}

.footer_turnen {
position:absolute;
margin:3200px 0 0 0;
width:1000px;
height:20px;
bottom:auto;
background-color:#ff4b08;
}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Ballett Tanzen */

.tanzen_block_position_1 {
position:absolute;
margin:0 0 0 300px;
}

.block_hg_tanzen {
position:absolute;
margin:40px 0 0 0;
width:700px;
height:1045px;
background: url(../img/bg_white70.png);
}

.block_text_tanzen {
position:absolute;
margin:20px 0 0 20px;
width:380px;
}

.photo_tanzen_gruppenbild {
position:absolute;
margin:0 0 0 418px;
width:240px;
height:108px;
background: url(../img/tanzen_gruppenbild.jpg);
border: 1px solid black;
}

.tabelle_tanzen
{
font-family:'Nunito', sans-serif;
font-weight: bolder;
font-size: 0.8em;
width:100%;
border-collapse:collapse;
}

.tabelle_tanzen tr
{
font-family:Arial, Helvetica, sans-serif;
font-weight: 100;
letter-spacing:0px;
color:#000;
vertical-align: text-top;
}

.tabelle_tanzen td
{
padding: 5px 10px 5px 10px;
white-space: normal;

}

.tabelle_tanzen tr.monat
{
line-height:1em;
letter-spacing:2px;
color:#fff;
background-color:#ff4b08;
}

.photo_renatewaitzrichert {
position:absolute;
margin:130px 0 0 540px;
width:120px;
height:147px;
background: url(../img/renate_waitz-richert.jpg);
}

.block_position_ballett {
position:absolute;
margin:1110px 0 0 300px;
}

.block_hg_ballett {
position:absolute;
margin:40px 0 0 0;
width:700px;
height:535px;
background: url(../img/bg_white70.png);
}

.photo_mickiwicke {
position:absolute;
margin:410px 0 0 438px;
width:110px;
height:150px;
background-size:cover; 
background-position:center center; 
background-repeat:no-repeat; 
background-image: url(../img/micki-wicke.jpg);
border: 1px solid black;
}

.photo_thomaswicke {
position:absolute;
margin:410px 0 0 566px;
width:110px;
height:150px;
background-size:cover; 
background-position:center center; 
background-repeat:no-repeat;
background-image: url(../img/thomaswicke.jpg);
border: 1px solid black;
}

.photo_ballett_gruppenbild_1 {
position:absolute;
margin:0 0 0 418px;
width:240px;
height:150px;
background-size:cover; 
background-position:center center; 
background-repeat:no-repeat;
background-image: url(../img/ballett_gruppenbild_1.jpg);
border: 1px solid black;
}

.photo_ballett_gruppenbild_2 {
position:absolute;
margin:170px 0 0 418px;
width:240px;
height:150px;
background-size:cover; 
background-position:center center; 
background-repeat:no-repeat;
background-image: url(../img/ballett_gruppenbild_2.jpg);
border: 1px solid black;
}

.photo_sophialoerincz {
position:absolute;
margin:360px 0 0 566px;
width:110px;
height:150px;
background-size:cover; 
background-position:center center; 
background-repeat:no-repeat;
background-image: url(../img/sophialoerincz.jpg);
border: 1px solid black;
}

.photo_mariannewycisk {
position:absolute;
margin:360px 0 0 566px;
width:110px;
height:150px;
background-size:cover; 
background-position:center center; 
background-repeat:no-repeat;
background-image: url(../img/mariannewycisk.jpg);
border: 1px solid black;
}

.photo_tatianakazarian {
position:absolute;
margin:340px 0 0 546px;
width:110px;
height:150px;
background-size:cover; 
background-position:center center; 
background-repeat:no-repeat;
background-image: url(../img/tatianakazarian.jpg);
border: 1px solid black;
}

.footer_ballett-tanzen {
position:absolute;
margin:1960px 0 0 0;
width:1000px;
height:20px;
bottom:auto;
background-color:#ff4b08;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ leichtathletik */

.block_hg_leichtathletik {
position:absolute;
margin:40px 0 0 0;
width:700px;
height:1380px;
background: url(../img/bg_white70.png);
}

.block_text_leichtathletik {
position:absolute;
margin:20px 0 0 20px;
width:480px;
}
.block_tabelle_leichtathletik {
position:absolute;
margin:0px 0 0 0px;
width:650px;
}

.footer_leichtathletik {
position:absolute;
margin:1700px 0 0 0;
width:1000px;
height:20px;
bottom:auto;
background-color:#ff4b08;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Workshops */



.content-body-text-workshops {
    position: absolute;
width:650px;
}

.block_position_workshops_1 {
position:absolute;
margin:0 0 0 300px;
}

.block_position_workshops_2 {
position:absolute;
margin:0 0 0 665px;
}

.block_position_workshops_3 {
position:absolute;
margin:340px 0 0 300px;
}

.block_position_workshops_4 {
position:absolute;
margin:340px 0 0 665px;
}

.block_position_workshops_5 {
position:absolute;
margin:680px 0 0 300px;
}

.block_position_workshops_6 {
position:absolute;
margin:680px 0 0 665px;
}

.block_position_workshops_7 {
position:absolute;
margin:1020px 0 0 300px;
}

.block_position_workshops_8 {
position:absolute;
margin:1020px 0 0 665px;
}

.block_position_workshops_9 {
position:absolute;
margin:1360px 0 0 300px;
}

.block_position_workshops_10 {
position:absolute;
margin:1360px 0 0 665px;
}

.block_position_workshops_11 {
position:absolute;
margin:1700px 0 0 300px;
}

.block_position_workshops_12 {
position:absolute;
margin:1700px 0 0 665px;
}



.block_hg_workshops {
position:absolute;
margin:40px 0 0 0;
width:335px;
height:270px;
background: url(../img/bg_white70.png);
}

.block_hg_workshops_2 {
position:absolute;
margin:80px 0 0 0;
width:335px;
height:230px;
background: url(../img/bg_white70.png);
}

.block_text_workshops {
position:absolute;
margin:55px 0 0 20px;
width:300px;
height:150px;
overflow-y: scroll;
}


hr {
position:absolute;
margin:220px 0 0 20px;
width:300px;
border:solid #ff4b08 1px;
}


.block_tabelle_workshops {
position:absolute;
margin:235px 0 0 20px;
width:300px;
height:60px;
overflow-y: scroll;
}








#tabelle_workshops {
font-family:Arial, Helvetica, sans-serif;
width:100%;
border-collapse:collapse; }

#tabelle_workshops tr {
vertical-align:top; }

#tabelle_workshops td {
font-size:1em;
line-height:1.2em;
letter-spacing:0px;
color:#000;
border:0px solid #000000;
white-space: normal;
}




.footer_workshops {
position:absolute;
margin:3390px 0 0 0;
width:1000px;
height:20px;
bottom:auto;
background-color:#ff4b08;
}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Ski- & Wanderclub */

.skiwanderclub_block_1_position {
position:absolute;
margin:0 0 0 300px;
}

.skiwanderclub_block_1_hg {
position:absolute;
margin:40px 0 0 0;
width:700px;
height:280px;
background: url(../img/bg_white70.png);
}

.block_text_skiwandern {
position:absolute;
margin:20px 0 0 20px;
width:480px;
}

.skiwanderclub_photo_gruppenbild {
position:absolute;
margin:20px 0 0 438px;
width:110px;
height:147px;
background-size:cover; 
background-position:center center; 
background-repeat:no-repeat;
background-image: url(../img/skigymnastik_gruppenbild.jpg);
border: 1px solid black;
}

.skiwanderclub_photo_ralfwenig {
position:absolute;
margin:20px 0 0 566px;
width:110px;
height:147px;
background-size:cover; 
background-position:center center; 
background-repeat:no-repeat;
background-image: url(../img/ralfwenig.jpg);
border: 1px solid black;
}

.skiwanderclub_block_2_position {
position:absolute;
margin:350px 0 0 300px;
}

.skiwanderclub_block_3_position {
position:absolute;
margin:850px 0 0 300px;
}

.skiwanderclub_block_2_hg {
position:absolute;
margin:40px 0 0 0;
width:700px;
height:430px;
background: url(../img/bg_white70.png);
}

.skiwanderclub_photo_dietersattler {
position:absolute;
margin:20px 0 0 566px;
width:110px;
height:150px;
background-size:cover; 
background-position:center center; 
background-repeat:no-repeat;
background-image: url(../img/dietersattler.jpg);
border: 1px solid black;
}

.skiwanderclub_photo_volkertraser {
position:absolute;
margin:20px 0 0 566px;
width:110px;
height:150px;
background-size:cover; 
background-position:center center; 
background-repeat:no-repeat;
background-image: url(../img/volker_traser.jpg);
border: 1px solid black;
}

.footer_skiwanderclub {
position:absolute;
margin:960px 0 0 0;
width:1000px;
height:20px;
bottom:auto;
background-color:#ff4b08;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Termine */



.block_text_termine_hallenplan {
position:absolute;
margin:10px 0 0 20px;
width:960px;
}




.block_position_termine_1 {
position:absolute;
margin:0 0 0 300px;
}

.block_hg_termine_1 {
position:absolute;
margin:40px 0 0 0;
width:700px;
height:860px;
background: url(../img/bg_white70.png);
}

.block_text_termine {
position:absolute;
margin:20px 0 0 20px;
width:660px;
}



/* hiermit kann man jede zweite Zeile einer Tabelle anders gestalten. Einfach ".PLATZHALTER " gegen ".tabelle_termine " vor jedem tag austauschen */
.PLATZHALTER tr:nth-child(even) {
}

.PLATZHALTER td:nth-child(even) {
color: #ff4b08;
}

.PLATZHALTER tr:nth-child(odd) {
background-color:#ff4b08;
}

.PLATZHALTER td:nth-child(odd) {
color: #fff;
}
/* -------- */

.tabelle_termine
{
font-family:'Nunito', sans-serif;
font-weight: bolder;
width:100%;
border-collapse:collapse;
}

.tabelle_termine tr
{
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
font-weight: 100;
letter-spacing:0px;
color:#000;
}

.tabelle_termine td
{
padding:10px 20px 10px 20px;
white-space: normal;
}

.tabelle_termine tr.monat
{
font-size:1em;
line-height:1em;
letter-spacing:2px;
color:#fff;
background-color:#ff4b08;
}




.block_position_termine_2 {
position:absolute;
margin:1180px 0 0 300px;
}

.block_hg_termine_2 {
position:absolute;
margin:40px 0 0 0;
width:700px;
height:320px;
background: url(../img/bg_white70.png);
}







.block_position_termine_3 {
position:absolute;
margin:1640px 0 0 0;
}

.block_hg_termine_3 {
position:absolute;
margin:40px 0 0 0;
width:1000px;
height:700px;
background: url(../img/bg_white70.png);
}



#tabelle_termine_hallenplan
{
width:100%;
border-collapse:collapse;
}
#tabelle_termine_hallenplan th
{
font-family:'Nunito', sans-serif;
font-weight: bolder;
font-size:0.8em;
line-height:1em;
letter-spacing:2px;
color:#ff4b08;
border:1px solid #000000;
padding:10px 10px 10px 10px;
vertical-align:center;
}
#tabelle_termine_hallenplan td
{
font-family:sans-serif;
font-size:0.7em;
line-height:1.2em;
border:1px solid #000000;
padding:10px 10px 10px 10px;
vertical-align:center;
text-align: center;
white-space: normal;
}
#tabelle_termine_hallenplan td.tanzen
{
background-color: yellow;
}
#tabelle_termine_hallenplan td.turnen
{
background-color:limegreen;
}
#tabelle_termine_hallenplan td.workshop
{
background-color:dodgerblue;
}
#tabelle_termine_hallenplan td.gruenblau
{
background-image: url(../img/termine_gruenblau.jpg);
background-position: center;
}
#tabelle_termine_hallenplan td.legende
{
text-align:left;
}

.footer_termine {
position:absolute;
margin:1180px 0 0 0;
width:1000px;
height:20px;
bottom:auto;
background-color:#ff4b08;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Vorstand */

.block_position_vorstand_1 {
position:absolute;
margin:0 0 0 300px;
}

.block_hg_vorstand_1 {
position:absolute;
margin:40px 0 0 0;
width:335px;
height:190px;
background: url(../img/bg_white70.png);
}





.block_position_vorstand_2 {
position:absolute;
margin:0 0 0 665px;
}

.block_hg_vorstand_2 {
position:absolute;
margin:40px 0 0 0;
width:335px;
height:190px;
background: url(../img/bg_white70.png);
}

.block_photo_volkertraser {
position:absolute;
margin:20px 0 0 20px;
width:120px;
height:147px;
background: url(../img/volker_traser.jpg);
}



.block_photo_renatewaitzrichert {
position:absolute;
margin:20px 0 0 20px;
width:120px;
height:147px;
background: url(../img/renate_waitz-richert.jpg);
}





.block_position_vorstand_3 {
position:absolute;
margin:260px 0 0 300px;
}

.block_hg_vorstand_3 {
position:absolute;
margin:40px 0 0 0;
width:335px;
height:190px;
background: url(../img/bg_white70.png);
}

.block_photo_karinhennig {
position:absolute;
margin:20px 0 0 20px;
width:120px;
height:147px;
background: url(../img/karin_hennig.jpg);
}






.block_position_vorstand_4 {
position:absolute;
margin:260px 0 0 665px;
}

.block_hg_vorstand_4 {
position:absolute;
margin:40px 0 0 0;
width:335px;
height:190px;
background: url(../img/bg_white70.png);
}

.block_photo_heikehartmann {
position:absolute;
margin:20px 0 0 20px;
width:120px;
height:147px;
background: url(../img/heike_hartmann.jpg);
}






.block_position_vorstand_5 {
position:absolute;
margin:520px 0 0 300px;
}

.block_hg_vorstand_5 {
position:absolute;
margin:40px 0 0 0;
width:335px;
height:190px;
background: url(../img/bg_white70.png);
}

.block_photo_astrideitel {
position:absolute;
margin:20px 0 0 20px;
width:120px;
height:147px;
background: url(../img/astrid_eitel.jpg);
}




.block_position_vorstand_6 {
position:absolute;
margin:520px 0 0 665px;
}

.block_hg_vorstand_6 {
position:absolute;
margin:40px 0 0 0;
width:335px;
height:190px;
background: url(../img/bg_white70.png);
}




.block_position_vorstand_7 {
position:absolute;
margin:780px 0 0 300px;
}

.block_hg_vorstand_7 {
position:absolute;
margin:40px 0 0 0;
width:335px;
height:190px;
background: url(../img/bg_white70.png);
}

.block_photo_thomaslehr {
position:absolute;
margin:20px 0 0 20px;
width:120px;
height:147px;
background: url(../img/thomas_lehr.jpg);
}





.block_position_vorstand_8 {
position:absolute;
margin:780px 0 0 665px;
}

.block_hg_vorstand_8 {
position:absolute;
margin:40px 0 0 0;
width:335px;
height:190px;
background: url(../img/bg_white70.png);
}

.block_photo_lambrochatzis {
position:absolute;
margin:20px 0 0 20px;
width:120px;
height:147px;
background: url(../img/lambro_chatzis.jpg);
}



.footer_vorstand {
position:absolute;
margin:1030px 0 0 0;
width:1000px;
height:20px;
bottom:auto;
background-color:#ff4b08;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Volkslauf */

.block_hg_volkslauf {
position:absolute;
margin:40px 0 0 0;
width:700px;
height:495px;
background: url(../img/bg_white70.png);
}

.block_text_volkslauf {
position:absolute;
margin:20px 0 0 20px;
width:580px;
}

.photo_volkslauf_1 {
position:absolute;
margin:20px 0 0 420px;
width:260px;
height:170px;
background: url(../img/volkslauf_1.jpg);
}

.photo_volkslauf_2 {
position:absolute;
margin:210px 0 0 420px;
width:260px;
height:170px;
background: url(../img/volkslauf_2.jpg);
}

.banner_krombacher {
position:absolute;
margin:210px 0 0 20px;
width:380px;
height:96px;
background: url(../img/krombacher_380x96.jpg);
}

.text_krombacher {
position:absolute;
margin:310px 0 0 20px;
width:380px;
}

.footer_volkslauf {
position:absolute;
margin:960px 0 0 0;
width:1000px;
height:20px;
bottom:auto;
background-color:#ff4b08;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Downloads */

a.downloads_link:link, a.downloads_link:visited, a.downloads_link:focus {
position:absolute;
margin:20px 0 0 20px;
width:120px;
height:147px;
background: url(../img/pdf.jpg); }
a.downloads_link:hover, a.downloads_link:active {
position:absolute;
margin:20px 0 0 20px;
width:120px;
height:147px;
background: url(../img/pdf_on.jpg);
color: aqua; }

.footer_downloads {
position:absolute;
margin:960px 0 0 0;
width:1000px;
height:20px;
bottom:auto;
background-color:#ff4b08;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Kontakt */

.block_hg_kontakt {
position:absolute;
margin:40px 0 0 0;
width:700px;
height:390px;
background: url(../img/bg_white70.png);
}

.kontakt_map {
position:absolute;
margin:370px 0 0 200px;
}

.logo_kontakt {
position:absolute;
margin:370px 0 0 850px;
width:160px;
height:80px;
background: url(../img/logo_ws_160x80.png);
}

.kontakt_block {
position:absolute;
margin:500px 0 0 850px;
width:300px;
height:40px;
}

a.kontakt_mail:link, a.kontakt_mail:visited, a.kontakt_mail:focus {
color:#000;
text-decoration:none;
}
a.kontakt_mail:hover, a.kontakt_mail:active {
text-decoration:underline;
}

.footer_kontakt {
position:absolute;
margin:960px 0 0 0;
width:1000px;
height:20px;
bottom:auto;
background-color:#ff4b08;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Impressum */

.block_hg_impressum {
position:absolute;
margin:40px 0 0 0;
width:700px;
height:600px;
background: url(../img/bg_white70.png);
}

.block_text_impressum_links {
position:absolute;
margin:10px 0 0 20px;
width:310px; }

.block_text_impressum_rechts {
position:absolute;
margin:10px 0 0 350px;
width:330px; }

.footer_impressum {
position:absolute;
margin:960px 0 0 0;
width:1000px;
height:20px;
bottom:auto;
background-color:#ff4b08;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Datenschutz */

.block_hg_datenschutz {
position:absolute;
margin:40px 0 0 0;
width:700px;
height:1800px;
background: url(../img/bg_white70.png);
}

.block_text_datenschutz_links {
position:absolute;
margin:10px 0 0 20px;
width:310px;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
line-height:1.2em;
padding: 0;
color:#000;
}

.block_text_datenschutz_rechts {
position:absolute;
margin:10px 0 0 350px;
width:330px;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
line-height:1.2em;
vertical-align: baseline;
padding: 0;
color:#000;
}

.footer_datenschutz {
position:absolute;
margin:2110px 0 0 0;
width:1000px;
height:20px;
bottom:auto;
background-color:#ff4b08;
}