/* Format Style von elektro-triepke.de  */
body, p, h1, h2, h3, span, div {
	font-family : Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: medium;   }
	
body {
	background: #878787; 	}  /*	grauer Hintergrund */

div.global	{/* Container fuer gesamte Seite */
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	padding: 0; }

div.kopf	{/* Container fuer Kopf */
	width: 800px;
	background: #EEEEEE; /*	dunkelweißer Hintergrund */
	background-image: url(grafik/logo1.gif);
	background-repeat: no-repeat;
	background-position: 5px;
	height: 65px;
	margin-top: 0px;
	margin-bottom: 6px; }

div.inhalt_ges {/* Container fuer Inhalt nach Kopf */
	width: 100%;
	background: #878787;
	background-image: url(grafik/element.gif);
	background-repeat: repeat-y;
	background-position: 110px; }

div.nav	{                 /* fuer Navigationsleiste, linksunter Kopf */
	width: 200px;
	float: left;
	padding-top: 5px;  }
	
div.inhalt	{       /*	Container für Inhaltsseiten */
	width: 580px;
	float: left;
	padding-left: 10px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	background: #EEEEEE;
	text-align: justify;   }
	
div.inhalt_home	{       /*	Container für Home seiten */
	width: 580px;
	float: left;
	padding-left: 10px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	background-image: url(grafik/triepkeauto.jpg);
	background-repeat: no-repeat;
	text-align: justify;   }
	
div.ref_li	{  /*	Container für Referenz  links*/
	width:550px;
	margin-top: 10px;
	margin-bottom: 20px;
	float: left;
	text-align: left;   	}	
	
div.ref_re	{  /*	Container für Referenz rechts */
	width:500px;
	margin-left: 50px;
	margin-bottom: 20px;
	float: right;
	text-align: left;    }	
	
div.ref_re2	{  /*	Container für Referenz rechts */
	width:500px;
	margin-left: 50px;
	margin-top: -190px;
	float: right;
	text-align: left;    }	
	
div.firma_re	{  /*	Container für Referenz rechts */
   margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	float: right;  }	

a.link    {/* Link Farbe grau, unterstrichen */
	color: #696969;
	text-decoration: underline;
	font-weight: normal;   }

a.nav  {  /* nicht markierte Links */
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	margin: 0px; 
	border: 0px;   }

a.nav1  {  /* angeklickte Link  */
	color: #CACACA;
	text-decoration: none;
	font-weight: bold; 
	margin: 0px;
	border: 0px;  	}
	
a.nav3  {  /* nicht markierte Unter-Links */
	color: #FFFFFF;
	text-decoration: none;
	margin-left: 10px;
	border: 0px;     }
	
a.nav4  {  /* angeklickte Unter-Link  */
	color: #CACACA;
	text-decoration: none; 
	margin-left: 10px;
	border: 0px;   }
	
a.nav2  {	/* Button zurück  */
	margin-left: 470px;
	text-decoration: none;
	font-weight: bold;
	color: #CACACA;
	background: #878787; 
	padding: 4px;
	border: 1px;  }

h1.titel	{/* Ueberschrift */
	font-size : 16px;
	font-weight : bold;
	line-height : 0.6em;
	font-style : normal;
	margin-top: 10px;  }

img.logo2{	/* Buttons in Navigationsleiste */
	margin-top: 5px;
	margin-left: 205px;
	margin-bottom: 2px;
	border: 0px;    }

img.nav	{/* Buttons in Navigationsleiste */
	margin-top: 15px;
	margin-left: 5px;
	border: 0px;    }

img.nav_karte  {	/* Button zurück in Karte.html */
	margin-top: -10px;
	margin-left: 470px;
	border: 0px;  }

img.foto	{/* Foto auf Kontaktseite */
	margin-top: -250px;
	margin-right: 20px;
	float: right;  }
	
img.ref_li   { /* Formatierung des Textes Foto links*/
	margin-right: 10px;
	float: left;  }
	
img.ref_re   { /* Formatierung des Textes Foto rechts*/
	float: right;  }

li  {
	line-height : 1.5em;
	list-style-type : disc;  }

p.clear	{/* hebt "floaten" der vorherigen  Elemente auf */
	clear: both;
	margin: 0;
	padding: 0;   }
	
p.firma   {
	font-size: small;
	line-height: 140%;  }

p.kopf {   /* Formatierung Text im Kopf */ 		
	font-size: large;   }

p.home   {/* Position Text auf Firma Seite */
	margin-left: 70px;
	margin-top: 0px;   }

p.meister   {/* Position Text im Kopf */
	margin-left: 465px;
	margin-top: -20px;
	font-size: large;
	color: #DA251D;   }
	
p.impres   {
	font-size: small;  }

p.ref   {/* Position Text auf Referenz Seite */
	margin-left: 0px;
	margin-top: 20px;  }

span.fett	{ /* Text fett */
	font-weight : bold;  }
	
span.fett_s	{ /* Text fett, größe small */
	font-weight : bold;
	font-size: small;   }

span.rot	{ /* Text rot */
	color: #DA251D;
	font-weight: bold;   }
	
span.rot2	{ /* Text rot */
	color: #DA251D;  }

ul {
	margin-top:0px; }
