html>/**/body, x:-moz-any-link, x:default { position:relative; left:-0.1px; }
 
html, body { color: rgb(82,82,82); background: rgb(224,224,224); }
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;	background: none;}

table, td, div { border:0;}

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

body { min-width: 768px;  margin:  0 auto;	padding:0; text-align: center; }

div.bg-3 {		width: 100%; margin: 0 auto;padding:0; text-align: center;		min-height: 900px;}
div.bg-2 {		width: 100%; margin: 0 auto;padding:0; text-align: center;		min-height: 900px;	/*background: url(http://www.piperweb.de/images/bg-content.gif) 50% 0 repeat-y;*/ }
div#bg {			width: 100%; margin: 0 auto;padding:0; text-align: center;		min-height: 900px;}

#dokument {	width: 768px; margin: 0 auto; text-align: center;}

#kopf {  		width: 768px; height: 94px; margin:0px 0px 1px 0px;	padding:0; /*	float:left; -- */	position: relative;}
#kopf a { 	width: 196px; height: 90px; margin:0px 14px 0px 0px;	padding: 0; 	position: relative; float:right; clear: right; text-decoration: none; background: none; border: none;}
#kopf span.webdesign {	font-size:10px; color:rgb(180,180,180); font-weight:bold; margin:52px 0px 0px 0px;	position: relative; float:right; clear: left;}

#kopf2-home {					width:768px;	height: 280px; margin:0;	padding:0;	display:block;  /* 	float:left; -- */	position: relative;}
#kopf2-home-englisch {	width:768px;	height: 280px; margin:0;	padding:0;	display:block; /*	float:left;	position: relative; -- */}
#kopf2 {								width:768px;	height:   20px;	margin-top:0px;}


/*  first menue
__________________________________________________________________________________________________________________  */

#firstmenue { 	width:768px; height: 20px;	margin:0;	padding:0;	display: block;}

#firstmenue ul {		margin: 0px 0px 0px 6px;	padding:0;}
#firstmenue ul li {	width: 148px; height: 20px;	margin-right: 0.3em; text-align:center;	list-style: none;	float:left;	position: relative; /*  -- */}

#firstmenue ul li a {				font-weight: bold;	text-decoration:none; border: none;	display:block;	margin: 0;	padding: 2px 0px 4px 0px;	
												color:rgb(255,255,255);	background: rgb(153,0,0);	font-size:11px;	}
#firstmenue ul li a:hover {	font-weight:bold;		text-decoration:none; border: none;	display:block;	background:  rgb(224,224,224);}

body#agentur li#agentura a, body#webdesign li#webdesigna a, body#loesungen li#loesungena a, body#referenzen li#referenzena a, 
body#kontakt li#kontakta a 
{	color: rgb(153,0,0); background:  rgb(224,224,224);}

ul.fmu {	display: none;	margin:0;	padding:0; overflow: hidden;}



/*  table
__________________________________________________________________________________________________________________  */

table.content-home, table.content, 
table.content-1, table.content-2, table.content-3, table.content-4 
{	width: 768px;	height: 500px;	vertical-align: top; text-align:left; 	border: 0;	margin: 0 auto 0;	padding: 0; /*	float:left;	position: relative; -- */}

body#referenzen table.content {	height: 150px;	}

/*  table content home
__________________________________  */

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

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

td.a-home {	 				width: 40px; height: auto; 			border: 0px; vertical-align: top; 	margin:0; 	padding:0;}
img.a-home { 					width: 40px; height: 100px;}


/*  table content
__________________________________  */

td.c-nav {				width: 150px;	height: auto;	border: 0px;	vertical-align: top;	margin:0; padding:122px 0px 0px 0px;/*59*/}
#content-nav {  		text-align:left;}


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

td.c-li-2 {				width: 240px;	height: auto;	border: 0px;	vertical-align: top;	margin:0; padding:130px 0px 15px 0px;}
#content-li-2 {		text-align:left; line-height:16px;} 


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

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

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

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


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


td.a-1 {		width: 10px;	height: auto;	border: 0;	vertical-align: top;	margin:0; padding:0;}
img.a-1 { 	width: 10px;	height: 400px;}
td.a-2 {		width: 19px;	height: auto;	border: 0;	vertical-align: top;	margin:0; padding:0;}
img.a-2 { 	width: 19px;	height: 400px;}
td.a-3 {		width: 9px;		height: auto;	border: 0;	vertical-align: top;	margin:0; padding:0;}
img.a-3 { 	width: 9px;		height: 400px;}
td.a-4 {		width: 40px;	height: auto;	border: 0;	vertical-align: top;	margin:0; padding:0;}
img.a-4 { 	width: 40px;	height: 400px;}
td.a-5 {		width: 48px;	height: auto;	border: 0;	vertical-align: top;	margin:0; padding:0;}
img.a-5 { 	width: 48px;	height: 400px;}
td.a-6{		width: 42px;	height: auto;	border: 0;	vertical-align: top;	margin:0; padding:0;}
img.a-6 { 	width: 42px;	height: 400px;}
td.a-7{		width: 4px;		height: auto;	border: 0;	vertical-align: top;	margin:0; padding:0;}
img.a-7 { 	width: 4px;		height: 400px;}

body#referenzen img.a-1, img.a-2, img.a-3 { height: 100px;}



/*  content 
__________________________________________________________________________________________________________________  */

body#blog td.c-li-2 {	padding: 83px 0px 15px 0px;}

body#bookmarks #content-mi-2 img { margin:0px 10px 0px 0px; vertical-align:bottom;}

html#webdesign-gestaltung-logodesign #content-re img, 
html#referenzen-webdesign-referenzliste #content-re img, 
html#referenzen-webdesign-referenzliste-staedte-regionen #content-re img 
{	margin: 0px 0px 15px 0px;} 


/*  2. menue
__________________________________________________________________________________________________________________  */

#sem {		position:relative; width:145px; margin:0px; padding:0px 0px 0px 3px; text-align:left;}

#sem ul {	width:145px;	margin:0px;	padding:0px;	list-style:none;}
#sem li {		width:145px;	margin:5px 0px 5px 0px;		display: block;	line-height:18px;}

#sem ul li a {				display: block;	text-decoration: none; border: none;	margin:0px;	padding: 0px 2px 0px 26px;}
#sem ul li a:hover {  	display: block; text-decoration: none; border: none;	font-weight:bold;}

/*   */
#sem ul.u { 		list-style:none;		width:145px;	margin:0px 0px 0px 0px;		padding: 0px 0px 10px 0px;	text-decoration: none; border: none;}
#sem ul.u li { 		line-height:15px;	width:145px;	margin:3px 0px 0px 0px;		padding: 0px 0px 0px 0px;		text-decoration: none; border: none;}
#sem ul.u li a {	font-size:10px; border: none;}



/*  headline
__________________________________________________________________________________________________________________  */

#headline { 								width: 400px;	height: 160px; }

body#emfehlung #headline, 
body#bookmarks #headline {	width: 508px;	height: 160px; }



/*--   headline h1  
__________________________________  */

#content-mi h1.hl-agentur, #content-mi h1.hl-agency, 
#content-mi h1.hl-webdesign, 
#content-mi-2 h1.hl-webdesign, /*webdesign.blickfang-hameln.de*/
#content-mi h1.hl-loesungen, #content-mi h1.hl-solutions, 
#content-mi h1.hl-referenzen, #content-mi h1.hl-references, 
#content-mi-2 h1.hl-referenzen, #content-mi-2 h1.hl-references, 
#content-mi h1.hl-kontakt, #content-mi h1.hl-contact, 
#content-mi h1.hl-sitemap, 
#content-mi h1.hl-links, 
#content-mi h1.hl-web-design, 
#content-mi h1.hl-glossar, #content-mi h1.hl-glossary, 
#content-mi h1.hl-aktuelles, 
#content-mi h1.hl-blog, 
#content-mi h1.hl-presse {						width: 400px; 	height:90px; margin:0; padding-bottom: 5px;		background-position: top left;	background-repeat: no-repeat;}

#content-mi-3 h1.hl-empfehlung, 
#content-mi-3 h1.hl-recommendation {	width: 508px; 	height:90px; margin:0; padding-bottom: 5px;		background-position: top left;	background-repeat: no-repeat;}

body#bookmarks #content-mi-2 h1.hl-referenzen,  /*bookmarks, favoriten*/
body#top10 #content-mi-2 h1.hl-referenzen
{																	width: 598px; 	height:90px;	margin:0; padding-bottom: 5px;		background-position: top left;	background-repeat:no-repeat;}



/*  headline other  
__________________________________  */


h2 {
	color: rgb(153,0,0);
	margin: 10px 0px 10px 0px;
	padding: 2px 0px 2px 3px;
	font-size: 15px;
	font-weight: bold;
	
}

#headline h2 { 	margin: 10px 0px 0px 0px;}

h2.h2 {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	text-align: left;
	font-weight: bold;
}
body#blog #content-li-2 h2 { 	
	margin: 40px 0px 10px 0px;
	padding: 0px;
}

body#top-ten #content-mi-4 h2 {
	margin: 20px 0px 30px 0px;
	text-align: center;	
	border-bottom: 1px solid rgb(224,224,224);
}


h3 {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	color: rgb(82,82,82);
	font-size: 11px;
	font-weight: bold;
}

body#top-ten #content-mi-4 h3 {
	margin: 0px 0px 20px 0px;
	text-align: center;	
	border-bottom: 1px solid rgb(224,224,224);
}


h4 {						
	color: rgb(153,153,153);
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
	font-weight:500;
	line-height:12px;
}

h5 {
	color: rgb(153,153,153);
	font-size: 13px;
	margin: 20px 0px 20px 0px;
	padding: 0px 0px 5px 2px;
	border-bottom: 1px solid rgb(224,224,224); 
}

h6 {
	color: rgb(122,122,122);
	font-size: 13px;
	margin: 20px 0px 20px 0px;
	padding: 0px 0px 5px 2px;
}

/*  txt
__________________________________  */

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

.txt {	font-weight:bold;	}

.xs {
	text-decoration: none;
	font-weight:500;
	line-height:12px;
}

/* auffindbarkeit, webkataloge */
span.small {
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 0px;
	color: rgb(153,153,153);
	font-size: 9px;
	font-style: normal;
	text-decoration: none;
	font-weight:500;
	line-height:11px;
}

/*  kundenzufriedenheit referenzen   */
.hg-i {			font-style: italic; 	margin: 0; padding: 0;}


/*  links
__________________________________  */

a {	outline:none;}

a:link {		color: rgb(153,0,0);	text-decoration: underline;	padding: 0px 2px 0px 2px;}
a:visited {	color: rgb(153,0,0);	text-decoration: underline;	padding: 0px 2px 0px 2px;}
a:hover {	color: rgb(0,0,0);		text-decoration: underline;	padding: 0px 2px 0px 2px;}
a:active {	color: rgb(153,0,0);	text-decoration: underline;	padding: 0px 2px 0px 2px;}

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

a.linkohne:link {			text-decoration:none;	background: none; border: none;}
a.linkohne:visited {	text-decoration:none;	background: none; border: none;}
a.linkohne:hover {		text-decoration:none;	background: none; border: none;}
a.linkohne:active {		text-decoration:none;	background: none; border: none;}



/*  hoch + info   
__________________________________  */

#hoch {			position:relative;	width: 99%; 	line-height: 18px;	margin: 20px 0px 0px 0px;	padding:0; 	text-align: right;	float:left;}

#info {			position:relative;	width: 100%; 	line-height: 18px;	margin: 10px 0px 2px 0px;	padding:0;	text-align: right;	float:left; clear:left;}


/*  weiter, zurueck, zur uebersicht   
__________________________________  */

#weiter {								position:relative;	width: 120px; 	line-height: 20px;	margin: 20px 0px 20px 0px;	padding:0; 		text-align: right;		float:right;}
#zurueck {								position:relative;	width: 120px; 	line-height: 20px;	margin: 20px 0px 20px 0px;	padding:0; 		text-align: left;			float:left;}
#uebersicht {							position:relative;	width: 160px; 	line-height: 20px;	margin: 20px 0px 20px 0px;	padding:0; 		text-align: center;	float:left;}

#content-li-2 #weiter {			position:relative;	width: 120px; 	line-height: 20px;	margin: 0px 0px 20px 0px;	padding:0; 		text-align: right;		float:right;}
#content-li-2 #zurueck {		position:relative;	width: 120px; 	line-height: 20px;	margin: 0px 0px 20px 0px;	padding:0; 		text-align: left;			float:left;}
#content-li-2 #uebersicht {	position:relative;	width: 240px; 	line-height: 20px;	margin: 0px 0px 10px 0px;	padding:0; 		text-align: center;	float:left;}


/*  menue uebersicht   
__________________________________  */

#uebersicht-menue { 			width: 520px; 	line-height: 20px;	margin: 20px 0px 20px 0px;	padding:0; 		text-align: center;	float:left;position:relative;	}

#uebersicht-menue a {				color:rgb(160,160,160);	background: none;	font-size:10px;	margin: 0;	padding:0;	font-weight: normal;	text-decoration:none; border: none;}
#uebersicht-menue a:hover {	color:rgb(153,0,0);		background:  none;	font-weight:normal;		text-decoration:none; border: none;}

#uebersicht-menue span.bull  { 	color:rgb(160,160,160); font-size:10px; padding:  0px 10px 0px 10px;}


/*  listen
__________________________________  */

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

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

#content-mi ul {				 list-style:none;	width:345px; display: block; margin:0px 0px 10px 0px; padding:0px 0px 0px 40px; }
#content-mi li { 				 line-height:16px; margin:5px 0px 0px 0px; padding:0px 0px 0px 15px; display: block;}

#content-mi-2 ul {			 list-style:none;	width:445px; display: block; margin:0px 0px 10px 0px; padding:0px 0px 0px 40px; }
#content-mi-2 li { 			 line-height:16px; margin:5px 0px 0px 0px; padding:0px 0px 0px 15px; display: block;}

/*  top ten */
#content-mi-4 ul.sprung {			 list-style:none;	width:100%; margin:0px 0px 0px 10px; padding:0; }
#content-mi-4 ul.sprung li {		 line-height:16px;	width:auto; margin: 0px 10px 10px 10px; padding:0px 0px 0px 15px;	float: left;	background: url(http://www.piperweb.de/images/listenpunkt-sprung.gif) top left no-repeat;}


/*  home */
#content-mi-home ul {   			list-style:none;	width:345px; display: block; margin:0px 0px 10px 0px; padding:0px 0px 0px 40px; }
#content-mi-home li { 				line-height:16px; margin:5px 0px 0px 0px; padding:0px 0px 0px 15px; display: block; background: url(http://www.piperweb.de/images/listenpunkt.gif) top left no-repeat;}

#content-mi-home ul#li2 {   		list-style:none;	width:400px; display: block; margin:0px 0px 10px 0px; padding:0; }
#content-mi-home ul#li2 li {  	background: url(http://www.piperweb.de/images/listenpunkt-1.gif) top left no-repeat; }

#content-li-home ul { list-style:none;	width:225px; display: block; margin:0px 0px 10px 0px; padding:0px 0px 0px 0px; }
#content-li-home li {  line-height:16px; margin:0px 0px 0px 0px; padding:0px 0px 0px 16px; display: block;	font-size:10px; background: url(http://www.piperweb.de/images/listenpunkt-1.gif) top left no-repeat;}

/*  aktuelles */
#content-li-2 ul { 	list-style:none;	width:225px; display: block; margin:0px 0px 10px 0px; padding:0px 0px 0px 0px; }
#content-li-2 ul li {  line-height:15px; margin:0px 0px 8px 0px; padding:0px 0px 0px 16px; display: block;	font-size:11px; background: url(http://www.piperweb.de/images/listenpunkt.gif) top left no-repeat;}

#content-li-2 ul#archiv { 		list-style:none;	width:225px; display: block; margin:0px 0px 10px 0px; padding:0px 0px 0px 0px; }
#content-li-2 ul#archiv li {  line-height:18px; margin:0px 0px 8px 0px; padding:0px 0px 0px 16px; display: block;	font-size:11px; background: url(http://www.piperweb.de/images/listenpunkt-1.gif) top left no-repeat;}
#content-li-2 ul#archiv li a.marked {	font-weight: bold;}


/*  referenzen */
html#referenzen-webdesign-referenzliste #content-mi ul, 
html#referenzen-webdesign-referenzliste-staedte-regionen #content-mi ul 
{ list-style:none;	width:370px; display: block; margin:7px 0px 10px 0px; padding:0px 0px 0px 10px; }

html#referenzen-webdesign-referenzliste #content-mi li, 
html#referenzen-webdesign-referenzliste-staedte-regionen #content-mi li 
{  line-height:15px; margin:0px 0px 0px 0px; padding:0px 0px 0px 18px; display: block;	font-size:10px; background: url(http://www.piperweb.de/images/listenpunkt-1.gif) top left no-repeat;}

#content-mi ol.dezi {	width:300px;	display: block;	margin:0px 0px 0px 0px;	padding:0px 0px 0px 40px;	list-style-type: decimal;  background:none;}
#content-mi li.dezi { 	list-style-type: decimal;  line-height:16px; margin:5px 0px 0px 0px; padding:0px 0px 0px 10px; display: list-item; background:none;}

/*  bookmarks */
body#bookmarks #content-mi-2 ul {    background: none; list-style:none;	width:558px; display: block; margin:0px 0px 10px 0px; padding:0px 0px 0px 15px; }
body#bookmarks #content-mi-2 li { 	 background: none; line-height:19px; margin:0px 0px 5px 0px; padding:0; display: block;}




/*  abstand
__________________________________  */

.a-leer { height:1px; width:400px;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;}
.a110 {	height:110px; width:100px;clear:both;}
.a120 {	height:120px; width:100px;clear:both;}
.a130 {	height:130px; width:100px;clear:both;}
.a140 {	height:140px; width:100px;clear:both;}
.a150 {	height:150px; width:100px;clear:both;}
.a160 {	height:160px; width:100px;clear:both;}
.a170 {	height:170px; width:100px;clear:both;}
.a180 {	height:180px; width:100px;clear:both;}
.a190 {	height:190px; width:100px;clear:both;}
.a200 {	height:200px; width:100px;clear:both;}
.a210 {	height:210px; width:100px;clear:both;}
.a220 {	height:220px; width:100px;clear:both;}
.a230 {	height:230px; width:100px;clear:both;}
.a240 {	height:240px; width:100px;clear:both;}
.a250 {	height:250px; width:100px;clear:both;}
.a260 {	height:260px; width:100px;clear:both;}
.a270 {	height:270px; width:100px;clear:both;}
.a280 {	height:280px; width:100px;clear:both;}
.a290 {	height:290px; 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;}


/*  floats
__________________________________  */

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

.hg-2 {			position:relative; float:left;	width: 598px; 	margin: 0px 0px 10px 0px; padding: 5px 0px 5px 0px;}
.hg-3 {			position:relative; float:left;	width: 598px; 	margin: 0px 0px 10px 0px; padding: 5px 0px 5px 0px;}
	
div#bi-fl {		position:relative; float:left;		clear:left; 	width:190px; 	margin:0px 0px 8px 0px; padding:0; 	text-align:center;}
div#bi-fr {		position:relative; float:right;	clear:right;	width:190px; 	margin:0px 0px 0px 0px; padding:0; 	text-align:center;}
div.bi-fl {		position:relative; float:left;		clear:left; 	width:190px; 	margin:0px 0px 8px 0px; padding:0; 	text-align:center;}
div.bi-fr {		position:relative; float:right;	clear:right;	width:190px; 	margin:0px 0px 0px 0px; padding:0; 	text-align:center;}

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

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

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

.fl {					float:left; 		margin:0px 20px 5px 0px; padding:0;}
.fr {					float:right; 	margin:0px 0px 5px 20px; padding:0;}

div.fl-110 {	position:relative; float:left;	width:116px; margin:0px 5px 10px 5px; padding:0; text-align:center;}

/*  ansprechpartner  (bo für border)   */
div.fl-bo {		position:relative; float:left; 		clear:left;  	width: 190px; 	margin: 0px 0px 0px 0px; 	padding: 0px 5px 0px 0px; border: none; text-align:right;}
div.fr-bo {		position:relative; float:right; 	clear:right;  width: 190px; 	margin: 0px 0px 0px 0px; 	padding: 0px 0px 0px 5px; border-left: 1px solid rgb(210,210,210);}

/*  referenzliste   */
#hg-350 {	position:relative; float:right;	width: 370px; 	margin: 0px 0px 10px 0px; padding:5px 0px 5px 0px; /*color:rgb(153,0,0);*/ font-size:11px;}




/*  referenzen kundenzufriedenheit   */
body#referenzen div.hg-2 {						}

body#referenzen div.hg-2 div.hg {			position:relative; float:left;	clear:left;}
body#referenzen div.hg-2 div.fr-180 {	text-align:center;}

/*  referenzen designbeispiele   */
body#referenzen div.hg-3 {						padding: 0px 0px 40px 0px; display:block;}

body#referenzen div.hg-3 div.hg {			position:relative; float:right;	clear:right;}
body#referenzen div.hg-3 div.fl-180 {	text-align:center;}



/*  floats home */
#content-li-home div.fl-110 {	position:relative; float:left;		width:110px; margin:0px 8px 10px 0px; padding:0; text-align:center;}
#content-li-home div.fr-110 {	position:relative; float:right;	width:110px; margin:0px 0px 10px 8px; padding:0; text-align:center;}

#content-mi-home div.fl-110 {	position:relative; float:left;	width:116px; margin:0px 8px 10px 8px; padding:0; text-align:center;}


/*  floats vertrieb top10 */
body#top10 #content-mi-2 div.fl-180 {		clear: none;	width:185px; margin:0; padding:0px 0px 0px 5px; text-align:left;}


/*  floats vertrieb top-ten */
body#top-ten #content-mi-4 div.fl-180 {		clear: none;	width:185px; margin:0; padding:0px 0px 0px 5px; text-align:left;}


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









/*  empfehlung
__________________________________________________________________________________________________________________  */

body#empfehlung h1 {	  		 color: rgb(153,0,0); text-decoration: underline; font-size:  12px; padding: 0px 0px 0px 0px;}

body#empfehlung a.h1 {	  		 color: rgb(153,0,0); 		text-decoration: underline; 	margin:0; padding: 0; font-size:  12px; border: none;}
body#empfehlung a.h1:hover { color: rgb(153,0,0);			text-decoration: underline; 	margin:0; padding: 0; }
body#empfehlung a.h4 {	  		 color: rgb(153,153,153); text-decoration: none; 	margin:0; padding: 0;	font-size: 9px;  border: none;}
body#empfehlung a.h4:hover { color: rgb(153,153,153); text-decoration: none; 	margin:0; padding: 0;  }
body#empfehlung h4 {	  		 	margin:0px 0px 12px 0px;}

body#empfehlung  #content-mi-3 img {	float: left; clear:both; margin:20px 20px 10px 0px; background: none;}
body#empfehlung  #content-mi-3 p {		margin:0px 0px 10px 0px;}
body#empfehlung  #content-mi-3 a {	 	background: none; border: none;}

body#empfehlung #content-mi-3 ul { list-style:none;	width:180px; display: block;	float:left; clear:both; margin:0px 20px 15px 0px; padding:0px 0px 0px 0px; }
body#empfehlung #content-mi-3 li { background: url(http://www.piperweb.de/images/listenpunkt.gif) top left no-repeat;	 line-height:14px; margin:0px 0px 0px 0px; padding:0px 0px 0px 15px; display: block;}
body#empfehlung #content-mi-3 ul li a { 			color: rgb(112,112,112); text-decoration: none; background: none; border: none; 	margin:0; padding: 0;}
body#empfehlung #content-mi-3 ul li a:hover { color: rgb(112,112,112); text-decoration: none; background: none; border: none; 	margin:0; padding: 0; }

/*  sitemap
__________________________________  */

#sitemap-u ul { 	list-style:none;	width:400px; display: block;  margin:0px 0px 0px 0px; padding:0;}
#sitemap-u li { 	list-style:none;	line-height:20px; font-size: 12px; font-weight: bold;  margin:0; padding:0;	display: block;	border: none; }

#sitemap-u1 ul { 	width:360px; display: block; margin:10px 0px 0px 40px; 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(http://www.piperweb.de/images/listenpunkt-sitemap.gif) no-repeat left; }
#sitemap-u2 ul { 	width:320px; display: block; margin:2px 0px 0px 80px; 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(http://www.piperweb.de/images/listenpunkt-sitemap.gif) no-repeat left; }
#sitemap-u3 ul { 	width:280px; display: block; margin:2px 0px 10px 120px; 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(http://www.piperweb.de/images/listenpunkt-sitemap.gif) no-repeat left; }


/*  formular   
__________________________________  */

div#zeile  {						width:400px; height:20px;	margin:0px; padding:0px;}

div.li200 {						position:relative; float:left;		clear:left;		width: 130px; height:20px; 	margin:5px 0px 5px 0px; 	text-align: right;}
div.re300 {						position:relative; float:right; 	clear:right;	width: 250px; height:20px; 	margin:5px 0px 5px 0px; 	text-align: left;}
div.zeile-mitteilung  {	width:400px; height:150px;	margin:0px; padding:0px;}
div.re300-mitteilung {	position:relative; float:right; 	clear:right;	width: 250px; height:150px; 	margin:5px 0px 5px 0px; 	text-align: left;}
div.li200f1 {					position:relative; float:left; 		clear:left;		width: 180px; height:20px; 	margin:5px 0px 5px 0px; 	text-align: right;}
div.re300f1 {					position:relative; float:right; 	clear:right;	width: 200px; 							margin:5px 0px 5px 0px; 	text-align: left;}

.box-gr {			width: 240px; height: 18px; vertical-align: bottom; background-color: rgb(255,255,255); color: rgb(82,82,82);
						border-style: solid; border-width: 1px 1px 1px 1px; border-color:  rgb(200,200,200) rgb(200,200,200) rgb(153,0,0) rgb(200,200,200);
						font-family:	Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px;}

.box-txt {		width: 240px; height: 150px; vertical-align: bottom; background-color: rgb(255,255,255); overflow: hidden; color: rgb(82,82,82);
						border-style: solid; border-width: 1px 1px 1px 1px; border-color:  rgb(200,200,200) rgb(200,200,200) rgb(153,0,0) rgb(200,200,200);
						font-family:	Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px;}

.checkbox {		width: 15px; height: 14px; vertical-align: bottom; font-size: 10px; color: rgb(82,82,82);}

.button  {  		font-size: 10px; color: rgb(255,255,255); font-weight: bold; width: 90px; height: 18px; background: rgb(153,0,0); border: none;}



/*  laufende projekte
__________________________________  */

table.laufende-projekte {  		width: 598px;		font-size:10px;		vertical-align: top;	border: 0;	 text-align:left; 	margin: 0;	padding: 0; }
table.laufende-projekte td {  	height: 25px;		background: none;	vertical-align: top;	border-bottom: 1px solid rgb(224,224,224); }
table.laufende-projekte a {  		font-size:10px; 	font-weight:bold;}

td.icon {  			width: 18px;}
td.projekt {  		width: 205px;}
td.ort {  				width: 190px;}
td.modifiziert {	width: 130px;}
td.groesse {  		width: 55px; text-align: right;}








/*  abschluss
__________________________________  */

#abschluss {					width: 768px;	height:52px; text-align: left; /*	float:left;	position: relative; -- */}
#abschluss a {				color:rgb(153,0,0); 	text-decoration:none;	background: none; border: none;	margin: 0;	font-size:10px; padding: 0px 2px 0px 2px;}
#abschluss a:hover {		color:rgb(0,0,0); 		text-decoration:none;	background: none; border: none;}
#abschluss img {											margin: 13px 0px 0px 20px;	padding: 0;}
#abschluss span {			color:rgb(153,0,0);	margin: 10px 0px 0px 0px;		padding: 0; font-size:10px; }
#abschluss span.bull  { color:rgb(180,180,180); font-size:10px; padding: 0px 5px 0px 5px;}

#abschluss img.home {			margin: 13px 0px 0px 40px;	padding: 0; font-size:10px; color:rgb(153,0,0);}

/*  bvdw
__________________________________  */

#bvdw {						width: 768px;	height:15px; font-size:9px; color:rgb(122,122,122); text-align: right;margin:0;	padding: 0;	/*float:left;	position: relative;  -- */}

#bvdw-home {			width: 768px;	height:45px; font-size:9px; color:rgb(122,122,122); text-align: right;margin:0;	padding: 0;	/*float:left;	position: relative;  -- */}
#bvdw-home img {	margin: 6px 15px 0px 0px;}

#bvdw a {				 text-decoration:none;	background: none; border: none;}
#bvdw-home a {	 text-decoration:none;	background: none; border: none;}

/*  piperweb
__________________________________  */

#piperweb {	    			width: 752px;	height:18px; text-align:center; margin: 0 auto;	padding: 0;	background: rgb(153,0,0);	 /*float:left;	position: relative; -- */}
#piperweb a {				color:rgb(255,255,255); font-size:10px; text-decoration:none;	background:none; border: none;}
#piperweb p  {				color:rgb(255,255,255); font-size:10px;	padding: 2px 0px 0px 0px;	margin: 0; }
#piperweb span.bull  { 	color:rgb(255,255,255); font-size:10px; padding: 2px 5px 0px 5px;}

#footer {						width: 768px;	height:35px; text-align:center; margin: 0 auto;	padding: 0; display:block; /*	float:left;	position: relative; -- */}
#footer p {					color: rgb(200,200,200);	 font-size: 0.78em; 	margin: 0;}
#footer a {					color: rgb(200,200,200);	 font-size:9px;		padding: 0;	text-decoration:none;	background: none; border: none;}
#footer a:hover {		color:rgb(180,180,180); 	 												text-decoration:none;	background: none; border: none;}
#footer span.bull  { 	color:rgb(230,230,230);	 font-size:9px;		margin: 0px 2px 0px 2px;}


/*  piperweb.de   fin
__________________________________________________________________________________________________________________  */

div.footer-2 {	width: 100%;	height:1px; /*position: fixed;*/ left: 0; bottom:0; background: none;}