* {

	 padding:  0; margin:  0;

}



/* =========================================  Flyer Kalkulator  =========================================== */

#kalk {

	border: 1px solid #C6C6C6; /* Der Bilderrahmen */

	padding: 5px;

	margin-left: 5px;

	margin-top: 15px;

}

#flyerkalk {

	border: 1px solid #C6C6C6; /* Der Bilderrahmen in Blau #0096d9 */

	width: 400px; /* Breite des Inhaltbereichs */

	padding: 10px;

	margin-top: 15px;

	margin-left: 5px;

}

/* =========================================  Buch Kalkulator =========================================== */

.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;

}

.kalkulationsansicht {

	border: thin solid Gray;

}

.kalkulationsansicht br {

	margin: 5px;

	padding: 5px;

}

.kalkulationsansicht p {

	margin: 5px;

}



/* =========================================  Kalkulator =========================================== */



.buchkalk {

	background: Gray;

	background-color: #E4E4E4;

	border: thin dotted Gray;

}



/* =========================================  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: 0px 0px 0px 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 {

	

}



/* =========================================  Bestellen  =========================================== */

.zahlbox_deaktiv {

	margin-left: 10px;

	float: left;

	font: normal;

	color: #B9B9B9;

	border: medium solid #B9B9B9;

}

.zahlbox_aktiv {

	margin-left: 10px;

	float: left;

	font: normal;

	color: Black;

	border: medium solid Black;

}

.zahlbox_deaktiv a{

   text-decoration: none;

	color: #B9B9B9;

}

div.spacer {

	clear: both;

}