/* RIGHT CONTENT - SEARCH AND TEASER */

div#rightcontent
{
	float: right;
	width:213px;

	padding: 51px 2px 0px 0px;
}

/* SUCHE */

div#suche
{
}

div#suche-design
{
	margin:0px 0px 11px 0px;
	padding:0px;
	vertical-align:bottom;
	height: 26px;
  background-image:url(../../../design/bp2/images/layout/bg_suche.jpg);
  background-repeat:repeat-x;
}


div#suche-design .suchfeld {
	float: left;
	margin:4px 0px 0px 9px;
	padding:0px 0px 0px 0px;
	width: 130px;
	height: 12px;
	font-size: 10px;
	background-color:#ffffff;
	border-bottom: 1px solid #E4E4E4;
	border-right: 1px solid #E4E4E4;
	border-left: 1px solid #E4E4E4;
	border-top: 1px solid #CECECE;
}

div#suche-design a {
	background: url(../../../design/bp2/images/layout/bg_button_suche.jpg) no-repeat top right;
	display:block;
	width:56px;
	height:16px;
	color:#fff;
	font-weight:bold;
	float:right;
	text-align:center;

	margin: 3px 4px 0px 0px;
	text-decoration:none;
}

.schnellsuche {
	background: url(../../../design/bp2/images/layout/bg_schnellsuche.jpg) repeat-x top left;
	width: 205px; /* nicht 213 */
	height: 65px;
	padding: 2px 0px 0px 9px;
	z-index: 100;
}

.schnellsuche h1 {
	font-size: 13px;
	color: #ffffff;
	margin: 0 0 4px 0;
	padding: 0px;
}

.schnellsuche p {
	font-size: 11px;
	color: #ffffff;
	margin: 0;
	padding: 0px;
}




/* RECHTER TEASER */

div.teaser
{
}

div.teaser-design
{
	margin-bottom:25px;
}

div.teaser-design a
{
	padding: 0px;
	margin-bottom:0px;
	margin-top:0px;
	line-height : 18px;

	color: #6b7579;
}

div.teaser-design .mehr
{
	color:#39AED2;
	font-size:11px;
}


div#teaser_dc_startseite {
	width: 213px;
	height: 291px;
	margin-bottom:20px;
	/* temporaer */
	background-color: #f0f0f0;
}

div.teaser-design p
{
	padding: 0px 9px 0px 9px;
}

/* HEADLINES RECHTER TEASER */

div.teaser-design h1
{

    font-size: 12px;
    font-weight: bold;
    border-bottom:0px solid;
    color:#1A171B;
    margin-bottom:0px;
    margin-top:0px;
    padding-right:4px;
}


div.teaser-design h2
{

    font-size: 12px;
    font-weight: bold;
    border-bottom:0px solid;
    color:#1A171B;
    margin-bottom:0px;
    margin-top:0px;

    padding:0px 4px 0px 10px;

    line-height : 20px;
    height:20px;


/*  baerenpost
	background-image:url(../../../design/plain_site/images/layout/teaser_g.jpg);
    background-repeat:no-repeat;*/
}

div.teaser-design h3
{

    font-size: 11px;
    font-weight: bold;
    border-bottom:0px solid;
    color:#1A171B;
    margin-bottom:8px;
    margin-top:10px;

    padding-right:4px;
}

div.teaser_download h3
{
	color: #e2001a;
}


div.teaser-design img
{
    border-top: 0px solid #ffffff;
}

div.teaser_download
{
	background-color:#fff9eb;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 10px;

	border-top: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;

	/* baerenpost scrolling Pflichtangaben*/
	height: 150px;
	width: 200px;
	overflow:auto;
}


div.teaser_download p
{

	line-height : 18px;
	color:#1A171B;

	padding-bottom: 6px;
}

.bg_unten
{
	/* Baerenpost geleert*/
}

div.teaser_download ul
{
	margin: 0px;
	padding: 0px;
}

div.teaser_download li
{
	 color:#024384;
	 list-style:none;
	margin: 0px;
	padding: 0px;
	/* fuehrt zu problemen bei zweizeiliger Darstellung list-style-position: inside;*/
}

.teaser .mehr {
	color:#39AED2;

	background-image:url(../../../design/bp2/images/layout/arrow2.gif);
	background-repeat:no-repeat;

	margin: 0px;
	padding: 0px 10px 0px 10px;
}

div.teaser .mehr:hover {
	color:#ff0000;
	background-image:url(../../../design/bp2/images/layout/arrow_red.gif);
	background-repeat:no-repeat;

	padding: 0px 10px 0px 10px;
}


/* .teaser_download a
{
	color:#39AED2;

    font-size:11px;
    background-image: url(../../../design/plain_site/images/layout/leftmenu_dot_g.gif);
    background-repeat: no-repeat;


    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 10px;
}
*/


div.teaser_diagnostic
{

	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;

}


div.teaser_diagnostic p
{

	line-height : 18px;
	 color:#868F98;
}


/* Teaser Warenkorb */

div.warenkorb {
	padding-top: 18px;
}
div.warenkorb_content {
	border: 1px solid #00a2c9;
}

div.teaser-design h1.warenkorb {
	border-bottom:1px solid #308187;
	background: #00a2c9;
	color: #FFFFFF;
	padding:2px 4px 2px 8px;
}

.warenkorb-itemlist {
	margin: 8px 10px 0 8px;
	color: #6B7579;
	margin-bottom: 18px;
}

.warenkorb-itemlist .item {
	clear: both;
	float: left;
}

.warenkorb-itemlist .preis {
	float: right;
}

div.teaser-warenkorb-bottom {
	clear: both;
	height: 22px;
	padding: 4px 0 0 30px;
}

div.teaser-warenkorb-bottom a {
	color: #6B7579;
}
div.teaser-warenkorb-bottom a:hover {
	color: #9F161B;
}


/* Stylesheet for my demo pages for jScrollPane - these styles aren't necessary for using jScrollPane and aren't specific to any particular example */

.pflichtangaben {
	width: 213px;
	height: 174px;
	padding: 16px 0px 0px 0px;
	margin 0 0 13px 0;
	background: url(../../../design/bp2/images/layout/bg_pflichtangaben_liste.jpg) repeat-x bottom left;
}
.pflichtangaben_header {
	height: 40px;
	width: 100%;
	background-color: #f5ecd3;
}
.pflichtangaben_header h1 {
	font-size: 13px;
	color: #9f161b;
	margin: 0px;
	padding: 5px 0px 0px 8px;
}
.pflichtangaben_header p {
	font-size: 11px;
	color: #6b7579;
	margin: 0px;
	padding: 0px 7px 0px 8px;
}

a.jScrollArrowUp {
	background: url(../../../design/bp2/images/layout/basic_arrow_up.gif) repeat-x 0 0;
}
a.jScrollArrowUp:hover {
	background-position: 0 -15px;
}
a.jScrollArrowDown {
	background: url(../../../design/bp2/images/layout/basic_arrow_down.gif) repeat-x 0 0;
}
a.jScrollArrowDown:hover {
	background-position: 0 -15px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-position: 0 -30px;
}


.pflichtangaben_liste .jScrollPaneTrack {
	background: #faf6e9 url(../../../design/bp2/images/layout/bg_jScrollPaneDrag.gif) no-repeat 50% 50%;
}
.pflichtangaben_liste .jScrollPaneDrag {
	background: #faf6e9 url(../../../design/bp2/images/layout/drag_grab.gif) no-repeat 50% 50% ;
}
.pflichtangaben_liste .scroll-pane {
	background: #faf6e9;
}

.holder {
	float: left;
	margin: 0px;
}

.scroll-pane {
	width: 213px;
	height: 130px;
	overflow: auto;
	background: #ccc;
	float: left;
}

#pane_pflicht {
	height: 120px;
}

#pane_pflicht ul {
	margin: 5px 0 0 5px;
	padding: 0 0 0 0;
}

#pane_pflicht li {
	list-style:none outside none;
	margin:0;
	padding:3px 0 0 3px;
}


.teaser .mehr_pflicht {
	color:#6b7579;

	background-image:url(../../../design/bp2/images/layout/pdf_paper.gif);
	background-repeat:no-repeat;

	margin: 0px;
	padding: 0px 10px 0px 20px;

	display: block;
}

div.teaser .mehr_pflicht:hover {
	color:#9f161b;
	background-image:url(../../../design/bp2/images/layout/pdf_paper_hover.gif);
}

/* ################# DER DIREKTE DRAHT ######################## */

.direktedraht {
	width: 213px;
	height:240px;
	padding: 20px 0px 0px 0px;
	margin 0 0 13px 0;
}
.direktedraht_header {
	position: absolute;
	height: 90px;
	width: 213px;
	background-color: #c1edf5;
}
.dd_kopf {
	position: absolute;
	bottom: 0px;
	right: 0px;
	z-index: 20;
}
.dd_header_text {
	position: absolute;
	z-index: 22;
}
.direktedraht_header h1 {
	font-size: 13px;
	color: #6b7579;
	margin: 0px;
	padding: 5px 0px 0px 8px;
}
.direktedraht_header p {
	font-size: 11px;
	color: #6b7579;
	margin: 0px;
	padding: 0px 7px 0px 8px;
}
p.dd_link {
	margin: 10px 0 0 0;
}
.direktedraht_content td {
	margin: 0px;
	padding: 0px;
}
.direktedraht_content {
	position: relative;
	top: 90px;
	color: #6b7579;
	height: 150px;
	width: 100%;
	padding: 5px 0 0 0;
	background: #e9f6fa url(../../../design/bp2/images/layout/bg_direktedraht.gif) repeat-x bottom left;
}
.direktedraht_content p, .direktedraht_content table {
	padding: 0px 0px 0px 8px;
	margin: 0px;
	color: #6b7579;
}
.direktedraht_content b {
	font-size: 15px;
}

/* ################# BP Teaser ######################## */

.bp_teaser {
	width: 213px;
	height: 143px;
	padding: 20px 0px 0px 0px;
	margin 0 0 13px 0;
	overflow: hidden;
}
.bp_teaser_text {
	float: left;
	width: 113px;
	height: 100%;
	background-color: #e9f6fa;
	padding: 0px;
}
.bp_teaser_image {
	float: right;
	width: 100px;
	height: 100%;
	background-color: #e9f6fa;
	padding: 0px;
}

.bp_teaser_text h1 {
	font-size: 13px;
	color: #6b7579;
	margin: 0px;
	padding: 5px 0px 0px 8px;
}
.bp_teaser_text p {
	font-size: 11px;
	color: #6b7579;
	margin: 0px;
	padding: 0px 7px 0px 8px;
}