/* 
    Created on : 27.02.2014, 10:41:06
    Author     : Stefan Müller
*/

body {
    font-family: sans-serif, arial, verdana;
    font-size: 11pt;
    color: #303030;
    background-color: white;
    max-width: 225px;
}
h1 {
    font-weight: 600;
    font-size: 1.1em;
    color: #303030;
    letter-spacing: -0.05em;
    background-color: #efefef;
    text-align: center;
    border: 1px solid #CC0000;
}
h2 {
    font-weight: 600;
    font-size: 1.05em;
}
span.description {
    font-size: 0.9em;
    line-height: 0.9em;
}
a:link {
    color: #0000ff;
    text-decoration: none;
}
a:visited, a:active, a:hover {
    color: #0000ff;
}
a:hover {
    text-decoration: underline;
}
a img.frame {
    width: 150px;
    border: 1px solid #efefef;
}
a img.frameless {
    width: 150px;
    border: 0;
}
a img.full {
	width: 100%;
	margin 0px auto;
	border: 0;
	display: block;
}
a img {
    border: 0;
}
a p {
    margin: 2px;
}
div.price, div.teaser, div.label {
    text-align: center;
    vertical-align: middle;
    color: #303030;
    font-weight: 700;
    font-size: 1.2em;
    padding-top: 6px;
    z-index: 999;
    position: absolute;
}
div.price {
    width: 94px;
    height: 49px;
	background-color: white;
	border-radius: 10px;
	border: 1px solid #efefef;
    transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    left: 162px;
	top: 225px;
}
div.label {
    width: 94px;
    height: 49px;
    transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    left: 130px;
    vertical-align: top;
    padding-top: 2px;
}
div.teaser {
    left: 81px;
}

.flat {
	margin: auto;
	max-width: 100%;
}