.child_table:hover { 
		background: lightgrey 
	}
	.child_table_photo:hover { 
		background: lightgrey 
	}
	.filters_table {
		width: 180px;
		float: left;
		border: 1px solid black;
		font-weight: bold;
		padding-top: 10px;
		padding-left: 5px;
		height: 240px;
	}
	.main_table {
		width: 756px;
		height: auto;
		border: 0px solid black;
		line-height: 180%;
		white-space:nowrap;
	}
	.child_scroller {
		border: 0px solid black;
		height: 270px;
		overflow: scroll;
		overflow-x: scroll;
		overflow-y: hidden;
		white-space: no wrap;
		
	}
	.child_table_photo {
		width: 100px;
		border: 1px solid black;
		padding-top: 10px;
		padding-left: 5px;
		text-align: center;		
		height: 240px;
		margin-left: 3px;
		display:inline-block;
	}
	.child_table {
		width: 103px;
		border: 1px solid black;
		float: left;
		padding-top: 10px;
		padding-left: 5px;
		text-align: center;		
		height: 240px;
		margin-left: 3px;
	}
	.clearer_table {
		clear: left;
	}
	
	.bold_table {
		font-weight: bold;
		font-size: 110%
	}
	
	.link {
		font-size: 110%;
	}

	.link:hover {
		text-decoration: none;
		color: black;
		cursor: help;
	}
	

/* Uebersichtsseiten Tabelle Hover etc*/

.unterkat_m {
	width: 248px;
	text-align: center;
	border: 1px solid darkgrey;
	margin: 6px;
	padding: 2px;
}
.unterkat_m:hover {
	background-color: lightgrey;
}	
	

	
#carousel {
	margin: 0 auto;
	width: 529px;
	height: 191px;
	padding: 0px;
	overflow: scroll;
	border: 1px solid #999;
}
#carousel ul {
	list-style: none;
	width: 2116px;
	margin: 0;
	padding: 0;
	position: relative;
}
#carousel li {
	display: inline;
	float: left;
}
.textholder {
	text-align: left;
	font-size: small;
	padding: 6px;
	-moz-border-radius: 6px 6px 0 0;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
}



/*
Try of a different CSS slider
*/
/**
 * Image slider with pure CSS
 * Original version in http://demosthenes.info/blog/css
 */

.image-slider {
	position:relative;
	display: inline-block;
	line-height: 0;
}

/* Could use a pseudo-element, but they’re currently
   super buggy. See: http://dabblet.com/gist/ab432c3f6a8f672cd077 */
.image-slider > div { /*das Bild after*/ 
	position: absolute;
	top: 0; bottom: 0; left: 0; /*0*/
	width: 23px; /*25px*/
	max-width: 100%;
	overflow: hidden;
	resize: horizontal;
}

/* Cross-browser resizer styling */
.image-slider > div:before { /* das Bild normal*/
	content: '';
	position: absolute;
	right: 0; bottom: 0;
	width: 20px; height: 20px; /*13px*/
	padding: 2px; /*2px*/
	background: linear-gradient(-45deg, #00FF00 50%, transparent 0);
	background-clip: content-box;
	cursor: ew-resize;
	-webkit-filter: drop-shadow(0 0 2px black);
	filter: drop-shadow(0 0 2px black);
	#padding-left: 100px;
	#border-right: 15px #00FF00 solid;
	#animation: blink 1s step-end infinite;
}

.image-slider img {
	user-select: none;
	max-width: 400px;
	min-width: 0px;
}


/* http://css3files.com/animation/#ani3 */
@keyframes changeSize {
	0% {transform: scale(1)}
	65% {transform: scale(1.2)}
	100% {transform: scale(4.4)}
}
@keyframes changeColor {
	0% {
		background-color: red;
		border-color: black;
	}
	100% {
		background-color: green;
		border-color: yellow;
	}

@keyframes blink {
	0% {background: linear-gradient(-45deg, #00FF00 50%, transparent 0}
	50% {background: linear-gradient(-45deg, red 50%, transparent 0}
}