* {
	 padding:  0; margin:  0;
}
#kalk {
	border: 2px solid #888888; /* Der Bilderrahmen */
	padding: 10px;
	margin-left: 5px;
	margin-top: 5px;
}
#flyerkalk {
	border: 2px solid #888888; /* Der Bilderrahmen */
	width: 50%; /* Breite des Inhaltbereichs */
	padding: 10px;
}
.gewichtumfang_ok {
    color: #00BB00;
    font-weight: normal;
}
.gewichtumfang_falsch {
    color: #ff0000;
    font-weight: bold;
}
.gewichtauflage_ok {
    color: #00BB00;
    font-weight: normal;
}
.gewichtauflage_falsch {
    color: #ff0000;
    font-weight: bold;
}
.auflage_ok {
    color: #00BB00;
    font-weight: normal;
}
.auflage_falsch {
    color: #ff0000;
    font-weight: bold;
}
.auflage_nutzen {
    color: #ff6600;
    font-weight: bold;
}
.seiten_ok {
	color: #00BB00;
	font-weight: normal;
}
.seiten_falsch {
    color: #ff0000;
    font-weight: bold;
}
.kalk {
    color: #000000;
    font-family: Verdana, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
}
.gesammtpreis {
    font-weight: bold;
}
.einzelpreis {
    font-weight: normal;
}
.buchruecken {
    font-weight: normal;
}

/* =========================================  info feld  =========================================== */
a.info {
	text-decoration: none;
	background-image: url(http://www.copyhouse.de/images/info-punkt.gif);
	background-repeat: no-repeat;
	float:right; 
	padding: 0px 5px 0px 5px;
	margin-left: 5px;
}
span.infopopup {
	display: none;
}
a.info:hover span {
	display: block;
	position: absolute;
	width: 240px;
	height: auto;
	font-size: 90%;
	font-weight: normal;
	background: #ececec;
	border-left: 1px;
	border-top: 1px;
	border-right: 2px;
	border-bottom: 2px;
	border-color: #b8b8b8;
	border-style: solid;
	text-decoration: none;
	margin-left: -270px;
	margin-top: -13px;
	padding: 8px 10px 8px 10px;
}
.hyper-info {
	
}