html, body {	background: rgb(80,116,169);	color: rgb(0,0,0);}
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;	}

.space {	width: 960px; height:25px;	text-align: left;	margin:0; padding:0;}
.space p {	width: 0.1em; height: 0.1em; display: block; overflow: hidden;}

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

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

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

#kopf h1 { 	  width: 504px; 	 height: 137px; 	 margin:0; padding:0; 	 background: url(../images/logo.gif) no-repeat right; float:left;	border: none;display: block;}
#kopf h1 a { width: 280px; 	 height: 137px; display: block;}
#kopf span.bild { 	  width: 456px; 	 height: 136px; 	 margin:0; padding:0; 	 background: url(../images/bi-kopf.jpg) no-repeat left; float:right;	border: none;display: block;}

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



/*-- Ingenieurbüro für Datensicherung GmbH  -------------------------------------- content*/

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:160px 0px 30px 0px;}
#content-nav {  	text-align:justify;   background: url(../images/hg-menue.gif) no-repeat top;}

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

td.c-re {
	width: 180px;
	height: auto;
	border: 0px;
	vertical-align: top;
	margin:0;
	padding-top: 81px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
}
#content-re {	   	text-align:center; line-height:15px;} 

td.a-1 {	width: 28px;	height: auto;	border: 0px;	vertical-align: top;margin:0; padding:0;}
img.a-1 { width: 28px;	height: 400px;}
td.a-2 {	width: 20px;	height: auto;	border: 0px;	vertical-align: top;margin:0; padding:0;}
img.a-2 { width: 20px;	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;}


#content-re img {	margin:0px 0px 20px 0px;} 


div.hg-nav {  width: 200px; 	margin:0; padding:0; 	display:table;   background:none;}
/*-- Ingenieurbüro für Datensicherung GmbH  -------------------------------------- menue 1*/

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

/* 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:none;
}

/*  links */
#nav ul li a {
color:rgb(82,82,82);
font-weight:normal;
text-decoration:none;
margin:0px;
padding: 0px 18px 0px 0px;
display: block;
height:1em;
background:url(../images/hg-menue-a.gif);
}
html>body #nav a:link, #nav a:visited {
height:auto;
}

#nav ul li a:hover {
color:rgb(80,116,169);
text-decoration:none;
display: block;
}

#nav ul.u {
list-style:none;
width:200px;
margin:0px 0px 10px 0px;
padding:3px 0px 0px 0px;
background:none;
}

#nav li.u {
line-height:16px;
width:200px;
margin:0;
padding:1px 0px 0px 0px;
background:none;
}

#nav ul.u li.u a {
color:rgb(130,130,130);
font-weight:normal;
text-decoration:none;
margin:0px;
padding: 0px 18px 0px 0px;
display: block;
background: none;
}
html>body #nav a:link, #nav a:visited {
height:auto;
}
#nav ul.u li.u a:hover {
color:rgb(80,116,169);
text-decoration:none;
display: block;
}

/* you are here */



body#home li#homea a, 
body#unternehmen li#unternehmena a, 
body#service li#servicea a, 
body#kundenprojekte li#kundenprojektea a, 
body#referenzen li#referenzena a, 
body#tivolistoragemanager li#tivolistoragemanagera a, 
body#partner li#partnera a,
body#kontakt li#kontakta a,
body#impressum li#kontakta a,
body#datenschutz li#kontakta a,
body#Archives li#Archivesa a
 {
color:rgb(52,75,109);
font-weight:bold;
background:url(../images/hg-menue-maked.gif);
}

body#impressum li#impressuma a, 
body#datenschutz li#datenschutza a,
body#Archives li#Archivesa a
 {
color:rgb(52,75,109);
font-weight:bold;
background:none;
}




/*-- Ingenieurbüro für Datensicherung GmbH  --------------------------------------  */
h1 {
	clear:both; 
	height:18px;
	margin: 0px 0px 25px 0px;
	padding: 2px 5px 0px 0px;
	color: rgb(52,75,109);
	font-size: 13px;
	font-weight: bolder;
	text-align:right;
}
h2 {
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
	color: rgb(80,116,169);
	font-size: 11px;
	font-weight: bold;
}
h3 {
	margin: 0px 0px 0px 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(112,112,112);
	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;
	border-bottom: solid #dddddd 1px;
}

img.gallery {	border:1px solid rgb(102,0102,102);}


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

a:link {		color: rgb(80,116,169); text-decoration:underline;}
a:visited {	color: rgb(80,116,169); text-decoration:underline;}
a:hover {	color: rgb(51,74,108);   text-decoration:underline;}
a:active {	color: rgb(80,116,169); text-decoration:underline;}

/*-- Ingenieurbüro für Datensicherung GmbH  --------------------------------------txt link*/
a.txt {				color: rgb(80,116,169);	font-weight: bold; text-decoration:none;}
a.txt:hover {	color: rgb(51,74,108);		font-weight: bold; text-decoration:none;}

/*--  hoch   */
#info {	width: 100%; height: 15px;	margin:0;	padding:0; 	text-align: right;	float:left;	clear:both;}
#info a {	color: rgb(80,116,169);	font-size:10px; text-decoration:underline; }
#info a:hover {	color: rgb(51,74,108);}

/*--  hoch   */
#hoch {	position:relative;	width: 520px; 	height: 10px;	margin:0px 0px 10px 0px;	padding:0px; 	text-align: right;	float:left;	clear:both;}
#hoch a {	color: rgb(80,116,169);	font-size:9px; text-decoration:underline; }
#hoch a:hover {	color: rgb(51,74,108);}

/*-- Ingenieurbüro für Datensicherung GmbH  ---------------------------------#content  mi + re ----   inhalt */
ul.image {		list-style-image: url(../images/listenpunkt.gif); line-height:16px; }
ul {					list-style-type: decimal; line-height:15px;}


.txt {	color: rgb(80,116,169); font-weight:bold}
.ref {	font-style:italic; color:rgb(51,74,108);}

.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;}
.a60 {	height:60px; width:100px;clear:both;}
.a100 {	height:100px; width:100px;clear:both;}
.a120 {	height:120px; 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 */
div.bi-fl {	position:relative; float:left;    clear:left; 	width:250px; margin:0px 10px 8px 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;}


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

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

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


/*--  kunden projekte   */
#txt-fr {			position:relative; float:left; clear:right;	width:250px; margin:0px 0px 10px 0px; padding:0; text-align:left;}
#txt-fr ul {		list-style:none;	width:250px; display: block; }
#txt-fr li {		background: url(../images/listenpunkt-1.gif) top left no-repeat;	width:250px; line-height:16px; margin:5px 0px 0px 0px; padding:0px 0px 0px 12px; display: block;}

#sprung {			position:relative; float:left; clear:right;	width:500px; margin:0px 0px 10px 0px; padding:0; text-align:left;}
#sprung ul {		list-style:none;	width:500px; display: block; }
#sprung li {		background: url(../images/sprung.gif) top left no-repeat;	width:500px; line-height:16px; margin:5px 0px 0px 0px; padding:0px 0px 0px 150px; display: block;}


/*--  tabelle */
#hg {	position:relative; float:left; clear:left; 	width:520px; margin:5px 0px 5px 0px; padding:5px 0px 5px 0px;}
.hg1 {	background-image: url(../images/hg1.gif);}
.hg2 {	background-image: url(../images/hg2.gif);}

#hg span.start {				float:left;	width:150px; margin:0; padding:0px 10px 0px 10px; text-align:left;	font-weight:bold;}
#hg span.mitte {			float:left;	width:110px; margin:0; padding:0px 10px 0px 0px; 	text-align:left;}
#hg span.mitte-lang {	float:left;	width:230px; margin:0; padding:0px 10px 0px 0px; 	text-align: justify;}

#hg span.start-bi {		float:left;		width:120px; margin:0;  padding:10px 10px 10px 10px; 	text-align:center;		clear:both;}
#hg span.mitte-bi {	float:right;	width:380px; margin:0;  padding:10px 0px 10px 0px; 		text-align:left;}
#hg p {						float:left;		width:280px; margin:0;  padding:0px 0px 10px 0px; 			text-align: justify;}


#hg span.preis {		float:right; margin:0; padding:0px 10px 0px 0px; text-align:right;}
#hg span.preis-b {	float:right; margin:0; padding:0px 10px 0px 0px; text-align:right;	font-weight:bold;}
#hg span.preis-r {	float:right; margin:0; padding:0px 10px 0px 0px; text-align:right;	font-weight:bold;	color: rgb(153,0,0);}
#hg span.eu{			float:right;	width:20px;	margin:0; padding:0px; text-align:left;}


#hg a.hg {				color: rgb(82,82,82);	font-weight: bold;	text-decoration: underline;}
#hg a.hg:hover {	color: rgb(153,0,0);}













/*-- Ingenieurbüro für Datensicherung GmbH  -------------------------------------- abschluss */

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

#abschluss a {		       			font-size: 10px; text-decoration:none;}
#abschluss span.firma {		color:rgb(52,75,109);  font-weight:bold;	margin:0;	padding: 0;}
#abschluss span.adresse {	float:left;	margin: 0px 0px 0px 230px;	padding: 0px;	font-size: 10px; line-height:16px;}
#abschluss span.bull  {			color:rgb(180,180,180);	margin:0;	padding: 0;}




/*--  abschluss
_________________________  piperweb.de   */

#piperweb { 				width: 960px; height: 60px; 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(52,75,109);	font-size: 9px;	word-spacing: 0.3em;	font-family: "Trebuchet MS";	text-decoration: none;	 border:none; background:none; }
#piperweb span a:hover {			color: rgb(52,75,109); 	text-decoration: none;	 border:none; background:none;}
#piperweb span a.piperweb {	padding: 10px 65px 10px 10px; }
#piperweb span a.sitemap {		padding: 10px 10px 10px 10px; }

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

#piperweb span.related {					color: rgb(52,75,109);	padding: 0px 65px 10px 0px; }
#piperweb span.related a {				color: rgb(52,75,109);}
#piperweb span.related a:hover {	color: rgb(52,75,109);	text-decoration: none;	 border:none; background:none;}