/* CSS Document */
* { margin:0; padding:0; text-decoration:none; border:none; position:relative; list-style:none; }
html { background:url(../images/bghtml.jpg) top left repeat-x fixed; height:100%; }
body { background:url(../images/bgcontent.jpg) top center no-repeat fixed; font-family:Arial, Helvetica, sans-serif; height:100%; z-index:5; }
/**************************************************************************************************************************************/
div#outline {
	background:url(../images/bgoutline.png) top center repeat-y;
	min-height:100%;
	z-index:4;
	}
div#content {
	width:959px;
	margin:auto;
	}
div#smallTop {
	background:#000;
	height:20px;
	margin-right:-1px;
	}
div#top {
	height:230px;
	background:url(../images/bgtopIndex.jpg) top left no-repeat;
	}
div#inhalt {
	margin-bottom:100px;
	padding:20px;
	position:relative;
	z-index:100;
	}
div#menue {
	z-index:200;
	}
/**************************************************************************************************************************************
INHALTSBEREICHE
**************************************************************************************************************************************/
div.w25 { width:25%; }
div.w50 { width:50%;  }
div.w75 { width:75%; }
.m25 { margin-left:25%; }
.m50 { margin-left:50%; }
.m75 { margin-left:75%; }
.fl { float:left; }
.fr { float:right; }
.m4r { margin-right:3px; }
.mb5 { margin-bottom:5px; }
/**************************************************************************************************************************************
BILDER
**************************************************************************************************************************************/
div#picFechten { position:relative; top:0; right:0; z-index:1; float:right; height:476px; margin-bottom:-100px; width:250px; background:url(../images/picFechten.jpg) top right no-repeat; }
div#picBadminton { position:relative; top:0; right:0; z-index:1; float:right; height:520px; margin-bottom:-120px; width:250px; background:url(../images/picBadminton.jpg) top right no-repeat; }
div#picFreizeit { position:relative; top:0; right:0; z-index:1; float:right; height:461px; margin-bottom:-100px; width:313px; background:url(../images/picFreizeitsport.jpg) top right no-repeat; }
div#picHandball { position:relative; top:0; right:0; z-index:1; float:right; height:461px; margin-bottom:-100px; width:285px; background:url(../images/picHandball.jpg) top right no-repeat; }
div#picTurnen { position:relative; top:0; right:0; z-index:1; float:right; height:461px; margin-bottom:-100px; width:317px; background:url(../images/picTurnen.jpg) top right no-repeat; }
div#picNordic { position:relative; top:0; right:0; z-index:1; float:right; height:508px; margin-bottom:-150px; width:250px; background:url(../images/picNordic.jpg) top right no-repeat; }
div#picKinder { position:relative; top:0; right:0; z-index:1; float:right; height:495px; margin-bottom:-150px; width:270px; background:url(../images/picKinderturnen.jpg) top right no-repeat; }
div#picGymnastik { position:relative; top:0; right:0; z-index:1; float:right; height:446px; margin-bottom:-150px; width:270px; background:url(../images/picGymnastik.jpg) top right no-repeat; }
div#picRuecken { position:relative; top:0; right:0; z-index:1; float:right; height:446px; margin-bottom:-150px; width:302px; background:url(../images/picRuecken.jpg) top right no-repeat; }
div#picStep { position:relative; top:0; right:0; z-index:1; float:right; height:446px; margin-bottom:-150px; width:270px; background:url(../images/picStep.jpg) top right no-repeat; }
div#picEltern { position:relative; top:0; right:0; z-index:1; float:right; height:446px; margin-bottom:-150px; width:270px; background:url(../images/picEltern.jpg) top right no-repeat; }
/**************************************************************************************************************************************/
div#footer {
	height:150px;
	position:relative;
	margin-top:-114px;
	}
/******************************************************************************************
OVERLAY
******************************************************************************************/
/* the overlayed element */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:1000;
	
	/* styling */
	background-color:#333;
	
	min-width:800px;	
	min-height:200px;
	border:1px solid #666;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(../images/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
	z-index:5000;
}

/* some styling for triggers */
	#triggers {
		text-align:center;
	}
	
	#triggers img {
		cursor:pointer;
		margin:0;
		background-color:#fff;
		
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
		
	}
	
	
	
	/* styling for elements inside overlay */
	.details {
		position:absolute;
		bottom:0;
		left:0;
		font-size:11px;
		color:#fff;
		width:100%;
		background:#000;
		height:20px;
		z-index:4000;
		padding-top:10px;
	}
	
	.details h3 {
		color:#aba;
		font-size:15px;
		margin:0 0 -10px 0;
	}

	.details a {
		color:#e85a2d;
		text-decoration:none;
		}