/*
 * Standard module-300-px implementation looks like
 * the following example:
 *
 * <!-- 300-px-Modul -->
 * <div id="ID" class="module-300-px">
 * 	<div class="top_line">
 *		<div class="area">
 * 			BEREICH
 * 		</div>
 * 		<div class="title">
 * 			TITEL
 * 		</div>
 * 	</div>
 * 
 * 	<!-- Modulspezifischer Rumpf -->
 *     
 * </div>
 */

.module-300-px-kurz {
	position: relative;
	
	width: 300px; /* <- für IE */
	
	height:auto;
	padding: 7px 16px 7px 16px;
  border: 1px solid #B3B3B3;
  /*border: 1px solid #CDCDCD;*/
	overflow: hidden;
	background-image: url(../images/site_design/Hintergrund_Verlauf_grau_Neu.gif);
	background-repeat: repeat-x;
	background-position: top;
	background-color: white;
}

html>body .module-300-px-kurz 
{
  width: 268px;
}

.module-300-px-kurz > .area,
.module-300-px-kurz > .top_line > .area {
	display: inline-block;
	width: 60px;
	height: 26px;
	line-height: 21px;
	text-align: center;
	color: white;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 14px;
	font-family:Arial,Courier,Helvetica,sans-serif;
	
	background-image: url(../images/site_design/Top_Line_HG_kurz.gif);
	background-repeat: no-repeat;
	background-position: top,left;
}

.module-300-px-kurz .title {
	display: inline-block;
	position: absolute;
	left: 76px;
	top: 7px;
	width: 198px;
	height: 26px;
	line-height: 21px;
	border-bottom: 1px solid #7D7D7D;
	padding-left: 8px;
	color: #7D7D7D;
	font-weight: bold;
	font-size: 14px;
	font-family:Arial,Courier,Helvetica,sans-serif;
	overflow: hidden;
}