/*
Style Sheet für die Pneumax GmbH Internetsite
© K3 Kommunikation, Karl-Heinz Kärcher
2-spaltiges Layout mit float, Kopf und Fußbereich
*/

/* Start der allgemeinen Einstellungen und Kalibrierungen */

/* Beim Firefox die Bildlaufleiste erzwingen um das Springen zu vermeiden 
html { height: 100.1%; }*/
html { height: 100%; }

/* Bilder ohne Rahmen, ohne Abstände und links oben platziert */
img {
	margin:0;
	padding: 0;
	vertical-align: top;
	}

/* Bei allen Browsern alle Abstände auf Null setzten */
* { margin: 0; padding: 0; }

/* Bei allen Browsern alle Abstände neu Einstellen = Kalibrieren */
p, ul { 
	margin: 0 ;
	margin-bottom: 1em; /* Abstand nach unten */
	}

li { 
	margin: 0; 
	margin-left: 2em;  /* Abstand von links */
	}

li, ul { 
	margin: 0 ;
	margin-bottom: 3em; /* Abstand nach unten */
	margin-left: 1.2em; /* Abstand nach links */
	}

/* Links ohne Ränder und Unterstreichungen in den Grundfarben der Site) */
a , a:link , a:visited { color: #51822A; font-weight: normal; text-decoration: none; outline: 0; border: 0;}
a:hover , a:focus a:active { color: #232323; }

/* Überspringen der Navigation für Sprachausgabe */
.skiplink { display: none; }

/* Elemente die nicht am Bildschirm angezeigt bzw. gedruckt werden sollen */
.nd { display: none; }

/* Ende der allgemeinen Einstellungen und Kalibrierungen                                   */



/* Start Body und Wrapper                                                                   */

body {
	background-color: #c2c4c6;
	width: 100%;
	height: 100%;
	color: #232323;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 62.5%;
	font-weight: normal;
	text-align: center;
	vertical-valign: top;
	}

#wrapper {
	width: 100%;
	margin: 0; 
	padding: 0px;
	text-align: left;
	vertical-align: top;
	overflow: hidden;
	border: none;
	}

/* Ende Body und Wrapper                                                                         */



/* Start Bereiche (DIVs)                                                                         */
/*                                                                                               */
/*                                                                                               */

/* KOPFBEREICHE oben, Print, Kopf, News                                                                */
#printkopf {
	display: none;
	}

#kopfbereich {
	position: absolute;left: 0;top: 0;
	float: left;
	background-image: url("../tools/kopf_bg.gif");
	background-repeat: repeat-x;
	background-position: top;
	height: 157px;
	width: 1003px;
	padding: 0;
	margin: 0;
	overflow: visible;
	z-index: 0;
	border: none;
	}

	#kopfbereich img {
		text-align: left;
		vertical-align: top; 
		align: left;
		border: none; 
		}

#top {
	position: absolute; top:0px; left:830px; 
	float: left;
	background-color: #8AAB70;
	width: 173px;
	height: 137px; 
	margin: 0;
	padding: 0;
	padding-left: 3px;
	border: none;
	font-size: 1em;
	text-align: left;
	overflow: visible;
	border: none;
	}

#newsbereich { 
	position: absolute; top:0px; left:840px;
	float: left;
	background-color: #8AAB70;
	width: 156px;
	height: 135px; 
	margin: 0;
	padding: 0 2px 0 5px;
	font-size: 1.1em;
	font-weight: bold;
	color: #FFF;
	text-align: left;
	border-bottom: 1px solid #FFF;
	overflow: auto;
	}

	#newsbereich a , a:link , a:visited { 
		border: none;
		color: #000; 
		}

	#newsbereich a:hover , a:active , a:focus {
		color: #232323;
		}


/* Navigationsbereiche, oben und oben "sub" */
#topnav { 
	position: absolute; top:138px; left:157px;
	float: left;
	width: 693px;
	height: 18px;
	margin: 0;
	padding: 0;
	border: none;
	overflow: hidden;
	}

/* Keine Abstände in, und keine Zeichen vor der Aufzählung */
	#topnav li {
		display: inline;
		list-style: none; 
		margin: 0;
		padding: 0;
		}

	#topnav a , a:link , a:visited { 
		text-align: left; 
		vertical-align: top; 
		color: #FFF;
		font-weight: bold;
		font-size: 1.4em;
		text-decoration: none;
		margin: 0;
		padding: 0px 6px 0px 6px; 
		border-left: 2px solid #FFF; 
		}

/* Aktiv / Passiv Steuerung des Top-Menues aus Hauptmenue */
	#topnav a:hover , a:active , a:focus ,
	#home #nav_t01 a,
	#pneumax #nav_t02 a,
	#products #nav_t03 a,
	#news #nav_t06 a,
	#technical_basics #nav_t04 a,
	#mail #nav_t05 a,

/* Aktiv / Passiv Steuerung des Top-Menues aus Menue über Pneumax */
	#pneumax #nav_t02 a ,
	#pneumax_gb #nav_t02 a ,
	#worldwide #nav_t02 a ,

/* Aktiv / Passiv Steuerung des Top-Menues aus Menue Produkte */
	#mvalves  #nav_t03 a ,
	#svalves #nav_t03 a ,
	#air-service #nav_t03 a,
	#cylinders #nav_t03 a ,
	#fittings #nav_t03 a ,
	#manipulation #nav_t03 a , 

/* Aktiv / Passiv Steuerung des Top-Menues aus Menue Kontakte */
	#mail #nav_t05 a ,
	#drive #nav_t05 a {
		text-decoration: none;
		color: #232323;
		}

/* Produkt-NAVIGATIONSBEREICH, links */
#leftnav { 
	position: absolute; left: 0px; top: 157px;
	background-color: #c2c4c6;
	width: 154px;
	min-height: 399px; 
	margin: 0px;
	padding: 5px 0 0 0;
	font-size: 1.0em;
	text-align: left;
	overflow: visible;
	border: none;
	}


/* Keine Abstände in, und keine Zeichen vor der Aufzählung */ 
	#leftnav ul {
		margin-bottom: 0; /* Abstand nach unten */
		}

	#leftnav li {
		font-size: 1.1em;
		margin: 9px 0 0 0;
		display: block;
		list-style: none; 
		}

	#leftnav a , a:link , a:visited { 
		padding: 0;
		font-weight: normal;
		color: #232323; 
		font-size: 1.1em;
		text-align: left;
		text-decoration: none;
		border: none;
		}

	#leftnav a:hover , a:active , a:focus ,
	/* Menu HOME */
	#home #nav_l01 a ,
	#pneumax #nav_l02 a ,
	#products #nav_l03 a ,
	#technical_basics #nav_l04 a ,
	#mail #nav_l05 a ,

	/* Menu über PNEUMAX */
	#pneumax #nav_p01 a ,
	#pneumax_gb #nav_p02 a ,
	#worldwide #nav_p03 a ,

	/* Menu PRODUKTE */
	#produkte #nav_p10 a ,
	#mvalves #nav_p11 a ,
	#svalves #nav_p12 a ,
	#air-service #nav_p13 a,
	#cylinders #nav_p14 a ,
	#fittings #nav_p15 a ,
	#manipulation #nav_p16 a ,

	/* Menu KONTAKT */
	#mail #nav_k01 a ,
	#drive #nav_k02 a 

	/* Ende Menu - Links */ {
		text-decoration: none;
		color: #51822A;
		}

/* Inhaltsbereich */

#textbereich { 
	position: absolute; left: 155px; top: 157px;
	background-color: #FFF;
	border: none;
	width: 830px;
	min-height: 383px;
	margin: 0;
	padding: 20px 0px 0px 15px;
	font-size: 1.2em;
	border: 1px solid #232323;
	border-top: none; 
	overflow: auto;
	}

	#textbereich .text {
		float: left;
		width: 11%;
		min-width: 111px;
		margin: 0;
		margin-left: 3px;
		margin-right: 3px;
		padding: 0;
		border: none;
		overflow: visible;
		text-align: left;
		vertical-align: top;
		font-weight: bold;
		}

	#textbereich table {
/*		caption-side: bottom;
		table-layout: auto; */
		float: left;
		border-collapse: separate;
		empty-cells: show;
		speak-header:always;
		}

	#textbereich tr, td {
		border: 1px solid #232323;
		padding: 3px;
		text-align: left;
		}

	#textbereich li {
		margin: 0.6em 0 0 0;
		display: block;
		list-style: none; 
		list-style-image: url("../tools/liste.gif");
		}

	#textbereich a , a:link , a:visited { 
		font-size: 1.0em;
		font-weight: bold;
		color: #4b4b4b;
		}

	#textbereich a:hover , a:active , a:focus { 
		color: #51822A; 
		}
/*                                                                                                          */

#produkt {
	position: relativ;
	float: left;
	width: 92%;
	margin: 10px 0 0 0;
	padding: 2px;
	font-size: 0.9em;
	text-align: center;
	border: 1px dotted #7d7d7d;
	overflow: visible;
	}
	
#produktlinks {
	position: relativ;
	float: left;
	width: 18%;
	margin: 0;
	margin-right: 10px;
	padding: 0;
	text-align: center;
	font-weight: bold;
	border: 1px solid #4b4b4b;
	overflow: hidden;
	}

#produktrechts {
	position: relativ;
	float: left;
	background-color: #FFF;
	width: 78%;
	margin: 0;
	padding-left: 15px;
	text-align: left;
	vertical-align: top;
	overflow: visible;
	}

	#produktrechts table {
	caption-side: bottom;
	table-layout: auto;
	border-collapse: separate;
	empty-cells: show;
	speak-header:always;
	}

	#produktrechts tr, td {
	border: 1px solid #232323;
	padding: 3px;
	}

	#produktrechts a , a:link , a:visited { 
		text-decoration: none;
		font-weight: normal;
		color: #4b4b4b;
		}

	#produktrechts a:hover , a:active , a:focus { 
		text-decoration: none;
		font-weight: normal;
		color: #51822A;
		}

#map { 
	position: absolute; left: 156px; top: 157px;
	background-color: #FFF;
	border: none;
	width: 82.5%;
	height: 68%;
	min-height: 360px;
	margin: 0;
	padding: 20px 0px 0px 35px;
	font-size: 1.2em;
	border: 1px solid #232323;
	border-top: none; 
	overflow: auto;
	}



/* Fussbereich */
#fuss {
	clear: both;
	position: relative;
	float: left;
	width: 98%;
	margin: 0;
	margin-top: 10px;
	padding: 0;
	font-size: 0.8em;
	text-align: left;
	vertical-align: top;
	border-top: 1px solid #232323; 
	overflow: hidden;
	}

	#fuss a:link , a:visited
		{
		text-align: right;
		color: #51822A;
		text-decoration: none;
		}

	#fuss a:hover , a:active
		{
		color: #232323;
		text-decoration: underline;
		}



/* Ende DIVs                                                                                                                                                                                       */


/* Start Fonts, Absätze usw.                                                                                                                                                               */
h1 { font-size: 1.6em; align: left; font-weight: bold; color: #4b4b4b; margin-bottom: 0.35em; padding: 0; }

h2 { font-size: 1.4em; align: left; font-weight: bold; color:#4b4b4b; margin-top: 0.35em;}

h3 { font-size: 1em; align: left; font-weight: normal;}

h4 { font-size: 1em; align: left; color: #51822A; }

h1 .grau , .gruen , .blau , .rot , .braun , .schwarz , .gelb {
	font-size: 1em;
	align: left;
	font-weight: bold;
	color: #FFF;
	margin-bottom: 1em;
}

.grau {
	background-color: #7d7d7d;
	padding: 1px;
	color: #FFF;
	}

.gruen {
	background-color: #51822A;
	padding: 1px;
	color: #FFF;
	}

.blau {
	background-color: #0066FF;
	padding: 1px;
	color: #FFF;
	}

.rot {
	background-color: #FF0000;
	padding: 1px;
	color: #FFF;
	}

.braun {
	background-color: #996633;
	padding: 1px;
	color: #FFF;
	}

.schwarz {
	background-color: #232323;
	padding: 1px;
	color: #FFF;
	}

.orange {
	background-color: #FF9900;
	padding: 1px;
	color: #FFF;
	}

.weiss {
	background-color: #FFF;
	padding: 1px;
	color: #232323;
	}

.klein {
	font-size: 0.9em;
	font-weight: normal;
	}

.bildunterschrift {
	float: right;
	width: 190px;
	margin: 0;
	margin-right: 8px;
	padding: 0;
	font-size: 1.2em;
	font-weight: bold;
	border: 1px solid #000;
	}


.fehler {
	font-size: 1.0em;
	font-weight: bold;
	color: #ff0000;
	}

.mail {
	font-size: 11px;
	color: 000;
	}

/* Start Bilder,                                                                                                                                                                                       */
.bildindex {
	float: left;
	width: 83px;
	height: 106px;
	text-align: left;
	vertical-align: top;
	margin: 0;
	padding: 0;
	align: left;
	border: 2px solid #51822A; 
	overflow: hidden;
	}

.bildcenter {
	text-align: center;
	vertical-align: top;
	margin: 0;
	margin-top: 10px;
	padding: 0;
	align: bottom;
	border: 2px solid #51822A; 
	}

.bildleft {
	float: left;
	text-align: left;
	vertical-align: top;
	margin: 0;
	padding: 0;
	align: bottom;
	border: none; 
	}
	

.bildright {
	float: right;
	margin: 0 8px 0 8px;
	padding: 0;
	border: none 
	}


.bildprodukt {
	text-align: center;
	vertical-align: top;
	margin: 0;
	margin-top: 10px;
	padding: 0;
	align: bottom;
	border: none; 
	}

/* Ende Bilder                                                                                                                                                                                     */