body {
background:url(images/bg.jpg) repeat-x;
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
line-height:18px;
height:100%;
}

#container {
width:856px;

margin:0 auto;
}

#header {
width:848px;
height:78px;
background:url(images/logobottom.jpg) no-repeat left bottom #FFFFFF;
margin:0 0 10px 0;
border-bottom: #959595 solid 1px;
}

#header h1 {
background:url(images/sportssoftware_03.gif) no-repeat;
width:355px;
height:61px;
padding:0;
margin:5px 0 0 10px;
float:left;
}

.none {
display:none;
}



/*Navigation*/

#navcontainer{
width:848px;
background:url(images/bannerbottom.jpg) no-repeat bottom left;
margin:8px 0 0 0;
padding:0 0 10px 0;
border-bottom: #959595 solid 1px;
}

/*Navigation Ende*/

#banner {
width:848px;
height:240px;
}

#suche {
float:right;
padding:14px 0 0 15px;
margin:2px 10px 0 0;
border-left: #CCCCCC solid 1px;
height:30px;
}

.field {
display:inline;
border: #CCCCCC solid 1px;
color:#666666;
}
#contentcontainer{
width:848px;
background:url(images/bgcontentbottom.jpg) no-repeat bottom left #FFFFFF;
margin:7px 0 0 0;
float:left;
}

#content{
width:848px;
background:url(images/bghilfe.jpg) no-repeat top left ;
margin:0 0 0 0;
padding:10px 0 20px 0;
float:left;
}

#content h1 {
font-size:18px;
margin:8px 0 8px 4px;
padding:0 0 5px 0;
font-weight:normal;
color:#999999;
border-bottom: #CCCCCC solid 1px;
display:block;
width:840px;
}

#content h4{
font-size:18px;
margin:8px 0 8px 0px;
padding:0 0 0 0;
font-weight:normal;
color:#999999;
}

/*Startingpage*/

#left {
width:271px;
border-right: #CCCCCC solid 1px;
float:left;
margin:0 0 10px 11px;
}

#middle{
width:271px;
float:left;
margin:0 0 10px 11px;
border-right: #CCCCCC solid 1px;
}

#right{
width:266px;
float:left;
margin:0 5px 10px 11px;
}

#right h2 {
font-size:18px;
margin:26px 0 8px 0px;
padding:0 0 5px 0;
font-weight:normal;
color:#999999;
border-bottom: #CCCCCC solid 1px;
display:block;
width:262px;
}

#content a:link, #content a:active, #content a:visited {
color:#990000;
text-decoration:none;
}

#content a:hover {
color:#666666;
}


/*Footer*/
#footer{
width:848px;
margin:0;
float:left;
border-top: #959595 solid 1px;
font-size:10px;
padding:5px 0 0 0;
}

#footer a:link, #footer a:active, #footer a:visited{
color:#666666;
text-decoration:none;
}

#footer a:hover{
color:#666666;
text-decoration:underline;
}


/*News*/

.date {
float:left;
display:block;
width:52px;
}

.news {
background:url(images/arrow.gif) no-repeat 0 7px;
display:block;
width:200px;
float:left;
padding:0 0 0 10px;
margin:0 0 20px 0;
}

.img {
float:left;
}

.feedback {
font-size:13px;
text-transform:uppercase;
color:#999999;
}

.author {
font-size:10px;
text-transform:none;
color:#666666;
}

#content ul{
margin:0;
padding:0;
list-style:none;
}

li a:link, li a:active, li a:visited {
background:url(images/greyarrow.gif) no-repeat 0 5px;
padding:0 0 0 15px;
}

li a:hover {
color:#666666;
}

/*Content*/
#contentbox {
width:542px;
border-right: #CCCCCC solid 1px;
float:left;
margin:0 0 10px 11px;
padding:0 5px 0 0;
}

#contentbox h1 {
font-size:18px;
margin:8px 0 8px 0px;
padding:0 0 5px 0;
font-weight:normal;
color:#999999;
border-bottom: #CCCCCC solid 1px;
display:block;
width:536px;
}

.bannerimg {
height:258px;
}

hr {
height:1px;
background-color:#CCCCCC;
border:none;
width:536px;
margin:8px 0 8px 0;

}
/*Team*/

.profile, .vorteile, .faqueber {
display:block;
float:left;
width:258px;
margin:0 12px 20px 0;
}

.profile img {
float:left;
margin:0 4px 0 0;
padding:3px;
border: #CCCCCC solid 1px;
}

.profile h2 {
font-size:13px;
margin:0;
padding:0;
font-weight:normal;
line-height:12px;
}

.profile h3 {
font-size:11px;
margin:0;
padding:0;
font-weight:normal;
color:#999999;
}

.profile p {
margin:7px 0 4px 0;
padding:0;
}

/*Shop*/

.shoplisting {
display:block;
float:left;
width:258px;
float:left;
margin:0 12px 20px 0;
}

.shoplisting h2 {
font-size:11px;
margin:0;
padding:0;
}

.shoplisting li {
font-size:11px;
margin:0 0 0 10px;
padding:0;
}

/*Produktseite*/

.borderimg {
padding:0 0 8px 0;
border-bottom: #CCCCCC solid 1px;
}


.features li {
background:url(images/square.gif) no-repeat 0 7px;
padding:0 0 0 10px;
}

#contentbox li {
background:url(images/redsquare.gif) no-repeat 0 7px;
padding:0 0 0 10px;
margin:0 0 8px 0;
}

/*Produkte*/

.dropdown {
border: #CCCCCC solid 1px;

}

.button {
border: #CCCCCC solid 1px;
background:#FFFFFF;
}

.feld {
width:190px;
}

.form {
display:inline
}

.produkteins {
display:block;
width:531px;
height:69px;
padding:5px;
}

.produktzwei {
display:block;
width:531px;
height:69px;
background:#f3f3f3;
padding:5px;
}

#content h5 {
margin:0;
padding:0;
font-size:11px;
font-weight:bold;
}

.moreinfo {
float:right;
background:url(images/greyarrow.gif) no-repeat 0 7px;
padding:0 0 0 9px;
margin:0 0 0 6px;
}

.copyright {
float:right;
}

/*F.A.Q*/



/*F.A.Q Ende*/


/*Flaggen*/
#flaggen {
float:right;
margin:38px 3px 0 0;
}

#flaggen img {
padding:0 8px 0 0;
}

/*Flaggen Ende*/



<!--
  
  li ul {
  display: none;
  position: absolute; 
  top: 30px;
  left: 15px;	

  }
  
  

	
li:hover ul, li.over ul{ 
display: block; 
margin:0 0 0 0;
border:none;
width:162px;
background:url(images/navbg.gif) no-repeat bottom left;
}





/*Navigation*/

li ul {
display: none;
position: absolute; 
top: 32px;
left: 15px;	
}

	
li:hover ul, li.over ul{ 
display: block; 
margin:0 0 0 0;
border:none;
width:162px;
background:url(images/navbg.gif) no-repeat bottom left;
}



li  {
font-size:11px;
text-transform:none;
padding:0;
margin:3px 5px 3px 5px;

}
#nav {
width:848px;
height:48px;
background:#FFFFFF;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-transform:uppercase;
padding:0;
}
ul {
list-style:none;
margin:0;

margin:0;
padding:0;
}



.navtitelhome {
display:block;
float:left;
padding:18px 20px 0 20px;
margin:0;
position: relative;
text-transform:uppercase;
}

.navtitel {
background:url(images/navline.gif) no-repeat 0 22px;
display:block;
float:left;
padding:18px 20px 0 20px;
text-transform:uppercase;
margin:0;
position: relative;
}



.navtitel a:link, .navtitel a:visited, .navtitelhome a:link, .navtitelhome a:visited  {
text-decoration:none;
background:none;
color:#666666;
margin:0;
padding:16px 0 0 0;
}

.navtitel a:hover, .navtitel a:active, .navtitelhome a:hover, .navtitelhome a:active {
color:#990000;
border-top: #d9d9d9 solid 4px;
}

.sublinks {
list-style:none;
padding:14px 0 5px 0;
margin:0;

}



.sublinks a:link, .sublinks a:active, .sublinks a:visited {
border:none;
height:21px;
display:block;
padding:0 0 0 12px;
margin:0;
border-bottom: #efefef solid 1px;
background:url(images/greyarrow.gif) no-repeat 0 7px;
}

.sublinks a:hover {
background:#f0f0f0 url(images/greyarrow.gif) no-repeat 0 7px;
display:block;
height:21px;
}

/*F.A.Q*/



h6 {
font-size:14px;
padding:0 0 0 10px;
margin:0;
font-weight:normal;
background:url(images/arrowfaq.gif) no-repeat 0 6px;
}

.faq {

}

.faq ul {
float:none;
margin:0 0 0 0;
}

.faq li {
margin:0 0 0 10px;
background:none;
}

#diehilfe {
padding:0 0 0 4px;
width:840px;
}

/*Manuals*/

ul.tab_navigation {
height:40px;
font-weight:bold;
}

ul.tab_navigation li {
float:left;
font-size:16px;
padding:0;
margin:0;
}

#manuals ul li {
line-height:12px;
margin:0 0 5px 15px;
padding:0 0 0 55px;
}

ul li#hockey_manual {
background:url(images/icon_hockey.jpg) no-repeat;
height:42px;
}

#manuals h2 {
padding:0;
margin:2px 0 0 0;
}

ul.tab_navigation li a {
background:url(images/buttons/button_white.jpg) no-repeat;
width:103px;
height:31px;
display:block;
font-weight:bold;
text-align:center;
text-transform:uppercase;
color:#666666;
text-decoration:none;
line-height:30px;
font-size:12px;
padding:0;
}

ul.tab_navigation li a.selected, ul.tab_navigation li a:hover {
background:url(images/buttons/button_orange.jpg) no-repeat;
color: #ffffff !important;
}