@charset "utf-8";
/* CSS Document: Maly-Alarm */
html, body, p, div, h1, h2, h3, .h3, ul, ol, li, table {
	margin: 0;
	padding: 0;
}
html, body {
	width: 100%;
	height: 100%; /*fuer vertikalen Scrollbalken*/
}
body {
	border-bottom: 1px solid #ffffff; /* fuer vertikalen Scrollbalken*/
	background-color: #ffffff;
	background-image: url(../images/framework/bg-flow.jpg);
	background-repeat: repeat-x;
}
	body.mceContentBody {
		background-image: none;
	}
body, p, div, li, td, label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #333333;
}
p {
	padding: 0 0 0.7em 0;
}
h1, h2, h3, .h3 {
	font-family: Arial, Helvetica, sans-serif;
	padding: 1.3em 0 0.7em 0;
	line-height: 1.2em;
}
	.teaser .teaser-box h2 {
		line-height: 100%;
	}
h1 { /* Kapitel-Ueberschrift */
	font-size: 20px;
	font-weight: normal;
	text-transform: uppercase;
}
h2 {
	font-size: 16px;
	font-weight: bold;
}
	h2.space {
		margin-top: 12px;
	}
	h2 a {
		font-size: 12px;
	}
h3, .h3 {
/*	font-family: Verdana, Geneva, sans-serif;*/
	font-size: 14px;
	font-weight: bold;
}
ul {
	margin: 0 0 12px 20px;
}
	ul li {
		padding: 0 0 8px 18px;
		list-style-type: none;
		background-image: url(../images/framework/li-maly.gif);
		background-position: 0 4px;
		background-repeat: no-repeat;
	}
	ul.checkbox {
		margin: 18px 0;
	}
		ul.checkbox li {
			padding: 0 0 8px 0;
			list-style-type: none;
			background-image: none;
		}
ol {
	margin: 0 0 12px 50px;
}	
	ol li {
		padding: 0 0 8px 0;
/*		background-image: none;
		list-style-type: decimal; */
	}
	
.noStyleType, .noStyleType10 {
	list-style-type: none;
	margin-left: 30px !important;
}
	.noStyleType li {
		text-indent: -28px;
	}
	.noStyleType10 li {
		text-indent: -36px;
	}
	
ul.noStyle li {
		margin-left: 20px;
		padding: 0;
		list-style-type: none;
		background-image: none;
		list-style-type: circle;
		text-indent: 0px;
}	
	
img {
	border: 0;
}
	img.block {
		z-index: 9999;
		position: absolute;
		display: block;
		margin: 0;
		padding: 0;
		width: 100%;
		height: 100%;
	}
a {
	color: #d21e0f;
/*	font-family: Verdana, Geneva, sans-serif; */
	font-weight: bold;
/*	font-size: 11px; */
	text-decoration: none;
	margin: 0 4px 0 4px;
	padding: 0 0 0 16px;
	background-image: url(../images/framework/link-maly.jpg);
	background-position: 0 2px;
	background-repeat: no-repeat;
}
	a:hover {
		text-decoration: underline;
	}
	a.block {
		display: block;
		margin: 0;
		padding: 0;
		width: 100%;
		height: 100%;
	}
	a.button {
		text-decoration: none;
	}
	a.newline {
		display: block;
		margin: 6px 0;
		line-height: 14px;
	}
	a.extern {
	}
		a.extern:hover {
		}
	a.nodeco {
		text-decoration: none !important;
	}
		a.nodeco:hover {
			text-decoration: none !important;
		}
	.noLink, .disabled-txt { /* Text-Farbe für inaktiven Link */
		color: #bbbbbb;
	}
	.noLink {
		font-weight: bold;
	}
	.date { font-weight: normal !important; }
	
		#nav .noLink { /* Text-Farbe für inaktiven Link (kein a-Tag) in der Navigation (=aktives Menue) */
			color: #d21e0f;
		}
	.noImg {
		padding: 0;
		margin: 0;
		background-image: none !important;
	}

.important {
	z-index: 9999 !important;
}
.very-important 
{
	z-index: 99999 !important;
}
.highlight {
	background-color: #ff6;
}
.preis-alt {
	text-decoration: line-through;
	color: #666666;
}
.preis-neu {
	color: #d21e0f;
}


/* ---- Link ueber gesamte Teaser-Box ---- */
	.teaser a.absolute {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 999;
		display: block;
		margin: 0;
		padding: 0;
		width: 100%;
		height: 100%;
		background-image: none !important;
		text-decoration: none !important;
	}
		.teaser a.absolute:hover {
			background-image: none !important;
			text-decoration: none !important;
		}
		.teaser a.absolute img {
			position: absolute;
			top: 0;
			left: 0;
			display: block;
			margin: 0;
			padding: 0;
			width: 100%;
			height: 100%;
		}
/* -------------------------------------- */

/* -------------- Popups ---------------- */
.popup {
	z-index: 15;
	position: absolute;
	border: 2px solid #6e7884;
	width: 280px;
	min-height: 100px;
	cursor: help;
/*	cursor: pointer; */
	background-color: #ffffff;
}
.popupFeatures {
	width: 350px;
}
	.popup .popup-content {
		position: relative;
		margin: 10px;
	}

.popup-arrow-left {
	z-index: 19;
	position: absolute;
	width: 85px;
	height: 40px;
	cursor: help;
	background-image: url(../images/framework/popup-arrow-left.png);
}
.popup-arrow-right {
	z-index: 19;
	position: absolute;
	width: 85px;
	height: 40px;
	cursor: help;
	background-image: url(../images/framework/popup-arrow-right.png);
}

/* -------------------------------------- */

.notheme {
	color: #333333 !important;
}
h1.notheme, h2.notheme, h3.notheme {
	padding: 1.3em 0 0.7em 0 !important;
}

.breadcrumb, .breadcrumb a {
	font-size: 11px;
	margin: 0;
}
	.breadcrumb .breadcrumb-item {
		float: left;
		margin-right: 8px;
		font-size: 11px;
		font-weight: bold;
		color: #969696;
	}

#aspnetForm {
	/* ASP macht autom. ein Form-Tag, Opera zeigt den Hintergrundverlauf nicht an, deshalb dieses Style */
	display: inline;
}
	form.contact {
	}
		form.contact .contact,
		.googleMap {
			border: 1px solid #666;
		}

/* ----  SPEZIELLE FARBEN  ---- */
.color-maly, .color-error {
	background-color: #d21e0f !important;
}
.color-maly-txt {
	color: #d21e0f !important;
}
.color-news {
	background-color: #95957c !important;
}
.color-news-txt {
	color: #95957c !important
}
.color-solutions {
	background-color: #6e7884 !important;
}
.color-solutions-txt {
	color: #6e7884 !important;
}
.color-products {
	background-color: #839f56 !important;
}
.color-products-txt {
	color: #839f56 !important;
}
.color-lexicon {
/*	background-color: #7d7481 !important; */
	background-color: #457991 !important;
}
.color-lexicon-txt {
	color: #457991 !important;
}
.color-aboutus {
	background-color: #9f5656 !important;
}
.color-aboutus-txt {
	color: #9f5656 !important;
}
.color-experttip {
	background-color: #567a9f !important;
}
.color-experttip-txt {
	color: #567a9f !important;
}
/* ---------------------------- */
.no-txt-trans {
	text-transform: none !important;
}
.error-msg,
.error-msg-vspace {
	font-weight: bold;
	color: #d21e0f;
}
	.error-msg ul,
	.error-msg-vspace ul {
		margin-top: 8px;
		margin-bottom: 12px;
		color: #000000;
	}
		.error-msg li,
		.error-msg-vspace li {
			font-weight: normal;
			background-image: url(../images/framework/li-maly.gif) !important;
		}
		
.error-msg-vspace {
	margin-top: 14px;
}

.btn-send {
	margin: 8px 0 16px;
}
.p-half {
	height: 0.2em !important;
}
.top {
	margin-top: 0 !important;
	padding-top: 0 !important;
}
.note {
	font-size: 13px;
	line-height: 16px;
}
.hidden {
	visibility: hidden;
	position: absolute;
	top: -1000em;
	left: -1000em;
	height: 0;
	width: 0;
	overflow: hidden;
}
.left {
	float: left !important;
}
.right {
	float: right !important;
}
.tiny-left {
	float: left;
	margin: 0 18px 18px 0;
}
.tiny-right {
	float: right;
	margin: 0 0 18px 18px;
}
.clear {
	clear: both;
}
.clear-right {
	clear: right;
}
.clear-left {
	clear: left;
}
.px0 {
	height: 0px !important;
	margin: 0 !important;
	padding: 0 !important;
}
.nowrap {
	white-space: nowrap;
}
.bold {
	font-weight: bold;
}
.inactive-opacity {
	zoom:1;
	opacity: 0.3; /* CSS3 (neuere Browser außer Internet Explorer) */
	filter: alpha(opacity=30); /* Internet Explorer 4-7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; /* Internet Explorer 8 */
    -moz-opacity:0.3; /* Gecko (ältere Mozilla-Browser)  */
    -khtml-opacity:0.3; /* alte Versionen von Konqueror oder Safari */
	
	cursor: default !important;
}
.teaser-help-h {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 1px;;
	left: 56px;
}
.search-result {
	margin: 8px 0 8px;
}
.search-result img {
	margin-right: 4px;
}
/* ----  R O L L O V E R  (ohne JavaScript)  ---- */
a img.no, a:hover img.ro, a.aktiv img.ro {
	display: inline;
}
a img.ro, a:hover img.no, a.aktiv img.no {
	display: none;
}
a:hover {
	width: auto;
}
/* ---------------------------------------------- */

/* ---- features ---- */
.feature-icons-klein {
	margin: 6px 6px 0 0;
	cursor: help;	
}
.feature-icons-mittel, .feature-icons-mittel-last {	
	margin: 10px 10px 0 0;
	cursor: help;
}
.feature-icons-mittel-last {
	margin-right: 0 !important;
}
.feature-icon-large {
	margin: 11px 0 7px 12px;
}


/* ---- #container = zentrierte Box ---- */
#container {
	z-index: 5;
	position: relative;
	margin: 0 auto;
	width: 980px;
	background-color: transparent;
	background-image: none;
}
/* ---- #main-frame beinhaltet #main und positionierte Elemente (zB Hintergrundillustrationen) ---- */
	#main-frame {
		position: relative;
		width: 100%;
	}
/* ---- #main beinhaltet Kopf, Navigation, Content und Rahmen ---- */
		#main {
			z-index: 6;
			position: relative;
			width: 100%;
		}
/* ---- KOPF mit LOGO und INFOBOX ---- */	
			#head {
				position: relative;
				top: 0;
				left: 0;
				width: 100%;
				height: 112px;
				background-image: url(../images/framework/head.jpg);
				background-position: top left;
				background-repeat: no-repeat;
			}
				#infobox {
					position: absolute;
					right: 10px;
					bottom: 0;
					width: 324px;
					height: 60px;
					/*border: 1px dotted white;*/
					overflow: hidden;
				}
					.random-txt {
						position: absolute;
						text-align: right;
						bottom: 17px;
						right: 20px;
						margin: 0;
						font-family: Verdana, Geneva, sans-serif;
						font-size: 11px;
						line-height: 15px;
						color: #ffffff;
						font-weight: normal;
					}
					.random-txt .strong {
						font-weight: bold;
					}
/* ---- NAVIGATION ---- */
			#nav-container {
				position: relative;
				width: 100%;
				height: 53px;
				background-image: url(../images/framework/bg-nav.jpg);
				background-position: top left;
				background-repeat: no-repeat;			
			}
				#nav {
					position: relative;
					text-align: center;
				}
					#nav a {
						text-decoration: none;
						color: #494949;
						font-family: Arial, Helvetica, sans-serif;
						font-size: 16px;
						line-height: 53px;
						font-weight: normal;
						margin: 0 0 0 36px;
						padding: 0;
						background-image: none;
						background-color: transparent;
					}
						#nav a.first { /* fuer den ersten Menueeintrag, damit auch alles schoen zentriert ist... */
							margin-left: 0;
						}
						#nav a:hover  {
							text-decoration: none;
							color: #d21e0f;
						}

/* ---- INHALT mit RAHMEN ---- */
			#content-container {
				z-index: 5;
				position: relative;
				width: 100%;
			}
				/* Rahmen links vom Inhalt */
				#content-border-left {
					position: absolute;
					top: 0;
					left: 0;
					width: 10px;
					height: 100%;
					background-image: url(../images/framework/bg-content-left.jpg);
					background-repeat: repeat-y;				
				}
					#content-border-topleft {
						z-index: 9;
						position: absolute;
						top: 0;
						left: 0;
						width: 10px;
						height: 100%;
						background-image: url(../images/framework/bg-content-topleft.jpg);
						background-position: top left;
						background-repeat: no-repeat;
					}
				/* Rahmen rechts vom Inhalt */
				#content-border-right {
					position: absolute;
					top: 0;
					right: 0;
					width: 10px;
					height: 100%;
					background-image: url(../images/framework/bg-content-right.jpg);
					background-repeat: repeat-y;				
				}
					#content-border-topright {
						z-index: 9;
						position: absolute;
						top: 0;
						right: 0;
						width: 10px;
						height: 100%;
						background-image: url(../images/framework/bg-content-topright.jpg);
						background-position: top left;
						background-repeat: no-repeat;
					}
	/* .......  I N H A L T  ....... */
				#content {
					z-index: 99;
					position: relative;
					top: 0;
					left: 10px;
					width: 960px;
					min-height: 300px;
					/* overflow: hidden; */
					background-color: #ffffff;
					background-image: url(../images/framework/bg-content-top.jpg);
					background-position: top left;
					background-repeat: no-repeat;
				}
					#content-spacebox {
						position: relative;
						padding: 30px 30px 20px 30px;
					}
					
				/*---- BEREICH/ABSCHNITT ---- */
						.section {
							/* margin: 20px 0 0 0; */
						}
	
						
					/*---- Breite Spalte ---- */					
							.colLarge {
/*								z-index: 9; */
								position: relative;
								width: 543px;
								float: left;
							}
								.colLarge p {
									/*
									margin: 0;
									padding: 0;
									*/
								}
								.col-half { /* wenn innerhalb der breiten Spalte zwei spalten bzw. eine halbe Spalte gebraucht werden... */
									position: relative;
									width: 250px;
								}
									.product-search-illu {
										position: relative;
										margin: 6px 0 10px 28px;
										width: 175px;
										height: 190px;
										background-image: url(../images/framework/product-search-illu.jpg);
										background-repeat: no-repeat;
									}
								.col-infobox {
									width: 290px;
									float: right;
									position: relative;
								}
									.infobox-container {
										position: relative;
										top: -30px;
										left: 35px;
									}
										.infobox-space {
											position: relative;
											width: 268px;
											height: 44px;
										}
										.infobox {
											position: relative;
											width: 268px;
											background-image: url(../images/framework/infobox-content.gif);
											border: 1px solid #ffffff;
										}
											.infobox .infobox-arrow {
												position: absolute;
												left: 267px;
												top: 20px;
												width: 38px;
												height: 58px;
												background-image: url(../images/framework/infobox-arrow.gif);
												background-repeat: no-repeat;
											}
											.infobox .infobox-top {
												position: absolute;
												top: 0;
												left: 0;
												width: 100%;
												height: 8px;
												background-image: url(../images/framework/infobox-top.gif);
												background-repeat: no-repeat;
											}
											.infobox .infobox-bottom {
												position: absolute;
												bottom: 0;
												left: 0;
												width: 100%;
												height: 8px;
												background-image: url(../images/framework/infobox-bottom.gif);
												background-repeat: no-repeat;
											}
											.infobox .infobox-content {
												margin: 8px 8px 1px;
											}
												.infobox .infobox-content h3 {
													margin: 0 0 10px 0;
													padding: 0;
												}
								
						/*---- AKTUELLES-Artikel ---- */
								.colLarge .article {
								}
								.colLarge .news h2, .colLarge .news h3 {
									color: #95957c;
								}
									.colLarge .news .news-link {
										margin: 10px 0 16px;
									}					
									.colLarge .news ul li {
										background-image: url(../images/framework/li-news.gif);
									}
									
									/* Link-Formatierung (.theme-news a) siehe Themen in .colSmall  */
	
									.colLarge .article h2 {
										margin: 0 0 10px 0 !important;
										padding: 0;
									}
									.colLarge .article .date {
										margin: 4px 0;
										padding: 0;
										/* font-family: Arial, Helvetica, sans-serif; */
										font-size: 10px;
										color: #333333;
									}
									.colLarge .article .intro {
										font-weight: bold;
									}
									.colLarge .article .picture {
										margin: 0 0 12px 18px;
									}
							/*---- LOESUNGEN ---- */
								.colLarge .solutions h2, .colLarge .solutions h3 {
									color: #6e7884;
								}
									.colLarge .solutions ul li {
										background-image: url(../images/framework/li-solutions.gif);
									}
									.colLarge .solutions #house {
										position: relative;
										margin: 10px 0 0 0;
									}
										.colLarge .solutions #house .marker {
											z-index: 5;
											position: absolute;
											width: 47px;
											height: 47px;
											/* cursor: pointer; */
											cursor: help;
											background-image: url(../images/framework/house-marker.png);
										}
										.colLarge .solutions #house #houseMap {
											z-index: 9;
										}

									
							/*---- PRODUKTE ---- */								
								.colLarge .products h2, .colLarge .products h3 {
									color: #839f56;
								}
									.colLarge .products ul li {
										background-image: url(../images/framework/li-products.gif);
									}
									
									/* Link-Formatierung (.theme-products a) siehe Themen in .colSmall  */
	
									.colLarge .carousel {
										position: relative;
										width: 100%;
										overflow: hidden;
									}
										.colLarge .carousel .productcategories {
											height: 240px;
										}
										
									.product-search-help {
										position: absolute;
										right: -30px;
									}
	
							/*---- SICHERHEITSLEXIKON ---- */								
								.colLarge .lexicon h2, .colLarge .lexicon h3 {
									color: #457991;
								}
									.colLarge .lexicon ul li {
										background-image: url(../images/framework/li-lexicon.gif);
									}
									
									/* Link-Formatierung (.theme-lexicon a) siehe Themen in .colSmall  */
	
							/*---- UEBER UNS ---- */								
								.colLarge .aboutus h2, .colLarge .aboutus h3 {
									color: #9f5656;
								}
									.colLarge .aboutus ul li {
										background-image: url(../images/framework/li-aboutus.gif);
									}
									
									/* Link-Formatierung (.theme-aboutus a) siehe Themen in .colSmall  */
	
							/*---- KONTAKT ---- */								
								.colLarge .contact h2, .colLarge .contact h3 {
									color: #567a9f;
								}
									.colLarge .contact ul li {
										background-image: url(../images/framework/li-maly.gif);
									}
																		
									/* Link-Formatierung (.theme-aboutus a) siehe Themen in .colSmall  */
	
							/*---- "grosse" TEASER ---- */
								.colLarge .teaser {
									position: relative;
									margin: 0;
									border-bottom: 1px solid #cccccc;
									/*min-height: 113px;*/
									/*border: 1px solid red;*/
								}
								.colLarge .half-teaser-odd {
									float: left;
									width: 264px;
								}
								.colLarge .half-teaser-even {
									float: left;
									width: 264px;
									margin: 0 0 0 15px;
								}
								.colLarge .first-teaser {
									margin-top: 15px;
									border-top: 1px solid #cccccc;
								}
									.colLarge .teaser .teaser-box {
										position: relative;
										margin: 11px 0;
										border-top: 1px solid #ffffff; /* Trick17, damit auch der IE versteht wie gross die teaser-box ist... */
										border-bottom: 1px solid #ffffff; /* Trick17, damit auch der IE versteht wie gross die teaser-box ist... */
									}
										.colLarge .teaser .teaser-box .teaser-thumb {
											float: right;
											width: 87px;
											height: 87px;
											margin: 0;
											padding: 0;
											border: 1px solid #999999; /* Initialwert; wird in der Regel vom Themen-Farbcode ueberschrieben */
											overflow: hidden;
										}
											.teaser-thumb-smallpic, .teaser-thumb-smallfoto { /* Zusaetzlich zu .teaser-thumb, bei kleinenrem Bild (Bspw. Lexikon) */
												float: left !important;
												width: 32px !important;
												height: 32px !important;
												margin-left: 14px !important;
												margin-top: 1px !important;
											}
											.teaser-thumb-smallpic {
												border: 0px !important;
											}
											.teaser-thumb-smallfoto { /* Zusaetzlich zu .teaser-thumb, bei kleinenrem Bild (Bspw. Lexikon) */
												width: 30px !important;
												height: 30px !important;
											}
											
											.colLarge .teaser .teaser-box .teaser-thumb img {
												border: 1px solid #ffffff;
											}
											.colLarge .teaser .teaser-box .teaser-thumb-smallpic img {
												border: 0px !important;
											}
										.colLarge .teaser .teaser-box .teaser-h, .colLarge .teaser .teaser-box h2 {
											margin: 0 0 5px 0;
											padding: 0;
											font-family: Arial, Helvetica, sans-serif;
											font-size: 16px;
											font-weight: bold;
											color: #999999; /* Initialwert; wird in der Regel vom Themen-Farbcode ueberschrieben */
										}
										.colLarge .teaser .teaser-box .teaser-subject {
											margin: 0 0 2px 0;
											padding: 0;
											font-family: Arial, Helvetica, sans-serif;
											font-size: 9px;
											color: #333333;
										}
										.colLarge .teaser .teaser-box .teaser-txt, .colLarge .teaser .teaser-box .teaser-txt p,
										.colLarge .teaser .teaser-box .product-txt, .colLarge .teaser .teaser-box .product-txt p {
											margin: 0;
											padding: 0;
											font-family: Verdana, Arial, Helvetica, sans-serif;
											font-size: 12px;
											line-height: 15px;
											color: #333333;
										}
										.colLarge .teaser .teaser-box .teaser-txt {
											z-index: 99;
											position: relative;
											width: 420px;
										}
											.colLarge .teaser .teaser-box .teaser-txt-smallpic { /* zusaetzlich zu .teaser-txt, wenn Bild links und Text rechts (Bspw. Lexikon) */
												width: 470px;
											}
										.colLarge .teaser .teaser-box .product-txt {
											width: 468px;
											float: right;
										}
										.colLarge .teaser .teaser-box .no-thumb {
											width: auto !important;
										}
											.colLarge .teaser .teaser-box .teaser-txt a.newline {
												margin-bottom: 0;
												padding-bottom: 0;
											}
							/* ---- Themen (Farben, Icons, ...) fuer die Teaser-Boxen in der Spalte .colLarge ---- */
	
								/* sorgt im Zusammenspiel mit JavaScript dafuer, dass bei MouseOver der Link unterstrichen wird */
								.teaser-over a	 { text-decoration: underline !important; }
	
								.colLarge .theme-news .teaser-box .teaser-thumb { border-color: #95957c;}
								.colLarge .theme-news .teaser-box .teaser-h, .colLarge .theme-news .teaser-box h2 { color: #95957c;}
								.colLarge .theme-news a { color: #95957c; background-image: url(../images/framework/link-news.jpg); }
								
								.colLarge .theme-aboutus .teaser-box .teaser-thumb { border-color: #9f5656;}
								.colLarge .theme-aboutus .teaser-box .teaser-h, .colLarge .theme-aboutus .teaser-box h2 { color: #9f5656;}
								.colLarge .theme-aboutus a { color: #9f5656; background-image: url(../images/framework/link-aboutus.jpg); }
	
								.colLarge .theme-products .teaser-box .teaser-thumb { border-color: #839f56;}
								.colLarge .theme-products .teaser-box .teaser-h, .colLarge .theme-products .teaser-box h2 { color: #839f56;}
								.colLarge .theme-products a { color: #839f56; background-image: url(../images/framework/link-products.jpg); }
								
								.colLarge .theme-lexicon .teaser-box .teaser-thumb { border-color: #457991;}
								.colLarge .theme-lexicon .teaser-box .teaser-h, .colLarge .theme-lexicon .teaser-box h2 { color: #457991;}
								.colLarge .theme-lexicon a { color: #457991; background-image: url(../images/framework/link-lexicon.jpg); }
								
								
									.colLarge .lexicon ul li {
										background-image: url(../images/framework/li-lexicon.gif);
									}						
								
						/* ---------------------------------------------------------------------------------- */
	
					/* ---- Schmale Spalte  UND  Popup`s ----*/					
							.colSmall { /* schmale Spalte */
								position: relative;
								width: 296px;
								float: right;
							}
								.colSmall, .colSmall p, .colSmall div, .colSmall li, .colSmall td, .colSmall label,
								.popup, .popup p, .popup div, .popup li, .popup td {
									font-size: 11px !important;
									line-height: 15px;
									text-align: left;
								}
								.colSmall .product-img { /* Box fuer grosses Produktbild */
									position: relative;
									width: 100%;
								}
									.product-img img { /* grosses Produktbild, horizontal zentriert (vertikal nicht notwendig, da die Hoehe vom Bild bestimmt wird) */
										display: block;
										position: relative;
										margin: 0 auto;
									}
								.product-img-thumbs-container {
									position: relative;
									width: 100%;
									margin-top: 12px;
								}
									.product-img-thumbs {
										position: relative;
										float: left;
										width: 52px;
										height: 52px;
										border: 1px solid #839f56;
										margin-right: 6px; 
										overflow: hidden;
									}
										.active-thumb {
											border: 1px solid #000000;
										}
										.last-img-thumb {
											margin-right: 0;
										}
										.product-img-thumbs img {
											display: block;
											position: relative;
											margin: 0 auto;
										}
									
								
								
								.colSmall .teaser {
									position: relative;
									margin: 25px 0 0 0;
								}
									.colSmall .teaser a.teaser-link {
	/*									display: block; */
										margin: 6px 0;
										line-height: 14px;
									}
								.teaser-download {
								}
								.colSmall .first-teaser {
									margin-top: 0;
								}
								.colSmall .section-teaser {
									margin-top: 51px;
								}
									.colSmall .teaser .teaser-bar, .colSmall .teaser .teaser-bar-title,
									.popup .popup-content .popup-bar, .popup .popup-content .popup-bar-title {
										z-index: 5;
										position: relative;
										height: 18px;
										background-color: #999999; /* Initialwert; wird in der Regel vom Themen-Farbcode berschrieben */
									}
									.colSmall .teaser .teaser-event, .colSmall .teaser .teaser-event-disabled {
										z-index: 999;
										position: absolute;
										height: 18px;
										width: 280px;
										overflow: hidden;
										cursor: pointer;
									}
									.colSmall .teaser .teaser-event-disabled {
										cursor: auto;
									}
										.colSmall .teaser .teaser-event img, .colSmall .teaser .teaser-event-disabled img {										
											position: absolute;
											height: 100%;
											width: 100%;
										}
										.colSmall .teaser .teaser-bar-title .arrow-open, .colSmall .teaser .teaser-bar-title .arrow-close {
											position: absolute;
											top: 6px;
											left: 1px;
											width: 8px;
											height: 8px;
											overflow: hidden;
											background-image: url(../images/framework/teaser-arrow-open.png);
											background-repeat: no-repeat;
										}
										.colSmall .teaser .teaser-bar-title .arrow-close {
											top: 5px;
											background-image: url(../images/framework/teaser-arrow-close.png);
										}
										.colSmall .teaser .teaser-bar-title .arrow-txt {
											padding-left: 18px !important;
										}
										
									
									.colSmall .teaser .ui-effects-wrapper .teaser-txt {
										padding: 0 !important;
										margin: 0 !important;
									}
										.colSmall .teaser .ui-effects-wrapper .teaser-txt ul.checkbox {
											margin: 9px 0;
										}
											.colSmall .teaser .ui-effects-wrapper .teaser-txt ul.checkbox li {
/*
												padding: 0 0 8px 0;
												list-style-type: none;
												background-image: none;
*/												
											}
									.colSmall .teaser .teaser-bar-title,
									.popup .popup-content .popup-bar-title {
										z-index: 6;
										position: absolute;
										top: 0;
										left: 4px;
										width: 250px;
										overflow: hidden;
										white-space: nowrap;
										text-transform: uppercase;
										background-color: transparent;
										background-image: none;
										margin: 0 !important;
										padding: 0 !important;
										font-family: Arial, Helvetica, sans-serif !important;
										color: #ffffff !important;
										font-size: 12px !important;
										line-height: 18px !important;
										font-weight: bold !important;
									}
									.colSmall .teaser .teaser-icon,
									.popup .popup-content .popup-icon {
										z-index: 9;
										position: absolute;
										top: -10px;
										right: 0;
										width: 40px;
										height: 40px;
										background-image: none;
										background-position: top left;
										background-repeat: no-repeat;
									}							
									.colSmall .teaser .teaser-h, .colSmall .teaser h2,
									.popup .popup-content .popup-txt .popup-h, .popup .popup-content h2 {
										margin-top: 9px;
										font-family: Verdana, Arial, Helvetica, sans-serif;
										font-size: 11px !important;
										line-height: 15px !important;
										font-weight: bold;
										text-transform: uppercase;
										color: #999999; /* Initialwert; wird in der Regel vom Themen-Farbcode berschrieben */
									}
									.popup .popup-content .popup-txt .popup-h {
										margin-bottom: 4px;
									}
									.colSmall .teaser .teaser-txt {
										z-index: 19;
									}
									.colSmall .teaser .teaser-txt, .colSmall .teaser .teaser-txt p {
										position: relative;
										margin-top: 6px;
										padding: 0;
										font-family: Verdana, Arial, Helvetica, sans-serif;
										font-size: 11px !important;
										line-height: 15px !important;
									}
										.colSmall .teaser .teaser-txt p.truespace {
											margin-bottom: 0.8em;
										}
										.colSmall .teaser .teaser-txt p.halfspace {
											margin-bottom: 2px;
										}
										.colSmall .teaser .teaser-txt p.hotlines {
											width: 70px;
										}
										.colSmall .teaser .teaser-txt .carousel-securityzone {
											position: relative;
											width: 100%;
											overflow: hidden;
											height: 150px;
											margin-top: -15px;
										}
								/* ---- DOWNLOAD ---- */
										.colSmall .teaser-download .teaser-txt {
											padding: 4px 0 0 0;
										}
										.colSmall .teaser .teaser-txt .teaser-download-entry {
											position: relative;
											margin: 0 0 15px 0;
											padding: 0;
										}
											.colSmall .teaser .teaser-txt .teaser-download-entry .teaser-download-entry-pic {
												float: left;
												margin: 0;
												width: 41px;
												height: 41px;
												overflow: hidden;
												background-position: 0px 2px;
												background-repeat: no-repeat;
												background-image: url(../images/framework/download-icon-misc.png); /* Default-Download-Icon */
											}
											.colSmall .teaser .teaser-txt .teaser-download-entry .pdfIcon { background-image: url(../images/framework/download-icon-pdf.png); }
											.colSmall .teaser .teaser-txt .teaser-download-entry .imgIcon { background-image: url(../images/framework/download-icon-img.png); }
											.colSmall .teaser .teaser-txt .teaser-download-entry .videoIcon { background-image: url(../images/framework/download-icon-video.png); }
											.colSmall .teaser .teaser-txt .teaser-download-entry .dataIcon { background-image: url(../images/framework/download-icon-data.png); }
	
											.colSmall .teaser-download .teaser-txt .teaser-download-entry .teaser-download-entry-txtbox {
												float: right;
												width: 239px;
											}
												.colSmall .teaser-download .teaser-txt .teaser-download-entry .teaser-download-entry-txtbox .teaser-download-entry-txt,
												.colSmall .teaser-download .teaser-txt .teaser-download-entry .teaser-download-entry-txtbox .teaser-download-entry-txt p {
/*
													line-height: 10px;
													padding: 0;
													margin: 0;
*/													
												}
												.colSmall .teaser-download .teaser-txt .teaser-download-entry .teaser-download-entry-txtbox .teaser-download-entry-h {
													text-transform: uppercase;
												}
													.colSmall .teaser-download .teaser-txt .teaser-download-entry .teaser-download-entry-txtbox .teaser-download-entry-h a {
														display: block;
														margin-left: 0;
													}
														.colSmall .teaser-download .teaser-txt .teaser-download-entry .teaser-download-entry-h a .size {
															text-transform: none;
															font-weight: normal;
															/* color: #333333; */
														}
								/* EO -- DOWNLOAD ---- */
										.colSmall .teaser .teaser-txt p,
										.popup .popup-content .popup-txt p {
											margin: 0;
										}
										.product-thumb {
											/*float: left;
											position: relative;
											width: 60px;*/
											/*height: 60px;*/
											/* overflow: hidden; */
										}
											.product-thumb img {
												float: left;
												margin: 3px 12px 7px 0;
											}
										.product-thumb-large {
											position: relative;
											float: left;
											width: 60px;
										}
											.product-thumb-large img {
												display: block;
												position: relative;
												/*border: 1px solid red;*/
												margin: 3px auto 0;
											}
										
										.colSmall .teaser .teaser-txt table.news-list {
											margin: 0;
											padding: 0;
											border-collapse: collapse;
										}
											.colSmall .teaser .teaser-txt table.news-list td {
												vertical-align: top;
												padding-bottom: 6px;
											}
												.colSmall .teaser .teaser-txt table.news-list td.img {
													width: 20px;
													background-image: url(../images/framework/link-news.jpg);
													background-repeat: no-repeat;
													background-position: 6px 3px;
												}
												.colSmall .teaser .teaser-txt table.news-list td.no-img {
													background-image: url(../images/framework/link-inactive.jpg) !important;
												}
												.colSmall .teaser .teaser-txt table.news-list td.img {
													width: 20px;
													background-image: url(../images/framework/link-news.jpg);
													background-repeat: no-repeat;
													background-position: 6px 3px;
												}
	
											.colSmall .teaser .teaser-txt table.news-list a {
												background-image: none;
												margin: 0;
												padding: 0;
											}
											
						/*---- KONTAKT ---- */								
								.opening-hours {
								}
									.opening-hours-days {
										float: left;
										width: 50px;
									}
									.opening-hours-time {
										float: left;
										width: 240px;
									}
									
									.mailok {
										position: relative;
										width: 100%;
										height: 170px;
									}
										.mailok .mailok-img {
											display: block;
											position: absolute;
											left: 200px;
											bottom: 0px;
										}
								
						/* ---- Themen (Farben, Icons, ...) fuer die Teaser-Boxen in .colSmall ---- */
	
								.colSmall .theme-news .teaser-bar { background-color: #95957c; width: 290px;}
								.colSmall .theme-news .teaser-icon { background-image: url(../images/framework/teaser-icon-news.png); }
								.colSmall .theme-news .teaser-h { color: #95957c; }
								.colSmall .theme-news .teaser-txt { color: #333333; }
								.colSmall .theme-news a { color: #95957c; background-image: url(../images/framework/link-news.jpg); }
	
								.colSmall .theme-products .teaser-bar, .colSmall .theme-products-disabled .teaser-bar { background-color: #839f56; width: 290px;}
								.colSmall .theme-products .teaser-icon, .colSmall .theme-products-disabled .teaser-icon, .popup .popup-products .popup-icon {
									background-image: url(../images/framework/teaser-icon-productcatalogue.png);
								}
								
								.colSmall .theme-products .teaser-h, .colSmall .theme-products-disabled .teaser-h { color: #839f56; }
								.colSmall .theme-products .teaser-txt, .colSmall .theme-products-disabled .teaser-txt { color: #333333; }
								.colSmall .theme-products a, .colSmall .theme-products-disabled a { color: #839f56; background-image: url(../images/framework/link-products.jpg); }	
	/* Unterschied von normal zu disabled */ 								
								.colSmall .theme-products-disabled .teaser-bar { background-color: #d7d7d7; }
	/* EO: Unterschied von normal zu disabled */
	
	/* Popup */
								.popup .theme-products .popup-bar { background-color: #839f56; width: auto !important;}
								.popup .theme-products .popup-icon { background-image: none; }
								.popup .theme-products .popup-txt .popup-h { color: #839f56; }
								.popup .theme-products .popup-txt { color: #333333; }
								.popup .theme-products a { color: #839f56; background-image: url(../images/framework/link-products.jpg); }
	/* EO: Popup */
	
								.colSmall .theme-experttip .teaser-bar { background-color: #567a9f; width: 280px;}
								.colSmall .theme-experttip .teaser-icon { background-image: url(../images/framework/teaser-icon-experttip.png); }
								.colSmall .theme-experttip .teaser-h { color: #567a9f; }
								.colSmall .theme-experttip .teaser-txt { color: #333333; }
								.colSmall .theme-experttip a { color: #567a9f; background-image: url(../images/framework/link-experttip.jpg); }
	
								.colSmall .theme-lexicon .teaser-bar { background-color: #457991; width: 290px; }
								.colSmall .theme-lexicon .teaser-icon { background-image: url(../images/framework/teaser-icon-lexicon.png); }
								.colSmall .theme-lexicon .teaser-h { color: #457991; }
								.colSmall .theme-lexicon .teaser-txt { color: #333333; }
								.colSmall .theme-lexicon a, .lexicon a { color: #457991; background-image: url(../images/framework/link-lexicon.jpg); }
	
								.colSmall .theme-solutions .teaser-bar { background-color: #6e7884; width: 290px;}
								.colSmall .theme-solutions .teaser-icon { background-image: none /*url(../images/framework/teaser-icon-alarmconfig.png)*/ ; }
								.colSmall .theme-solutions .teaser-h { color: #6e7884; }
								.colSmall .theme-solutions .teaser-txt { color: #333333; }
								.colSmall .theme-solutions a, .solutions a { color: #6e7884; background-image: url(../images/framework/link-solutions.jpg); }
	/* Popup */
								.popup .theme-solutions .popup-bar { background-color: #6e7884; width: auto !important;} /*240px*/
								.popup .theme-solutions .popup-icon { background-image: none /*url(../images/framework/teaser-icon-alarmconfig.png)*/ ; }
								.popup .theme-solutions .popup-txt .popup-h { color: #6e7884; }
								.popup .theme-solutions .popup-txt { color: #333333; }
								.popup .theme-solutions a { color: #6e7884; background-image: url(../images/framework/link-solutions.jpg); }
	/* EO: Popup */
	
								.colSmall .theme-aboutus .teaser-bar { background-color: #9f5656; width: 278px;}
								.colSmall .theme-aboutus .teaser-icon { background-image: url(../images/framework/teaser-icon-aboutus.png); }
								.colSmall .theme-aboutus .teaser-h { color: #9f5656; }
								.colSmall .theme-aboutus .teaser-txt { color: #333333; }
								.colSmall .theme-aboutus a, .aboutus a { color: #9f5656; background-image: url(../images/framework/link-aboutus.jpg); }
	
								.colSmall .theme-contact .teaser-bar { background-color: #567a9f; width: 290px;}
								.colSmall .theme-contact .teaser-icon { background-image: url(../images/framework/teaser-icon-adress.png); }
								.colSmall .theme-contact .teaser-h { color: #567a9f; }
								.colSmall .theme-contact .teaser-txt { color: #333333; }
								.colSmall .theme-contact a, .contact a { color: #567a9f; background-image: url(../images/framework/link-experttip.jpg); }
	
								.colSmall .teaser-alarmconfig .teaser-bar { width: 290px;}
								.colSmall .teaser-alarmconfig .teaser-icon { background-image: url(../images/framework/teaser-icon-alarmconfig.png); }
								
								.colSmall .teaser-securityzone .teaser-bar { width: 290px;}
								.colSmall .teaser-securityzone .teaser-icon { background-image: url(../images/framework/teaser-icon-securityzone.png); }
								
								.colSmall .theme-specoffer .teaser-bar { background-color: #98bb1c; width: 280px;}
								.colSmall .theme-specoffer .teaser-icon { background-image: url(../images/framework/teaser-icon-specoffer.png); }
									.colSmall .teaser .teaser-icon .teaser-percent {
										position: absolute;
										top: 11px;
										width: 100%;
										text-align: center;
										font-family: Arial, Helvetica, sans-serif;
										font-size: 12px;
										font-weight: bold;
										color: #ffffff; /*#e9eee2*/
									}
								.colSmall .theme-specoffer .teaser-h { color: #98bb1c; }
								.colSmall .theme-specoffer .teaser-txt { color: #333333; }
								.colSmall .theme-specoffer a { color: #98bb1c; background-image: url(../images/framework/link-specoffer.jpg); }

								.teaser-lexicon-search-input {
									position: relative;
									margin: 5px 0 0 0;
									height: 35px;
								}
									.teaser-lexicon-search-input .input-txt {
										position: absolute;
										top: 2px;
										margin: 0;
										padding: 2px 4px;
										border: 1px solid #457991;
										width: 191px;
										font-family: Arial, Helvetica, sans-serif;
										color: #457991;
										font-size: 12px;
									}

									.teaser-lexicon-search-input .btn-search {
										display: block;
										position: absolute;
										top: 0;
										right: 0;
										width: 75px;
										height: 25px;
										margin: 0;
										padding: 0;
									}

								
							/* ---- DOWNLOAD-TEASER (eigenes Icon, harmoniert sonst mit dem jeweiligen Theme)  ---- */	
								.colSmall .teaser-download .teaser-bar { width: 285px; }
								.colSmall .teaser-download .teaser-icon { background-image: url(../images/framework/teaser-icon-download.png); }
	
							/* ---- FEATURES-TEASER (eigenes Icon, harmoniert sonst mit dem jeweiligen Theme)  ---- */	
								.colSmall .teaser-features {
									z-index: 9000;
								}
								.colSmall .teaser-features .teaser-bar, .popup .popup-features .popup-bar { width: 280px; }
								.colSmall .teaser-features .teaser-icon, .popup .popup-features .popup-icon { background-image: url(../images/framework/teaser-icon-features.png); }
								
							/* ---- ATTENTION-TEASER (eigenes Icon, harmoniert sonst mit dem jeweiligen Theme)  ---- */	
								.colSmall .teaser-attention .teaser-bar { width: 280px; }
								.colSmall .teaser-attention .teaser-icon { background-image: url(../images/framework/teaser-icon-attention.png); }
								
							/* ---- CRIMINAL-TEASER (eigenes Icon, harmoniert sonst mit dem jeweiligen Theme)  ---- */
								.colSmall .teaser-criminal .teaser-bar, .popup .popup-criminal .popup-bar { width: 280px; }
								.colSmall .teaser-criminal .teaser-icon, .popup .popup-criminal .popup-icon { background-image: url(../images/framework/teaser-icon-criminal.png); }
								
							/* ---- REFERENCES-TEASER (eigenes Icon, harmoniert sonst mit dem jeweiligen Theme)  ---- */	
								.colSmall .teaser-references .teaser-bar { width: 278px; }
								.colSmall .teaser-references .teaser-icon { background-image: url(../images/framework/teaser-icon-references.png); }
								
							/* ---- LEXICON-SEARCH-TEASER (eigenes Icon, harmoniert sonst mit dem jeweiligen Theme)  ---- */	
								.colSmall .teaser-lexicon-search .teaser-bar { width: 278px; }
								.colSmall .teaser-lexicon-search .teaser-icon { background-image: url(../images/framework/teaser-icon-lexicon-search.png); }

							/* ---- LEXICON-POPULAR-TEASER (eigenes Icon, harmoniert sonst mit dem jeweiligen Theme)  ---- */	
								.colSmall .teaser-lexicon-popular .teaser-bar { width: 278px; }
								.colSmall .teaser-lexicon-popular .teaser-icon { background-image: url(../images/framework/teaser-icon-lexicon-popular.png); }
								
							/* ---- LEXICON-RANDOM-TEASER (eigenes Icon, harmoniert sonst mit dem jeweiligen Theme)  ---- */	
								.colSmall .teaser-lexicon-random .teaser-bar { width: 278px; }
								.colSmall .teaser-lexicon-random .teaser-icon { background-image: url(../images/framework/teaser-icon-lexicon-random.png); }

							/* ---- PRODUCT-PROTECT-TEASER (eigenes Icon, harmoniert sonst mit dem jeweiligen Theme)  ---- */	
								.colSmall .teaser-product-protect .teaser-bar { width: 278px; }
								.colSmall .teaser-product-protect .teaser-icon { background-image: url(../images/framework/teaser-icon-product-protect.png); }
								.colSmall .teaser-product-protect-disabled .teaser-icon { background-image: url(../images/framework/teaser-icon-product-protect-disabled.png); }

							/* ---- PRODUCT-QUALITY-TEASER (eigenes Icon, harmoniert sonst mit dem jeweiligen Theme)  ---- */	
								.colSmall .teaser-product-quality .teaser-bar { width: 278px; }
								.colSmall .teaser-product-quality .teaser-icon { background-image: url(../images/framework/teaser-icon-product-quality.png); }
								.colSmall .teaser-product-quality-disabled .teaser-icon { background-image: url(../images/framework/teaser-icon-product-quality-disabled.png); }

							/* ---- PRODUCT-INSTALL-TEASER (eigenes Icon, harmoniert sonst mit dem jeweiligen Theme)  ---- */	
								.colSmall .teaser-product-install .teaser-bar { width: 278px; }
								.colSmall .teaser-product-install .teaser-icon { background-image: url(../images/framework/teaser-icon-product-install.png); }
								.colSmall .teaser-product-install-disabled .teaser-icon { background-image: url(../images/framework/teaser-icon-product-install-disabled.png); }
								
							/* ---- PRODUCT-CATEGORIES-TEASER (eigenes Icon, harmoniert sonst mit dem jeweiligen Theme)  ---- */	
								.colSmall .teaser-product-categories .teaser-bar { width: 278px; }
								.colSmall .teaser-product-categories .teaser-icon { background-image: url(../images/framework/teaser-icon-product-categories.png); }
								.colSmall .teaser-product-categories-disabled .teaser-icon { background-image: url(../images/framework/teaser-icon-product-categories-disabled.png); }
								
							/* ---- PRODUCT-MOREFEATURES-TEASER (eigenes Icon, harmoniert sonst mit dem jeweiligen Theme)  ---- */	
								.colSmall .teaser-product-morefeatures .teaser-bar { width: 278px; }
								.colSmall .teaser-product-morefeatures .teaser-icon { background-image: url(../images/framework/teaser-icon-product-morefeatures.png); }
								.colSmall .teaser-product-morefeatures-disabled .teaser-icon { background-image: url(../images/framework/teaser-icon-product-morefeatures-disabled.png); }

							/* ---- PRODUCT-SEARCH-TEASER (eigenes Icon, harmoniert sonst mit dem jeweiligen Theme)  ---- */	
								.colSmall .teaser-product-search .teaser-bar { width: 278px; }
								.colSmall .teaser-product-search .teaser-icon { background-image: url(../images/framework/teaser-icon-product-search.png); }

							/* ---- CONTACT-DIRECTIONS-TEASER (eigenes Icon, harmoniert sonst mit dem jeweiligen Theme)  ---- */	
								.colSmall .teaser-map .teaser-bar { width: 296px; }
								.colSmall .teaser-map .teaser-icon { background-image: url(../images/framework/teaser-icon-contact-directions.png); }

							/* ---- CONTACT-HOTLINE-TEASER (eigenes Icon, harmoniert sonst mit dem jeweiligen Theme)  ---- */	
								.colSmall .teaser-hotline .teaser-bar { width: 280px; }
								.colSmall .teaser-hotline .teaser-icon { background-image: url(../images/framework/teaser-icon-hotline.png); }

							/* ---- CONTACT-TIME-TEASER (eigenes Icon, harmoniert sonst mit dem jeweiligen Theme)  ---- */	
								.colSmall .teaser-time .teaser-bar { width: 280px; }
								.colSmall .teaser-time .teaser-icon { background-image: url(../images/framework/teaser-icon-time.png); }

							/* ---- CONTACT-UPLOAD-TEASER (eigenes Icon, harmoniert sonst mit dem jeweiligen Theme)  ---- */	
								.colSmall .teaser-upload .teaser-bar { width: 288px; }
								.colSmall .teaser-upload .teaser-icon { background-image: url(../images/framework/teaser-icon-upload.png); }

						/* ---------------------------------------------------------------------------- */
					

/* ---- #bottom beinhaltet den Rahmen unten ---- */
			#bottom {
				position: relative;
				width: 100%;
				height: 17px;
				background-image: url(../images/framework/bg-bottom.png);
				background-position: top left;
				background-repeat: no-repeat;
			}
/* ---- #footer beinhaltet die Fusszeile fuer Impressum, Datenschutzrichtlinien und Copyright, etc. ---- */
			#footer {
				position: relative;
				left: 36px;
				width: 904px;
				margin: 5px 0 20px 0;
				font-size: 10px;
				color: #838383 !important;
			}
				#footer .impressum {
					float: right;
					font-size: 10px;
					color: #CCCCCC !important;					
				}
					#footer .impressum a {
						margin: 0 4px;
						padding: 0;
						font-size: 10px;
						font-family: Verdana, Arial, Helvetica, sans-serif;
						font-weight: normal;
						color: #838383;
						background-image: none; /*url(../images/framework/link-footer.jpg)*/
					}
					
					#footer .impressum .color-maly-txt:hover
					{
						text-decoration: none;
					}
				#footer .copyright {
					float: left;
					font-size: 10px;
					color: #838383;
				}
/* ---- Illustrationen im Hintergrund, an #main-frame ausgerichtet ---- */
		#illu1 {
			position: absolute;
			top: 0;
			left: -150px;
			width: 373px;
			height: 732px;
			background-image: url(../images/framework/bg-illu1.jpg);
			background-position: top left;
			background-repeat: no-repeat;		
		}
		
/* ----------------------------------------------------------------------------------*/		
/* waiterBackground – huellt die komplette Seite in dunkles Grau
   waiterPopup      – die eigentliche Box, die darueber liegt, Text und Bild anzeigt */
/* ----------------------------------------------------------------------------------*/		
        .waiterBackground
        {
			background-color: #CDCDB4; 
			filter:alpha(opacity=50); 
			opacity:0.5; 
			width:100%; 
			height:100%; 
			z-index: 6000; 
			position: fixed; 
			top: 0; 
			left: 0; 
			cursor: wait;
        }

        .waiterPopup
        {
			background-color: #F5F5F5; 
			width: 240px; 
			height: 40px; 
			z-index: 6500; 
			position: fixed; 
			border: solid 1px #242424; 
			padding: 10px;
			left: 50%;
			top: 50%;
			margin-left: -120px;
			margin-top: -20px;
        }        
        
        .waiterContent
        {
            margin: auto auto;
            text-align: center;
        }
        
        .waiterContent p 
        {
            padding-bottom: 5px;
        }
/* ----------------------------------------------------------------------------------*/
/*                            K O N F I G U R A T O R                                */
/* ----------------------------------------------------------------------------------*/		

/* Zusätzlich für die Produktliste im Konfigurator */

        .colLarge .teaser .teaser-box .konfigurator-txt {
            margin-left: 60px;
        }
        
        .konfigurator-content-container { /* Gesamter Inhalt (Rahmen ist nicht dabei) */
			position: relative;
			width: 100%;
			height: 100%;
/*			border: 1px solid red; */
		}
			.konfigurator-content { /* Bild, Produktbezeichnung und Features */
				margin-bottom: 40px;
			}
			.konfigurator-input {  /* Textfeld fuer Stk. und Hinzufuegen-Button */
/*				position: absolute; 
				bottom: 0;
				left: 0;
*/
				margin-top: 15px;
			}
		
		.konfigurator-button {
			margin: 0;
			padding: 0;
			color: #000;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			font-weight: bold;
			border: 0;
		}
		

/* Produktliste im Konfigurator */
		.konfiguratorProducts {
			margin: 20px 0 0;
		}
				.konfiguratorProducts .tab-box-container .tab-box-text {
					width: 160px;
					cursor: auto;
				}
				.konfiguratorProducts .tab-box-container .tab-box-text,
				.konfiguratorProducts .tab-box-container .tab-box-text p {
					font-size: 10px;
					/*color: red !important;*/
				}
				
/* Fortschrittsanzeige im Konfigurator */				
		.tab-configurator-level {
			width: 100%;
/*			width: 543px; */
			border-collapse: collapse;
			border: 0;
			margin: 0 0 12px 0;
			padding: 0;
		}
			.tab-configurator-level td {		

			}
			.tab-configurator-level-hspace {
				/*width: 20%;*/
			}
			.tab-configurator-level-bar {
			}
				.tab-configurator-level-bar .first-bar {
				}
				.tab-configurator-level-bar .last-bar {
				}
			.tab-configurator-level-txt {
				width: 1%;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 9px;
				color: #ababab;
				white-space: nowrap;
			}
				.tab-configurator-level-txt a {
					color: #000000;
				}
			.active-level {
				color: #000000;
			}
/* Konfigurator: Mein System (rechte Spalte) */

			.konfiguratorMySystem { /*Tabelle*/
				width: 100%;
				border-collapse: collapse;
				border: 0;
				margin: 0 0 14px 0;
				padding: 0;
			}
			
				.konfiguratorMySystem .rowA {
					/*background-color: #e6ecdd;*/
				}
				
				.konfiguratorMySystem .rowB {
				}
				
				.konfiguratorMySystem .rowC {
					background-color: #e6ecdd;
					font-weight: bold;
				}
		
				.konfiguratorMySystem .rowSeparator {
					height: 1px;
					background-color: #e6ecdd;
				}
				
				
				.konfiguratorMySystem-col1 {
					width: 45px;
				}
				.konfiguratorMySystem-col2 {
				}
				.konfiguratorMySystem-col2 h2 {
					font-size: 11px !important;
					color: #666666; !important;
				}
				.konfiguratorMySystem-col3 {
					text-align: right !important;
				}
				
/*  Konfigurator - Montage-Boxen  */

.table-montage {
	width: 100%;
}
	.montage-label {
		text-align: left;
		font-size: 10px;
	}
	.montage-preis {
		vertical-align: bottom;
		text-align: right;
		font-size: 10px;
	}
	.montage-summe {
		font-weight: bold;
	}
/* ------------------------------------------------------------------ */
/*                      P R O D U C T   B O X                         */
/* ------------------------------------------------------------------ */

.product-box-container { /* Kontainer fuer Produkt-Boxen */
	position: relative;
}
	.product-box-row { /* ganze Zeile (3 Boxen) */
		position: relative;
		margin: 0 0 10px 0;
		padding: 0;
		width: 100%;
/*		height: 95px; */
	}
		.product-box-row .last-box { /* zusaetzlich für die letzte (3.) Box einer Zeile */
			margin-right: 0;
		}
		.product-box, .product-box_matrix, .product-box_gallery, .product-box-montage {
			position: relative;
			width: 174px;
			height: 100%;
			float: left;
			margin: 0 10px 0 0;
			padding: 0;
			overflow: hidden;
		}
		.product-box_matrix {
			width: 162px;
		}
		.product-box_gallery {
			width: 128px;
		}
			.product-box-montage .product-box-content {
				height: auto;
			}
			.product-box-info { /* [i]-Link-Box */
				z-index: 19;
				position: absolute;
				top: 0;
				right: 0;
				width: 18px;
				height: 18px;
				background-color: #e6e6e6; /* Standard-Farbe (ausgegraut) */
				background-image: url(../images/framework/product-box-info.png);
			}
				.product-box-info .info-over { /* [i]-Link */
					display: block;
					margin: 0;
					padding: 0;
					width: 100%;
					height: 100%;
					background-image: none !important;
					text-decoration: none !important;
					cursor: help;
				}
			.product-box-config { /* [config]-Link-Box (Style wie restliche Box inkl. info-Link fuer Popups) */
				z-index: 19;
				position: absolute;
				top: 0;
				left: 0;
				width: 18px;
				height: 18px;
				background-image: none !important;
				background-color: transparent;
			}
				.product-box-config a { /* [config]-Link  */
					position: absolute;
					top: 0;
					left: 0;
					display: block;
					margin: 0;
					padding: 0;
					width: 18px;
					height: 18px;
					text-decoration: none !important;
					background-color: #e6e6e6; /* Standard-Farbe (ausgegraut) */
					background-image: url(../images/framework/product-box-config-invers.png) !important;
					background-position: top left !important;
				}
					.product-box-config a:hover { /* [config]-Link hover  */
						background-image: url(../images/framework/product-box-config.png) !important;
					}
					
			.product-box-content-container { /* Gesamter Inhalt (inkl. Button und Eingabefeld im Konfigurator) */
				position: relative;
				/* height: 100%; */
				/* height: 135px; */
				width: 100%;
			}
				.product-box-content { /* Box für Bild und Produktname */
					position: relative;
					margin: 8px;
					/* height: 100%; */
					height: 93px;      /* Hoehe fuer Bild und Produktname */
					text-align: center;
					background-color: #ffffff;
					overflow: hidden;
				}
					.product-box-content .product-box-img {
						position: relative;
						height: 60px;
						width: 60px;
						overflow: hidden;
						margin: 0 auto;
					}
						.product-box-content .product-box-img img {
							display: block;
							position: relative;
							margin: 0 auto;
						}
					.product-box-lexicon-img-container {
						height: 100px;
					}
					.product-box-lexicon-content {
						height: 120px;
					}
						.product-box-lexicon-content-title {
							
						}
					.product-box-content a { /* Produkt-Link */
						z-index: 15;
						position: absolute;
						top: 0;
						left: 0;
						display: block;
						margin: 0;
						padding: 0;
						width: 100%;
						height: 100%;
					}
					.product-box-content a, .product-box-content a:hover { /* Produkt-Link */
						text-decoration: none !important;
						background-image: none !important;
					}
					.product-box-content h3 { /* Produktname */
						margin: 4px 0 0;
						padding: 0;
						font-size: 12px;
						color: black !important;
					}
				.product-box-addon { /* fuer zusaetzlichen Inhalt (derzeit nur: Produkt-Konfigurator) */
					position: relative;
					margin: 12px 8px 8px;
					text-align: center;
					/* height: 30px; */
					background-color: #ffffff;
					overflow: hidden;
					font-size: 10px;
				}
					.product-box-addon-content { /* fuer zusaetzlichen Inhalt (im Inhalt) (derzeit nur: Produkt-Konfigurator - Schaltflaechen) */
						position: relative;
						margin: 0;
						text-align: center;
					}
			.product-box-frame { /* Rahmen */
				/* position: absolute; */
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background-color: transparent;
			}
				/* Einzelteile des Rahmens (zB: lt = left top = linkes oberes Eckteil, ...) */
				.product-box-frame-lt {
					z-index: 8;
					position: absolute;
					top: 0;
					left: 0;
					width: 8px;
					height: 8px;
					background-color: #e6e6e6; /* Standard-Farbe (ausgegraut) */
					background-image: url(../images/framework/product-box-lt.png);
				}
				.product-box-frame-mt {
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 8px;
					background-color: #e6e6e6; /* Standard-Farbe (ausgegraut) */
					background-image: url(../images/framework/product-box-mt.png);
				}
				.product-box-frame-rt {
					z-index: 8;
					position: absolute;
					top: 0;
					right: 0;
					width: 8px;
					height: 8px;
					background-color: #e6e6e6; /* Standard-Farbe (ausgegraut) */
					background-image: url(../images/framework/product-box-rt.png);
				}
				.product-box-frame-lm {
					z-index: 2;
					position: absolute;
					top: 0;
					left: 0;
					width: 8px;
					height: 100%;
					background-color: #e6e6e6; /* Standard-Farbe (ausgegraut) */
					background-image: url(../images/framework/product-box-lm.png);
				}
				.product-box-frame-rm {
					z-index: 2;
					position: absolute;
					top: 0;
					right: 0;
					width: 8px;
					height: 100%;
					background-color: #e6e6e6; /* Standard-Farbe (ausgegraut) */
					background-image: url(../images/framework/product-box-rm.png);
				}
				.product-box-frame-lb {
					z-index: 8;
					position: absolute;
					bottom: 0;
					left: 0;
					width: 8px;
					height: 8px;
					background-color: #e6e6e6; /* Standard-Farbe (ausgegraut) */
					background-image: url(../images/framework/product-box-lb.png);
				}
				.product-box-frame-mb {
					position: absolute;
					bottom: 0;
					left: 0;
					width: 100%;
					height: 8px;
					background-color: #e6e6e6; /* Standard-Farbe (ausgegraut) */
					background-image: url(../images/framework/product-box-mb.png);
				}
				.product-box-frame-rb {
					z-index: 8;
					position: absolute;
					bottom: 0;
					right: 0;
					width: 8px;
					height: 8px;
					background-color: #e6e6e6; /* Standard-Farbe (ausgegraut) */
					background-image: url(../images/framework/product-box-rb.png);
				}
				


/* Ueberschriften fuer die Suchergebnis-Matrix (Alarmanlagen) */

	.product-box-h_kabel,
	.product-box-h_funk,
	.product-box-h_hybrid {
		float: left;
		margin: 0 0 12px 10px;
		position: relative;
		height: 22px;
		width: 162px;
		background-image: url(../images/framework/product-box-bg_kabel-hybrid.png);
	}
	.product-box-h_kabel { background-position: left; }
	.product-box-h_funk { background-position: center; }
	.product-box-h_hybrid { background-position: right; }

	.product-box-h_kabel .ico-txt,
	.product-box-h_funk .ico-txt,
	.product-box-h_hybrid .ico-txt {
		position: absolute;
		top: 0;
		left: 0;
		width: 162px;
		height: 22px;
		background-repeat: no-repeat;
		background-position: center center;
	}
	.product-box-h_kabel .ico-txt { background-image: url(../images/framework/product-box-h_kabel.png); }
	.product-box-h_funk .ico-txt { background-image: url(../images/framework/product-box-h_funk.png); }
	.product-box-h_hybrid .ico-txt { background-image: url(../images/framework/product-box-h_hybrid.png); }
	
	.product-box-h_kabel .ico,
	.product-box-h_funk .ico,
	.product-box-h_hybrid .ico {
		position: absolute;
		top: 3px;
		left: 2px;
		width: 16px;
		height: 16px;
	}
	.product-box-h_kabel .ico { background-image: url(../images/framework/product-box-h_kabel-ico.png); }
	.product-box-h_funk .ico { background-image: url(../images/framework/product-box-h_funk-ico.png); }
	.product-box-h_hybrid .ico { background-image: url(../images/framework/product-box-h_hybrid-ico.png); }


	.product-box-h_basic,
	.product-box-h_pro,
	.product-box-h_premium,
	.product-box-h_horiz-space {
		float: left;
		position: relative;
		background-color: #d8be30;
		width: 24px;
		height: 109px;
		margin-right: 12px;
		background-image: url(../images/framework/product-box-bg_basic-premium.png);
	}
	.product-box-h_basic { background-position: top; }
	.product-box-h_pro { background-position: center; }
	.product-box-h_premium { background-position: bottom; }
	
	.product-box-h_horiz-space {
		background-color: transparent;
		background-image: none;
		border: 0;
		width: 24px;
		height: 1px;
		margin-right: 2px;
	}
	
	.product-box-h_basic .ico,
	.product-box-h_pro .ico,
	.product-box-h_premium .ico {
		position: absolute;
		top: 0;
		left: 0;
		width: 24px;
		height: 109px;
		background-repeat: no-repeat;
		background-position: center 4px;
	}
	.product-box-h_basic .ico { background-image: url(../images/framework/product-box-h_basic.png); }
	.product-box-h_pro .ico { background-image: url(../images/framework/product-box-h_pro.png); }
	.product-box-h_premium .ico { background-image: url(../images/framework/product-box-h_premium.png); }	

/* EO: Ueberschriften fuer die Suchergebnis-Matrix (Alarlmanlagen) */