@media screen and (max-width: 478px) 	{

.container-image-float { float:none;}

.container-trans a { width: 30%;}

p	{ 
	padding: 0 5px 0 5px; 
	line-height: 1.7em;
	font-size: 1.3em;
	text-align: left;
	}

.container-image-magnifier {
	margin: -31px 0 0 192px;
	width: 30px;
	height: 27px;
	}
	
	h3	{ 
	font-size: 1.3em;	
	text-align: left;
}

.bio-listing-home p { 
	text-align: left;
}

.selection {
	font-size: 1.7em;
	width: 200px;
	height: 35px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #A9A08F;
	padding: 0px 0 0 10px;
	color: #18130C;
	background: #FDF9EC url("") repeat-x top;
	-o-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	/* Recent browsers */
	background: -webkit-gradient( linear, left top, left bottom, from(#FDF9EC), to(#ece7da) );
	background: -webkit-linear-gradient( top, #FDF9EC, #ece7da );
	background: -moz-linear-gradient( top, #FDF9EC, #ece7da );
	background: -o-linear-gradient( top, #FDF9EC, #ece7da	);
	background: linear-gradient( top, #FDF9EC, #ece7da );
	background-color: #FDF9EC;
	}
	
.kontakt {width: 90%;	}	
.kontaktformular input[type=text] {	width: 55%;	}
.kontaktformular textarea	{	width: 98%;	}
.c25l, .c40l { width: 50%; }

.timeline-image-float { margin-bottom: 0.5em; }

.ipadhelp {
	padding: 5px;
	background: #E1D8C6;
	font-size: 0.9em;
	font-style: italic;
	display: block;
	clear: both;
	}

}

@media screen and (max-width: 740px) 	{
	.left-col { width: 100%; }
	.sidebar { width: 100%; }
	
	.container-image-magnifier {
	margin: -31px 0 0 192px;
	width: 30px;
	height: 27px;
	}
	
#mediaspace {
	
	}
	
.timeline-image-float { margin-bottom: 0.5em; }

.ipadhelp {
	padding: 5px;
	background: #E1D8C6;
	font-size: 0.9em;
	font-style: italic;
	display: block;
	clear: both;
	}	
	
}

@media screen and (max-width: 480px) {

.container-image-magnifier {
	margin: -31px 0 0 192px;
	width: 30px;
	height: 27px;
	}
	
.timeline-image-float { margin-bottom: 0.5em; }

.ipadhelp {
	padding: 5px;
	background: #E1D8C6;
	font-size: 0.9em;
	font-style: italic;
	display: block;
	clear: both;
	}	
	
}


@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : landscape) { /** IPad **/
	
.timeline-image-float { margin-bottom: 1em; }

.ipadhelp {
	padding: 5px;
	background: #E1D8C6;
	font-size: 0.9em;
	font-style: italic;
	display: block;
	clear: both;
}
	
	
	}


img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

.kontaktformular input[type=text] {	width: 55%;	}