div#marktplatz
{
	margin-top: 36px;
}

div.Marktplatzueberschrift
{
	font-weight: bold;
	margin-bottom: 10px;
	clear: both;
}

div.imgframe
{
        overflow: hidden;
}

div.scalable
{
        cursor: pointer;
}

div.featimg, div.angimg
{
	margin-bottom: 10px;
        height: 200px;
        width: 200px;
}

div.logoimg
{
	display: inline-block;
	text-align: center;
        height: 60px;
        width: 260px;
}

div#beschreibungsbox
{
	margin-bottom: 30px;
}

div.Kachelbox
{
	text-align: center;
}

div.Marktplatzkachel
{
	display: inline-block;
	background-color: #f2f2f2;
	width: 210px;
	padding: 10px 0px 10px 10px;
	margin-right: 15px;
	margin-bottom: 30px;
	height: 270px;
	font-size: 10pt;
	text-align: left;
	vertical-align: top;
}

div.Inaktiv
{
	border: 2px solid red;
}

div.angdetails
{
	display: none;
	position: absolute;
	left: calc(50% - 269px);
}

div.detailschliessX
{
	top: 10px;
	right: 20px;
	cursor: pointer;
	position: absolute;
}

div.navbutton
{
	user-select: none;
        height: 50px;
        width: 50px;
        position: absolute;
        z-index: 10;
        padding: 10px;
        font-size: 40pt;
        font-weight: 1000;
        font-family: "Courier New", Courier, monospace;
        color: white;
        -webkit-transform: scale(0.9,1.6);
        -moz-transform: scale(0.9,1.6);
        -ms-transform: scale(0.9,1.6);
        -o-transform: scale(0.9,1.6);
        transform: scale(0.9,1.6);
        top: 140px;
        cursor: pointer;
}

div.backbutton
{
        left: 0px;
}

div.nextbutton
{
        right: 0px;
        text-align: right;
}

div.inactivenavigationbutton
{
	display: none;
}

div#detailviewer
{
        display: none;
        position: absolute;
        z-index: 100000;
        height: 0px;
        width: 100%;
        text-align: center;
}

div#angebotsbereich a
{
	color: white;
	font-weight: bold;
}

div#angebotsbereich
{
        background-color: #ac1548;
        color: white;
        padding: 22px 10px;
        border-radius: 10px;
        width: 518px;
        margin-bottom: 26px;
}

div.angebotstitel
{
        font-weight: 600;
        padding: 4px 4px;
}

div.angebotstext
{
	margin-bottom: 10px;
        padding: 4px 0px 26px 50px;
	max-height: 400px;
	overflow: auto;
	width: calc(100% - 100px);
	text-align: left;
}

div.angebotsbildwrapper
{
        display: inline-block;
	vertical-align: top;
}

div.bildbeschreibung
{
	max-width: 200px;
	display: inline-block;
	font-size: 0.7em;
	text-align: left;
	padding-bottom: 20px;
	min-height:20px;
}

div.Marktplatzkachel a.textlink
{
	color: black;
}

div.Marktplatzkachel:nth-child(4),div.Marktplatzkachel:nth-child(8),div.Marktplatzkachel:nth-child(12),div.Marktplatzkachel:nth-child(16),div.Marktplatzkachel:nth-child(20),div.Marktplatzkachel:nth-child(24)
{
        margin-right: 0px;
}

div.altesAngebot div
{
	opacity: 0.5;
}

div.altesAngebot a.textlink
{
        color: lightslategrey;
}

div.angteaser
{
	cursor: pointer;
}

div.textlink
{
	color: #bf4f77;
}

div.paginationarea
{
        margin-bottom: 24px;
        text-align: center;
	clear: both;
}

div.pagination
{
        display: inline-block;
}

div.pagback, div.pagforward
{
        color: #636363;
        float: left;
        width: 30px;
        height: 30px;
        line-height: 2;
        cursor: default;
	cursor: pointer;
	user-select: none;
}

div.pagback
{
        text-align: center;
}

div.pagforward
{
        text-align: left;
}

div.pagebutton
{
        color: #404040;
        line-height: 1.42857143;
        margin-left: -1px;
        margin-right: 6px;
        padding: 0px 12px;
        text-decoration: none;
        position: relative;
        float: left;
        border-right: 1px solid black;
        margin-top: 6px;
	cursor: pointer;
	user-select: none;
}

div.lastpag
{
        border:none;
}

div.pagination div.active
{
        color: #bf4f77;
        cursor: default;
}

div.paginactive
{
	cursor: default;
}

div.Marktplatzkachel div.adminrow
{
	margin-left: 10px;
	opacity: 1;
}

div.Marktplatzkachel div.adminrow div
{
	opacity: 1;
}

@media only screen and (max-width: 960px)
{
	div.Kachelbox
        {
                text-align: center !important;
        }


	div#marktplatz
	{
		width: 92%;
	}

	div.Marktplatzkachel:nth-child(4),div.Marktplatzkachel:nth-child(8),div.Marktplatzkachel:nth-child(12),div.Marktplatzkachel:nth-child(16),div.Marktplatzkachel:nth-child(20)
	{
        	margin-right: 20px;
	}
}

@media only screen and (max-width: 640px)
{
	div.Marktplatzueberschrift
	{
		margin-left: 10px;
                margin-right: 10px;
	}

	div.Marktplatzkachel
	{
		width: calc(100% - 30px);
		margin-left: 10px;
		margin-right: 10px;
	}

	div.angimg
        {
		margin-left: auto;
                margin-right: auto;
	}

	div.angdetails
	{
		left: calc(50% - 210px);
	}

	div#angebotsbereich
	{
		width: 400px;
	}
}

@media only screen and (max-width: 528px)
{
	div#detailviewer div#angebotsbereich
	{
		width: calc(100% - 20px);
	}

	div.angdetails
        {
                left: 0px;
		width: 100%;
        }
}

@media only screen and (max-width: 300px)
{
	div.angimg
        {
                width: 100%;
        }

        div.angimg img
        {
                width: 94% !important;
        }
}