@charset "utf-8";
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #d9d9da;
	margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
	padding: 0;
	text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
	color: #7B7C7E;
}
.layout #container { 
	width: 100%;  /* Mit einer Breite, die 20 Pixel unter der vollen Breite von 800 Pixel liegt, können Sie dem Browser-Chrome Rechnung tragen und gleichzeitig eine horizontale Bildlaufleiste vermeiden. */
	background: #FFFFFF;
	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
	border: 0px solid #7B7C7E;
	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element aufgehoben. */
} 
.layout #header { 
	display: none;
	background: #fff; 
	padding: 0 10px 0 20px;  /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. Wenn im #header anstelle von Text ein Bild eingesetzt wird, sollten Sie die Auffüllung entfernen. */
} 
/*.layout #header h1 {
	margin: 0; 
	padding: 10px 0; 
}*/
.layout #sidebar1 {
	display: none;
}
.layout #sidebar2 {
	display: none;
}
.layout #mainContent { 
	margin-top: -150px;
	top: 0px;
	/*margin: 0 auto; /* Der rechte und der linke Rand dieses div-Elements erstellen die beiden äußeren Spalten an den Seitenrändern. Der Spaltenbereich bleibt unabhängig von der Inhaltsmenge der Randleisten-divs immer gleich. Sie können diesen Rand entfernen, falls der Text des #mainContent-div die Randleistenbereiche füllen soll, wenn der Inhalt in den Randleisten endet. */
	padding: 0 10px; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */

}

.layout #mainContent a {
	color: #7B7C7E;
	text-decoration: none;
}

.layout #mainContent p { 
	font-size: 12px;
	line-height: 16px;
} 
.layout #mainContent ul { 
	font-size: 12px;
	line-height: 16px;
	padding-left: 16px;
	list-style-image: url(../img/list.png);
} 

.layout #mainContent h2 { 
	font-size: 16px;
	font-weight: 500;
	margin-top: 8px;
	margin-bottom: -4px;
} 

.layout #kontakt-table td {
	padding-bottom: 20px;
	padding-right: 4px;
}

.layout #footer { 
	display: none;
} 
.layout #footer p {
	margin: 0; /* Wenn Sie die Ränder des ersten Elements in der Fußzeile auf 0 einstellen, können Sie unerwartete Abstände zwischen divs vermeiden. */
	padding: 10px 0; /* Durch die Verwendung der Auffüllung bei diesem Element entsteht genau wie bei einem Rand ein Leerraum, aber ohne die potenziellen Abstandsprobleme. */
	color: #000;
}

.copy {
	font-size: 10px;
}
.fltrt { /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fließen lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/***************************************************************************************************/

.layout h1#screen-logo a{
	display: block;
	background: url(../img/logoPVG.png) top left repeat-x;
	width: 210px;
	height: 60px;
	
	text-indent:-2000px;
	overflow:hidden;
	margin:0;
	padding:0;
}
.layout #display-img {
	display: block;
	background: url(../img/imgHome.png);
	height: 0px;
	padding: 0;
	margin: 0;
}
.layout #display-img-home {
	display: block;
	background: url(../img/imgHome.png);
	height: 171px;
	padding: 0;
	margin: 0;
}
.layout #display-img-unternehmen {
	display: block;
	background: url(../img/imgUnternehmen.png);
	height: 171px;
	padding: 0;
	margin: 0;
}
.layout #display-img-verpackungen {
	display: block;
	background: url(../img/imgVerpackungen.png);
	height: 171px;
	padding: 0;
	margin: 0;
}
.layout #display-img-displays {
	display: block;
	background: url(../img/imgDisplays.png);
	height: 171px;
	padding: 0;
	margin: 0;
}
.layout #display-img-druck {
	display: block;
	background: url(../img/imgDruck.png);
	height: 171px;
	padding: 0;
	margin: 0;
}
.layout #display-img-beispiele {
	display: block;
	background: url(../img/imgBeispiele.png);
	height: 171px;
	padding: 0;
	margin: 0;
}
.layout #display-img-kontakt {
	display: block;
	background: url(../img/imgKontakt.png);
	height: 171px;
	padding: 0;
	margin: 0;
}

.layout h1#site-headline-de {
	display: block;
	background: url(../img/headlines/hHome.png) no-repeat;
	text-indent: -2000px;
}

.layout h1#site-headline-home-de {
	display: block;
	background: url(../img/headlines/hHome.png) no-repeat;
	text-indent: -2000px;
}

.layout h1#site-headline-unternehmen-de {
	display: block;
	background: url(../img/headlines/hUnternehmen.png) no-repeat;
	text-indent: -2000px;
}

.layout h1#site-headline-verpackungen-de {
	display: block;
	background: url(../img/headlines/hVerpackungen.png) no-repeat;
	text-indent: -2000px;
}

.layout h1#site-headline-displays-de {
	display: block;
	background: url(../img/headlines/hDisplays.png) no-repeat;
	text-indent: -2000px;
}

.layout h1#site-headline-druck-de {
	display: block;
	background: url(../img/headlines/hDruck.png) no-repeat;
	text-indent: -2000px;
}

.layout h1#site-headline-beispiele-de {
	display: block;
	background: url(../img/headlines/hBeispiele.png) no-repeat;
	text-indent: -2000px;
}

.layout h1#site-headline-kontakt-de {
	display: block;
	background: url(../img/headlines/hKontakt.png) no-repeat;
	text-indent: -2000px;
}

.layout h1#site-headline-disclaimer-de {
	display: block;
	background: url(../img/headlines/hDisclaimer.png) no-repeat;
	text-indent: -2000px;
}

.layout h1#site-headline-copyright-de {
	display: block;
	background: url(../img/headlines/hCopyright.png) no-repeat;
	text-indent: -2000px;
}

.layout h1#site-headline-datenschutz-de {
	display: block;
	background: url(../img/headlines/hDatenschutz.png) no-repeat;
	text-indent: -2000px;
}

.layout h1#site-headline-impressum-de {
	display: block;
	background: url(../img/headlines/hImpressum.png) no-repeat;
	text-indent: -2000px;
}

.print-logo {
	display: block;
	margin: -20px 0 -40px 0;
	padding: 0;
	width: 217px;
	height: 71px;
}

/********** metabar *********/

.layout #metabar {
	display:block;
	position: relative;
	margin-top: -92px;
	float: right;
	height: 23px;
	padding: 0;

}
.layout #metabar ul#meta {
	display: block;
	position: relative;
	list-style: none;
	height: 23px;
	line-height: 23px;
}

.layout #metabar #meta li {
	float: left;
}

.layout #metabar #meta #meta-impressum a {
	display: block;
	background: url(../img/meta/metaImpressum.png) no-repeat;
	text-indent: -2000px;
	width: 78px;
}


.layout #metabar #meta #meta-de a {
	display: block;
	background: url(../img/meta/metaDE.png) no-repeat;
	margin: 0;
	padding: 0;
	text-indent: -2000px;
	width: 28px;
}

.layout #metabar #meta #meta-en a {
	display: block;
	background: url(../img/meta/metaEN.png) no-repeat;
	margin: 0;
	padding: 0;
	text-indent: -2000px;
	width: 28px;
}

.layout .kontakt-mail-img {
	margin-top: -3px;
	margin-left: -1px;
	margin-bottom: -5px;
}
/********** E-Mails [begin] *************/
.layout .kontakt-mail {
	display: inline-block;
	background-repeat: no-repeat;
	margin-top: -3px;
	margin-left: -1px;
	margin-bottom: -5px;
	width: 200px;
	height: 20px;
}

.kontakt-mail-jb { background: url(../img/mitarbeiter/mail_jb.png); }
.kontakt-mail-kl { background: url(../img/mitarbeiter/mail_kl.png); }
.kontakt-mail-mg { background: url(../img/mitarbeiter/mail_mg.png); }
.kontakt-mail-mm { background: url(../img/mitarbeiter/mail_mm.png); }
.kontakt-mail-tg { background: url(../img/mitarbeiter/mail_tg.png); }
.kontakt-mail-ap { background: url(../img/mitarbeiter/mail_ap.png); }
.kontakt-mail-jun { background: url(../img/mitarbeiter/mail_jun.png); }
.kontakt-mail-fsch { background: url(../img/mitarbeiter/mail_fsch.png); }
.kontakt-mail-tk { background: url(../img/mitarbeiter/mail_tk.png); }
.kontakt-mail-scr { background: url(../img/mitarbeiter/mail_scr.png); }
.kontakt-mail-dl { background: url(../img/mitarbeiter/mail_dl.png); }
.kontakt-mail-mr { background: url(../img/mitarbeiter/mail_mr.png); }
.kontakt-mail-i-buy { background: url(../img/mitarbeiter/mail_i_buy.png); }
.kontakt-mail-i-mk { background: url(../img/mitarbeiter/mail_i_mk.png); }
.kontakt-mail-i-df { background: url(../img/mitarbeiter/mail_i_df.png); }
/*img/mitarbeiter/mail_i_buy.png*/

/********** E-Mails [end] *************/

.layout #beispiele ul {
	display: block;
	list-style: none;
	margin-left: -15px;
	float: left;
	font-size: 0.7em;
}
.layout #beispiele ul h1 {
	font-size: 1em;
}
.layout #beispiele ul p {
	font-size: 0.7em;
}


.layout li#beispiel-img {
	width: 90px;
	height: 160px;
	background-color: #fff;
	padding: 5px;
	border: 1px solid #aaa;
	float: left;
	margin-left: 10px;
	margin-bottom: 15px;
-moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px;
 -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px;
}
.layout li#beispiel-txt {
	background: #ddd;
	padding: 3px;
	color: #7B7C7E;
	width: 100px;
	height: 160px;
	padding: 5px;
	border: 1px solid #fff;
	border-left: none;
	margin-bottom: 10px;
	margin-right: 5px;
	float: left;
	 -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px;

}

.beispiel-bild {
	margin-left: 15px;
	border: none;
	padding-bottom: 5px;
}