/* =========================
 * Components in all Columns
 * ========================= */
.title,
.title h1,
.title h2 {
	color:#e10022;
}
.content .title {
	margin-top:20px;
	margin-bottom:17px;
	padding-top:0;	
}
.extra .title,
.left-extra .title {
	margin-top:20px;
	margin-bottom:17px;	
	padding-top:0;	
	font-weight:bold;
}
.reference {	
	margin: 5px 0px;
	margin-bottom:25px;
	border-bottom: 1px solid #ebe9ec;
	width: 179px;
}
.reference-big {
	width: 405px;
	margin: 15px 0;
	border-bottom: 1px solid #ebe9ec;
}
.reference a:before {
	content:"";
}
.reference-logo {	
	border-left: 1px solid #ebe9ec;
	border-top: 1px solid #ebe9ec;
	background: #eee;	
	float: left;
	width: 88px;
	height: 88px;
}
.reference-big .reference-logo {
	width: 100px;
	height: 100px;	
	border-left: 1px solid #ebe9ec;
	border-top: 1px solid #ebe9ec;
}
.reference-logo-last {
	border-right: 1px solid #ebe9ec;
}
.reference-big .reference-logo-last {
	border-right: 1px solid #ebe9ec;
}
.reference .tooltip {
	display: none;
}
.referenceBubble {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1000;
	background-color: #ffffff;
	border: 1px solid #ebe9ec;
	padding: 0;
    width: 123px;
    font-size: 11px;
}
	.referenceBubble .tooltip-title {
		width: 113px;
		padding: 2px 5px;
		background-color: #9d9ba0;
		color: #ffffff; 
		text-align: left;
	}
	.referenceBubble .tooltip-text {
		width: 113px;
		color: #9d9ba0;		
		padding: 14px 5px; 
		text-align: left;
	}	


/* =============
 * Editor Markup
 * ============= */
strong {
	font-weight:bold;
}
em {
	color:#e10022;
	font-style:normal;
}
strong em {
	font-weight:bold;
	font-style:italic;
}

/* ==================
 * Content Components
 * ================== */
.content h1 {
color:#e10022;
font-family: "Trebuchet MS";
font-size:15px;
margin: 0 0 5px 0;
width:385px;
}
.content h2 {
color:#e10022;
font-family: "Trebuchet MS";
font-size:15px;
font-weight:bold;
margin-top:0;
}
.content p,
.content pre,
.content .box {
margin-top:0px;
margin-bottom:25px;
padding-top:0;
}
.content img {
margin-bottom:32px;
}
.content a:hover {
text-decoration:underline;
}

.content .box {
padding:10px 17px;
margin-bottom:25px;
}
.content .news {
padding:0;
margin-bottom:15px;
}
.news li {
padding-bottom:10px;
}
.content div.box {
background:#a8a38f;
color:#fff;
}
.content div.news {
background:#fff;
color:#fff;
clear:both;
overflow:hidden;
}
.content .box p {
margin-bottom:0;
}

.news .date {
color:#e10022;
margin-bottom:6px;
}

.product-teaser {
margin-top:17px;	
margin-bottom:10px;
}
.product-teaser h1 {
text-indent:-999em;
overflow:hidden;
background:url(/images/product-teaser-headline-de.gif?011136) top left no-repeat;
width:406px;
height:32px;
margin:0;
padding:0;
}
.product-teaser .pt-content {
background:url(/images/product-teaser-bg-content.gif?011136) repeat-y;
padding-left:12px;
padding-top:5px;
}
.product-teaser .pt-content p {
margin-bottom: 10px;	
}
.product-teaser select {
width:auto !important;
}
.product-teaser .pt-footer {
background:url(/images/product-teaser-bg-footer.gif?011136) top left no-repeat;
width:406px;
height:14px;
}
.product-teaser .submit {
position:relative;
top:19px;
}
.content a.image-link:before {
	content: "";
}
.content a.image-link:hover {
	text-decoration: none;
}
.content a.image-link img {
	margin-bottom: 15px;
}
.gallery {
	clear: both;
	overflow: hidden;
	font-size: 1px;
	padding: 4px 0;
}
.gallery a:before {
	content: "";
	letter-spacing: none;
}
.gallery a {
	margin: 0;
	padding: 0;
}
.gallery img {
	vertical-align: middle;		
	width: 95px;
	height: 95px;
	margin: 0;
	padding: 0;
	margin-bottom: 4px;
	margin-left: 4px;
}
/* ====
 * Wide
 * ==== */
.wide img {
border:10px solid white;
margin-left:1px;
}

/* ================
 * Extra Components
 * ================ */
.extra .title-wrapper {
padding:0 10px;
}
.extra .title {
font-weight:bold;
margin-bottom:7px;
font-size:15px;
}
.extra .box .content {
padding:0 10px;
padding-bottom:5px;
line-height:15px;
}
.extra .box .content p {
margin-top:0;
padding-top:0;
}

.extra .downloads {
margin-left:10px;
margin-top:17px;
margin-bottom:17px;
}
.extra .downloads h1 {
margin-bottom:10px;	
}
.extra .downloads-content {
margin-bottom:17px;
}
.extra .news {	
	padding: 0 10px 25px 10px;
	margin:0 10px;
}
.extraImage {
	overflow: hidden;
	width: 180px;
}
.extra .extraImage {
	width: 205px;
	margin: 10px;
}
.downloads .file {
	display:block;
	background-image: url(/images/mime/default.gif?011136);
	background-repeat: no-repeat;
	padding: 2px 0 6px 22px;
	line-height: 16px;
}
.downloads .gif,
.downloads .jpg,
.downloads .png,
.downloads .tif {
	background-image: url(/images/mime/image.gif?011136);
}
.downloads .zip {
	background-image: url(/images/mime/zip.gif?011136);
}
.downloads .pdf {
	background-image: url(/images/mime/pdf.gif?011136);
}
.downloads .doc {
	background-image: url(/images/mime/doc.gif?011136);
}

.downloads a,
.downloads a:link {
	font-weight:normal;
}

.login input.text {
	width: 167px;
}
.login label {
	margin-top:2px;
	margin-bottom:2px;
}
.extra .flash-component,
.extra .reference {
	padding: 0 10px 25px 10px;
	margin:0 10px;
}

/* ==========
 * Left-Extra
 * ========== */
.left-extra .title {
font-weight:bold;
padding-bottom:7px;
}
.left-extra .title h1 {
font-size:15px;
}
.left-extra .title h2 {
font-size:11px;
}
.left-extra p {
line-height:15px;
}
.left-extra a:hover {
text-decoration:underline;
}
.left-extra .news h1.title {
font-size: 15px;
padding-bottom:0;
}
