body { font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0; font-size: 13px; color: #0D2E14; background-color: #FFFBFB; background-image: url(b/hint-marmor.jpg); background-repeat: repeat-x; }

table { empty-cells: show; border-collapse: collapse; border-spacing: 0; }

th, td { font-size: 13px; }

.klein { font-size: 13px; }

p { margin: 0 0 1em 0; }

.letzter { margin-bottom: 0; }

.nobreak { white-space: nowrap; }

.lfluss { float: left; margin: 0 1em 1em 0; border: thin solid #000000; }
.rfluss { float: right; margin: 0 0 1em 1em; border: thin solid #000000; }
.lfluss img, .rfluss img { width: 100%; vertical-align: bottom; }

a.text { color: #000000; font-weight: bold; text-decoration: none; }
a.tel { text-decoration: none; color: inherit; }

.bild { width: 100%; }
.bild img { width: 100%; vertical-align: bottom; }


.button { display: block; margin: 2em; padding: .5em; text-align: center; text-decoration: none; color: inherit; border: none; background-color: #EEEEEE; box-shadow: 0 1.5em 1.5em -1.5em rgba(255,255,255,1)inset, 0 -20px 1.5em -1.5em rgba(0,12,55,.21) inset, .25em .25em .25em #BBBBBB; }
.anzeigen { display: block; }
.nur-mobil-sichtbar { display: none; }

.table { display: table; border-collapse: collapse; }
.tr { display: table-row; }
.th, .td { display: table-cell; padding: 4px 10px 4px 0; text-align: left; vertical-align: top; }
.th { font-weight: bold; }


/* Mobile Version */
@media screen and (max-width:1023px) {
	body, td, th { font-size: 100%; background-image: none; }

	.anzeigen { display: none; }
	.nur-mobil-sichtbar { display: block; }

	a { padding: .5em 0; }

	.th, .td { padding: .5em 1em .5em 0; }
}




/* --------------
   Anzeigebereich
   -------------- */
#seite {  position: relative; margin: 0 auto; width: 970px; height: 1300px; padding: 15px; background-color: #FFFBFB; }

#randoben, #randlinks, #randrechts, #randunten { position: absolute; z-index: 10; }

#randoben   { left: 0px;   top:  0px; width: 1000px; height: 96px;   overflow: hidden; }
#randlinks  { left: 0px;   top: 96px; width: 5px;    height: 1204px; }
#randrechts { left: 995px; top: 96px; width: 5px;    height: 1204px; }

/* Mobile Version */
@media screen and (max-width:1023px) {
	#seite {  position: static; margin: 0; width: auto; max-width: none; height: auto; overflow: auto; }

	#randoben, #randlinks, #randrechts, #randunten { display: none; }

}




/* ----
   Logo
   ---- */

#logo { position: absolute; top: 104px; width: 456px; height: 93px; }

/* Mobile Version */
@media screen and (max-width:1023px) {
	#logo { position: static; width: 100%; max-width: 456px; height: auto; }
}




/* -------
   Adresse
   ------- */
#adresse { position: absolute; left: 484px; top: 187px; height: 20px; width: 500px; font-size: 12px; text-align: right; font-weight: normal; color: #000000; }

/* Bei Ausfall des Festnetzes auf inline stellen */
.notfalltelefon {
	display: none; }

/* Bei Ausfall des Festnetzes auf none stellen */
.normaltelefon {
	display: inline; }

/* Mobile Version */
@media screen and (max-width:1023px) {
	#adresse { position: static; height: auto; width: 100%; max-width: 100%; margin-bottom: 1em; font-size: 90%; text-align: left; }
}




/* -------------------
   Steuerung oben quer
   ------------------- */
#steuer-oben { position: absolute; padding: 5px 0; top: 205px; height: 20px; width: 969px; background-color: #000000; text-align: right; }

#steuer-oben a { display: inline; padding: 0 19px 0 0; font-size: 17px; font-weight: bold; letter-spacing: .05em; text-decoration: none; color: #D0D0B8; }

#steuer-oben .mpaktiv,
#steuer-oben a:hover,
#steuer-oben a:focus { color: #FFFF00; letter-spacing: .05em; }

.steuer-oben-1, .steuer-oben-2 { display: inline; }

/* Mobile Version */
@media screen and (max-width:1023px) {
	#steuer-oben { position: static; padding: .5em 0; width: 100%; height: auto; border: thin  solid #000000; }

	#steuer-oben a { display: inline-block; margin: .25em; padding: 0 .75em; font-size: 115%; }
}

@media screen and (max-width:43em) {
	#steuer-oben { text-align: center; line-height: 175%; }
	.steuer-oben-1, .steuer-oben-2 { display: block; }
}




/* --------------
   Bild Kopfzeile
   -------------- */
#bild_kopfzeile { position: absolute; top: 236px; width: 967px; border: 1px solid #000000; }
#bild_kopfzeile img { width: 100%; vertical-align: bottom; }

/* Mobile Version */
@media screen and (max-width:1023px) {
	#bild_kopfzeile { position: static; width: 100%; margin-top: .1em; border: thin  solid #000000; }
}




/* ---------------
   Steuerung links
   --------------- */
#steuer-links { position: absolute; top: 376px; width: 224px; height: 400px; color: #1D562F; }
#steuer-links #navi { display: none; text-decoration: inherit; }
#steuer-links #menuebox { padding: 10px 0 50px 0; background-color: #DADEDB; }
#steuer-links #menuebox a { display: block; padding: 3px 2px 3px 20px; width: 202px; font-size: 14px; font-weight: bold; font-style: italic; text-decoration: none; color: #1D562F; border-bottom: 1px solid #ACC2B7; }
#steuer-links #menuebox .mpaktiv, #steuer-links #menuebox a:hover, #steuer-links #menuebox a:focus { background-image: url(b/mp-marker.gif); background-position: 3px 3px; background-repeat: no-repeat; }


/* Mobile Version */
@media screen and (max-width:1023px) {
	#steuer-links { position: static; float: left; margin-top: 0; padding: 0; width: 16.5em; height: auto; color: #1D562F; }
	#steuer-links #menuebox { margin-top: .5em; padding: 1em 0 4em 0; width: 16.5em; height: auto; }
	#steuer-links #menuebox a { display: block; padding: .5em 1.25em; width: auto; font-size: medium; border-bottom: thin solid #ACC2B7; }
	#steuer-links #menuebox .mpaktiv, #steuer-links #menuebox a:hover, #steuer-links #menuebox a:focus { background-position: .2em .5em; }
}

@media screen and (max-width:43em) {
	#steuer-links { position: static; float: none; margin-top: .5em; width: 100%; }
	#steuer-links #navi { display: block; width: 100%; font-weight: bold; text-align: center; color: #1D562F; background-color: #DADEDB; }
	#steuer-links #menuebox { display: none; width: 100%; }
}




/* -------
   Inhalte
   ------- */
#inhalt { position: absolute; left: 244px; top: 376px; width: 740px; }

.headline { position: relative; left: 0; top: 0; width: 740px; height: 70px; margin-bottom: 6px; background-color: #F4F0F1; }
.headline h1 { position: absolute; left: 10px; top: 4px; margin: 0; font-size: 30px; font-style: italic; color: #BCBD9B; }
.headline h2 { position: absolute; left: 40px; top: 24px; margin: 0; font-size: 30px; font-style: italic; color: #EFEBE9; }

.inhaltsbox { position: relative; left: 0; top: 0; margin-bottom: 6px; padding: 10px; background-color: #EDEAED; }
.inhaltsbox h1 { margin: 0; font-family: 'Times New Roman', Times, serif; font-size: 32px; font-style: italic; color: #D0D0B8; }
.inhaltsbox p.einleitung { margin-bottom: 2em; }
.inhaltsbox .bildvergroess { margin-bottom: 1em; font-size: 11px; text-align: center; }
.inhaltsbox .bildvergroess a { font-weight: bold; color: #000000; }

#zoom_txt { text-align: justify; }
.hinweis_ausblenden { display: block; text-align: center; font-weight: bold; }

.news { padding-top: 0; background-color: #F4F0F1; }

ul { margin: 0 0 1em 30px; padding: 0; }
li { margin: 0; padding: 0; }

.prod-bilder-box { display: inline-block; width: 100%; max-width: 320px; margin: 1.25em 1em 0 0; text-align: center; border: thin solid #000000; background-color: #D5D3D5; vertical-align: top; }
.prod-bilder-box img { width: 100%; max-width: 320px; max-height: 240px; margin: 0 auto; vertical-align: bottom; }
.prod-bilder-box img.hoch { width: auto; height: 100%; }
.prod-bilder-box h3 { margin: 0; min-height: 2.5em; padding: .5em; font-size: inherit; font-weight: bold; border-top: thin solid #000000; }

.aendvorb { margin-top: 2em; font-size: 12px; text-align: center; }

/* für Produktprogramm-Tabelle auf der Seite PCD-Bohrkronen */
.prod_tab_div { margin: 2em 0; }
.prod_tab { margin: 0 auto; }
.prod_tab th, .prod_tab td { padding: .25em .5em; text-align: center; border: 1px solid #888888; }
.prod_tab th { background-color: #DDDDDD; }

.bohrantrieb-box { display: inline-block; width: 100%; max-width: 17em; margin: 0 1em 2em 0; vertical-align: top;}
.bohrantrieb-box h3 { margin: 0 0 .5em 0; font-size: 120%; font-weight: bold; }
.bohrantrieb-box p { margin: 0; }

#datenschutz p { margin-right: 0; }
#datenschutz dt { font-weight: bold; }

#steuerung-unten { margin: 2em 1em 0 1em; text-align: center; }
#steuerung-unten a { text-decoration: none; color: #000000; }



/* Mobile Version */
@media screen and (max-width:1023px) {
	#inhalt { position: static; width: auto; margin: .5em 0 0 17em; }

	.headline { position: relative; width: auto; height: auto; margin-bottom: .5em; }
	.headline h1 { position: static; padding: .5em 2em 1em .5em; text-shadow: 30px 20px #EFEBE9; }
	.headline h2 { display: none; }

	.inhaltsbox { margin-bottom: .5em; padding: 1em; }
	
}

@media screen and (max-width:43em) {
	#inhalt { margin: .5em 0 0 0; }
}




/* --------
   Formular
   -------- */
.haelfte-box { float: left; width: 49%; }
.eingabefeld { font-family: Arial, Helvetica, sans-serif; font-size: 13px; width: 210px; }
.haelfte-box .table { display: table; border-collapse: collapse; }
.haelfte-box .tr { display: table-row; }
.haelfte-box .th, .haelfte-box .td { display: table-cell; padding: 4px 10px 4px 0; text-align: left; vertical-align: top; }
.haelfte-box .th { font-weight: bold; }


/* Mobile Version */
@media screen and (max-width:1023px) {
	.haelfte-box { float: none; width: 100%; margin: 0; }
	.eingabefeld, input, select { padding: .25em; font-size: 100%; width: 95%; }
	.haelfte-box .table, .haelfte-box .td { width: 100%; }
	.haelfte-box .th, .haelfte-box .td { padding: .4em .5em .4em 0; }
	.haelfte-box .th { min-width: 6em; }
	.absendenbutton { padding: .25em .5em; font-size: 100%; width: auto; }
}