/* Stylesheets fuer beckmedien.de */

body {
	background-color:#F8EDED;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:7pt;
	color:#000;
	margin: 0;
	padding: 0;
}

#CenterHelper {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 50%;
  z-index: 0;
}

#MainContainer {
	position: absolute;
	top: 0px;
	left: -512px;
	width: 1024px;
  height: auto;
	margin: 0px;
	padding: 0px;
	background: url(/bilder/bg_maincontainer.gif);
	z-index: 0; 
}

#ganzlinks{
  width:    52px;
  height:  100%;
  position: absolute;
  left:     0px;
  top:      0px;
  margin:   0px;
  background-image: url(../bilder/bg_ganzlinks.gif);
  background-repeat: repeat-y;
	z-index: 2;
  }

#ganzrechts{
  width:    44px;
  height:  100%;
  position: absolute;
  left:     988px;
  top:      0px;
  margin:   0px;
  background-image: url(../bilder/bg_ganzrechts.gif);
  background-repeat: repeat-y;
	z-index: 2;
}

#KopfContainer {
	position:relative;
	width: 930px;
	height: 132px;
	top: 0px;
	left: 51px;
	margin: 0px;
	padding: 0px;
	background-color: #FFF;
	border-width: 0px;
	z-index: 0;
}

#KopfObenContainer {
	position: relative;
	width: 936px;
	height: 100px;
	top: 0px;
	left: 0px;
	z-index: 1;	
}

#NavSucheContainer {
	position: absolute;
	width: 320px;
	height: 30px;
	top: 8px;
	right: 0px;
	z-index: 7;
  font-size: 8pt; font-weight: normal; color: #b13834;
	vertical-align: middle;
	padding-top: 6px;
}

.Suche input[type=text] {font-family: Verdana,Arial,Helvetica,sens-serif; font-size:8pt; color:#404040; border:1px solid #aeaeae; background: #FFFFFF;}
.Suche a {color: #b13834; text-decoration:none;}
.Suche a:hover {color: #000000; text-decoration: none;}
.Suche a:visited {color: #b13834; text-decoration: none;}

#NavObenContainer {
	position: absolute;
	width: 677px;
	height: 50px;
	top: 50px;
	left: 272px;
	z-index: 5;
  font-size: 8pt; font-weight: bold; color: #FFF;
	/* background-image: url(/bilder/bg_navoben.gif); */
}

#LogoObenContainer {
	position: absolute;
	width: 267px;
	height: 100px;
	top: 0px;
	left: 0px;
	z-index: 2;
}

#KopfBalkenAbstandContainer {
	position: absolute;
	width: 930px;
	height: 1px;
	top: 100px;
	left: 0px;
	z-index: 2;
}

#KopfBalkenContainer {
	position: absolute;
	top: 101px;
	left: 0px;	
	width: 930px;
	height: 31px;
	z-index: 2;
  color: #b13834;
  font-size: 12px;
  font-family: Arial, sans-serif;
	background-color: #b13834;
  background-image: url(/bilder/bg_pinkoben.gif);
  text-align: right;
	margin: 0px;
	padding: 0px;
}

/* Styles für Scroller (Bildleiste) */
#ScrollerContainer {position: relative; top: 0px; left: 51px; width:930px; height:140px; overflow: hidden; background:url(/bilder/bg_slider.gif) repeat-x;}
#ScrollerLinks {position: absolute; top:0px; left:0px; width:31px; z-index:1; overflow:hidden;}
#ScrollerInhalt {position: absolute; overflow:hidden; left:31px; top:0px; width:12000px; z-index:0}
#ScrollerRechts {position: absolute; top:0px; left:899px; width:31px; z-index:1; overflow: hidden;}
.clScroll   {position:absolute; font-size:10pt; font-family:arial,helvetica,sans-serif; visibility:hidden;} 

#BodyContainer {
	position:relative;
	top: 0px;
	left: 51px;
	width: 936px;
	height: auto;
	margin: 0px;
}

#NavUntenContainer {
	width: 260px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 20px;
	z-index: 1;
}

#InhaltMitteContainer {
	margin: 0px;
	padding: 4px 5px 0px 5px;
	color:#000;
	z-index: 1;
}

#InhaltRechtsContainer {
	margin: 0px;
	padding: 0px 5px 0px 5px;
	background-image: url(/bilder/bg_spalterechts.gif);
	font-size: 8pt; font-weight: normal; color: #000;
	z-index: 1;
}

#ArtikelContainer {
	padding: 15px 25px 0px 10px;
}

#InhaltHintergrund {
	position:	absolute;
	width: 762px;
	left: 404px;
	/* height: 430px; */
	margin: 0px;
	padding: 0px 20px 0px 20px;
	background-color:#FFFFFF;
	z-index: 0;
}

#ZeileUnten {
  position: relative;
  bottom: 0px;
  left: 84px;
  width: 897px;
	height: 20px;
	background-color: #b13834;
	padding: 0px 0px 0px 0px;
	text-align: left;
	vertical-align: middle;
	font-size: 10pt; font-weight: normal; color: #FFFFFF;
	z-index: 2;
  }

#ImpressumContainer {
  }

.art_ueberschrift {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10pt; font-weight: bold; line-height: 20pt; color: #000000}
.art_untertitel {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10pt; font-weight: bold; line-height: 20pt; color: #000000}
.art_text {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10pt; line-height: 13pt; color: #000000}
.art_bildunterschrift {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 8pt; line-height: 10pt; color: #446A62; margin: 0px 0px 2px 0px; padding: 0px;}
.art_balken_ueberblick {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10pt; font-weight: bold; color: #FFFFFF; background-color: #70A498; padding-left: 3px; border-bottom:1px solid #FFFFFF}
.art_ueberschrift_ueberblick {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 8pt; font-weight: bold; color: #000000}
.art_untertitel_ueberblick {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 8pt; font-weight: bold; color: #000000}
.art_weiterleitung_ueberblick {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 8pt; font-weight: normal; color: #70A398}
.art_dateigroesse {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 7pt; color: #000000; white-space:nowrap}
.art_dateitext {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10pt; line-height: 13pt; color: #000000}

.normal {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10pt; color: #000000}
.ueberschrift {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 12pt; font-weight: bold; color: #000000}
.fett {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10pt; font-weight: bold; color: #000000}
.klein {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 8pt; font-weight: normal; color: #000000}
.Kopfzeile {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 16pt; font-weight : bold; color: #000000}

.Produkttext {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10pt; color: #000000}
.Liste {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10pt; color: #000000}
.Dateigroesse {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 8pt; color: #000000}
.startseite_ueberschrift {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11pt; font-weight:bold; color: #70A398}
.startseite_text {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 8pt; font-weight:normal; color: #70A398}

/* rechte Spalte mit Übersicht "Aktuelles" */
.AktuellesUebersichtCaption {position:relative; top:0px; left:0px; height:30px; margin:0px; padding:10px 0px 0px 15px; color:#fff; font-weight:bold; font-size:12pt; background:url(/bilder/bg_spalterechtshead.gif);}
.AktuellesUebersichtContainer {position:relative; top:10px; left:15px; width:170px; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 9pt; line-height: 11pt; color: #B13834}
.AktuellesUebersichtErstellt {font-style:italic; font-size: 8pt;}
.AktuellesUebersichtTitel {font-weight: bold; margin-bottom: 5px;}
.AktuellesUebersichtUntertitel {}
.AktuellesUebersichtLink a{color: #B13834; text-decoration:none; font-weight: bold;}
.AktuellesUebersichtLink a:hover {color: #000000; text-decoration: none; font-weight: bold;}
.AktuellesUebersichtLink a:visited {color: #B13834; text-decoration: none; font-weight: bold;}

/* Inhaltsbereich (normale Artikel) */
.InhaltCaption {background-color: #cd5956; padding:0px 0px 0px 18px; color:#fff; font-weight:bold; font-size:12pt;}


.rechts_ueberschrift {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 9pt; font-weight: bold; color: #FFFFFF}
.rechts_normal {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 9pt; line-height: 13pt; color: #FFFFFF}

.head_navunten {position: relative; left: 34px; width:280px; height:40px; background-image: url(/bilder/bg_spaltelinkshead.gif);}
.caption_navunten {position:relative; left:15px; top:10px; color: #fff; font-weight: bold; font-size: 11pt;}
.pfad {height:30px; background-color: #cd5956; vertical-align: middle; padding: 10px 0px 0px 34px; font-weight: bold; font-size: 11pt; color: #FFFFFF}

.artikel_bild_normal {
	cursor: pointer;
}

.artikel_bild_links {
	padding: 0px;
	margin-top: 6px;
	margin-bottom: 4px;
	margin-right: 14px;
	float: left;
	cursor: pointer;
}

.artikel_bild_rechts {
	padding: 0px;
	margin-top: 6px;
	margin-bottom: 4px;
	margin-left: 14px;
	float: right;
	cursor: pointer;
}



td {font-family : Verdana,Arial,Helvetica,sans-serif; font-size : 10pt; color : #000000;}

a {color: #333; text-decoration:underline;}
a:hover {color: #333; text-decoration: none;}
a:visited {color: #333; text-decoration:underline;}

a.fusszeile {color: #FFFFFF; text-decoration:none;}
a.fusszeile:hover {color: #BBBBBB; text-decoration: none;}
a.fusszeile:visited {color: #FFFFFF; text-decoration: none;}

a.Agenturlink {color: #b13834; text-decoration:none; font-weight: bold}
a.Agenturlink:hover {color: #b13834; text-decoration: underline; font-weight: bold}
a.Agenturlink:visited {color: #b13834; text-decoration: none; font-weight: bold}


/* Styles für Navigation */
/* Navigation Oben Ebene 0 */
a.NavObenLink0            {line-height:60px;width:108px; }
a.NavObenLink0:active     {color: #FFFFFF; text-decoration: none; display:block; width:108px; height:50px; background: url(/bilder/bg_navobennormal.gif) repeat-x}
a.NavObenLink0:link       {color: #FFFFFF; text-decoration: none; display:block; width:108px; height:50px; background: url(/bilder/bg_navobennormal.gif) repeat-x}
a.NavObenLink0:visited    {color: #FFFFFF; text-decoration: none; display:block; width:108px; height:50px; background: url(/bilder/bg_navobennormal.gif) repeat-x}
a.NavObenLink0:hover      {color: #000000; text-decoration: none; display:block; width:108px; height:50px; background: url(/bilder/bg_navobenselekt.gif) repeat-x}
a.NavObenLinkSel0         {line-height:60px;}
a.NavObenLinkSel0:active  {color: #000000; text-decoration: none; display:block; width:108px; height:50px; background: url(/bilder/bg_navobenselekt.gif) repeat-x}
a.NavObenLinkSel0:link    {color: #000000; text-decoration: none; display:block; width:108px; height:50px; background: url(/bilder/bg_navobenselekt.gif) repeat-x}
a.NavObenLinkSel0:visited {color: #000000; text-decoration: none; display:block; width:108px; height:50px; background: url(/bilder/bg_navobenselekt.gif) repeat-x}
a.NavObenLinkSel0:hover   {color: #000000; text-decoration: none; display:block; width:108px; height:50px; background: url(/bilder/bg_navobenselekt.gif) repeat-x}
td.NavObenPointAussen0    {text-align: center; vertical-align: bottom;  width:108px; font-size: 10pt; font-weight: normal; color: #FFFFFF;}
td.NavObenPointAussenSel0 {text-align: center; vertical-align: bottom;  width:108px; font-size: 10pt; font-weight: normal; color: #FFFFFF;}
.NavObenPointInnen0       {padding-left: 0px; }
.NavObenPointTrennstrich0 {padding: 0px; margin: 1px 0px 1px 0px; font-size: 1px; background-image: url(/bilder/trennstrich_oben.gif); width: 2px; height: 50px}

/* Navigation Unten Ebene 1 */
a.NavUntenLink1:active     {color: #b13834; text-decoration: none;}
a.NavUntenLink1:link       {color: #b13834; text-decoration: none;}
a.NavUntenLink1:visited    {color: #b13834; text-decoration: none;}
a.NavUntenLink1:hover      {color: #000000; text-decoration: none;}
a.NavUntenLinkSel1:active  {color: #000000; text-decoration: none;}
a.NavUntenLinkSel1:link    {color: #000000; text-decoration: none;}
a.NavUntenLinkSel1:visited {color: #000000; text-decoration: none;}
a.NavUntenLinkSel1:hover   {color: #000000; text-decoration: none;}
td.NavUntenPointAussen1    {vertical-align: middle; left:10px; font-size: 11px; font-family: verdana; font-weight:bold; padding: 0px 0px 0px 0px;background-image:url(/bilder/navunten_bg1.gif); height:29px}
td.NavUntenPointAussenSel1 {vertical-align: middle; left:10px; font-size: 11px; font-family: verdana; font-weight:bold; padding: 0px 0px 0px 0px;background-image:url(/bilder/navunten_bgsel1.gif); height: 29px}
.NavUntenPointInnen1       {padding-left: 0px;}
.NavUntenPointTrennstrich1 {height: 0px;}

/* Navigation Unten Ebene 2 */
a.NavUntenLink2:active     { color: #000000; font-weight:normal; text-decoration: none;}
a.NavUntenLink2:link       { color: #000000; font-weight:normal; text-decoration: none;}
a.NavUntenLink2:visited    { color: #000000; font-weight:normal;text-decoration: none;}
a.NavUntenLink2:hover      { color: #b13834; font-weight:normal; text-decoration: none;}
a.NavUntenLinkSel2:active  { color: #b13834; text-decoration: none;  background-color: #fff; }
a.NavUntenLinkSel2:link    { color: #b13834; text-decoration: none;	background-color: #fff; }
a.NavUntenLinkSel2:visited { color: #b13834; text-decoration: none;	background-color: #fff; }
a.NavUntenLinkSel2:hover   { color: #b13834; text-decoration: none;}
td.NavUntenPointAussen2    {vertical-align: middle; font-size: 11px; font-family: verdana; padding: 5px 0px 5px 25px; margin: 0px}
td.NavUntenPointAussenSel2 {vertical-align: middle; font-size: 11px; font-family: verdana; font-weight:normal; padding: 5px 0px 5px 25px; margin: 0px; background-color: #fff;}
.NavUntenPointInnen2       {padding-left: 0px;}
.NavUntenPointTrennstrich2 {height: 1px; padding: 0px; margin: 0px 0px 0px 00px; font-size: 1px; background-image: url(/bilder/trennstrich2.gif); width: 150px;}

/* fuer Schatten um Bilder */
DIV.shadow, DIV.shadow2, DIV.shadow3, DIV.shadow4, DIV.shadow5 {
   padding: 1px;
   border-radius: 10px;
   -moz-border-radius: 10px;
   }

DIV.shadow {
   background-color: #8e8e8e;
   border: 1px solid #959595;
   margin: 0px;
   }
DIV.shadow2 {
   background-color: #aaa;
   border: 1px solid #bebebe;
   margin: 0;
   }
DIV.shadow3 {
   background-color: #d1d1d1;
   border: 1px solid #e1e1e1;
   margin: 0;
   }
DIV.shadow4 {
   background-color: #ededed;
   border: 1px solid #f6f6f6;
   margin: 0;
   }
DIV.shadow5 {
   float: left;
   background-color: #fcfcfc;
   margin: 10px 14px;
   }

DIV.shadow5 IMG {
   border: 0px solid #666;
   margin: -2px;
   display:block;
   position: relative;
   top: -3px;
   left: -3px;

   }

.buttonanfrage {
  width: 180px;
  height: 25px;
	padding: 5px;
  border: 1px solid #aeaeae;
  background-color: #b13834;
  font-size: 10pt;
  color: #ffffff;
  text-decoration: none;
}

#ArtikelTab {
	position: relative;
	top: 12px;
	left: 0px;
}

/* Einstellungen fuer TabPanel (YUI) */
/* .yui-navset defaults to .yui-navset-top */
.yui-skin-sam .yui-navset .yui-nav,
.yui-skin-sam .yui-navset .yui-navset-top .yui-nav { /* protect nested tabviews from other orientations */
    border:none; /* color between tab list and content */
    /* Xposition:relative;
    zoom:1; */
}

.yui-skin-sam .yui-navset .yui-nav li,
.yui-skin-sam .yui-navset .yui-navset-top .yui-nav li {
    margin:0 0.16em 0 0; /* space between tabs */
    padding:1px 0 0; /* gecko: make room for overflow */
    zoom:1;
}

.yui-skin-sam .yui-navset .yui-nav .selected,
.yui-skin-sam .yui-navset .yui-navset-top .yui-nav .selected { 
    margin:0 0.16em -1px 0; /* for overlap */
}

.yui-skin-sam .yui-navset .yui-nav a,
.yui-skin-sam .yui-navset .yui-navset-top .yui-nav a {
    background: url(/bilder/bg_tabpanel_reiter_inaktiv.gif) repeat-x; /* tab background */
    border:solid #aeaeae;
    border-width:0 1px 0 1px;
    color:#000;
    text-decoration:none;
		padding-top: 4px;
		height: 26px;
}

.yui-skin-sam .yui-navset .yui-nav a em,
.yui-skin-sam .yui-navset .yui-navset-top .yui-nav a em {
    border:solid #aeaeae;
    border-width:0 0 0 0;
    cursor:hand;
    padding:0.25em .75em;
    left:0; right: 0; bottom: 0; /* protect from other orientations */
    top:-1px; /* for 1px rounded corners */
    position:relative;
}

.yui-skin-sam .yui-navset .yui-nav .selected a,
.yui-skin-sam .yui-navset .yui-nav .selected a:focus, /* no focus effect for selected */
.yui-skin-sam .yui-navset .yui-nav .selected a:hover { /* no hover effect for selected */
    background: url(/bilder/bg_tabpanel_reiter_aktiv.gif) repeat-x; /* selected tab background */
    color:#000;
		font-weight: bold;
		padding-top: 4px;
		height: 26px;
}

.yui-skin-sam .yui-navset .yui-nav a:hover,
.yui-skin-sam .yui-navset .yui-nav a:focus {
    background: url(/bilder/bg_tabpanel_reiter_aktiv.gif) repeat-x; /* selected tab background */
    outline:0;
}

.yui-skin-sam .yui-navset .yui-nav .selected a em {
    padding:0.38em 0.75em; /* raise selected tab */
}

.yui-skin-sam .yui-navset .yui-nav .selected a,
.yui-skin-sam .yui-navset .yui-nav .selected a em {
    border-color:#aeaeae; /* selected tab border color */
}

.yui-skin-sam .yui-navset .yui-content {
    background:#ffffff; /* content background color */
}

.yui-skin-sam .yui-navset .yui-content,
.yui-skin-sam .yui-navset .yui-navset-top .yui-content {
    border:1px solid #aeaeae; /* content border */
    border-top-color:#aeaeae; /* different border color */
    padding:0.25em 0.8em; /* content padding */
		margin: 0px;
}