
/*******************************************************************************
  SIDE-CONTAINER
*******************************************************************************/

.rbm .sideTeaser {
	
	width: 134px;
	min-height: 30px;
	
	position: relative;
	bottom: 2px;
	
	background-color: #373C3E;
	
	z-index: 15;
}


.rbm .sideTeaser .contentLayer {
	
	position: relative;
	top: 0;
	left: 0;
	
	padding: 10px;
	padding-top: 7px;
	padding-bottom: 7px;

	z-index: 16;
}


.rbm .sideTeaser h1 {
	
	color: #FFFFFF;
	font-size: 120%;
}

.rbm .sideTeaser h2 {
	
	color: #FFFFFF;
	font-size: 110%;
}


.rbm .sideTeaser .bgTop {
	
	height: 2px;
	width: 100%;
	
	position: absolute;
	top: -2px;
	left: 0;
	
	font-size: 0;
	
	background-image: url(../imgs/teaser/bg_top.png);
	background-repeat: no-repeat;
	
	z-index: 15;
}


.rbm .sideTeaser .bgBottom {
	
	height: 2px;
	width: 100%;
	
	position: absolute;
	bottom: -2px;
	
	background-image: url(../imgs/teaser/bg_bottom.png);
	background-repeat: no-repeat;
		
	z-index: 15;
}


.rbm .blueTeaser {

	background-color: #5AC3DD;	/* #E4E7EA; */
	color: #ffffff;		/* #434343; */
}


.rbm .blueTeaser h2 {

	color: #434343;
}

.rbm .blueTeaser .bgTop {
	
	background-image: url(../imgs/teaser/bg_top_blue.png);
}


.rbm .blueTeaser .ul .li {
	
	padding-left: 15px;
	padding-top: 0;
	margin-bottom: 6px;
	
	background-image: url(../imgs/icons/plus_white.gif);
}


.rbm .sideTeaser p.textleft {
	
	width: 60%;	
}


/*******************************************************************************
  GUTSCHEIN
*******************************************************************************/

.rbm div#rbm_gutscheinTeaser {
	
	min-height: 132px;
	background-color: #5AC3DD;
	color: #ffffff;
}

.rbm div#rbm_gutscheinTeaser h2 {

	color: #ffffff;
}

.rbm div#rbm_gutscheinTeaser .bgTop {

	background-image: url(../imgs/teaser/bg_top_gutschein.png);
}

.rbm div#rbm_gutscheinTeaser .bgBottom {

	height: 130px;
	background-image: url(../imgs/teaser/bg_bottom_gutschein.png);
}

.rbm div#rbm_gutscheinTeaser .ul .li {
	
	background-image: url(../imgs/icons/plus_white.gif);
}


.rbm div#rbm_gutscheinTeaser .sideForm {
	
	margin-top: 9px;
}


.rbm div#rbm_gutscheinTeaser form .textfield {

	width: 58px;
	
	color: #000000;
		
	background-color: #EAEAEA;
	
	border-top: 1px solid #676767;
	border-right: 1px solid #676767;
	
	border-left: 1px solid #A3B7BC;
	border-bottom: 1px solid #A3B7BC;
	
	float: left;
}


.rbm div#rbm_gutscheinTeaser .buttonContainer {
	
	margin: 1px;
	float: left;
}


.rbm div#rbm_gutscheinTeaser .toolTip {
	
	margin: 2px;
	margin-top: 6px;
	cursor: pointer;
}




/*******************************************************************************
  ONLINE-VORTEILE
*******************************************************************************/

.rbm div#rbm_online-vorteileTeaser {
	
	min-height: 132px;
}

.rbm div#rbm_online-vorteileTeaser .bgBottom {

	height: 130px;
	background-image: url(../imgs/teaser/bg_bottom_online-vorteile.png);
}



/*******************************************************************************
  START
*******************************************************************************/

.rbm div#rbm_startTeaser {
	
	min-height: 117px;
}

.rbm div#rbm_startTeaser .bgBottom {

	height: 115px;
	background-image: url(../imgs/teaser/bg_bottom_start.png);
}




/*******************************************************************************
  SUCHE
*******************************************************************************/

.rbm div#rbm_sucheTeaser {
	
	min-height: 131px;
	background-color: #323538;
}

.rbm div#rbm_sucheTeaser .bgBottom {

	height: 130px;
	background-image: url(../imgs/teaser/bg_bottom_suche.png);
}


.rbm div#rbm_sucheTeaser .bgTop {

	background-image: url(../imgs/teaser/bg_top_suche.png);
}


.rbm div#rbm_sucheTeaser .textfield {
	
	width: 90px;
	float: left;
	margin-bottom: 6px;
	margin-right: 3px;
}

.rbm div#rbm_sucheTeaser .submit {
	
	font-size: 120%;
	border: 0;
	background: none;
	color: #FFFFFF;

}

.rbm div#rbm_sucheTeaser select {
	
	margin-bottom: 6px;
}



/*******************************************************************************
  FRAGEN
*******************************************************************************/

.rbm div#rbm_fragenTeaser {
	
	min-height: 106px;
}

.rbm div#rbm_fragenTeaser .bgBottom {

	height: 104px;
	background-image: url(../imgs/teaser/bg_bottom_fragen.png);
}

.rbm div#rbm_fragenTeaser form select {

	width: 116px;
}

.rbm div#rbm_fragenTeaser form .submit {
	
	margin-top: 6px;	
}



/*******************************************************************************
  BESTELLHILFE
*******************************************************************************/

.rbm div#rbm_bestellhilfeTeaser {
	
	min-height: 99px;
	
	background-color: #3C4247;
}

.rbm div#rbm_bestellhilfeTeaser .bgTop {

	background-image: url(../imgs/teaser/bg_top_bestellhilfe.png);
}

.rbm div#rbm_bestellhilfeTeaser .bgBottom {

	height: 97px;
	background-image: url(../imgs/teaser/bg_bottom_bestellhilfe.png);
}



/*******************************************************************************
  WARENKORB
*******************************************************************************/

.rbm div#rbm_warenkorb {
	
	position: absolute;
	height: 20px;
	background: none;
	top: -50px;

	z-index: 99;
	cursor: pointer;
}

.rbm div#rbm_warenkorb div#rbm_wk_layer {
	
	position: absolute;
	top: 0;
	right: 0;
}


.rbm div#rbm_warenkorb img#rbm_wk_icon {
	
	position: absolute;
	top: -2px;
	right: 0;
}

.rbm div#rbm_warenkorb .bgTop {
	
	height: 98px;
	background-image: url(../imgs/teaser/bg_top_warenkorb.png);
}

.rbm div#rbm_warenkorb .bgBottom {
	
	bottom: -2px;
	
	height: 2px;
	background-image: url(../imgs/teaser/bg_bottom_warenkorb.png);
}

.rbm div#rbm_warenkorb .contentLayer {
	
	margin-top: 96px;
	
	background-color: #bCC2C8;
	background-image: url(../imgs/teaser/bg_middle_warenkorb.png);
	
	color: #dedede;
}


.rbm div#rbm_warenkorb .title {

	position: absolute;
	top: 65px;
	left: 10px;
	
	z-index: 17;
}

.rbm div#rbm_warenkorb .title h2 {
	
	color: #dedede;
	margin-bottom: 3px;
}

.rbm div#rbm_warenkorb .title h3 {
	
	color: #dedede;
}




/*******************************************************************************
  LOGIN
*******************************************************************************/

.rbm div#rbm_login {
	
	position: absolute;
	height: 20px;
	background: none;
	top: 100px;

	z-index: 99;
	cursor: pointer;
}


.rbm div#rbm_login div#rbm_login_layer {
	
	position: absolute;
	top: 0;
	right: 0;
}

.rbm div#rbm_login div#rbm_login_icon {
	
	position: absolute;
	top: 0px;
	right: 0;
}

.rbm div#rbm_login .contentLayer {
	
	margin-top: 72px;
	color: #525c66;
	background-color: #a6aeb4;
}


.rbm div#rbm_login .bgTop {
	
	height: 75px;
	background-image: url(../imgs/teaser/bg_top_login.png);
}

.rbm div#rbm_login .bgBottom {
	
	bottom: -2px;
	
	height: 2px;
	background-image: url(../imgs/teaser/bg_bottom_login.png);
}

.rbm div#rbm_login .textfield {

	width: 110px;
	margin-bottom: 6px;
}


/*******************************************************************************
 PRODUKTAUSWAHL
*******************************************************************************/

.rbm div#rbm_produktauswahlTeaser {
	
	height: 130px;
	top: 2px;
}

.rbm div#rbm_produktauswahlTeaser h2 {
	
	font-size: 105%;
	margin-bottom: 3px;
}

.rbm div#rbm_produktauswahlTeaser select {
	
	margin-top: 2px;
	margin-bottom: 4px;
}



/*******************************************************************************
 NETZSUCHE
*******************************************************************************/

.rbm div#rbm_netzsucheTeaser {
	
	min-height: 120px;
	top: 2px;
	
	background-color: #3D4247;
}

.rbm div#rbm_netzsucheTeaser .bgBottom {
	
	height: 131px;
	background-image: url(../imgs/teaser/bg_bottom_netzsuche.png);
}

.rbm div#rbm_netzsucheTeaser .bgTop {
	
	height: 2px;
	background-image: url(../imgs/teaser/bg_top_netzsuche.png);
}

.rbm div#rbm_netzsucheTeaser .textfield {
	
	width: 110px;
	margin-bottom: 6px;
}


.rbm div#rbm_netzsucheResultTeaser {
	
	min-height: 133px;
	top: 2px;
	
	background-color: #34383C;
}

.rbm div#rbm_netzsucheResultTeaser .bgBottom {
	
	height: 2px;
	background-image: url(../imgs/teaser/bg_bottom_netzsucheResult.png);
}

.rbm div#rbm_netzsucheResultTeaser .bgTop {
	
	height: 105px;
	background-image: url(../imgs/teaser/bg_top_netzsucheResult.png);
}

.rbm div#rbm_netzsucheOrientTeaser {

	min-height: 133px;
	background-color: #323538;
}

.rbm div#rbm_netzsucheOrientTeaser .bgTop {
	
	height: 2px;
	background-image: url(../imgs/teaser/bg_top_netzsuche_orient.png);
}

.rbm div#rbm_netzsucheOrientTeaser .bgBottom {
	
	height: 130px;
	background-image: url(../imgs/teaser/bg_bottom_netzsuche_orient.png);
}

.rbm div#rbm_netzsucheOrientTeaser .contentLayer {
	
	padding-left: 3px;	
	padding-right: 3px;	
}



/*******************************************************************************
  BESTELLBOX
*******************************************************************************/

.rbm div#rbm_bestellBoxTeaser {
	
	min-height: 146px;
	background-image: url(../imgs/teaser/bg_middle_bestellBox.png);
	
	color: #434343;
}

.rbm div#rbm_bestellBoxTeaser .bgTop {
	
	height: 144px;
	background-image: url(../imgs/teaser/bg_top_bestellBox.png);
}

.rbm div#rbm_bestellBoxTeaser .bgBottom {

	height: 2px;
	font-size: 0;
	background-image: url(../imgs/teaser/bg_bottom_bestellBox.png);
}


.rbm div#rbm_bestellBoxTeaser .contentLayer {
	
	padding-left: 6px;
	padding-right: 5px;
}


.rbm div#rbm_bestellBoxTeaser h2 {

	color: #434343;
	padding-left: 8px;
}


.rbm div#rbm_bestellBoxTeaser .step {
	
	padding: 2px;
	padding-left: 4px;
	margin-bottom: 2px;
	font-weight: bold;
}


.rbm div#rbm_bestellBoxTeaser .step p {
	
	width: 90px;
}

.rbm div#rbm_bestellBoxTeaser .act {
	
	background-color: #000000;
	color: #0099CC;
}

.rbm div#rbm_bestellBoxTeaser .step .big {
	
	color: #FFFFFF;
	margin-top: -2px;
	margin-right: 3px;
}

.rbm div#rbm_bestellBoxTeaser .act .big {
	
	color: #0099CC;
}


.rbm div#rbm_bestellBoxTeaser .box {
	
	margin-bottom: 4px;
	padding-bottom: 2px;
	font-weight: bold;
	border-bottom: 1px solid #757575;
}


.rbm div#rbm_bestellBoxTeaser .check {

	background-image: url(../imgs/icons/check.gif);
	background-position: top right;
	background-repeat: no-repeat;
}

.rbm div#rbm_bestellBoxTeaser .box img#handyImg {

	margin: 0pt;
}


.rbm div#rbm_bestellBoxTeaser .info {

	padding-left: 16px;
}


.rbm div#rbm_bestellBoxTeaser .price {
	
	color: #000000;
	font-size: 12pt;
	float: right;
	padding-right:4px;
	margin-bottom: -2px;
	margin-top:3px;
}

.rbm div#rbm_bestellBoxTeaser .inner_5px {
	
	margin: 5px;
}

.rbm div#rbm_bestellBoxTeaser .ul {

	font-weight: normal;
	margin-left: 16px;
}

.rbm div#rbm_bestellBoxTeaser .ul .li {

	line-height: 110%;
	margin-bottom: 6px;
	padding-top: 2px;
	padding-left: 2px;
}




/*******************************************************************************
 ANZEIGEOPTIONEN
*******************************************************************************/

.rbm div#rbm_anzeigeoptionenTeaser {
	
	min-height: 174px;
	background-color: #323538;
}

.rbm div#rbm_anzeigeoptionenTeaser .bgBottom {
	
	height: 2px;
	background-image: url(../imgs/teaser/bg_bottom_anzeigeoptionen.png);
}

.rbm div#rbm_anzeigeoptionenTeaser .bgTop {
	
	height: 172px;
	background-image: url(../imgs/teaser/bg_top_anzeigeoptionen.png);
}

.rbm div#rbm_anzeigeoptionenTeaser select {
	
	width: 115px;
	margin-bottom: 12px;	
	margin-top: 2px;
}

.rbm div#rbm_anzeigeoptionenTeaser .checkbox {

	float: left;
	margin-top: -2px;
}

.rbm .checkbox_label {

	margin-left:18px;
	margin-top:3px;
	margin-bottom:3px;
}

.rbm .sideForm .margin_top_2px {

	margin-top: 2px;
}

.rbm div#rbm_anzeigeoptionenTeaser .timeline {
	
	width: 110px;
	height: 35px;
	margin-bottom: 16px;
	clear: both;
}


.rbm div#rbm_anzeigeoptionenTeaser #select_year {
	
	width: 55px;
	float: right;
	margin-top: -2px;
}




/*******************************************************************************
 MEDIEN-TEASER
*******************************************************************************/

.rbm div#rbm_medienTeaser form {

	margin-bottom: 12px;
}

.rbm div#rbm_medienTeaser form select{

	width: 116px;
}

.rbm div#rbm_medienTeaser div#sliderContainer {

	width: 120px;
	height: 245px;
	margin-top: 12px;
}




/*******************************************************************************
 LOGIN FORM
*******************************************************************************/

.rbm div#loginForm {
	
	position: absolute;
	height: 20px;
	background: none;
	top: -50px;
	display: block;
	z-index: 99; 
}

.rbm div#loginForm div#login_layer {
	
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	background-image: url(../imgs/teaser/bg_login_form.png);
	height: 179px;
}
.rbm div#loginForm .loginLink{

	cursor: pointer;
	float: right;
	padding-top: 2px;
}
.rbm div#loginForm .grey_dark{

	color: #666666;
}
.rbm div#loginForm img.arrows{

	margin-left: -1px;
}
.rbm div#loginForm .login_content{

	padding-top:50px;
	margin-left: 10px;
	color: #666666;
}
.rbm div#loginForm .textfield{

	width: 100px;
}
.rbm div#loginForm .button_sms{

	padding-top: 3px;
	padding-bottom: 5px;
}
.rbm div#loginForm .button_login{

	padding-top: 5px;
}

.rbm div#loginForm .login_eingeloggt{

	padding-top: 3px;
}

/*******************************************************************************
 LOGOUT
*******************************************************************************/

.rbm div#logout {
	
	position: absolute;
	height: 20px;
	background: none;
	top: -50px;
	display: block;
	z-index: 99;
	width: 220px;
	margin-left: -86px;
}

.rbm div#logout .separator{
	
	padding-left: 2px;
	padding-right: 2px;
}

.rbm div#logout .logoutLink{

	float: right;
	padding-top: 2px;
}


.sideTeaser .contentLayer p.text img {

	margin-left: 0px;
}

