/* Generelle Einstellungen zu Farben und Font */
body {
	padding: 0;
	margin: 0;
	background: white url(../Image-Dateien/Alle-Hintergrund.jpg) left top repeat-y;
	color: Maroon;
	/*font: 0.8em Arial,Verdana, sans-serif;*/
	font: Verdana, Geneva, Arial, Helvetica, sans-serif;

}

div#Firmen-Logo{
	
	/*background: white url(../Image-Dateien/rw-hintergrund.jpg) left top repeat-y;*/
	margin: .3em 0em 0em .5em;
}

/* Navigation ohne Hintergrund, links ausgerichtet (Navigationsblock)*/
div#Navigation {
	width: 14em;
	float: left;
	margin-top: 2.1em;
	background-color: transparent;
}

/* Linkliste ohne Hintergrund, rechts ausgerichtet */
div#Bilderliste {
	width: 13.5em;
	height: 15em;
	float: right;
	margin-top: 5em;
	padding: 0.5em 1em 0em 1em;
	background-color: transparent;
}

/* Inhalt mit passenden Randabständen */
div#Inhalt {
	margin: 2em 15.5em .3em 15.5em; /*Resultat: 1px Linie oben/unten (opt. Abgrenzung der Bereiche) */
	padding: 1.5em 2em;
	background-color: transparent;
	color: inherit;
	text-align: justify center;
	border-top: outset thick silver;
	border-left: outset thick silver;
}
	
/* Impressum bricht Float ab, daher auch bei kleinem Inhalt "unten" */
div#Impressum {
	clear: both;
	background-color: transparent;
	color: inherit;
	text-align: right;
}

/* Alle Hyperlinks als Absatz mit passender Breite (einzelne Links)*/
#Navigation a  {
	display: block;
	width: 12em;
	height: 2.5em;
	padding-top: 0.7em;
	background: url(http://www.sarigerme-gmbh.com/Image-Dateien/ButtonRohling.png) no-repeat; /* width:110px:
	height:21px
 	margin:4px; */
	margin: 1.2em 0 0 4.5em;
	font: bold;
	color: white;
	text-align: center;
	text-decoration: none; /*border: outset;
	border-color: Silver;
	text-align: center;
	text-decoration: none;
	background-color: Silver;*/
}

#NavigationApart a  {
	width: 6.4em;
	height: 2.5em;
	padding-top: .4em;
	margin: 3em 0 -.6em -.4em;
	border: medium outset Silver;
	border-bottom: thick inset;
	border-color: Silver Silver Silver  Silver; /**/
	border-left: none;
	text-align: center;
	text-decoration: none;
	font: .8em; /*Arial,Verdana, sans-serif;
	/*font: Verdana, Geneva, Arial, Helvetica, sans-serif;*/
	background-color: transparent;
}


/* Alle Hyperlinks als Absatz mit passender Breite (einzelne Links)*/
#Bilderliste a  {
	text-decoration: none;
	margin: 3em 0em 0em 2em;
}

/* Schaltflächeneffekt beim 'Hovern' */
#NavigationApart a:hover {
  /*background-color: rgb(80%, 87%, 93%);
  color: rgb(10%, 20%, 50%);
  border-style: inset;*/
}/* Schaltflächeneffekt beim 'Hovern' */

#Navigation a:hover {
    background: url(http://www.sarigerme-gmbh.com/Image-Dateien/ButtonRohlingHover.png) no-repeat;

  color:maroon; 
  
  /*background-color: rgb(80%, 87%, 93%);
  color: rgb(10%, 20%, 50%);
  border-style: inset;*/
}
div#Geschaeftsdaten{
	background-color: transparent;
	color: black;
	margin-top: 8.5em;
	margin-left: .5em;
	font-size: .8em;
}
#Geschaeftsdaten a{
	background-color: transparent;
	border: none;
	width: 15.5em;
	margin-left: 0.5em;
	text-align: left;
	text-decoration: underline;
}
#Geschaeftsdaten a:hover{
	background-color: transparent;
	color: rgb(10%, 20%, 50%);
	border-style: none;
}
.verborgen {
	visibility: hidden;
	display: none;
	border-color: g;
}