* { margin: 0; padding: 0; }

	HTML{
		/*height:100%;*/
	}

	BODY{
		/*height:100%; */
		height: 200px;
		font-family:Arial;
		color:#000;
		background-color:#ddd;
		margin:0px;
		padding:0px;
		font-size:0.8em;
		/*
		background-image:url('bilder/header2.jpg');
		background-position:center top;
		background-repeat:no-repeat;
		*/
		text-align:center; /*für alte IEs*/
	}

	H1{
		line-height:1.4em; 
		font-size:1.4em; 
		font-family:Arial; 
		font-weight:bold; 
		margin-top:0px; 
		margin-bottom:10px;
	}

	H2{
		line-height:1.2em; 
		font-size:1.2em; 
		font-family:Arial; 
		font-weight:bold; 
		margin-top:0px; 
		margin-bottom:10px;
	}
	
	P{
		margin-bottom:1em;
	}
		
	/* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
	.clearfix:before, .clearfix:after {
	  content: "\0020"; display: block; height: 0; visibility: hidden;
	}

	.clearfix:after { clear: both; }
	/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
	.clearfix { zoom: 1; }
	
	.hidden {
		display:none;
	}
	
	.main {
		position:relative; /* untergeordnete divs orientieren sich an main */
		width: 802px;
		height: 100%;
		border: 0px solid #000;
		padding:0px;
		margin: 0 auto; 
		background-color:#ddd;
		background-image:url('bilder/header3.jpg');
		background-position:center top;
		background-repeat:no-repeat;
		text-align:left; /*für alte IE*/
	}
	
	.logo {
		position:absolute;
		top: 0px;
		right:0px;
		width: 300px;
		height: 200px;
		/*background-image:url('bilder/logo_handball.jpg');*/
		background-position:right top;
		background-repeat:no-repeat;
	}
	
	.menu {
		position:absolute;
		top: 160px;
		left: 0px;
		right:0px;
		height: 20px;
		padding:10px;
		color: #000;
	}
	
	.menu A{
		color:#000;
	}
	
	.menuitem_right{
		position:absolute;
		right:10px;
	}
	
	.content {
		position:absolute;
		top:0px;
		left:0px;
		right:0px;
		padding:0px;
		margin-top:200px;
		padding-bottom:200px;
		/*
		border: 1px solid #000;		
		background-color:#fff;	
		*/
	}
	.main_content {
		border: 1px solid #000;		
		background-color:#fff;	
		padding:10px;
	}

	.bottom_content {
		border: 0px solid #000;		
		margin-top:20px;
		margin-bottom:20px;
		padding:10px;
		background-color:#ddd;	
		width:780px;
	}
	
	.center {
		text-align:center;
	}
	
	
	.prevbox {
		width:100px; 
		height:100px; 
		background-image:url("bilder/lightbox/loading.gif");
		background-position:center center;
		background-repeat:no-repeat;
	}
	
	.previmg {
		height:100px;
		width:100px;
	}

	HR{
		height:1px;
		margin-top:10px;
		border-width:1px;
		border-style:solid;
		border-color:#000;
		border-top:none;
		border-left:none;
		border-right:none;
	}
		
	A{
		color:#000;
		text-decoration:none;
	}

	A:hover, A:visited:hover {
		color:#000;
		text-decoration:underline;
	}

	A IMG {
		/*margin:3px;*/
		border: 1px solid #000;
	}

	A.bild{
		color:#000;
		text-decoration:none;
		font-size: 0.8em;
	}

	A.pfeil{
		background-image:url('bilder/pfeil.png'); background-repeat:no-repeat; background-position:left center; padding-left:20px;
	}
	
	dl {
		margin-bottom:1em;
	}

	dl dt {
		float:left; 
		margin-right:10px; 
		padding:0px;  
		width:150px; 
	}

	dl dd {
		margin:2px 0; 
		padding:0px 0;
	}

	.foto100 {
		width:100px; height:100px;
		position: relative;
		float: left;
		margin: 5px;
	}
	.foto100 img {width:100px; height:100px;}
	
	.foto50 {
		width:50px; height:50px;
		position: relative;
		float: left;
		margin: 2px;
	}
	.foto50 img {width:50px; height:50px;}

	
	.foto-remove {
		height:16px;
		width:16px;
		position:absolute;
		right:-4px;
		top:-4px;
		background-image: url('bilder/kreuz.png');
	}
	
	#merkliste {
		display:none;
		position:fixed;
		bottom:0px;
		left:0px;
		right:0px;
		border-top: 2px dashed #444;
		background: #eee;
		min-height: 50px;
		text-align: left;
		padding-top:5px;
		padding-bottom:5px;
	}
	.merkliste-aktiv {
		background: #ccf;
	}
	#merkliste .placeholder {
		text-align:center;
	}
	
.facebook {
	margin-top:20px;	
	border: 1px solid #000;		
	background-color:#fff;	
	padding:10px;
}

.facebook-mini{
	width:120px;
	padding-top:5px;
	height:21px;
	float:right;
	overflow:hidden;
}

.accordion_toggle {
	display: block;
	height: 30px;
	background-color:#fff;
	padding: 0 10px 0 10px;
	line-height: 30px;
	color: #000;
	font-weight: normal;
	text-decoration: none;
	outline: none;
	font-size: 12px;
	border-top: 1px solid #555;
	cursor: pointer;
	margin: 0 0 0 0;
}

.accordion_toggle_active {
	background-color: #fff;
	color: #000;
}

.accordion_content {
	padding:0px;
	margin:0px;
	border: 0px solid #000;
	background-color: #fff;
	overflow: hidden;
}


.accordion_content ul {
	padding-left: 30px;
	padding-bottom:15px;
	list-style:circle outside;
}
