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

body {
font-family:Arial, Verdana, Geneva, Helvetica, sans-serif;
font-size:12px;
color:#000000;
background:url(../img/bg_body.gif);
background-position:left top;
background-repeat:repeat-x;
background-color:#eeeeee;
}

/* ################  Diverses ######################### */

img {
border:0px;
padding:0px;
margin:0px;
display:block;
}
        
.Clear {
width:auto;
height:0px;
overflow:hidden;
clear:both;
float:none;
margin:0px;
padding:0px;
}

#SportTraingslager {
width:512px;
height:65px;
background:url(../img/sport_trainingslager_de.gif);
background-position:left top;
background-repeat:no-repeat;
margin-top:40px;
padding-top:35px;
padding-left:12px;
color:#ffffff;
background-color:inherit;
}

#SportTraingslager img {
margin-left:195px;
}


/* ################  Grundlayout Beispiele mit Glider ######################### */

#MainContent2 {
width:812px;
height:540px;
background:url(../img/bg_main.gif);
background-position:left top;
background-repeat:repeat-x;
background-color:#ffffff;
border-left:1px solid #bcbcbc;
border-right:1px solid #bcbcbc;
margin-left:44px;
}
			
#GliderContainer {
width:812px;
height:190px;
background-image:url(../img/bg_glider.gif);
background-repeat:repeat-x;
background-position:bottom left;
border-bottom:1px solid #bcbcbc;
margin:0px 0px 30px 0px;
}

	#scrollRight {
	width:37px;
	height:24px;
	margin-top:151px;
	float:left;
	}
	
		#scrollRight a {
		width:37px;
		height:24px;
		background:url(../img/scroll_right2.gif) 0px 0px no-repeat;
		display:block;
		}
	
		#scrollRight a:hover {
		background:url(../img/scroll_right2.gif) -37px 0px no-repeat;
		}
	
		#scrollLeft {
		width:37px;
		height:24px;
		margin-left:30px;
		margin-top:151px;
		float:left;
		}
		
		#scrollLeft a:hover {
		background:url(../img/scroll_left2.gif) -37px 0px no-repeat;
		}
	
	#scrollLeft a {
	width:37px;
	height:24px;
	background:url(../img/scroll_left2.gif) 0px 0px no-repeat;
	display:block;
	}
	
	#glider {
	float:left;	
	}



.picture {
	margin-left:15px;
	margin-top:35px;
	width:202px;
	height:136px;
	float:left;
	border:2px solid #ffffff;
}

.picture:hover {
	border:2px solid #ffffff;
	cursor:pointer;
}


div.scroller {
	width:678px;
	height:190px;
	overflow:hidden;
}

div.scroller div.section {
	width:678px;
	height:190px;
	overflow:hidden;
	float:left;
}

div.scroller div.content {
	width:10000px;
}

.Reference {
	height:240px;
	margin:0px 15px 0px 63px;
	}
	
	.Reference img {
		margin-right:45px;
		float:left;
	}
	
.Reference em {
color:#135589;
background-color:inherit;
}

.Reference h2 {
font-size:14px;
font-weight:normal;
color:#135589;
background-color:inherit;
}
	
#pic1 {
	background:url(../img/pic1_alpenverein.gif) 0px 0px no-repeat;
}
	#pic1:hover {
	background:url(../img/pic1_alpenverein_h.gif) 0px 0px no-repeat;
	}

#pic2 {
	background:url(../img/pic2_kometarsten.gif) 0px 0px no-repeat;
}
	#pic2:hover {
	background:url(../img/pic2_kometarsten_h.gif) 0px 0px no-repeat;
	}

#pic3 {
	background:url(../img/pic3_falkenberg.gif) 0px 0px no-repeat;
}
	#pic3:hover {
	background:url(../img/pic3_falkenberg_h.gif) 0px 0px no-repeat;
	}

#pic4 {
	background:url(../img/pic4_btv1877.gif) 0px 0px no-repeat;
}
	#pic4:hover {
	background:url(../img/pic4_btv1877_h.gif) 0px 0px no-repeat;
	}

#pic5 {
	background:url(../img/pic5_laufrausch.gif) 0px 0px no-repeat;
}
	#pic5:hover {
	background:url(../img/pic5_laufrausch_h.gif) 0px 0px no-repeat;
	}

#pic6 {
	background:url(../img/pic6_svgo.gif) 0px 0px no-repeat;
}
	#pic6:hover {
		background:url(../img/pic6_svgo_h.gif) 0px 0px no-repeat;
	}

#pic7 {
	background:url(../img/pic7_floorball.gif) 0px 0px no-repeat;
}
	#pic7:hover {
	background:url(../img/pic7_floorball_h.gif) 0px 0px no-repeat;
	}

#pic8 {
	background:url(../img/pic8_otbremen.gif) 0px 0px no-repeat;
}

	#pic8:hover {
		background:url(../img/pic8_otbremen_h.gif) 0px 0px no-repeat;
	}

#pic9 {
	background:url(../img/pic9_bremer_sportjugend.gif) 0px 0px no-repeat;
}

	#pic9:hover {
	background:url(../img/pic9_bremer_sportjugend_h.gif) 0px 0px no-repeat;
	}

/* ################  Texte ######################### */

h1 {
color:#999999;
background-color:inherit;
font-size:12px;
font-weight:normal;
text-transform:uppercase;
}

.Headline {
margin:8px 0px 25px 0px;
}

p {
line-height:17px;
margin-bottom:15px;
}


ul.UnorderedList {
margin:0px 0px 15px 20px;	
}

a:link, a:visited {
color:#135589;
background-color:inherit;
text-decoration:underline;
}

         a:hover {
         color:#ee3c00;
         background-color:inherit;
         text-decoration:underline;
         }

#LinkImprint a:link, #LinkImprint a:visited {
color:#999999;
background-color:inherit;
text-decoration:none;
}

         #LinkImprint a:hover {
         color:#135589;
         background-color:inherit;
         text-decoration:underline;
         }


#SportTraingslager a:link, #SportTraingslager a:visited {
color:#ffffff;
background-color:inherit;
text-decoration:none;
}

         #SportTraingslager a:hover {
         color:#ffffff;
         background-color:inherit;
         text-decoration:underline;
         }



a.DownloadLink, a.DownloadLink:link, a.DownloadLink:visited {
font-size:16px;
text-decoration:none;
background:url(../img/bt_download.gif) 0px -17px no-repeat;
padding:0px 0px 0px 25px;
}
         
         a.DownloadLink:hover {
         background:url(../img/bt_download.gif) 0px 0px no-repeat;
		 text-decoration: underline;
         }


/* ################  Menuelisten ######################### */


ul#StartpageMenu {
	padding:0px;
	margin:0px;
}

ul#MainMenu {
	padding:0px;
	margin:122px 0px 0px 76px;
}

	ul#StartpageMenu a, ul#MainMenu a {
		text-decoration:none;
	}

	ul#StartpageMenu a:visited, ul#MainMenu a:visited {
		text-decoration:none;
	}

	ul#StartpageMenu a:hover, ul#MainMenu a:hover {
		text-decoration:none;
	}

	ul#StartpageMenu li, ul#MainMenu li {
		margin-right:12px;
		list-style:none;	
	}


li.StartpageLink, li.MainLink, li.MainLinkActive {
float:left;
}

	
	li.StartpageLink a:link, li.StartpageLink a:visited {
	background-image:url(../img/arrow_darkblue.gif);
	background-repeat:no-repeat;
	background-position:center left;
	padding:0px 0px 0px 6px;
	float:left;
	}

	
	li.StartpageLink a:hover {
	background-image:url(../img/arrow_orange.gif);
	background-repeat:no-repeat;
	background-position:center left;
	padding:0px 0px 0px 6px;
	float:left;
	}
	
	li.MainLink a:link, li.MainLink a:visited {
	color:#70bfeb;
	background-color:inherit;
	font-weight:bold;
	letter-spacing:1px;
	background-image:url(../img/arrow_blue.gif);
	background-repeat:no-repeat;
	background-position:center left;
	padding:0px 0px 0px 8px;
	float:left;
	}

	li.MainLinkActive a:link, li.MainLinkActive a:visited {
	color:#ffffff;
	background-color:inherit;
	font-weight:bold;
	letter-spacing:1px;
	background-image:url(../img/arrow_white.gif);
	background-repeat:no-repeat;
	background-position:center left;
	padding:0px 0px 0px 8px;
	float:left;
	}
	
		li.MainLink a:hover, li.MainLinkActive a:hover {
		color:#ffffff;
		background-color:inherit;
		font-weight:bold;
		letter-spacing:1px;
		background-image:url(../img/arrow_white.gif);
		background-repeat:no-repeat;
		background-position:center left;
		padding:0px 0px 0px 8px;
		float:left;
		}


/* ################  Grundlayout Startseite ######################### */

#PageContainer {
position:relative;
width:890px;
margin-left:auto;
margin-right:auto;
/* border:1px solid blue;  */
}

	    #Header {
	    width:100%;
	    height:345px;
	    position:absolute;
	    top: 31px;
		background:url(../img/bg_header.jpg);
      background-position:right top;
      background-repeat:no-repeat;
      /* border:1px solid red; */
	    }
	    
	        #TeaserContainer {
	        margin-left:44px;
	        margin-top:111px;
          }   
	    
	    #MainContentContainer {
	    padding-top:376px;
	    position:absolute;
	    }

            #MainContent {
      	    width:752px;
            background:url(../img/bg_main.gif);
            background-position:left top;
            background-repeat:repeat-x;
            background-color:#ffffff;
            border-left:1px solid #bcbcbc;
            border-right:1px solid #bcbcbc;
            padding:30px;
            margin-left:44px;
	        }
			
				#MainContentLeft {
      	    	width:520px;
				float:left;
	        	}
				#MainContentRight {
      	    	width:195px;
				float:right;
	        	}
				
					#LinkImprint {
					color:#999999;
					background-color:inherit;
					margin:0px 0px 52px 3px;
					}
				
					.InfoboxHeader {
					width:100%;
					height:31px;
					background:url(../img/infobox_header.gif);
					background-position:left top;
					background-repeat:no-repeat;
					}
					
					.InfoboxBody {
					width:170px;
					background:url(../img/bg_infobox.gif);
					background-position:left top;
					background-repeat:repeat-y;
					padding:14px 14px 5px 14px;
					}
					
						.InfoboxPhone {
						font-size:16px;
						line-height:25px;
						color:#135589;
						background-color:inherit;
						}
					
					.InfoboxFooter {
					width:100%;
					height:14px;
					background:url(../img/infobox_footer.gif);
					background-position:left top;
					background-repeat:no-repeat;
					}
	          
	        #Footer {
            width:814px;
            height:11px;
            background:url(../img/bg_footer.gif);
            background-position:left top;
            background-repeat:no-repeat;
            margin:0px 0px 30px 44px;
            }


/* ################  Grundlayout Unterseiten ######################### */

#HeaderContainer {
width:100%;
height:213px;
position:absolute;
top:31px; 
}			

	#HeaderLeft {
	width:700px;
	height:213px;
	background:url(../img/bg_header2.jpg);
	background-position:right top;
	background-repeat:no-repeat;
	float:left;
	 
	}
	#HeaderRight {
	width:190px;
	height:213px;
	background:url(../img/bg_header2a.jpg);
	background-position:right top;
	background-repeat:no-repeat;
	float:right;
	
	}
	
#MainContentContainer2 {
padding-top:244px;
position:absolute;
}

            #MainContent3 {
      	    width:620px;
            background:url(../img/bg_main.gif);
            background-position:left top;
            background-repeat:repeat-x;
            background-color:#ffffff;
            border-left:1px solid #bcbcbc;
            border-right:1px solid #bcbcbc;
            padding:30px 162px 30px 30px;
            margin-left:44px;
	        }

	    
/* ################  Teaser Startseite ######################### */	    
	    
              .Teaser {
              width:197px;
              height:166px;
              float:left;
              }
              
              #TeaserTop1, #TeaserTop2, #TeaserTop3, #TeaserTop1Hover, #TeaserTop2Hover, #TeaserTop3Hover {
              width:197px;
              height:98px;
              }

              #TeaserBottom1 a, #TeaserBottom2 a, #TeaserBottom3 a {
              width:197px;
              height:68px;
              }
              
              #TeaserTop1 {
              background:url(../img/teasertop1.gif);
              background-position:left top;
              background-repeat:no-repeat;
              }
              
                  #TeaserTop1Hover {
                  background:url(../img/teasertop1hover.gif);
                  background-position:left top;
                  background-repeat:no-repeat;
                  }
                  
              #TeaserBottom1 a {
              background:url(../img/teaserbottom1.gif) 0px -68px no-repeat;
              display:block;
              }
              
                  #TeaserBottom1 a:hover {
                  background:url(../img/teaserbottom1.gif) 0px 0px no-repeat;
                  }
                  
              #TeaserTop2 {
              background:url(../img/teasertop2.gif);
              background-position:left top;
              background-repeat:no-repeat;
              }
              
                  #TeaserTop2Hover {
                  background:url(../img/teasertop2hover.gif);
                  background-position:left top;
                  background-repeat:no-repeat;
                  }
                  
              #TeaserBottom2 a {
              background:url(../img/teaserbottom2.gif) 0px -68px no-repeat;
              display:block;
              }
              
                  #TeaserBottom2 a:hover {
                  background:url(../img/teaserbottom2.gif) 0px 0px no-repeat;
                  }
                  
                  
              #TeaserTop3 {
              background:url(../img/teasertop3.gif);
              background-position:left top;
              background-repeat:no-repeat;
              }
              
                  #TeaserTop3Hover {
                  background:url(../img/teasertop3hover.gif);
                  background-position:left top;
                  background-repeat:no-repeat;
                  }
                  
              #TeaserBottom3 a {
              background:url(../img/teaserbottom3.gif) 0px -68px no-repeat;
              display:block;
              }
              
                  #TeaserBottom3 a:hover {
                  background:url(../img/teaserbottom3.gif) 0px 0px no-repeat;
				  }