/* RESET  ==================================================================== */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, th {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

tr,  td  {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

/*blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}*/

/* remember to define focus styles! */
:focus {
  outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
}

del {
  text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

a img {
    border:0px;
}


/* GENERAL DIVS ==================================================================== */


html {
  overflow-y: scroll;
  background:#35488D url('/pics/bg.jpg') no-repeat;
}

html, body {
  height: 100%;
  font-family: "Verdana", Arial, sans-serif;
  font-size: 12px;
  line-height: 17px;
  color: #1A1A1A;
  padding:0px;
  margin:0px;
  position:relative;
}

body {
    background: url('/pics/topschatten.png') repeat-x;
}

#container {
  width:100%;
  height:auto;
  padding:0px;
  position:relative;
}

#logo {
    position:absolute;
    left:27px;
    top:29px;
}

#dblogo {
    position:absolute;
    left:837px;
    top:40px;
}

#pic {
    width:960px;
    height:355px;
    margin:0;
    background:#ffffff;
    padding:4px 0 0 0;
}

#content2 {
    width:960px;
    height:auto;
    margin:0;
    background:#ffffff url('/pics/schatten.png') 0 4px repeat-x;
    padding:30px 0 0 0;
}

#content3 {
    width:960px;
    height:auto;
    margin:0;
    background:#ffffff url('/pics/pic_3_k.jpg') 0 4px no-repeat;
    padding:30px 0 0 0;
    /*position:relative;*/
}

#content4 {
    width:960px;
    height:auto;
    margin:0;
    background:#ffffff url('/pics/pic_1_k.jpg') 0 4px no-repeat;
    padding:30px 0 0 0;
}

#spalte1 {
    width:500px;
    height:auto;
    margin:0;
    padding:0px 0 0 20px;
    float:left;
}

#spalte2 {
    width:330px;
    height:auto;
    margin:0;
    padding:0px 0 0 80px;
    float:left;
}

#spalte_fotos {
    width:665px;
    height:auto;
    margin:0;
    padding:0px 0 0 20px;
    float:left;
}

#tournavi {
    width:215px;
    margin:30px 10px 0 20px;
    float:left;
}



#rundeck {
    width:4px;
    height:4px;
    position:absolute;
    left:956px;
    top:118px;
    z-index:300;
    background:url('/pics/rundeck.png') no-repeat;
}

#content {
  margin:0px;
  padding:118px 0 0 0;
}




#footer {
  height:60px;
  margin:20px 0px 0 20px;
  color:#A0A9CB;
    /*clear:both;*/
}


.clearer {
    height:auto;
    width:auto;
    clear:both;
}
/* SIDESPORTNAVI ==================================================================== */

#sportnavi {
    width:256px;
    min-height:500px;
    float:left;
    padding:10px 0 30px 0px;
    margin:64px 0 0 0;
    background:#ffffff url('/pics/sportnavi_pat.png') repeat-x;
}

#sportnavi p {
    margin:0 0 0 20px;
}

#sportnavi_shad {
    width:10px;
    height:500px;
    position:absolute;
    left:256px;
    top:160px;
    background: url('/pics/sportnavi_shad.png') no-repeat;
}

#sportnavi_head {
    display:block;
    font:bold italic 12px/20px 'Univers', 'Helvetica', 'Arial', 'Verdana', sans-serif;
    padding:4px 0 10px 20px;
    color:#474747;
}

#sportnavi ul {
    width:256px;
    padding:0px;
    border-bottom:1px solid #CCCCCC;
}

#sportnavi ul li ul {
    width:256px;
    display:none;
    border:none;
}

#sportnavi ul li.active ul {
    display:block;
    /*background:#EBEBEB;*/
    padding:10px 0 10px 0px;
    margin:0px 0 0px 0;
    border-top:1px solid #CCCCCC;
}

#sportnavi ul li.active a {
    display:block;
    font:bold italic 12px/20px 'Univers', 'Helvetica', 'Arial', 'Verdana', sans-serif;
    padding:0 0 0 55px;
}

#sportnavi ul li.active a:hover, #sportnavi ul li.active ul li.active a {
    background-color:#DDDDDD;
    color:#003282;
}

#sportnavi ul li.active li.active a {
    font-weight:bold;
}

#sportnavi ul li a.sidesportnavi_cat {
    display:block;
    height:30px;
    padding:5px 0 0 55px;
    background-repeat:no-repeat;
    background-position:20px 5px;
    border-top:1px solid #CCCCCC;
    font:bold italic 12px/14px 'Univers', 'Helvetica', 'Arial', 'Verdana', sans-serif;
}

#sportnavi ul li.active li span {
    font:bold italic 12px/20px 'Univers', 'Helvetica', 'Arial', 'Verdana', sans-serif;
    padding:10px 0 0 55px;
    color:#474747;
    display:block;
}

#sportnavi ul li.active li ul {
    padding:0px 0 10px 0px;
}

#sportnavi ul li.active li li a {
    padding:0 0 0 70px;
}

#sportnavi ul li a.sidesportnavi_cat:hover {
    background-color:#DDDDDD;
    color:#003282;
}

#sportnavi ul li.active a.sidesportnavi_cat {
    background-color:#DDDDDD;
}


a#ssnc_ballsport {
    background:url('/pics/icon_ballsport.png');
}

a#ssnc_fitness {
    background:url('/pics/icon_fitness.png');
}

a#ssnc_bergsport {
    background:url('/pics/icon_bergsport.png');
}

a#ssnc_wassersport {
    background:url('/pics/icon_wassersport.png');
}

a#ssnc_leichtathletik {
    background:url('/pics/icon_leichtathletik.png');
}

a#ssnc_wintersport{
    background:url('/pics/icon_wintersport.png');
}

a#ssnc_schiesssport{
    background:url('/pics/icon_schiesssport.png');
}

a#ssnc_tanz {
    background:url('/pics/icon_tanzsport.png');
}

a#ssnc_radsport{
    background:url('/pics/icon_radsport.png');
}

a#ssnc_diverses {
    background:url('/pics/icon_diverses.png');
}


/* SG-Seite ==================================================================== */

#sghead {
    position:absolute;
    top:148px;
    left:0px;
    z-index:100;
    width:236px;
    height:50px;
    padding:13px 0 0 20px;  
    background: url('/pics/sghead_pat.png') repeat-x;  
    font:bold italic 14px/17px Arial;
    border-bottom: 1px solid #bbbbbb;
    color:#474747;
}


#hauptspalte {
    width:450px;
    height:auto;
    margin:108px 0 0 0;
    padding:0px 0 0 24px;
    float:left;
    background:#ffffff url('/pics/schatten.png') repeat-x;
}

#newsspalte {
    font-size:11px;
    width:190px;
    float:left;
    padding:0 20px 0 20px;
}

#newsspalte2 {
    padding:0 20px 0 0px;
}

#newsspalte h3 {
    font:bold italic 12px/20px 'Helvetica', 'Arial', 'Verdana', sans-serif;
    padding:4px 0 4px 10px;
    margin:0 0 10px 0;
    color:#474747;
    background:#ffffff url('/pics/sghead_pat.png') repeat-x;
}

#community {
   /*background:red url('/pics/vline.png') repeat-x;*/
}

#community #hauptspalte {
    width:430px;
    height:auto;
    margin:108px 0 0 0;
    padding:0px 20px 0 24px;
    float:left;
    background:#ffffff url('/pics/schatten.png') repeat-x;
}

#community #newsspalte {
    font-size:11px;
    width:210px;
    float:left;
    padding:0 0px 0 20px;
    margin:0;
}

#community #newsspalte .addressblock {
    border-bottom:1px solid #CCCCCC;
    margin:0 0 10px 0;
}

#community #newsspalte .personblock {
    border-bottom:1px solid #CCCCCC;
    padding:0 20px 0px 0;
    margin:0 0 10px 0;
}

.telefonicon {
    margin:0 0 -1px 0;
}

#community #newsspalte h3 {
    font:bold italic 12px/20px 'Helvetica', 'Arial', 'Verdana', sans-serif;
    padding:4px 0 4px 10px;
    margin:0 0 10px 0;
    color:#474747;
    background:#ffffff url('/pics/sghead_pat.png') repeat-x;
}

#persondiv {
    position:absolute;
    top:200px;
    left:500px;
    width:300px;
    height:auto;
    padding:0px;
    border:2px solid #223280;
    background:#ffffff;
    display:none;
}

#persondiv p, #persondiv h3 {
    margin:10px 20px;
}

#persondiv_titlebar {
    width:300px;
    height:20px;
    padding:0px;
    background:#F8F8F8;
    border-bottom:1px solid #CCCCCC;
    cursor:move;
}

#persondiv a.closelink {
    float:right;
    clear:both;
    padding:0 5px 3px 5px;
    background:#223280;
    font:normal 16px/15px 'Calibri', 'Verdana', sans-serif;
    color:#ffffff;
    margin:1px;
}

#persondiv a.closelink:hover {
    background:#B8FA00;
    color:#223280;
}

/* STEPS   ==================================================================== */


#stephalb1 {
    width:500px;
    height:28px;
    position:absolute;
    top:90px;
    left:20px;
    background:url('/pics/stephalb.png') no-repeat;
}

#stephalb {
    position:absolute;
    z-index:500;
    top:0;
    display:none;
}


#step_bg {
    width:484px; 
    height:118px; 
    position:absolute; 
    top:118px; 
    left:16px;
    background:url('/pics/step_bg.png') no-repeat; 
}

#step1 {
    width:206px; 
    height:107px; 
    background:url('/pics/step1.png') no-repeat; 
    position:absolute; 
    top:90px; 
    left:20px;
    padding:35px 30px 0 8px;
}


#step2 {
    width:206px; 
    height:107px; 
    background:url('/pics/step2.png') no-repeat; 
    position:absolute; 
    top:90px; 
    left:260px;
    padding:35px 30px 0 8px;
}


#step1.active {
    background:url('/pics/step1_h.png') no-repeat; 
}


#step2.active { 
    background:url('/pics/step2_h.png') no-repeat; 
}

.steplink {
    position:absolute;
    bottom:7px;
    color:#ffffff;
}

#step1_container {
    width:700px;
    display:none; 
    background:#ffffff; 
    position:absolute; 
    top:118px; 
    left:260px;
}

#step1_container h3 {
    font-size:12px;
    font-style:normal;
    width:690px;
    display:block;
    clear:both;
    margin:0;
    padding:0 0 10px 0;
}

#step1_0 {
    width:700px;
    height:90px;
    clear:both;
    padding:0px 0 4px 0;
    /*background:red;*/
}

#step1_0 a.cats {
    width:139px;
    height:44px;
    display:block;
    float:left;
}


#step1_0 a.cats i {
    display:none;
}

#step1_1 {
    width:690px; 
    height:auto; 
    padding:20px 0 20px 10px; 
    background:#ffffff url('/pics/schatten.png') repeat-x; 
    display:none;
}

#step1_0 div, #step1_1 div, #step1_2 div, #plz div {
    width:138px; 
    height:auto; 
    float:left;
    padding:0 0 6px 0;
}

#step1_0 div a, #step1_1 div a, #step1_2 div a, #plz div a {
    display:block;
    width:138px; 
    padding:0 0 3px 0
}

#step1_2 {
    width:690px; 
    height:auto; 
    padding:20px 0 20px 10px; 
    background:#ffffff url('/pics/schatten.png') repeat-x; 
    display:none;
    clear:both;
}




#step2_container {
    width:461px;
    display:none; 
    background:#ffffff; 
    position:absolute; 
    top:118px; 
    left:499px;
    padding:0 0 0 0px;
}

#step2_0 {
    width:457px; 
    height:85px;
    clear:both; 
    padding:10px 0 0 4px;
    /*background:red;*/
}

#step2_0 div, #step2_1 div, #step2_2 div {
    width:138px; 
    height:auto; 
    float:left;
    padding:0 0 6px 0;
}

#step2_0 div a, #step2_1 div a, #step2_2 div a {
    display:block;
    width:138px; 
    padding:0 0 3px 0
}

#plz {
    width:457px; 
    height:85px;
    clear:both; 
    padding:10px 0 0 4px; 
    display:none;
}

#step2_1 {
    width:451px; 
    height:200px; 
    display:none;
    padding:20px 0 20px 10px; 
    background:#ffffff url('/pics/schatten.png') repeat-x; 
}

#step2_2 {
    width:457px; 
    height:200px; 
    float:left; 
    background:blue; 
    display:none;
}

.step_subnavi {
    height:18px;
    font-size:10px;
    padding:4px 0 0 0;
    border-bottom:1px solid #CBCBCB;
}

.step_subnavi a {
    padding:2px 5px;
    color:#ffffff;
    background:#033580;
}

.step_subnavi a:hover, .step_subnavi a.active {
    background:#B8FA00;
    color:#033580;
}

.step_subnavi a.closer {
    position:absolute;
    right:4px;
    top:4px;
    display:block;
    padding:0px 5px;
}

/* SPORT CATEGORIES ==================================================================== */


a#ballsport {
    background:url('/pics/button_ballsport.png');
}

a#fitness {
    width:139px;
    background:url('/pics/button_fitness.png');
}

a#bergsport {
    width:139px;
    background:url('/pics/button_bergsport.png');
}

a#wassersport {
    width:139px;
    background:url('/pics/button_wassersport.png');
}

a#leichtathletik.cats {
    width:139px;
    background:url('/pics/button_leichtathletik.png');
}


a#ballsport:hover, a#ballsport.active {
    background:url('/pics/button_ballsport_h.png');
}

a#fitness:hover, a#fitness.active {
    width:139px;
    background:url('/pics/button_fitness_h.png');
}

a#bergsport:hover, a#bergsport.active {
    width:139px;
    background:url('/pics/button_bergsport_h.png');
}

a#wassersport:hover, a#wassersport.active {
    width:139px;
    background:url('/pics/button_wassersport_h.png');
}

a#leichtathletik.cats:hover, a#leichtathletik.cats.active {
    width:139px;
    background:url('/pics/button_leichtathletik_h.png');
}






a#wintersport{
    height:43px;
    background:url('/pics/button_wintersport.png');
}

a#schiesssport{
    height:43px;
    background:url('/pics/button_schiesssport.png');
}

a#tanz {
    height:43px;
    background:url('/pics/button_tanzsport.png');
}

a#radsport{
    height:43px;
    background:url('/pics/button_radsport.png');
}

a#diverses {
    height:43px;
    background:url('/pics/button_diverses.png');
}

a#wintersport:hover, a#wintersport.active {
    height:43px;
    background:url('/pics/button_wintersport_h.png');
}

a#schiesssport:hover, a#schiesssport.active {
    height:43px;
    background:url('/pics/button_schiesssport_h.png');
}

a#tanz:hover, a#tanz.active {
    height:43px;
    background:url('/pics/button_tanzsport_h.png');
}

a#radsport:hover, a#radsport.active {
    height:43px;
    background:url('/pics/button_radsport_h.png');
}

a#diverses:hover, a#diverses.active {
    height:43px;
    background:url('/pics/button_diverses_h.png');
}


/* GENERAL STYLES ==================================================================== */

h1 {
    font: bold 22px/24px "Calibri", "Verdana", Arial, sans-serif;
    color:#474747;
    margin:0 0 20px 0;
} 

h2 {
    font: bold 16px/22px "Calibri", "Verdana", Arial, sans-serif;
    color:#474747;
    margin:0 0 20px 0;
} 

h3 {
    font: bold 16px/22px "Verdana", Arial, sans-serif;
    color:#474747;
    margin:0 0 0px 0;
    padding:0;
} 

h2.news {
    font: bold 16px/22px "Calibri", "Verdana", Arial, sans-serif;
    color:#ffffff;
    margin:0 0 20px 0;
    background:#35488D;
    padding:0 0 0 5px;
}


a {
    text-decoration:none;
    color:#003282;
}

a:hover {
    color:#BE1515;
}

a.linklist {
    text-indent:-10px;
    display:block;
    padding:0 0 0 10px;
    margin:0px;
}

p {
    margin:0 0 20px 0;
}

.trenner {
    height:40px;
    border-bottom:1px solid #CCCCCC;
    margin:0 0 20px 0;
}


/* QUICKNAVI ==================================================================== */

#qnavi  {
    font-size:10px;
    color:#A0A9CB;
    position:absolute;
    left:800px;
    top:5px

}

#qnavi a, #footer a {
  font-size:10px;
  color:#ffffff;
  text-decoration: none;
}

#quicknavi a:hover, #footer a:hover {
    color:#ffffff;
    background:#003282;
}

#quicknavi a.active {
  font-weight:bold;
}

a.active {
  font-weight:bold;
}

/* MAIN NAVI ==================================================================== */

#navi {
    width:383px;
    position:absolute;
    left:577px;
    top:88px;
    list-style-type: none;
    margin:0;
    padding:0;
}

#navi li {
    padding:0px;
    display:inline;
    margin:0px;
}

#navi a {
    font-weight:bold;
    font-size:10px;
    display:block;
    height:23px;
    float:left;
}

#navi a i {
    display:none;
}

#navi a#news {
    width:54px;
    background:url('/pics/button_news.png') no-repeat;
}

#navi a#verein{
    width:52px;
    background:url('/pics/button_verein.png') no-repeat;
}

#navi a#meisterschaften{
    width:110px;
    background:url('/pics/button_meisterschaften.png') no-repeat;
}

#navi a#fotos{
    width:48px;
    background:url('/pics/button_fotos.png') no-repeat;
}

#navi a#partnerangebote{
    width:119px;
    background:url('/pics/button_partnerangebote.png') no-repeat;
}

#navi a#news:hover, #navi a#news.active {
    width:54px;
    background:url('/pics/button_news_h.png') no-repeat;
}

#navi a#verein:hover, #navi a#verein.active {
    width:52px;
    background:url('/pics/button_verein_h.png') no-repeat;
}

#navi a#meisterschaften:hover, #navi a#meisterschaften.active {
    width:110px;
    background:url('/pics/button_meisterschaften_h.png') no-repeat;
}

#navi a#fotos:hover, #navi a#fotos.active {
    width:48px;
    background:url('/pics/button_fotos_h.png') no-repeat;
}

#navi a#partnerangebote:hover, #navi a#partnerangebote.active {
    width:119px;
    background:url('/pics/button_partnerangebote_h.png') no-repeat;
}


/* SUB NAVI ==================================================================== */

#subnavi {
  list-style-type: none;
  margin:0px;
    position:absolute;
    top:254px;
    left:20px;
}

#subnavi li {
  padding:0px 0 5px 0;
  display:inline;
  margin:1px;
}

h2 {
    font-weight:bold;
    font-style:italic;
    margin:20px 0 20px 0;
    font-size:18px;
    line-height:20px;
}

h3 {
    font-weight:bold;
    margin:10px 0 0px 0;
    font-size:13px;
    line-height:20px;
    color:#474747;
}

h3.line {
    border-bottom: 1px solid #CCCCCC;
}

#subnavi a {
  font:bold italic 13px/13px "Helvetica", Arial, sans-serif;
  color:#003282;
  text-decoration: none;
  margin:0 2px 0px 0;
  padding:5px 6px 5px 6px;
  display:block;
  float:left;
  background:#B8FA00;
}

#subnavi a.active, #subnavi a:hover {
  background:#AABAD5;
}

#subnavi li ul li a.active {
  color:#ffffff;
  background:#003282;
}


/* Gallery ==================================================================== */


ul.assetlist1.gallery {
    width:auto;
    list-style-type: none;
    margin:0px 0 0 0;
    padding:0px;
    background:none;
    float:left;
    clear:both;
}

.assetlist1.gallery li {
    width:164px;
    display:block;
    margin:0px 5px 10px 0;
    padding:0 0 10px 0;
    float:left;
    /*border-bottom:1px solid #BBBBBB;*/
}

.assetlist1.gallery li a {
    width:154px;
    height:150px;
    display:block;
    list-style-type: none;
    margin:0px;
    padding:5px;
    background:#E5E5E5;
    text-align:center;
}

.assetlist1.gallery li a img {
    vertical-align:middle;
    width:auto;
    margin:2px;
}

.assetlist1.gallery li a:hover img {
    margin:0px;
    border:2px solid #BE1515;
}

.assetlist1 label {
    width:auto;
    float:none;
    display:inline;
    margin:0 5px 0px 0;
    vertical-align:top;
}


.assetlist1.gallery li input {
    width:154px;
    margin:10px 0 0 0;
    padding:2px;
}

.assetlist1.gallery li input.check {
    width:auto;
    margin:0;
    padding:0px;
}