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;
}

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


}

#nav ul {
list-style:none;
margin:0;
padding:0 0 0 15px;
height:48px;
float:left;
}

#nav li {
display:block;
float:left;
padding:18px 20px 0 20px;
background:url(images/navline.gif) no-repeat 0 22px;
margin:0;
}

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

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

#home {
background:none;
}
/*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/bgcontenttop.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 0px;
padding:0 0 5px 0;
font-weight:normal;
color:#999999;
border-bottom: #CCCCCC solid 1px;
display:block;
width:262px;
}

#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*/