/* CSS Document */
/**************************************************************************************/
/* Layout Data for the homepage Centron */
/**************************************************************************************/
/* author: 			Bernhard Lehner */
/* organization:	maglist ONLINEMANAGEMENT */

/**************************************************************************************/
/* description:		Document for special teaser elements, classes and styles */
/**************************************************************************************/

/**************************************************************************************/
/* special wrap and layout elements*/
/**************************************************************************************/
#teaserImage {
	position:relative;
	width:678px;
	display:block;
	z-index:200;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
#contentTeaser {
	position:absolute;
	display:block;
	width:630px;
	z-index:240;
	top:46px;
	padding:0px 5px 0px 37px;
}
/**************************************************************************************/
/* HTML and Content Elements */
/**************************************************************************************/
#teaserContainer h1, #teaserContainer h2, #teaserContainer h3, #teaserContainer h4, #teaserContainer h5 {
	display:block;
	position:relative;
	width:70%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 10px 0px;
	
	font-size:20px;
	font-weight:bold;
	letter-spacing:-0.8px;
}
#teaserContainer p {
	display:block;
	position:relative;
	width:70%;
	
	margin:0px 0px 0px 0px;
	padding:0px 0px 10px 0px;
	
	font-size:11px;
	font-weight:normal;
	line-height:12px;

}
/*******************************************************************************/
/* TXT Anker with arrow - blue background */
/*******************************************************************************/
#teaserContainer a.blueBG, #teaserContainer a.blueBG:visited {
	position:relative;
	display:block;
	height:16px;
	font-size:11px;
	color:#ffffff;
	text-decoration:none;
	background:url(../IMG/moreIcon_teaser_blue.gif) left top no-repeat;
	margin:0px 0px 0px 0px;
	padding:3px 0px 0px 25px;
}
#teaserContainer a.blueBG:hover {
	text-decoration:underline;
	background:url(../IMG/moreIcon_teaser_blue.gif) left bottom no-repeat;
}
/*******************************************************************************/
/* Order Button */
/*******************************************************************************/
#teaserContainer a.bestellen, #teaserContainer a.bestellen:visited {
	position:absolute;
	display:block;
	height:21px;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	color:#ffffff;
	letter-spacing:-0.2px;
	background:url(../IMG/bestellenBTN_bg.gif) left top repeat-x;
	padding:5px 26px 0px 10px;
	margin:0px 0px 0px 0px;
}
#teaserContainer a.bestellen:hover {
	color:#535353;
}
	#bestellen_lc {
		position:absolute;
		display:block;
		width:11px;
		height:26px;
		left:0px;
		top:0px;
		background:url(../IMG/bestellenBTN_lc.gif) left top no-repeat;
	}
	#bestellen_rc {
		position:absolute;
		display:block;
		width:26px;
		height:26px;
		right:0px;
		top:0px;
		background:url(../IMG/bestellenBTN_rc.gif) right top no-repeat;
	}
/*******************************************************************************/
/* Order Button blue*/
/*******************************************************************************/
#teaserContainer a.bestellen_blue, #teaserContainer a.bestellen_blue:visited {
	position:absolute;
	display:block;
	height:21px;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	color:#ffffff;
	letter-spacing:-0.2px;
	background:url(../IMG/bestellenBTN_blue_bg.gif) left top repeat-x;
	padding:5px 26px 0px 10px;
	margin:0px 0px 0px 0px;
}
#teaserContainer a.bestellen_blue:hover {
	color:#b0b0b0;
}
	#bestellen_blue_lc {
		position:absolute;
		display:block;
		width:11px;
		height:26px;
		left:0px;
		top:0px;
		background:url(../IMG/bestellenBTN_blue_lc.gif) left top no-repeat;
	}
	#bestellen_blue_rc {
		position:absolute;
		display:block;
		width:26px;
		height:26px;
		right:0px;
		top:0px;
		background:url(../IMG/bestellenBTN_blue_rc.gif) right top no-repeat;
	}
/*******************************************************************************/
/* Live Beratung Button */
/*******************************************************************************/
#teaserContainer a.beratung, #teaserContainer a.beratung:visited {
	position:absolute;
	display:block;
	height:21px;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	color:#535353;
	letter-spacing:-0.2px;
	background:url(../IMG/beratungBTN_bg.gif) left top repeat-x;
	padding:5px 8px 0px 30px;
	margin:0px 0px 0px 0px;
}
#teaserContainer a.beratung:hover {
	color:#b0b0b0;
}
	#beratung_lc {
		position:absolute;
		display:block;
		width:30px;
		height:26px;
		left:0px;
		top:0px;
		background:url(../IMG/beratungBTN_lc.gif) left top no-repeat;
	}
	#beratung_rc {
		position:absolute;
		display:block;
		width:9px;
		height:26px;
		right:0px;
		top:0px;
		background:url(../IMG/beratungBTN_rc.gif) right top no-repeat;
	}
/******************************************************************************/
/* Download Datenblatt Button */
/******************************************************************************/
#teaserContainer a.downloadPDF, #teaserContainer a.downloadPDF:visited {
	position:absolute;
	display:block;
	height:24px;
	width:60px;
	font-size:9px;
	font-weight:bold;
	line-height:10px;
	text-decoration:none;
	color:#00649c;
	background:url(../IMG/download_pdf_BTN.gif) left no-repeat;
	margin:0px 0px 0px 0px;
	padding:2px 0px 0px 30px;
}
#teaserContainer a.downloadPDF:hover {
	color:#b0b0b0;
}
/*******************************************************************************/
/* Preis Boxen */
/*******************************************************************************/
#preisBox {
	position:absolute;
	display:block;
	height:59px;
	background:url(../IMG/preisBox_bg.gif) left repeat-x;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
*html #preisBox {
	width:150px;
}
	#preis {
		position:relative;
		display:block;
		height:59px;
		width:100%;
		background:url(../IMG/preisBox_lc.gif) left top no-repeat;
		font-size:24px;
		font-weight:bold;
		letter-spacing:-0.8px;
		color:#ffffff;
		margin:0px 0px 0px 0px;
		padding:5px 0px 0px 12px;
	}
	#description {
		position:absolute;
		left:0px;
		top:0px;
		height:19px;
		width:100%;
		background:url(../IMG/preisBox_rc.gif) right top no-repeat;
		font-size:10px;
		font-weight:normal;
		letter-spacing:0px;
		color:#ffffff;
		margin:0px 0px 0px 0px;
		padding:40px 0px 0px 12px;
	}
	
	
	#preis2 {
		position:relative;
		display:block;
		height:59px;
		width:100%;
		background:url(../IMG/preisBox_lc2.gif) left top no-repeat;
		font-size:24px;
		font-weight:bold;
		letter-spacing:-0.8px;
		color:#ffffff;
		margin:0px 0px 0px 0px;
		padding:5px 0px 0px 12px;
	}
	#description2 {
		position:absolute;
		left:0px;
		top:0px;
		display:block;
		float:left;
		height:19px;
		width:100%;
		background:url(../IMG/preisBox_rc2.gif) right top no-repeat;
		font-size:9px;
		font-weight:normal;
		letter-spacing:0px;
		color:#ffffff;
		margin:0px 0px 0px 0px;
		padding:40px 0px 0px 12px;
	}
/****************************************************************************/
/* Systeme Box */
/****************************************************************************/
#systeme {
	position:absolute;
	display:block;
}
	#systemeTXT {
		font-size:9px;
		font-weight:normal;
		float:left;
		padding:17px 10px 0px 0px;
		margin:0px 0px 0px 0px;
	}
/****************************************************************************/
/* Bezahlmethoden Box */
/****************************************************************************/
#bezahlmethoden {
        position:absolute;
        display:block;
}
        #bezahlmethodenTXT {
                font-size:9px;
                font-weight:normal;
                float:left;
                padding:17px 10px 0px 0px;
                margin:0px 0px 0px 0px;
        }
/****************************************************************************/
/* kununu Box */
/****************************************************************************/
#kununu {
        position:absolute;
        display:block;
}
        #kununuTXT {
                font-size:9px;
                font-weight:normal;
                float:left;
                padding:17px 10px 0px 0px;
                margin:0px 0px 0px 0px;
        }
/**************************************************************************************/
/* Text Boxen */
/**************************************************************************************/
#textBoxTeaser {
	position:absolute;
	display:block;
	font-size:9px;
	font-weight:normal;
	line-height:11px;
	letter-spacing:-0.2px;
}
/**************************************************************************************/
/* Higlighting and styling classes */
/**************************************************************************************/
.white {
	color:#ffffff;
}
.blue {
	color:#003b5c;
}
.grey {
	color:#b0b0b0;
}
/**************************************************************************************/
/* combined classes */
/* attributes: color, text-align */
/**************************************************************************************/
/* White Classes */
.wl {
	color:#ffffff;
	text-align:left;
}
.wc {
	color:#ffffff;
	text-align:center;
}
.wr {
	color:#ffffff;
	text-align:right;
}
/* Grey Classes */
.gl {
	color:#b0b0b0;
	text-align:left;
}
.gc {
	color:#b0b0b0;
	text-align:center;
}
.gr {
	color:#b0b0b0;
	text-align:right;
}
/* Blue Classes */
.bl {
	color:#00639c;
	text-align:left;
}
.bc {
	color:#00639c;
	text-align:center;
}
.br {
	color:#00639c;
	text-align:right;
}

/* Big White Classes */
#teaserContainer h1.wbl {
        color:#ffffff;
	text-align:left;
	font-size:40px;
}

#teaserContainer h2.wbl {
        color:#ffffff;
	text-align:left;
	font-size:20px;
}

#teaserContainer h3.wbl {
        color:#ffffff;
	text-align:left;
	font-size:14px;
	padding-top: 15px;
}

.wbl a, .wbl a:hover, .wbl a:visited {
text-decoration: none;
color: #ffffff;
}