@CHARSET "ISO-8859-1";

/* GENERAL SETTINGS */

#content #type_selector {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	background-color: #e5e5e5;
	text-align: center;
	border: #7b7b7b 1px solid;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#content #type_selector td a:link, #content #type_selector td a:visited, #content #type_selector td a:active {
	text-decoration: none;
	color: #000000;
}

#content #type_selector td a:hover {
	color:#ED1C24;
}

#content .angebote_table {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	border-spacing: 0px;
	margin-top: 15px;
	padding: 0px;
}

#content .angebote_table td.image {
	background-color: #E5E5E5;
	width: 200px;
	border-width: 1px 0px 1px 1px;
	border-color: #7B7B7B;
	border-style: solid;
	border-top-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-bottom-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	vertical-align: middle;
	text-align: center;
	padding-top: 6px;
	padding-bottom: 4px;
}

#content .angebote_table td.image img.image {
	/* width: 150px; */
	height: 113px;
	border-style: solid;
	border-width: 1px;
	border-radius: 10px;
	border-color: #E5E5E5;
}

#content .angebote_table td.image div.no_image_found {
	width: 150px;
	height: 113px;
	border-style: solid;
	border-width: 1px;
	border-radius: 10px;
	border-color: #AFAFAF;
	color: #C7C7C7;
	font-weight: bold;
	font-style: italic;
	/* vertical-align: middle; */
	display: inline-block;
}
#content .angebote_table .ueberschrift {
	font-weight: bold;
	background-color: #e5e5e5;
	padding-left: 10px;
	border-width: 1px 1px 0px 0px;
	border-color: #7B7B7B;
	border-style: solid;
	border-top-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
}

#content .angebote_table .ueberschrift::after {
	
}

#content .angebote_table .description {
	padding-left: 15px;
	font-size: smaller;
	border-style: solid;
	border-width: 0px 1px 0px 0px;
	border-color: #7B7B7B;
}

#content .angebote_table .description::after {
	
}

#content .angebote_table .preis {
	text-align: right;
	font-weight: bold;
	border-width: 0px 1px 1px 0px;
	border-color: #7B7B7B;
	border-style: solid;
	border-bottom-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
}

.imagezoom img.image
{
	height: 113px;
	border-style: solid;
	border-width: 1px;
	border-radius: 10px;
	border-color: #E5E5E5;
	
	-webkit-transition-property: all;
	-webkit-transition-duration: 1s;
	-webkit-transition-timing-function: ease;
	-moz-transition-property: all;
	-moz-transition-duration: 1s;
	-moz-transition-timing-function: ease;
	-o-transition-property: all;
	-o-transition-duration: 1s;
	-o-transition-timing-function: ease;
	transition-property: all;
	transition-duration: 1s;
	transition-timing-function: ease;
	
	/* -webkit-transition-delay: 1s; */
	/* -moz-transition-delay: 1s; */
	/* -o-transition-delay: 1s; */
	/* transition-delay: 1s; */
}

.imagezoom img.zoom
{
	height: 452px !important;
	border-style: solid;
	border-width: 1px;
	border-radius: 10px;
	border-color: #E5E5E5;
	
	-webkit-transition-property: all;
	-webkit-transition-duration: 1s;
	-webkit-transition-timing-function: ease;
	-moz-transition-property: all;
	-moz-transition-duration: 1s;
	-moz-transition-timing-function: ease;
	-o-transition-property: all;
	-o-transition-duration: 1s;
	-o-transition-timing-function: ease;
	transition-property: all;
	transition-duration: 1s;
	transition-timing-function: ease;
	
	/* -webkit-transition-delay: 1s; */
	/* -moz-transition-delay: 1s; */
	/* -o-transition-delay: 1s; */
	/* transition-delay: 1s; */
}

@media only screen
and (min-width : 320px)
and (max-width : 827px)
{
	#content .angebote_table td.image
	{
		width: 120px;
	}
	
	#content .angebote_table td.image img.image,
	#content .angebote_table td.image div.no_image_found
	{
		width: 100px;
		height: auto;
	}
	
	#content .angebote_table .ueberschrift
	{
		font-size: smaller;
	}
	
	#content .angebote_table .description
	{
		font-size: 12px;
	}
	
	#content .angebote_table .preis
	{
		font-size: small;
	}
	
	#content
	{
		min-width: 303px !important;
		max-width: 94%;
	}
}