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

#container {
width:856px;
margin:0 auto; 
}

#header {
width:848px;
height:78px;
background:url(des1/logobottom.jpg) no-repeat left bottom #FFFFFF;
margin:0 0 0 0;
}

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

.none {
display:none;
}



/*Navigation*/

#navcontainer{
width:848px;
background:url(des1/bannerbottom.jpg) no-repeat bottom left;
margin:12px 0 0 0;
padding:0 0 15px 0;
}

/*Navigation Ende*/

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

#flash {
width:848px;
height:240px;
padding:0 4px 0 4px;
}

/* Suchfunktion */
#suche {
float:right;
padding:14px 0 0 15px;
margin:2px 10px 0 0;
border-left: #666666 dotted 1px;
height:30px;
}

.rapid {
float:right;
padding:0px 0px 3px 5px;
margin:0px 10px 0 0;
height:30px;

}

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

#content{
width:848px;
background:url(des1/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:#333333;
border-bottom: #666666 dotted 1px;
display:block;
width:262px;
}

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

/*Startingpage*/

#left {
width:271px;
border-right: #666666 dotted 1px;
float:left;
margin:0 0 10px 11px;
height:520px;

}

#middle{
width:271px;
float:left;
margin:0 0 10px 11px;
border-right: #666666 dotted 1px;
height:520px;
}

.right{
width:266px;
float:left;
margin:2px 5px 20px 11px;

}

.right img {
float:left;
margin:0 4px 0 0;
}

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

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

.right a:hover {
color:#333333;
}

.right li a:link, .right li a:active, .right li a:visited, #contentbox li a:link, #contentbox li a:active, #contentbox li a:visited  {
background:none;
padding:0 0 0 0;
}

.right li a:hover, #contentbox li a:hover {
color:#333333;
}

.right h1 {
clear:both;
color: #666666;
}

#oben img {
margin:0 0 5px 0;
}

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


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

}

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


/*Footer*/
#footer{
width:848px;
margin:0;
float:left;
font-size:10px;
padding:2px 0 0 0;
}

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

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


/*News*/

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

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

.img {
float:left;
}

.feedback {
font-size:15px;
color:#999999;
font-family:Arial, Helvetica, sans-serif;
}

.rechtsinhalt {
font-size:11px;
color:#333333;
}

.author {
font-size:10px;
text-transform:none;
color:#333333;
padding:3px 0 10px 0;
display:block;
line-height:10px;
}

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

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

li a:hover {
color:#333333;
}

/* News-Archiv*/
.newsarchiv {
display:block;
margin:0 0 8px 0;
padding:0 0 5px 0;
width:536px;
border-bottom: #666666 dotted 1px;
}
.datumarchiv {
color:#990000;
background:url(../images/arrow.gif) no-repeat 0 6px;
padding:0 0 0 7px;
}

.linkarchiv {
background:url(../images/greyarrow.gif) no-repeat 0 5px;
padding:0 0 0 10px;
margin:0 0 0 90px;
}




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

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

.bannerimg {
height:258px;
}

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

}
/*Team*/

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

.profile img, .support img {
float:left;
margin:0 6px 30px 0;
padding:3px;
border: #666666 dotted 1px;
}

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

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

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

.profile a:link, .profile a:active, .profile a:visited {
float:right;
background:url(des1/letter.gif) no-repeat 0 5px;
padding:0 0 0 15px;
margin:0 10px 0 0;
}

.profile a:hover {
float:right;
background:url(des1/letter.gif) no-repeat 0 5px;
padding:0 0 0 15px;
margin:0 10px 0 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: #666666 dotted 1px;
}


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

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

/*Produkte*/

.dropdown {
border: #666666 dotted 1px;

}

.button {
border: #666666 dotted 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;
}

.produkteins a:link, .produkteins a:active, .produkteins a:visited {
float:right;
background:url(des1/greyarrow.gif) no-repeat 0 7px;
padding:0 0 0 9px;
margin:0 0 0 6px;
}

.produktzwei a:link, .produktzwei a:active, .produktzwei a:visited {
float:right;
background:url(des1/greyarrow.gif) no-repeat 0 7px;
padding:0 0 0 10px;
margin:0 0 0 6px;
}

.copyright {
float:right;
}

/*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:213px;
background:url(des1/navbg.gif) no-repeat bottom left;
}





/*Navigation*/

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


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

}
#nav {
width:848px;
height:48px;
background:url(des1/navbackground.jpg) no-repeat #FFFFFF;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-transform:uppercase;
padding:0;
}
ul {
list-style:none;
margin:0;
padding:0;
}



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

.navtitel {
background:url(des1/navline.gif) no-repeat -2px 3px;
display:block;
float:left;
padding:18px 18px 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:#333333;
margin:0;
padding:16px 0 0 0;
}

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


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



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

.rapidtitel a:hover, .navtitel a:active, .navtitelhome a:hover, .navtitelhome a:active {
color:#990000;
border-top: #d9d9d9 dotted 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 10px;
margin:0;
border-bottom: #efefef dotted 1px;
background:url(des1/greyarrow.gif) no-repeat 0 7px;
}

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


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


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

/* CSS für den Editor*/

.bildlinksposition {
float:left;
margin:4px;
padding:3px;
}

.bildrechtsposition {
float:right;
margin:4px;
padding:3px;
}

.schriftrot {
color:#990000;
}

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

.prominenz {
width:113px;
display:block;
height:145px;
float:left;
margin:0 22px 0 0;
line-height:11px;
font-size:10px;
}

.prominenz img {
background:#f5f5f5;
padding:4px;
border:1px dotted #e0e0e0;
}

/*F.A.Q*/

.sportsgraphicstitel {
font-size:18px;
color:#bbdda1;
padding:0;
margin:0;
font-weight:bold;
border:none;
}

.sportsorganizertitel {
font-size:16px;
color:#333333;
padding:0;
margin:0;
font-weight:bold;
}

dt {
background:url(des1/redsquare.gif) no-repeat 0 7px;
padding:0 0 0 10px;
margin:14px 0 0 0;
font-weight:bold;
font-size:12px;
}

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


h6 {
font-size:16px;
padding:8px 0 0 0;
margin:0;
font-weight:normal;
border-bottom: #666666 dotted 1px;
display:block;
width:536px;
}

/*Boxen*/

.boxen {
width:174px;
background:url(des1/boxbg.gif) no-repeat bottom left;
float:left;
margin:4px 6px 0 0;
}

.boxen h3 {
background:url(des1/boxbgtop.gif) no-repeat top left;
margin:0;
height:22px;
padding:6px 0 0 14px;
color:#990000;
font-size:12px;
}

a.boxenlink:link img, a.boxenlink:active img, a.boxenlink:visited img {
background:none;
padding:4px 0 0 0;
color:#3399cc;
}

.boxen img, .boxenzwei img {
margin:0;
padding:4px;
border: 1px dotted #e5e5e5;
background:#f3f3f3;
}

.boxen a:link, .boxen a:visited, .boxen a:active, .boxenzwei a:link, .boxenzwei a:visited, .boxenzwei a:active {
text-align:left;
display:block;
border-top:1px dotted #e8e8e8;

padding:0 8px 10px 4px;
color:#3399cc;
}

.boxen p, .boxenzwei p {
margin:0;
padding:0 5px 15px 5px;
}

.boxencontainer {
clear:both;
}

/*Boxen 2*/

.boxenzwei {
width:260px;
background:url(des1/boxbggro.gif) bottom left;
float:left;
margin:4px 10px 0 0;
}

.boxenzwei h3 {
background:url(des1/boxbgtopgro.gif) no-repeat top left;
margin:0;
height:22px;
padding:6px 0 0 14px;
color:#990000;
font-size:12px;
}

/*Übungssammlungen 2*/
#bilder {
width:542px;
border-top: 1px dotted #666666;
border-bottom: 1px dotted #666666;
padding:5px 0 5px 0;
clear:both;
background:url(../images/gradient.gif) repeat-x;
}

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

#bilder a img  {


}

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

/* Lightbox */

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(des1/blank.gif) no-repeat; 
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(des1/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(des1/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
	
	
/*Übungssammlung*/

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

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


#uebungeinzel li {
margin:5px 0 5px 0;
padding:0;
background:none;
}


/*Übungssammlung Liste*/

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

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

.vorstellungimg {
float:left;
margin:0 4px 0 0;
padding:3px;
border:1px dotted #666666;
}

.contentbutton {
background:url(../des1/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;
background:url(../des1/greyarrow.gif) no-repeat 0 5px;
padding: 0 0 0 10px;
}
.contentbutton a:hover{
color:#990000;
font-weight:bold;
text-decoration:none;
}

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


/*Suchergebnis*/

.suchergebnis {
border-top: #666666 dotted 1px;
border-bottom: #666666 dotted 1px;
padding:8px 0 8px 0;
margin:0 0 8px 0;
width:537px;
background:url(des1/suchebg.gif) repeat-y bottom right;
}

.suchergebnis h6 {
font-size:12px;
font-weight:bold;
padding:0 0 0 0;
color:#990000;
border:none;
margin:0;
}

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

.ergebnisnummer {
float:left;
color:#666666;
}

.alleresultatetext {
background:url(../images/ergebnis.gif) no-repeat 0 3px;
padding:0 0 0 15px;
color:#999999;
}

/*Inline*/

.inline {
width:360px;
height:341px;
border:none;
background:#FFFFFF;
padding:0 0 0 2px;
}

#featuresnav {
float:left;
border-right:1px dotted #666666;
width:174px;
height:341px;
}

#featuresnav ul {
margin:0;
padding:0;
}

#featuresnav li {
margin:0;
padding:0;
list-style:none;
border-bottom: 1px dotted #e9e9e9;
display:block;
height:24px;
width:171px;
background:url(../des1/arrow.gif) no-repeat 0 9px;
}

#featuresnav a:link, #featuresnav a:visited, #featuresnav a:active {
color:#333333;
display:block;
height:19px;
margin:1px 0 1px 0;
padding:3px 0 5px 8px;
background:url(des1/arrow.gif) no-repeat 0 9px;
}

#featuresnav a:hover {
background:url(des1/arrow.gif) no-repeat 0 9px #f1f1f1;
}

.inline h2 {
margin:0;
padding:0 0 4px 0;
color:#999999;
font-weight:normal;
font-size:16px;
}


/* Kontaktformular*/

.subm {
height:21px;
width:68px;
background:url(../images/senden.gif) no-repeat;
border:1px dotted #666666;
color:#333333;
font-size:11px;
}

#nachricht, #betreff, #kundenmail, #name2 {
border:1px dotted #666666;
color:#333333;
margin:0 0 5px 0;
}

.texteinruecken {
padding:0 100px 0 0;
}


#dasbild a:link{
background:none;
border:none;
text-decoration:none;
margin:0 0 10px 0;
}

img a:link, img a:active, img a:visited {
background-image:none;
border:none;
}

.sternchen {
color:#FF0000;
font-weight:bold;
}

/*tabs*/
.tabs {
float:left;
margin:0 0 10px 0;
}

ul.tabNavigation {
display:block
}

ul.tabNavigation li {
float:left;
display:block;
margin:0 5px 5px 0;
padding:0;
width:83px;
height:24px;
text-align:center;
}

.tabs div {
clear:both;
}

ul.tabNavigation li a {
line-height:24px;
}

ul.tabNavigation li a.selected {
background:url(http://www.easy-sports-software.com/styles/des1/bg_active.gif) no-repeat;
color:#333333!important;
display:block;
width:83px;
height:24px;
}

.tabs img {
padding:3px;
}

#werbung_skyscraper {
position:absolute;
right:0;
top:0;
z-index:-1;
}