/* stylesheet www.toperczer.at, b.bauer-wolf, 2007-07-23, www.bauerwolf.at */
/* letztes Update: 2007-07-26 */
/* einwandfrei validiert mit CSS Version 2.1, am 2007-07-26, http://jigsaw.w3.org/css-validator/ , "Keine Fehler oder Warnungen gefunden"*/

body { 
	margin: 0; 
	padding: 0; 
	padding-bottom: 10px;  
	background-image: url(../img/bg_vertikal_metall_linien.gif);
	background-repeat: repeat-y;
 	background-color: #FCD56F;
}

body,td,div,p { font-family: Verdana,Helvetica,Arial,sans-serif; color: #333; }

p,ul { font-size:70%; line-height: 1.6em; margin-top: 0; margin-bottom: 1em; }
h1 { font-size:70%; font-weight: bold; color: #333; margin: 0; margin-bottom: 2.2em; letter-spacing: 2px; }
h2 { font-size:70%; font-weight: bold; color: #333; margin-top: 2em; margin-bottom: 1.4em; }
div.produktliste h2 { font-size:70%; font-weight: bold; color: #AF0E12; margin-top: 2em; margin-bottom: 1.4em; }
h3 { font-size:70%; font-weight: bold; color: #333; margin-top: 2em; margin-bottom: 0.8em; }
h3.noTopSpace { font-size:70%; font-weight: bold; color: #333; margin-top: 0; margin-bottom: 0.8em; }
h2 a:link { color: #333; text-decoration: none; }
h2 a:visited { color: #333; text-decoration: none; }
h2 a:hover { color: #333; text-decoration: underline; }
h2 a:active { color: #333; text-decoration: none; }
h2.standorte { font-size:70%; font-weight: bold; color: #333; margin-top: 2em; margin-bottom: 0.6em; }

ul { list-style-image:url(../img/bulletpoint1.gif); }

/* Links */

a:link { color: #003399; text-decoration: underline; }
a:visited { color: #003399; text-decoration: underline; }
a:hover { color: #C81616; text-decoration: none; }
a:active { color: #003399; text-decoration: underline; }

a.normal:link { color: #003399; text-decoration: underline; }
a.normal:visited { color: #003399; text-decoration: underline; }
a.normal:hover { color: #C81616; text-decoration: none; }
a.normal:active { color: #003399; text-decoration: underline; }

a.absender:link { color: #666; text-decoration: underline; }
a.absender:visited { color: #666; text-decoration: underline; }
a.absender:hover { color: #666; text-decoration: none; }
a.absender:active { color: #666; text-decoration: underline; }

a.drucken:link { color: #666; text-decoration: underline; }
a.drucken:visited { color: #666; text-decoration: underline; }
a.drucken:hover { color: #666; text-decoration: none; }
a.drucken:active { color: #666; text-decoration: underline; }

a.back:link { color: #666; text-decoration: underline; }
a.back:visited { color: #666; text-decoration: underline; }
a.back:hover { color: #666; text-decoration: none; }
a.back:active { color: #666; text-decoration: underline; }

a.margin:link { color: #900; text-decoration: underline; }
a.margin:visited { color: #900; text-decoration: underline; }
a.margin:hover { color: #900; text-decoration: none; }
a.margin:active { color: #900; text-decoration: underline; }

a.navProd:link { color: #000; text-decoration: none; }
a.navProd:visited { color: #000; text-decoration: none; }
a.navProd:hover { color: #900; text-decoration: none; }
a.navProd:active { color: #000; text-decoration: none; }

a.navProdAktiv:link { color: #900; text-decoration: none; }
a.navProdAktiv:visited { color: #900; text-decoration: none; }
a.navProdAktiv:hover { color: #900; text-decoration: none; }
a.navProdAktiv:active { color: #900; text-decoration: none; }

a.navMeta:link { color: #333; text-decoration: none; }
a.navMeta:visited { color: #333; text-decoration: none; }
a.navMeta:hover { color: #900; text-decoration: none; }
a.navMeta:active { color: #333; text-decoration: none; }

a.navPrim:link { color: #333; text-decoration: none; font-weight:bold; }
a.navPrim:visited { color: #333; text-decoration: none; font-weight:bold; }
a.navPrim:hover { color: #900; text-decoration: none; font-weight:bold; }
a.navPrim:active { color: #333; text-decoration: none; font-weight:bold; }

a.navPrimAktiv:link { color: #900; text-decoration: none; font-weight:bold; }
a.navPrimAktiv:visited { color: #900; text-decoration: none; font-weight:bold; }
a.navPrimAktiv:hover { color: #900; text-decoration: none; font-weight:bold; }
a.navPrimAktiv:active { color: #900; text-decoration: none; font-weight:bold; }

.teaserText a:link { color: #333; text-decoration: none; }
.teaserText a:visited { color: #333; text-decoration: none; }
.teaserText a:hover { color: #333; text-decoration: underline; }
.teaserText a:active { color: #333; text-decoration: none; }

span.newsTitel a:link { color: #333; text-decoration: none; }
span.newsTitel a:visited { color: #333; text-decoration: none; }
span.newsTitel a:hover { color: #333; text-decoration: underline; }
span.newsTitel a:active { color: #333; text-decoration: none; }

/* Diverse Custom Styles */

p.navProd, p.navProdSpaceAfter { border-left:solid 7px #FCD56F; padding-left: 5px; line-height: 1em; margin-bottom: 15px; }
p.navProd:hover, p.navProdSpaceAfter:hover { border-left:solid 7px #333; }
p.navProdAktiv, p.navProdSpaceAfterAktiv { border-left:solid 7px #333; padding-left: 5px; line-height: 1em; margin-bottom: 15px; }
p.navProdAktiv:hover, p.navProdSpaceAfterAktiv:hover { border-left:solid 7px #333; }
p.navProdSpaceAfter, p.navProdSpaceAfterAktiv { margin-bottom: 30px; }
p.navPosition { font-size: 70%; color: #333; background-color: transparent; margin-bottom: 1.2em; }
p.noSQLData { font-weight: bold; color: #900; background-color: transparent; }

img.icon { width: 11px; height: 11px; margin-right: 10px; border: none; }
img.icon2 { width: 14px; height: 11px; margin-right: 10px; border: none; }
img.icon3 { width: 11px; height: 9px; margin-right: 10px; border: none; }
img.langFlag1 { width: 22px; height: 16px; margin-left: 20px; border: solid 1px #FFF; vertical-align: middle;}
img.langFlag2 { width: 22px; height: 16px; margin-left: 10px; border: solid 1px #FFF; vertical-align: middle;}
img.banner1 { width: 160px; height: 580px; border: none; }

span.spacerNavPrim { padding-left: 8px; padding-right: 8px; cursor: default; }

/* Teaser */
img.teaser { width: 150px; height: 150px; border: none; }
div.teaserBorder { width: 150px; height: 150px; border: solid 1px #D7A91C; padding: 1px; }
table.teaser { width: 550px; margin-top: 20px; margin-bottom: 0; }
td.teaserBild { width: 154px; height: 154px; padding: 0; vertical-align: top; }
td.teaserText { width: 154px; height: 24px; padding: 6px 0 6px 0; vertical-align: top; text-align: center; font-size: 70%; }
td.spacerRow { height: 24px; font-size: 70%; }

/* Mitarbeiter */
img.portrait { width: 75px; height: 100px; border: none; }
div.portraitBorder { width: 75px; height: 100px; border: solid 1px #D7A91C; padding: 1px; }
span.portraitName { font-weight: bold; }
table.portrait { width: 480px; margin-top: 0px; }
td.portraitBild { width: 80px; height: 125px; padding: 10px 0 0 0; vertical-align: top; }
td.portraitText { width: 400px; height: 125px; padding: 10px 0 20px 25px; vertical-align: top; font-size: 70%; line-height: 1.2em; }
/* td.portraitBild, td.portraitText { border-bottom: solid 1px #999; } */

/* Produkt-Untergruppen-Tabelle */
/* aufgrund entfallener Zweiter Spalte wurden table/td in h3 + p umgewandelt (siehe unten)
table.pugr { width: 550px; margin-top: 20px; border-left: solid 1px #999; border-top: solid 1px #999; padding:0;}
td.pugrGruppe { padding: 3px 2px 3px 2px; vertical-align: top; font-size: 70%; line-height: 1.2em; font-weight: bold; color: #333; background-color: #FCD56F; border-right: solid 1px #999; border-bottom: solid 1px #999; }
td.pugrColANr, td.pugrColText { padding: 3px 2px 3px 2px; vertical-align: top; font-size: 70%; line-height: 1.2em; color: #000; background-color: #EEE; border-right: solid 1px #999; border-bottom: solid 1px #999; }
td.pugrANr, td.pugrText { padding: 3px 2px 3px 2px; vertical-align: top; font-size: 70%; line-height: 1.2em; border-right: solid 1px #999; border-bottom: solid 1px #999; }
td.pugrColANr, td.pugrANr { padding-right: 10px; }
*/
div.pugrBox { margin-bottom: 2em; }
h3.pugrGruppe { padding: 3px 2px 3px 2px; font-size: 70%; line-height: 1.2em; font-weight: bold; color: #333; background-color: #FCD56F; border: solid 1px #999; margin-bottom:0; }
p.pugrMod { padding: 3px 2px 3px 2px; font-size: 70%; line-height: 1.2em; border-right: solid 1px #999; border-left: solid 1px #999; border-bottom: solid 1px #999; margin:0; }

/* Jobs-Tabelle */
table.jobs { width: 550px; margin-top: 20px; border-left: solid 1px #999; border-top: solid 1px #999; padding:0;}
td.jobsHeader { padding: 3px 2px 3px 2px; vertical-align: top; font-size: 70%; line-height: 1.2em; font-weight: bold; color: #333; background-color: #FCD56F; border-right: solid 1px #999; border-bottom: solid 1px #999; }
td.jobsLink { padding: 3px 2px 3px 2px; vertical-align: top; font-size: 70%; line-height: 1.2em; border-right: solid 1px #999; border-bottom: solid 1px #999; }
td.jobsPos { padding: 3px 10px 3px 2px; vertical-align: top; font-size: 70%; line-height: 1.2em; border-right: none 1px #999; border-bottom: solid 1px #999; }

/* Produkt-Gruppen */
img.pgr { width: 160px; height: 120px; border: none; }
div.pgrBorder { width: 160px; height: 120px; border: solid 1px #D7A91C; float: left; margin-right: 20px; margin-bottom: 15px; padding: 1px; }
div.pgrWrapper { clear: left; }
p.pgrText {  }

/* Produkt-Detail */
img.pdetailMed { width: 160px; height: 120px; border: none; }
div.pdetailMedBorder { width: 160px; height: 120px; border: solid 1px #D7A91C; margin-right: 20px; margin-bottom: 15px; padding: 1px; }
img.pdetailSmall { width: 80px; height: 60px; border: solid 1px #D7A91C; margin-right: 10px; }

/* Event-Detail */
/* img.edetailSmall { width: 80px; height: 60px; border: solid 1px #D7A91C; margin-right: 10px; margin-bottom: 10px; } */
/* img.edetailSmallLast { width: 80px; height: 60px; border: solid 1px #D7A91C; margin-right: 0px; margin-bottom: 10px; } */

/* Content-Images */
img.contentFull { width: 548px; height: 200px; border: solid 1px #333; }
img.contentFullDoppelt { width: 548px; height: 400px; border: solid 1px #333; }
img.content1 { width: 200px; height: 150px; border: none; }
div.content1Border { width: 200px; height: 150px; border: solid 1px #D7A91C; margin-top: 15px; margin-bottom: 15px; clear: left; padding: 1px; }
div.content1BorderFloat { width: 200px; height: 150px; border: solid 1px #D7A91C; margin-top: 5px; margin-bottom: 15px; margin-right: 25px; clear: left; float: left; padding: 1px; }

/* Poupup Produktfoto und Mitarbeiter */
body.popup { background-color: #FCD56F; background-image: none; }
div.popupProduktBild { text-align: center; vertical-align: middle; }
div.popupProduktBild img { width: 640px; height: 480px;  border: none; }
div.popupMitarbeiterBild { text-align: center; vertical-align: middle; }
div.popupMitarbeiterBild img { width: 300px; height: 400px;  border: none; }

/* News-Übersicht inkl. Referenzen, Links und Events */
img.news { width: 100px; height: 75px; border: none; }
div.newsBorder { width: 100px; height: 75px; border: solid 1px #D7A91C; padding: 1px; }
span.newsTitel { font-weight: bold; }
table.news { width: 550px; margin-top: 20px; }
td.newsBild { width: 110px; height: 110px; padding: 0; vertical-align: top; }
td.newsText { width: 440px; height: 110px; padding: 0 0 25px 20px; vertical-align: top; font-size: 70%; line-height: 1.4em; }
td.newsText p { font-size: 100%; line-height: 1.4em; }

/* News-Detail */
p.anreisser { font-weight: bold; }

/* Shop-Liste */
img.shopThumb { width: 80px; height: 60px; border: none; }
div.shopBorder { width: 80px; height: 60px; border: solid 1px #D7A91C; padding: 1px; }
span.shopTitel { font-weight: bold; }
table.shop { width: 550px; margin-top: 20px; }
td.shopCheck { width: 25px; height: 110px; padding: 0; vertical-align: top; }
td.shopBild { width: 95px; height: 110px; padding: 0; vertical-align: top; }
td.shopText { width: 425px; height: 110px; padding: 0 0 25px 0px; vertical-align: top; font-size: 70%; line-height: 1.4em; }
td.shopText p { font-size: 100%; line-height: 1.4em; }

/* Sitemap */

div.sitemapGroup { border-bottom:none 1px #D7A91C; padding-bottom:10px; padding-top:10px; width:548px; }
p.sitemapEbene1,p.sitemapEbene2,p.sitemapEbene3,p.sitemapEbene4 { margin-top:0px; margin-bottom:0px; }
p.sitemapEbene1 { text-indent:30px; font-weight:bold; }
p.sitemapEbene2 { text-indent:50px; }
p.sitemapEbene3 { text-indent:70px; }
p.sitemapEbene4 { text-indent:90px; }

/* kontaktformulare */

.formular { width:548px; }
.formular fieldset { margin-bottom:10px; border:solid 1px #DBDBDB; padding-bottom:5px; padding-left:5px; padding-right:5px; }
.formular fieldset legend { padding:0 2px 0 2px; font-weight:bold; font-size:70% }
.formular label.left { clear:both; float:left; text-align:left; width:120px; margin-left:10px; padding:2px; }
.formular label.mitte { width:60px; margin-right:10px; }
.formular label.radio { vertical-align:middle; text-align:left; margin-right:10px; padding:2px; }
.formular select.combo { width:180px; padding:2px; border:solid 1px #666; }
.formular input.field { width:275px; padding:2px; }
.formular input.fieldMenge { width:20px; padding:2px; }
.formular input.fieldPLZ { width:50px; padding:2px; }
.formular input.fieldLand { width:25px; padding:2px; }
.formular input.fieldAbmessung { width:25px; padding:2px; vertical-align:middle; }
.formular input.radio { vertical-align:middle; padding:2px; border:none; margin-right:5px; }
.formular input { border:solid 1px #666; font-size:100%; padding-left:3px; margin-bottom:2px; }
.formular input.formButton { background-color:#C00; font-size:100%; color:#FFF; border:none; padding:1px 10px 1px 10px; cursor:pointer; }
.formular input.formButton:hover { background-color:#911A1B; }
.formular p.formButton { margin:0 10px 10px 13px !important; margin:0;  }
.formular textarea { width:275px; padding:2px; border:solid 1px #666; font-family: Verdana,Helvetica,Arial,sans-serif; font-size:90%; }
.formular p { margin-bottom:5px; }
.formular p.suptext { clear:both; margin:10px 0 10px 10px; padding:2px 10px 2px 2px; }
.formular p.trenner { clear:both; border-bottom:solid 1px #DBDBDB; margin:10px 0 10px 0; }
.formular p.artikelZeile { margin: 0 0 0 10px; padding:10px 0 10px 0; }

/* DIV Layers mit ID */

#NavProdBackground {
	position: absolute; 
	width: 194px; 
	height: 1416px; 
	z-index: 1; /* nach Fertigstellung auf 1 setzen!!!!*/
	left: 0px; 
	top: 0px;
	background-image: url(../img/bg_metall_hoch.jpg);
	background-repeat: no-repeat;
}

#NavProd {
	position: absolute; 
	width: 194px; 
	z-index: 4; 
	left: 0px; 
	top: 116px;
	overflow: hidden;
	/* font-size: 70%; */
	font-weight: bold;
}

#Linie1 {
	position: absolute; 
	width: 1px; 
	height: 334px; 
	z-index: 2; 
	left: 218px; 
	top: 59px;
	background-image: url(../img/bg_linie_fade.gif);
	background-repeat: no-repeat;
}

#Linie2 {
	position: absolute; 
	width: 1px; 
	height: 334px; 
	z-index: 2; 
	left: 816px; 
	top: 59px;
	background-image: url(../img/bg_linie_fade.gif);
	background-repeat: no-repeat;
}

#BalkenTop {
	position: absolute; 
	width: 993px; 
	height: 63px; 
	z-index: 3; 
	left: 0px; 
	top: 0px;
	background-image: url(../img/bg_balken_horizontal.gif);
	background-repeat: no-repeat;
}

#NavPrim {
	position: absolute; 
	width: 550px; 
	z-index: 4; 
	left: 241px; 
	top: 35px;
	font-size: 70%;
}

#NavMeta {
	position: absolute; 
	width: 160px;
	height: 30px; 
	z-index: 4; 
	left: 825px; 
	top: 35px;
	font-size: 70%;
	text-align: center;
}

#LogoScreen {
	position: absolute; 
	width: 230px; 
	height: 85px; 
	z-index: 4; 
	left: 0px; 
	top: 0px;
	background-image: url(../img/logo_toperczer_screen.gif);
	background-repeat: no-repeat;
}

#LogoPrint {
	visibility: hidden;
	display: none;
}

#Banner {
	position: absolute; 
	width: 160px; 
	height: 580px; 
	z-index: 4; 
	left: 825px; 
	top: 67px;
	font-size: 70%;
}

#BoxContent {
	position: absolute; 
	width: 550px;  
	z-index: 5; 
	left: 241px; 
	top: 104px;
}

#Content {
	width: 550px;
	margin-bottom: 1.6em;
}

#Drucken {
	width: 550px;
	color: #666;
	background-color: transparent;
	font-size: 70%;
	margin-bottom: 1.2em;
	clear: left;
}

#Back {
	width: 550px;
	color: #666;
	background-color: transparent;
	font-size: 70%;
	margin-bottom: 1.2em;
}

#MarginText {
	color: #900;
	font-size: 70%;
	margin-top: 30px;
}

#Absender {
	width: 550px;
	color: #666;
	background-color: transparent;
	font-size: 60%;
	margin-top: 2.4em;
	margin-bottom: 1.2em;
}

#DetailColBild {
	width: 180px;
	float: left;
}

#DetailColText {
	width: 365px;
	float: left;
}

/* #anylinkmenu10, #anylinkmenu20, #anylinkmenu30, #anylinkmenu40, anylinkmenu50 { z-index:99; } */