body {
background:url(images/websitebg.jpg) no-repeat 972px 0 #FFFFFF;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
margin:0;
padding:0;
}

p {
margin:10px 0 10px 0;
padding:0;

}

#container {
width:972px;

}

#header {
width:972px;
height:79px;
background-image:url(images/headerbg.jpg);
background-repeat:no-repeat;
background-position: bottom right;
}

#nav {
width:536px;
height:35px;
float:left;
margin:33px 0 0 33px;
font-size:12px;
}

#header span {
display:none;
}

#header h1 {
background-image:url(images/fussball_01.jpg);
height:79px;
width:329px;
margin:0;
padding:0;
float:left;
}

#header a:link, #header a:active, #header a:visited {
color:#FFFFFF;
text-decoration:none;
background-image:url(images/fussball_04.jpg);
background-repeat:no-repeat;
height:35px;
width:133px;
display:block;
float:left;
margin:0 0 0 1px;
padding:13px 0 0 0;
text-align:center;
}
#header a:hover {
color:#FFAE00;
text-decoration:none;
}


#banner {
width:972px;
height:159px;
background:url(images/fussball_09.jpg) no-repeat;
}

#contentcontainer {
width:972px;
background:url(images/rechteseitebg.jpg) no-repeat top right;
float:left;
line-height:18px;
}

#contentleft {
width:565px;
float:left;
line-height:18px;
background:url(images/contentleftbg.gif) no-repeat top left;
}

#produktebanner {
width:565px;
height:191px;
background:url(images/sliderbg.jpg) no-repeat;
}

#contentright {
width:332px;
float:left;
}
#contentbox {
width:547px;
margin:0 0 0 18px;
}

#contentboxleft {
padding:24px 0 0 0;
float:left;
}

h1.titlestart {
background:url(images/fussball_29.gif) no-repeat;
display:block;
height:42px;
width:279px;
padding:0;
margin:0 0 0 0;
}

.none {
display:none;
}

#prozess {
width:565px;
height:170px;
background:url(images/prozessbg.jpg) no-repeat;
color:#CCCCCC;
float:left;
}

#prozess a:link, #prozess a:visited, #prozess a:active {
color:#FFAE00;
}
#prozess a:hover {
text-decoration:none;
}

#runterladen {
width:163px;
height:148px;
margin:9px 0 0 16px;
float:left;
border-right: 1px solid #CCCCCC;
padding:0 10px 0 0;
}
#instalieren {
width:163px;
height:148px;
margin:9px 0 0 14px;
float:left;
border-right: 1px solid #CCCCCC;
padding:0 10px 0 0;
}
#nutzen {
width:163px;
height:148px;
margin:9px 0 0 14px;
float:left;
}

h2.runterladen {
background:url(images/fussball_39.jpg) no-repeat;
display:block;
height:36px;
width:163px;
padding:0;
margin:0 0 10px 0;
}
h2.installieren {
background:url(images/fussball_41.jpg) no-repeat;
display:block;
height:36px;
width:163px;
padding:0;
margin:0 0 10px 0;
}
h2.nutzen {
background:url(images/fussball_43.jpg) no-repeat;
display:block;
height:36px;
width:163px;
padding:0;
margin:0 0 10px 0;
}

#partner {
width:361px;
margin:0 0 0 16px;
float:left;
}

#partner ul {
float:left;
margin:5px 10px 0 0;
padding:0;
list-style:none;
}

#partner li {
border-bottom:1px solid #CCCCCC;
display:block;
height:21px;
background:url(images/greyarrow.gif) no-repeat 0 7px;
padding:0 0 0 10px;
width:150px;
}

#partner a:link, #partner a:active, #partner a:visited {
color:#990000;
text-decoration:none;
display:block;
height:21px;
}

#partner a:hover {
color:#CCCCCC;
text-decoration:none;
}


h1.partnertitel {
background:url(images/partner.gif) no-repeat;
display:block;
height:35px;
width:264px;
padding:0;
margin:10px 0 10px 0;
} 

#werbung {
width:182px;
float:left;

}

#rechtscontent {
width:313px;
margin:85px 0 0 10px;
}

#rechtscontent a:link, #rechtscontent a:active, #rechtscontent a:visited {
font-weight:bold;
color:#990000;
background:url(images/redarrow.gif) no-repeat 2px 5px;
padding:0 0 0 10px;
}
#rechtscontent a:hover {
text-decoration:none;
}

h1.graphics {
background:url(images/fussball_13.gif) no-repeat;
display:block;
height:35px;
width:245px;
padding:0;
margin:0 0 12px 0;
}
h1.organizer{
background:url(images/fussball_33.gif) no-repeat;
display:block;
height:36px;
width:253px;
padding:0;
margin:0 0 12px 0;
}
h1.uebungen{
background:url(images/fussball_49.gif) no-repeat;
display:block;
height:38px;
width:200px;
padding:0;
margin:0 0 12px 0;
}

#boxuebungen {
width:313px 
}
.uebungssammlungen {
margin:0 10px 10px 0;
}

#boxuebungen a:link, #boxuebungen a:active, #boxuebungen a:visited {
background:none;
margin:0;
padding:0;
}



hr {
height:1px;
background-color:#CCCCCC;
border:none;
margin:13px 0 13px 0;
padding:0;
}

.redtitle {
color:#990000;
font-weight:bold;
font-size:12px;
}

.imageright {
float:right;

}

#footer {
width:100%;
height:20px;
background:url(images/fussball_78.gif) repeat-x;
clear:both;
font-size:10px;
padding:12px 0 0 0;
}

.impressum {
padding:0 0 0 610px;
color:#999999;
}

#footer a {
text-decoration:none;
color:#999999;
}


/*tooltip*/

.sammlungentitel {
font-size:16px;
color:#FFFFFF;
width:250px;
display:block;
margin:8px 0 5px 0;
font-weight:bold;
}

.onlineshop {
background:url(images/fussball_22.jpg) no-repeat;
width:105px;
height:24px;
display:block;
float:right; 
color:#990000;
font-weight:bold;
text-align:center;
margin:20px 0 0 8px;
padding:3px 0 0 0;
}

.onlineshop a:link, .onlineshop a:visited, .onlineshop a:active {
color:#990000;
text-decoration:underline;
}

.onlineshop a:hover{
color:#990000;
text-decoration:none;
}

.werbung {
margin:6px 5px 0 5px;
}


/*Software*/

h1.softwarestart {
background:url(images/unschlagbar.gif) no-repeat;
display:block;
height:45px;
width:362px;
padding:0;
margin:0;
}

.auflistung {
display:block;
float:left;
width:258px;
margin:5px 15px 0 0;
}

.auflistung img {
margin:3px 0 3px 0;
}

.auflistung h1 {
background:url(images/topniveau.gif) no-repeat;
height:38px;
width:246px;
display:block;
margin:0 0 5px 0;
padding:0;
}

.auflistung h2 {
background:url(images/ordnung.gif) no-repeat;
height:38px;
width:250px;
display:block;
margin:0 0 5px 0;
padding:0;
}

.auflistung ul {
list-style:none;
margin:5px 0 0 0;
padding:0;
border: 1px solid #F4F3F2;
}

.lifirst{
background:url(images/arrow.png) no-repeat 0 3px;
padding:4px 0 0 25px;
display:block;
width:233px;
height:25px;
}

.lisecond {
background:url(images/arrow.png) no-repeat 0 3px #F4F3F2;
padding:4px 0 0 25px;
display:block;
width:233px;
height:25px;
}

.bestellen {
background:url(images/angebotbutton.png) no-repeat;
width:105px;
height:23px;
display:block;
float:right; 
color:#990000;
font-weight:bold;
text-align:center;
margin:10px 0 5px 8px;
padding:3px 0 0 0;
}

.bestellen a:link, .bestellen a:visited, .bestellen a:active {
color:#990000;
text-decoration:underline;
}

.bestellen a:hover{
color:#990000;
text-decoration:none;
}

.imgrightcontent {
float:right;
margin:0 13px 0 4px;
}

h1.softwaregraphics {
background:url(images/uebungsverwaltung.gif) no-repeat;
display:block;
height:39px;
width:303px;
padding:0;
margin:0 0 12px 0;
}

h1.druckfrisch {
background: url(images/drucktitle.gif) no-repeat;
display:block;
height:37px;
width:223px;
padding:0;
margin:0 0 12px 0;
}

/*Uebungen Einzel*/

h1.einzel{
color:#666666;
margin:0;
padding:0;
font-size:20px;
font-weight:normal;
}

ul.uebungeneinzel {
margin:0;
padding:10px 0 0 0;
list-style:none;
}

#bilder {
width:533px;
height:199px;
background:url(images/bgbilder.jpg) no-repeat top left;
margin:0 0 5px 0;
}

#bilder img {
margin:12px 0 0 15px;
padding:3px;
border:1px solid #CCCCCC;
}

#bilder a img  {


}

#bilder a:hover img  {
border: solid 1px #999999;
}


ol {
float:left;
width:165px;
margin:5px 0 5px 16px;
padding:0;
list-style-position:inside;
}




/*Uebungen*/

h1.vorteilenutzen {
background:url(images/vorteilenutzen.gif) no-repeat;
display:block;
height:37px;
width:263px;
padding:0;
margin:0 0 12px 0;
}

h1.uebungenstart {
background:url(images/digitalefussball.gif) no-repeat;
display:block;
height:43px;
width:396px;
padding:0;
margin:0 0 12px 0;
}

ul.dievorteile {
list-style:none;
padding:0;
margin:0;
}
li.dievorteileliste {
background:url(images/littlearrowred.gif) no-repeat 0 3px;
list-style:none;
padding:0 0 0 18px;
margin:5px 0 5px 0;
}

.vorstellung {
width:537px;
background:url(images/uebungenbg.gif) no-repeat bottom left;
float:left;
border-bottom: solid 1px #F4F3F2;
margin:0 0 5px 0;

}
.vorstellung h3{
background:url(images/uebungenbgtop.gif) no-repeat top left;
color:#666666;
padding:5px 0 5px 0;
margin:0;
font-size:12px;
}

.vorstellungimg {
float:left;
margin:0;
padding:0 5px 0 5px;
}

.contentbutton {
background:url(images/buttoncontent.png) no-repeat;
width:105px;
height:24px;
display:block;
float:right; 
color:#990000;
font-weight:bold;
text-align:center;
margin:5px 5px 5px 0;
padding:3px 5px 10px 0;
}

.contentbutton a:link, .contentbutton a:visited, .contentbutton a:active {
color:#990000;
font-weight:bold;
}
.contentbutton a:hover{
color:#990000;
font-weight:bold;
text-decoration:none;
}

.nummer {
background:url(images/red.jpg) no-repeat;
height:25px;
width:46px;
float:right;
color:#FFFFFF;
margin:0 10px 0 0;
padding:3px 0 0 0;
text-align:center;
}

.author {
font-style:italic;
font-weight:normal;
font-size:11px;
}

/*Kontakt*/
ul.adressen  {
float:left;
margin:5px 38px 5px 0;
padding:0;
list-style:none;
}

.field {
background-color:#FFFFFF;
border:1px dashed #CCCCCC;
width:400px;
font-size:11px;
color:#999999;
font-family:Arial, Helvetica, sans-serif;
}

.button {
height:20px;
width:90px;
background-color:#FFFFFF;
border:1px dashed #CCCCCC;
font-size:11px;
color:#990000;
}

h1.titlekontakt {
background:url(images/kontakt.gif) no-repeat;
display:block;
height:47px;
width:140px;
padding:0;
margin:0 0 0 0;
}

.laptop{
float:right;
}

#intro {
height:190px;
width:325px;
float:left;
}

/*Flaggen*/

#flaggen {
float:right;
margin:0 76px 0 0;
height:10px;
display:block;
}

#flaggen img {
padding:10px 4px 0 4px;
}

#flaggen a:link, #flaggen a:active, #flaggen a:hover, #flaggen a:visited {
text-decoration:none;
background:none;
height:11px;
width:16px;
float:left;
margin:0;
padding:0 3px 0 3px;
}