html, body {	background:   url(../images/hg.jpg);	color: rgb(82,82,82);}
html, body, a, h2, h3, h4, div, p, ul, li, input, table {		font-family: Verdana, Arial, Helvetica, sans-serif;		font-size: 11px;}
html {	height:100%;}
body {	min-height:101%;}

img {	       		border: none;	text-decoration: none;	}
table, td, div { 	border:0;}

.none{ width: 0.1em; height: 0.1em; display: block; overflow: hidden;}

p { 		margin: 0px 0px 12px 0px;}

body {
	min-width: 960px;
	margin: 36px 0px 0px 0px;
	padding: 0px;
	text-align: center;
}

div.dokument {
	width: 960px;
	margin: 0 auto 0; 
	text-align: left;
	}

#kopf {
	width: 960px;
	height: 131px;
	margin:0;	padding:0;
	font-size: 0px;
	background:  url(../images/hg-kopf.gif) top no-repeat;
}

#kopf img { 	 			margin: 6px 0px 0px 38px; padding:0; float:left;}
#kopf img.bi-kopf   { 	margin: 15px 13px 0px 0px; padding:0; float:right;}


#kopf2 {
	width: 960px;
	height: 27px;
	clear:left;
	margin:0;	padding:0;
	font-size: 0px;
	background:  url(../images/hg-kopf2.gif) top no-repeat;
}
#kopf2 span.flagge-engl {	border: none; width:26px; height:14px; float:right;	text-decoration: none; margin: 5px 13px 0px 0px; padding:0; background:   url(../images/flagge-engl.jpg) no-repeat top;}
#kopf2 span.flagge-deu {	border: none; width:26px; height:14px; float:right;	text-decoration: none; margin: 5px 13px 0px 0px; padding:0; background:   url(../images/flagge-deu.jpg) no-repeat top;}


/*-- content
_________________________  Blickfang Grossbildwerbung / Großbildprojektion, Hameln    */


table.content {	width: 960px;	height: 350px;	vertical-align: top; 	border: 0px; margin: 0px;	padding: 0px; text-align:left; background-image:  url(../images/hg-content.gif);}

td.c-nav { width: 200px; height: auto; border: 0px; vertical-align: top; margin:0; padding:34px 0px 0px 0px; background:  url(../images/hg-menue-top.gif) left top no-repeat;}
#content-nav {  	text-align:justify;}

td.c-mi {		width: 520px;	height: auto;	border: 0px;	vertical-align: top;	margin:0; padding:0;}
#content-mi {	   	text-align:left; line-height:15px;}

td.c-re {		width: 180px;	height: auto;	border: 0px;	vertical-align: top;	margin:0; padding:40px 0px 0px 0px;}
#content-re {	   		text-align:left; line-height:15px;} 
#content-re img {	margin: 10px 0px 10px 0px;} 

td.a-1 {	width: 19px;	height: auto;	border: 0px;	vertical-align: top;margin:0; padding:0;}
img.a-1 { width: 19px;	height: 400px;}
td.a-2 {	width: 29px;	height: auto;	border: 0px;	vertical-align: top;margin:0; padding:0;}
img.a-2 { width: 29px;	height: 400px;}
td.a-3 {	width: 12px;	height: auto;	border: 0px;	vertical-align: top;margin:0; padding:0;}
img.a-3 { width: 12px;	height: 400px;}


div.hg-nav {  width: 200px; 	margin:0; padding:0; 	display:table;   background:none;}

/*-- menue 1
_________________________  Blickfang Grossbildwerbung / Großbildprojektion, Hameln    */

#nav {	position:relative;	width:200px;	margin:0px;	padding:0px;	text-align:left;}

/* nav list */

#nav ul {	list-style:none;	width:200px;	margin:0px 0px 0px 0px;	padding:0px;}
#nav li {	display: block;	line-height:18px;	width:200px;	margin:6px 0px 0px 0px;	background:  url(../images/hg-menue.gif);}

/*  links */
#nav ul li a {
color:rgb(0,0,0);
text-decoration:none;
margin:0px;
padding: 0px 0px 0px 41px;
display: block;
height:1em;
}
html>body #nav a:link, #nav a:visited {
height:auto;
}

#nav ul li a:hover {
color:rgb(230,2,4);
text-decoration:none;
display: block;
}

/* u */

#nav ul.u {
list-style:none;
width:169px;
margin:4px 0px 8px 20px;
padding:2px 0px 0px 0px;
background:rgb(245,245,245);
}

#nav li.u {
line-height:18px;
width:169px;
margin:0;
padding:1px 0px 1px 0px;
background:rgb(245,245,245);
}

/* you are here 
_________________________  Blickfang Grossbildwerbung / Großbildprojektion, Hameln    */

body#home li#homea a,/*  */ 
body#idee li#ideea a,/*  */ 
body#system li#systema a, /* system */

body#aufprojektion li#systema a, 
body#plasmamonitor li#systema a, 
body#rueckprojektion li#systema a, 
body#pcsystem li#systema a, 
body#ds-software li#systema a, 
body#definition li#systema a,  
body#standorte li#standortea a,  /* standorte */

body#gandersheim li#standortea a, 
body#salzuflen li#standortea a, 
body#bremer-weserpark li#standortea a, 
body#cuxhaven li#standortea a, 
body#fitness-studios li#standortea a, 
body#meppen li#standortea a, 
body#muenster li#standortea a, 
body#nordwalde li#standortea a,
body#olsberg li#standortea a, 
body#rinteln li#standortea a, 
body#wolfsburg li#standortea a, 
body#vorteil li#vorteila a,  /* vorteil */ 
body#vorteil-wknd li#vorteila a, 
body#technisches li#technischesa a,   /* technisches */
body#technisches-sie li#technischesa a, 
body#warum-werben li#warum-werbena a,    /* warum werben */
body#werbebeispiele li#warum-werbena a,
body#stellenmarkt li#stellenmarkta a,   /* stellenmarkt */
body#telefonist li#stellenmarkta a, 
body#mediengestalter li#stellenmarkta a, 
body#servicetechniker li#stellenmarkta a, 
body#webentwickler li#stellenmarkta a, 
body#partnerlinks li#partnerlinksa a, /*  */
body#kontakt li#kontakta a,  /* kontakt */
body#formular li#kontakta a,
body#anfahrt li#kontakta a ,
body#impressum li#impressuma a,
body#datenschutz li#impressuma a
{
color:rgb(51,51,51);
font-weight:bold;
background:  url(../images/hg-menue-marked.gif);
}
body#aufprojektion li#aufprojektiona a,  /* system */
body#plasmamonitor li#plasmamonitora a, 
body#rueckprojektion li#rueckprojektiona a, 
body#pcsystem li#pcsystema a, 
body#ds-software li#ds-softwarea a,
body#definition li#definitiona a,
body#gandersheim li#gandersheima a,  /* standorte */
body#salzuflen li#salzuflena a, 
body#bremer-weserpark li#bremer-weserparka a, 
body#cuxhaven li#cuxhavena a, 
body#fitness-studios li#fitness-studiosa a, 
body#meppen li#meppena a, 
body#muenster li#muenstera a, 
body#nordwalde li#nordwaldea a, 
body#olsberg li#olsberga a, 
body#rinteln li#rintelna a, 
body#wolfsburg li#wolfsburga a, 
body#vorteil li#vorteil-mbta a,   /* vorteil */ 
body#vorteil-wknd li#vorteil-wknda a, 
body#technisches li#technisches-wira a,    /* technisches */
body#technisches-sie li#technisches-siea a, 
body#werbebeispiele li#werbebeispielea a,    /* warum werben */
body#stellenmarkt li#handelsvertretera a,    /* stellenmarkt */
body#telefonist li#telefonista a, 
body#mediengestalter li#mediengestaltera a, 
body#servicetechniker li#servicetechnikera a, 
body#webentwickler li#webentwicklera a, 
body#formular li#formulara a, /* kontakt */
body#anfahrt li#anfahrta a,
body#datenschutz li#datenschutza a
 {
color:rgb(230,2,4);
font-weight:bold;
}

/*-- text unter dem menue  */

#nav ul.u2 {
list-style:none;
width:169px;
margin:40px 0px 0px 25px;
padding:0px 0px 20px 0px;
background:none;
}

#nav li.u2 {
line-height:18px;
width:169px;
margin:0;
padding:0px 0px 0px 0px;
background:none;
}

#nav li.u2 a {
color:rgb(0,0,0);
text-decoration:none;
margin:0px;
padding: 0px 0px 0px 10px;
display: block;
}

#nav ul.u2 li.u2 a:hover {
color:rgb(230,2,4);
text-decoration:none;
display: block;
}

/*--  ueberschriften
_________________________  Blickfang Grossbildwerbung / Großbildprojektion, Hameln    */

h1 {
	clear:both; 
	line-height:16px;
	margin: 0px 0px 25px 0px;
	padding: 0px 0px 0px 0px;
	color: rgb(230,2,4);
	font-size: 13px;
	font-weight: bolder;
	text-align:right;
	border-bottom:1px solid rgb(153,153,153);
}
span.ueber {	margin:0;	padding:0;	color: rgb(82,82,82);	font-size: 12px;	font-weight: bold;}

h2 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 15px 0px;
	color: rgb(230,2,4);
	font-size: 11px;
	font-weight: bold;
}
body#partnerlinks h2 {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 5px 0px;
}


h3 {
	margin: 0px 0px 6px 0px;
	padding: 0px 0px 0px 0px;
	color: rgb(82,82,82);
	font-size: 11px;
	font-weight: bold;
}
h4 {						
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: rgb(102,102,102);
	font-size: 9px;
	font-style: normal;
	text-decoration: none;
	font-weight:500;
}

h5 {
    clear:both;
	margin: 20px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	color: rgb(92,92,92);
	font-size: 11px;
	font-weight: bold;
	border-bottom: dashed #cccccc 1px;
}
h6 {
    clear:both;
	margin: 20px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	color: rgb(92,92,92);
	font-size: 11px;
	font-weight: bold;
	text-align:left;
	border-bottom: solid #dddddd 1px;
}



/*--  txt hervorhebung
_________________________  Blickfang Grossbildwerbung / Großbildprojektion, Hameln    */


.txt {	color: rgb(230,2,4); font-weight:bold}

.xs  {		/* wie h4*/				
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: rgb(102,102,102);
	font-size: 9px;
	font-style: normal;
	text-decoration: none;
	font-weight:500;
}


/*-- links
_________________________  Blickfang Grossbildwerbung / Großbildprojektion, Hameln    */

a {	outline:none;}

a:link {		color: rgb(51,51,51); text-decoration:underline;}
a:visited {	color: rgb(51,51,51); text-decoration:underline;}
a:hover {	color: rgb(230,2,4);   text-decoration:underline;}
a:active {	color: rgb(230,2,4); text-decoration:underline;}

a.txt {				font-weight: bold;}
a.txt:hover {	font-weight: bold;}

#linkohne { border: none; text-decoration:none; background:none;}



/*--  hoch + info
_________________________  */

#hoch {			width: 100%; 	line-height: 18px;				margin: 20px 0px 0px 0px;	padding:0px 0px 0px 0px;	background: url(../images/listenpunkt-hoch.gif) no-repeat right;	text-align: right;	position:relative;	float:left;	clear:both;}
#hoch a {		color: rgb(160,160,160);	font-size:10px; 	margin: 0px 13px 0px 0px;	padding:0px 0px 0px 0px;	text-decoration:none;}
#hoch a:hover {	color: rgb(230,2,4); background: none;}

/*--     */
#info {			width: 100%; 	line-height: 18px;				margin: 20px 0px 0px 0px;	padding:0px 0px 0px 0px;	background: url(../images/listenpunkt-info.gif) no-repeat right;	text-align: right;	position:relative;	float:left;	clear:both;}
#info a {		color: rgb(51,51,51);	font-size:11px; 	margin: 0px 15px 0px 0px;	padding:0px 0px 0px 0px;	text-decoration: underline; }
#info a:hover {	color: rgb(230,2,4); background: none;}


/*--  weiter, zurueck, zur uebersicht
_________________________  */

#weiter {			width: 125px; 	line-height: 20px;			margin: 25px 0px 0px 0px;	padding:0px 0px 0px 0px;	background: url(../images/listenpunkt-weiter.gif) no-repeat right;	text-align: right;	position:relative;	float:right;}
#weiter a {				color: rgb(102,102,102);	font-size:11px; margin: 0px 15px 0px 0px;	padding:0px 0px 0px 0px;	text-decoration:underline;}
#weiter a:hover {	color: rgb(218,31,42); background: none;}

/*--     */
#zurueck {			width: 125px; 	line-height: 20px;			margin: 25px 0px 0px 0px;	padding:0px 0px 0px 0px;	background: url(../images/listenpunkt-zurueck.gif) no-repeat left;	text-align: left;	position:relative;	float:left;}
#zurueck a {				color: rgb(102,102,102);	font-size:11px; margin: 0px 0px 0px 15px;	padding:0px 0px 0px 0px;	text-decoration:underline;}
#zurueck a:hover {	color: rgb(218,31,42); background: none;}

/*--     */
#uebersicht {			width: 250px; 	line-height: 20px;			margin:25px 0px 0px 0px;	padding:0; 		text-align: center;	float:left;}
#uebersicht a {				color: rgb(102,102,102);	font-size:11px; margin: 0px 0px 0px 13px;	padding:0px 0px 0px 0px;	text-decoration:underline;}
#uebersicht a:hover {	color: rgb(218,31,42); background: none;}


/*-- images
_________________________  Blickfang Grossbildwerbung / Großbildprojektion, Hameln    */


#content-mi img {			border: 1px solid rgb(160,160,160);}
#content-mi img.border0 {	border: none;}

#content-re img { 			border: 1px solid rgb(160,160,160);}
#content-re img.border0 {	border: none;}

body#formular img {	border: none;}

img.center {  display: block;   margin-left: auto;   margin-right: auto; }


/*--  content  mi + re
_________________________  Blickfang Grossbildwerbung / Großbildprojektion, Hameln    */

ul.decimal {	list-style-type: decimal; line-height:15px;}

#content-mi ul { list-style:none;	width:480px; display: block; margin:0; padding:0; }
#content-mi li { background:   url(../images/listenpunkt.gif) top left no-repeat;	 line-height:16px; margin:5px 0px 0px 0px; padding:0px 0px 0px 15px; display: block;}

#content-mi ul.klein { list-style:none;	width:210px; display: block; margin:0px 0px 0px 0px; padding:0px 0px 0px 20px; }
#content-mi li.klein { background: url(../images/listenpunkt.gif) top left no-repeat;	 line-height:16px; margin:5px 0px 0px 0px; padding:0px 0px 0px 15px; display: block;}

#fl ul { list-style:none;	width:235px; display: block; margin:0px 0px 0px 0px; padding:0; }
#fl li { background: url(../images/listenpunkt.gif) top left no-repeat;	 line-height:16px; margin:5px 0px 0px 0px; padding:0px 0px 0px 15px; display: block;}

#fr ul { list-style:none;	width:235px; display: block; margin:0px 0px 0px 0px; padding:0; }
#fr li { background: url(../images/listenpunkt.gif) top left no-repeat;	 line-height:16px; margin:5px 0px 0px 0px; padding:0px 0px 0px 15px; display: block;}

#content-re ul.sprung {	list-style:none;	width:160px; display: block; margin:0px 0px 0px 20px; padding:0; }
#content-re li.sprung { background: url(../images/listenpunkt-sprung.gif) top left no-repeat;	 line-height:16px; margin:5px 0px 0px 0px; padding:0px 0px 0px 15px; display: block;}


/*--  abstaende
_________________________  Blickfang Grossbildwerbung / Großbildprojektion, Hameln    */

.a-leer  {	height:1px; width:520px;clear:both; margin:0;	padding:0;}

.a5 { height:5px; width:100px;clear:both;}
.a10 { height:10px; width:100px;clear:both;}
.a20 { height:20px; width:100px;clear:both;}
.a30 {	height:30px; width:100px;clear:both;}
.a40 {	height:40px; width:100px;clear:both;}
.a50 {	height:50px; width:100px;clear:both;}
.a60 {	height:60px; width:100px;clear:both;}
.a70 {	height:70px; width:100px;clear:both;}
.a80 {	height:80px; width:100px;clear:both;}
.a90 {	height:90px; width:100px;clear:both;}
.a100 {	height:100px; width:100px;clear:both;}
.a120 {	height:120px; width:100px;clear:both;}
.a200 {	height:200px; width:100px;clear:both;}
.a300 {	height:300px; width:100px;clear:both;}
.a400 {	height:400px; width:100px;clear:both;}
.a500 {	height:500px; width:100px;clear:both;}
.a1000 {	height:1000px; width:100px;clear:both;}

.ce {	text-align:center;}
.li {	text-align:left;}
.re {	text-align:right;}

.cb { 	clear:both; margin:0px; padding:0px;}
.cl { 	clear:left; margin:0px; padding:0px;}
.cr { 	clear:right; margin:0px; padding:0px;}



/*--  floats 
_________________________  Blickfang Grossbildwerbung / Großbildprojektion, Hameln    */

#hg {		position:relative; float:left;	width: 520px; 	margin: 0px 0px 30px 0px;}
#hg-450 {	position:relative; float:right;	width: 450px; 	margin: 0px 0px 30px 0px;}
#hg-350 {	position:relative; float:right;	width: 350px; 	margin: 0px 0px 30px 0px;}

div.bi-fl {	position:relative; float:left;    clear:left; 	width:250px; margin:0px 10px 10px 0px; padding:0; text-align:center;}
div.bi-fr {	position:relative; float:right; clear:right;	width:250px; margin:0px 0px 10px 10px; padding:0; text-align:center;}

div#bi-fl {	position:relative; float:left;    	clear:left; 	width:250px; margin:0px 0px 0px 0px; padding:0; text-align:center;}
div#bi-fr {	position:relative; float:right; 	clear:right;	width:250px; margin:0px 0px 0px 0px; padding:0; text-align:center;}

div.fl {	position:relative; float:left; clear:left; 		width:250px; margin:0px 10px 0px 0px; padding:0;}
div.fr {	position:relative; float:right; clear:right; 	width:250px; margin:0px 0px 0px 10px; padding:0;}

div#fl {	position:relative; float:left;		clear:left; 	width:250px; margin:0px 0px 0px 0px; padding:0; display:block;}
div#fr {	position:relative; float:right; 	clear:right; 	width:250px; margin:0px 0px 0px 0px; padding:0; display:block;}


div.bi-fl200 {	position:relative; float:left; clear:left; 		width:200px; margin:0px 10px 0px 0px; padding:0; text-align:center;}
div.fl200 {		position:relative; float:left; clear:left; 		width:200px; margin:0px 10px 0px 0px; padding:0;}
div.fr300 {		position:relative; float:right; clear:right; 	width:300px; margin:0px 0px 0px 10px; padding:0;}


#hg {	position:relative; float:left; clear:left; 	width:520px; margin:0px 0px 10px 0px; padding:5px 0px 5px 0px;}


/*--  kontakt   */
div.li-200 {		position:relative; float:left; clear:left;		width: 200px; 	margin: 20px 0px 20px 0px; 	text-align: right;}
div.re-300 {		position:relative; float:right; clear:right;	width: 300px; 	margin: 20px 0px 20px 0px; 	text-align: left;}

/*--  kontakt   TEAM  */

#hg div.li-250 {		position:relative; float:left; clear:left;		width: 250px; 	margin: 0px 0px 10px 0px; 	text-align: right;}
#hg div.re-250 {	position:relative; float:right; clear:right;	width: 250px; 	margin: 0px 0px 10px 0px; 	text-align: left;}


/*--  partnerlinks   */
div.re-450 {		position:relative; float:right; clear:right;	width: 400px; 	margin: 0px 0px 0px 0px; 	text-align: left;}

/*--  werbebeispiele */

#screenshots  { position:relative; float:left; clear:left;  width:520px; margin:10px 0px 5px 0px; padding:0; text-align:center;}
#screenshots img { width:120px; height: 90px; margin:0px 10px 0px 10px; padding:0;  border: 1px solid rgb(160,160,160);}


/*-- sitemap
_________________________  piperweb.de    */
#sitemap-u ul { 		width:500px; display: block;  margin:0px 0px 0px 10px; padding:0; }
#sitemap-u li { 			list-style:none;	line-height:20px; font-size: 12px; font-weight: bold;  margin:0px 0px 0px 0px; padding:0;	border-bottom: 1px solid rgb(204,204,204);	display: block;	background: none; }

#sitemap-u1 ul { 	width:450px; display: block; margin:7px 0px 0px 60px; padding:0; }
#sitemap-u1 li { 		list-style:none;	line-height:20px;  font-weight: bold;	 display: block; margin:0; padding:0px 0px 0px 20px;	background: url(../images/listenpunkt-sitemap.gif) no-repeat left; }
#sitemap-u2 ul { 	width:400px; display: block; margin:0px 0px 0px 110px; padding:0; }
#sitemap-u2 li { 		list-style:none;	line-height:20px;  font-weight: normal;	 display: block; margin:0; padding:0px 0px 0px 20px;	background: url(../images/listenpunkt-sitemap.gif) no-repeat left; }
#sitemap-u3 ul { 	width:350px; display: block; margin:0px 0px 7px 160px; padding:0; }
#sitemap-u3 li { 		list-style:none;	line-height:20px;  font-weight: normal;	 display: block; margin:0; padding:0px 0px 0px 20px;	background: url(../images/listenpunkt-sitemap.gif) no-repeat left; }

/*-- impressum, webdesign
_________________________  piperweb.de    */

body#impressum a.webdesign { 				color: rgb(112,112,112); font-size: 9px;	font-style: normal;	text-decoration: none;	 font-weight:500;	border: none; background:none; cursor: auto;}
body#impressum a.webdesign:hover {	color: rgb(112,112,112); font-size: 9px;	font-style: normal;	text-decoration: none;	 font-weight:500;	border: none; background:none; cursor: auto;}
body#webdesign a {									color: rgb(102,102,102); text-decoration: none; background:none;	border: none;}
body#webdesign a:hover {						color: rgb(102,102,102); text-decoration: none; background:none;	border: none;}


/*--  abschluss
_________________________  Blickfang Grossbildwerbung / Großbildprojektion, Hameln    */

#abschluss {	    position:relative;	width: 960px;	height:61px;	background:  url(../images/hg-abschluss.gif) no-repeat top;	float:left; 	text-align:center;		color:rgb(102,102,102); margin: 0; padding:0;}

#abschluss a {		       color:rgb(82,82,82);  font-weight:bold; 	font-size: 10px;}
#abschluss p {				margin: 40px 0px 0px 0px;	padding: 0px;	font-size: 10px;}
#abschluss span.logo {	   	 font-size: 11px; font-style:italic;   font-weight:bold; color:rgb(230,2,4);	  margin:0;	padding:0;}
#abschluss span.logo2 {  	 font-size: 11px; font-style:italic;	  margin:0;	padding:0;}
#abschluss span.bull  { color:rgb(230,2,4);padding: 0px 3px 0px 3px; margin: 0;}


/*--  abschluss
_________________________  piperweb.de   */

#piperweb { 				width: 960px; height: 80px; margin: 0; padding:0;		background:none;}

#piperweb span {		width: auto;	margin: 10px 0px 0px 0px; text-align: right;	position:relative; float:right; 	font-size: 9px;	word-spacing: 0.3em;	font-family: "Trebuchet MS"; }
#piperweb span a {	width: auto; color: rgb(140,140,140);	font-size: 9px;	word-spacing: 0.3em;	font-family: "Trebuchet MS";	text-decoration: none;	 border:none; background:none; }
#piperweb span a:hover {			color: rgb(140,140,140); 	text-decoration: none;	 border:none; background:none;}
#piperweb span a.piperweb {	padding: 10px 20px 10px 10px; }
#piperweb span a.sitemap {		padding: 10px 10px 10px 10px; }

#piperweb span.bull {	 			padding: 2px 3px 10px 3px;		color: rgb(140,140,140); 	font-size: 7px;}

#piperweb span.related {					color: rgb(140,140,140);	padding: 40px 20px 10px 0px; }
#piperweb span.related a {				color: rgb(140,140,140);}
#piperweb span.related a:hover {	color: rgb(140,140,140);	text-decoration: none;	 border:none; background:none;}