html, body {margin: 0; padding: 0; font-size: 100.01%; }

body {
behavior:url("./style/csshover.htc");    /* IE braucht JS */
  	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  	font-size: 80%;
	color: #330099;
	background: #F5F5F5; 
	text-align: center;}
/*Angabe wegen Skalierbarkeit im IE */
table, th, caption {font-size:100%; }

/*** thanks to Holly Bergevin ***/

p {margin: 0; padding: 8px 7px 0 10px; }

img {
border: none;
}

.hinweis {
 display:none;
}

#aussen {
margin: 0;
padding: 0;
margin-left: auto;
margin-right: auto;
margin-top: 75px;
width: 90%;


}

#logo {
position: absolute;
top: 0px;
left: 100px;
z-index: 10;
}

#obenindex {
	margin: 0;
	padding: 0; 
	text-align: right;
	vertical-align: top;
	padding-right: 70px;
	height: 84px; 
	font-size: 0.85em;
	border-bottom: 1px dotted #330099;
	} 



#indexbilder{
position: relative;
top: 0;
left: 0;
width: 100%;
height: 470px;
text-align: center;
margin: 0;
padding: 0;

}
#bildsport{
position:absolute; 
top:280px; 
left:34%; 

height:172px; 
width:222px; 

z-index:4;
}

#bildbody{
position:absolute; 
top:140px; 
left:15%; 

height:172px; 
width:222px; 

z-index:3;
}

#bildoutdoor{
position:absolute; 
top:180px;
left:55%; 

height:172px; 
width:222px; 

z-index:5;
}

#bildabt{
position:absolute; 
top:20px; 
left:35%; 

height:172px; 
width:222px; 

z-index:1;
}

a:hover .zoom {
filter:();
border: none;
}

a:link .zoom {
width : 222px; 
height : 172px; 
border: none;
}

a:hover .zoom {
position:relative;
margin-top:-10px; 
margin-left:-10px;
width : 242px;
height : 192px; 
z-index:8;
border: none;
}


#footer {
	padding: 0.8em;
	margin-top: 1.5em;
	margin-right: 139px;
	border-top: 1px dashed #F5F5F5;
	text-align: center; 
	font-size: 0.75em;
	}	
	
	
a:link.mail { color: #330099; text-decoration:none;  display: inline; border: none; background: none; padding:0; margin:0; font-weight: normal;} 
a:visited.mail { color: #330099; text-decoration:none;  display: inline;  border: none; background: none; padding:0; margin: 0;  font-weight: normal;}
a:hover.mail { color:#9999CC; text-decoration:none;  display: inline;  border: none; background: none; padding: 0;  font-weight: normal;}
a:focus.mail { color:#9999CC; text-decoration:none;  display: inline; border: none; background: none; padding: 0;   font-weight: normal;}