/* Style Sheet - BEMA GmbH */

* { padding: 0; margin: 0; }
html {
 height: 101%/* Firefox blendet immer Scrollbar ein */
 }

body {
	color: MidnightBlue;
	background-color: Lavender; /* #67534a */
	Font-Family: Arial, Helvetica, Sans-Serif;
	Font-Size: small;
	background-image:url(../pics/bema-hp-background.jpg);
	background-repeat:repeat-x;
	background-position:15% 0%; 
	background-attachment: fixed; 
	}

/* Rahmen um fieldset und verlinkte Bilder entfernen */
fieldset, a img { border: none; }


/* ==============================
 1. DIV-Bereiche
 =========================== */

#wrapper {
 width: 836px; /* Breite des Inhaltsbereiches */
 margin-top: 20px ;
 margin-right: auto ;
 padding-bottom: 30px ;
 margin-left: 10px ; /* Abstand links */
 }

#hauptbereich {
 float:right;
 width: 620px;
 }

#kopfleiste {
 padding: 0px 0px 10px 38px; 
 }

#service-content #hauptbereich, 
#news-content #hauptbereich {
 background: url(../pics/Bema-Neubau-SZ.gif) no-repeat 100% 60%;
 }

div#wrapper img.email { 
 margin-left: 0px;
 }

div.service-news-bereiche { 
 padding: 10px 0 10px 0;
 clear: both;
 width: 433px;
 border-top: 1px solid MidnightBlue; 
 }

div.service-news-bereiche img { 
 position: absolute; 
 margin-left: -23px;
 }

div.service-knopf img { 
 position:absolute; 
 margin-top:5px;
 margin-left:8px;
 }

div.service-news-textbereich {
 width:390px;
 margin-left:46px;
 padding:10px 0px 10px 0px;
 }

div.service-news-textbereich h2 {
 width: 385px;
 margin: 0 0 5px 0; 
 }


/*
div.service-news-textbereich {
 margin: 0px; 
 }
*/
/*
#wrapper .service-news-textbereich .fliestext {
 padding: 3px 0px 2px 0px; 
 }
*/
/*
.service-news-headline {
 width: 385px;
 margin: 0px 0px 4px 0px; 
 }
*/
.service-links {
 padding: 3px 0px 3px 0px ; 
 }

.anmerkung { /* enthalten in Gesamtkatalog */
 margin: 3px 0px 0px 90px; 
 }

.zum-seitenanfang {
 clear: both;
 margin: 0px 0px 8px 0px; 
 border-top: 1px solid red;
 padding: 5px 0 0 0;
 }

#produkte-bema .zum-seitenanfang {
 border-top: none;
 padding: 0;
 }

#produkte-bema .teilbereiche {
 position:relative;
 z-index:1;
 background-color: Lavender;
 border-top: 1px solid red;
 margin-top: 20px;
 padding-top: 14px;
 }

.datum-news { /* ohne Worte nur einrücken */
 padding: 0px 0px 0px 46px;
 }

.textbox { /* bei Comany */
 width: 354px;
 padding: 10px 0px 10px 10px;
 }
/*
.chrome .textbox { Hack für Chrome mit JS bei wir über uns 
 width: 362px;
 }
*/
.textbox p { 
 margin: 5px 0;
 padding: 0 20px 0 0;
 }

div#schaufenster {
float:right;
 width: 620px;
 height: 80px;
 border-top: 1px solid red;
 z-index: -100;
 }

#zertifizierungsband {
 color: white;
 background-color: #001C49; /* dunkelste Farbe der Navi */
 width: 620px;
 font-family: Tahoma, Arial, Helvetica, Sans-Serif;
 font-size: 11px;
 font-weight: bold;
 text-align: center;
 padding: 1px 0px 3px 0px;
 border-top: 1px solid red;
 border-bottom: 1px solid red;
 }

.address {
 font-family: Arial, Helvetica, Sans-Serif;
 font-size: 11px;
 line-height: 16px;
 padding: 6px 0 24px 0;
 }

#startseiten-text h1{ /* auch bei OEM */
 Font-Size: 19px;
 Line-Height: 23px;
 }
div#startseiten-text,
div#oem-seiten-text {
 margin-left: 20px;
 float:left; 
 width: 300px;
 }

div#startseiten-text {
 width: 320px;
 }

#runde-bilder { /* auch bei OEM */
 float:right;
 width: 270px;
 }

img.pics-company {
 float:left;
 margin: 0 2px 2px 0;
 }

img.pics-company-end { /* Bild rechts aussen */
 float:left;
 margin: 0 0px 2px 0;
 }

/* ==================
 News Inhalte
 ================ */
 
 
div#news-inhalt,
div#kontakt-inhalt,
div#nadelhalter-inhalt,
div#llrohr-inhalt {
 position:relative;
 } 

div#inhaltsbereich {
 background-color: transparent;
 background: url(../pics/Lavender-back-trans.png) repeat;
 }
 
body#produkte-bema #inhaltsbereich {
 background-color: #E6E6FA;
 background-image:none;
 }
 
div#news-inhalt,
body#produkte-bema #inhaltsbereich h1 {
 padding: 22px 0px 8px 40px;
 }

body#produkte-bema h3.punkte {
 padding: 8px 0px 2px 22px;
 }

#produkte-bema p {
 margin: 10px 130px 6px 40px;
 }

#produkte-bema .listen-link ul { /* OEM-Verweis unten */
 list-style-image: url(pics/news-punkte-2.gif);
 padding: 16px 0 26px 27px;
 width: 340px;
 }

#news-inhalt p {
 margin: 0px 40px 8px 2px;
 line-height: 1.5em;
 }

#news-inhalt p.acrogif-einruecken {
 font-weight: bold;
 margin: 6px 0px 0px 20px;
 }

#news-inhalt a p {
 font-weight: bold;
 }

h6 {
 Color: DarkGreen;
 Font-Family: Georgia, Verdana, Serif;
 Font-Size: 0.8em;
 Line-Height: 1.2em;
 }

#news-inhalt h1 {
 width: 400px;
 Font-Size: 1.5em;
 Line-Height: 1.5em;
 padding: 0.5em 0 0.5em 0;
 }

/* ==================
 Textstyles
 ================ */

h1 {
 Color: DarkRed;
 font: bold 13px Georgia, serif, Arial, Helvetica;
/* font-family: 'Droid Serif', cursive;
 font-weight: 700italic; */
 Font-Size: 21px;
 Line-Height: 25px;
 }

p {
 font-family: Arial, Helvetica, Sans-Serif;
 font-size: 12px;
 line-height: 18px;
 padding-bottom: 7px;
 }

#produkte-oem #inhaltsbereich h1,
#start #inhaltsbereich h1 {
 Line-Height: 28px;
 padding: 12px 0px 7px 0px;
 }

#wrapper h1#zeile-vor-inhaltsbereich {
 Color: midnightblue;
 Font-Family: Verdana, Arial, Helvetica, Sans-Serif;
 Font-Size: 10px;
 font-weight: bold;
 letter-spacing: 0px;
 border-bottom: 1px solid red;
 }

/* Headlines einruecken bei News und Service */
h1#links-einruecken { 
 padding: 20px 0 20px 44px;
 }

h2 { /* bei News und Service */
 Font-Family: Georgia, Serif;
 font-size: 12px;
 line-height: 18px;
 font-weight: bold;
 }

h2 span, 
p span { /* Versal */
 text-transform:uppercase;
 }

a:hover h2, a:focus h2 {
 color: MidnightBlue;
 text-decoration: underline;
 }

h3 { 
 font-size: 12px;
 Line-Height: 16px;
 }

a:hover h3, a:focus h3 { /* Links auf Produktseiten */
 text-decoration: underline;
 }
/*
div#inhaltsbereich p {
 color: MidnightBlue;
 font-family: Arial, Helvetica, Sans-Serif;
 font-size: 12px;
 line-height: 18px;
 }
*/
/* 
div#inhaltsbereich p a {
 font-weight: bold;
 text-decoration: none;
 }

div#inhaltsbereich p a:hover {
 font-weight: bold;
 text-decoration: underline;
 }
*/
/*
.fliestext {
 color: MidnightBlue;
 font-family: Arial, Helvetica, Sans-Serif;
 font-size: 12px;
 line-height: 18px;
 }

.fliestext a {
 Font-Size: 12px;
 Font-Family: verdana, Arial, Helvetica, Sans-Serif;
 line-height: 18px;
 }
*/
.fliestext-klein {
 Color: MidnightBlue;
 Font-Family: Arial, Helvetica, Sans-Serif;
 Font-Size: 11px;
 }

#produkte-oem p,
#start p {
 font-family: Arial, Helvetica, Sans-Serif;
 font-size: 12px;
 line-height: 19px;
 padding-bottom: 7px;
 }


#produkte-bema .listen-link li a {
 font-size: 12px;
 font-weight: bold;
 text-decoration: none;
 }
/*
#bema-company p a {
 font-size: 12px;
 font-weight: bold;
 text-decoration: underline;
 }
#produkte-oem p a,
#start p a {
 font-size: 12px;
 font-weight: bold;
 letter-spacing: 0px;
 padding-left: 2px;
 text-decoration: underline;
 }
*/

#produkte-bema li a:hover,
#bema-company p a:hover,
#produkte-oem p a:hover,
#start p a:hover {
 color: MidnightBlue;
 Font-Family: Arial, Helvetica, Sans-Serif;
 font-size: 12px;
 font-weight: bold;
 text-decoration: underline;
 }

.artikel-nr {
 color: MidnightBlue;
 Font-Family: Arial, Helvetica, Sans-Serif;
 Font-Size: 12px;
 font-weight: bold;
 }

.autor {
 padding: 2px 12px 0 0;
 color: MidnightBlue;
 Font-Family: Arial, Helvetica, Sans-Serif;
 Font-Size: 10px;
 line-height: 13px;
 font-weight: bold;
 text-align: right;
 width:165px;
 margin:1em 0.5em 0 2.4em;
 }

.autor a span {
 Font-Size: 10px;
 display:block;
 text-transform:uppercase;
 padding:0.25em 0 0 0;
 }

em { /* Bema gross */
 text-transform:uppercase;
 font-style: normal;
 }

/* ==============================
 2. Allgemeine HTML-Elemente
 =========================== */

a {
 text-decoration: none;
 font-weight: bold; 
 font-size:12px;
 }

a:hover,
a:focus {
 text-decoration: underline;
 }

a:active {
 color: Red; 
 }

a:link {
 color: MidnightBlue; 
 }

a:visited {
 color: MidnightBlue; 
 }

/*
a:hover, a:focus,
a:hover p, a:focus p {
 font-weight: bold;
 text-decoration: underline; }

.zum-seitenanfang a:hover,
.zum-seitenanfang a:focus {
 font-weight: bold;
 text-decoration: underline; }
*/
.zum-seitenanfang a,
.zum-seitenanfang a {
 font-size: 10px;
 }