/* Allgemeine Elementformatierungen
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

body {
  color: #000;
  background: #ADD692 url(images/background.gif);
  font-family: verdana,arial,sans-serif;
  font-size: 100.01%;
  padding: 0;
  margin: 0 0 20px 0;
  text-align: center;
}

html, body {
	scrollbar-face-color:  #DCEED0; 
	scrollbar-highlight-color: #DCEED0; 
	scrollbar-3dlight-color: #217B81; 
	scrollbar-arrow-color: #217B81; 
	scrollbar-darkshadow-color: #DCEED0; 
	scrollbar-base-color: #217B81;	
	scrollbar-track-color:#F2F9EE;
}

a { text-decoration: underline;}

a:link { color: #217B81;}
a:focus, a:hover, a:active { color: #CC0000;}

hr {
   display: block;
   height: 4px;
   color: #DCEED0;
   background-color: #DCEED0;
   margin: 10px 20px;
   padding: 0;
   border: 1px solid #217B81;
}


/* Allgemeine Klassen
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

b, strong {
	color: #217B81;
}

.fett {
	color: #000;
	font-weight: bold;
}
.fett2 {
	color: #217B81;
	font-weight: bold;
  font-size: 90%;

}

.farbe {
background-color: #BBD6DA;
}

.betonung {
	background-color: #DCEED0;
	color: #217B81;
	font-weight: bold;
}

.klein {
	color: #000;
	font-style: italic;
}

.nachoben {
	text-align:right;
}

.bildRechts { 
	float: right;
	padding:  0 20px;
}

.bildLinks { 
	float: left;
	padding:  0.4em 20px;
}

#rand {
  border: 1px solid #FFF;
  margin: 5px 20px;
  padding: 10px 15px;
  width: 384px; /* für IE 5 Win 352 + 1 + 1 (= border) + 15 + 15 (=paddingbreite) */
  background-color: #ECF7E6;
  voice-family: "\"}\"";
  voice-family:inherit;
  width: 352px; /* für konforme Browser */
}

html>body #rand { /* für Opera */
  width: 352px;
}

/* Kopf
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

#kopf {
  margin: 0 auto;
  text-align: left;
  background: #D7F3D1 url(images/erimec_messtechnik_hellhgr.gif) no-repeat;
  border-left: 1px solid #217B81;
  border-right: 1px solid #217B81;
  padding: 0;
}

#kopf img {
	border: 0px;
}

/* Menueleiste
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

#menue {
  margin: 0 auto;
  text-align: left;
  background: #217B81;
  border-top: 1px solid #CC0000; 
  border-bottom: 1px solid #CC0000;   /* weisse Trennlinie zw. Menue u. Inhalt */
}

#menue ul {
  text-align: right;
  padding: 3px 0 5px 0;
  margin: 0 5px 0 0;
  list-style: none;
}

#menue li {
  display: inline;   /* Listenpunkte nebeneinander stellen */
  margin-right: 15px;
}

* html #menue li {   /* Sternchen-Hack - sehen nur IEs */
  height: 1em;       /* damit margin-right auch im IE 5 beachtet wird */
}

#menue a {
  font-size: 70%;
  font-weight: bold;
}

#menue a:link, #menue a:visited {
  color: #FFF;
  text-decoration: none;
}

#menue a:focus, #menue a:hover, #menue a:active {
  text-decoration: underline;
}

.menueon{
	color: #217B81 !important;
	background-color: #DCEED0;
	padding: 2px;
}  


/* Rahmen
/* * * * * * * * * * * * * * * * * * * * * * * * * * */
#rahmen {
  width: 90%;
  background: #FFF; 
  border-left: 1px solid #217B81;
  border-right: 1px solid #217B81;
  border-bottom: 1px solid #217B81;
  margin: 0 auto;
  text-align: left;
}

/* Spalte 1
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

#spalte1 {
  width: 200px;
  background-color: #DCEED0;
  padding: 0;
  margin: 0;
}

#spalte1 p {
  font-size: 80%;
  background-color:#FFFFFF;
  line-height: 150%;
  margin: 1em 5px;
  text-align:center;
  border: 1px dotted #CC0000;
  padding: 2px;
}

/* Flyout - noch ohne eigentliches Flyout
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

/* allgemein */

.standort{
	color: #CC0000;
    background:#F2F9EE;
	padding:0 2px;
	margin-left:-2px;
}

.flyout{
  width:200px;
  height:auto; 
  position:relative; 
  margin: 0; 
  z-index:100;
  border-top: 1px solid #217B81;     
  font-size:90%; 
}

.flyout ul {
  padding:0; 
  margin:0; 
  list-style-type: none;
  width:200px;
  height:auto; 
  background:#DCEED0;
}
.flyout ul li {
  float:left; 
  position:relative;
}

.flyout ul li a, .flyout ul li a:visited {
  display:block; 
  float:left; 
  text-decoration:none; 
  width:185px; /* muss hier angegeben werden - wegen Flyouts */
  height:auto; /* fixe Größe wäre height: xxpx; dann auch line height */
  
  padding:5px 0 5px 15px;   /* width und padding-left ergeben die Breite von .flyout bzw. .flyout ul */  
  background:transparent;
  
    color:#217B81; 
    font-weight: bold;
	
    border-top: 1px solid #FFF;     
    border-bottom: 1px solid #217B81;  
    font-size:90%; 
}
* html .flyout ul li a, * html .flyout ul li a:visited {width:200px; w\idth:185px;}

.flyout ul li a.unterliste, .flyout ul li a.unterliste:visited {
  width: 175px;
  padding:5px 0 5px 25px;   
  font-size: 75%;

  /* für IE7  border-bottom: 2px solid #217B81;   */
}

 * html .flyout ul li a.unterliste, * html .flyout ul li a.unterliste:visited {width:200px; w\idth:175px;}

.flyout ul li ul {
  visibility:hidden; 
  position:absolute; 
  height:0; 
  overflow:hidden; 	
    top:-1px; 
    left:200px; /* Ansatzpunkt Ebene 1 */
}



/* Spalte 2
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

#spalte2 {
  width: 100%;
  background: #F2F9EE;
  padding: 24px 0 10px 0;
}

#spalte2 h1 {
	color: #CC0000;
	font-family: arial,verdana,sans-serif;
	font-size: 140%;
	line-height: 140%;
	border-bottom: 1px solid #CC0000;
	margin: 0 20px 1em 20px;
	letter-spacing: 1px;
}

#spalte2 h2 {
	color: #217B81;
	font-family: arial,verdana,sans-serif;
	font-size: 100%;
	line-height: 120%;
	border-bottom: 1px solid #217B81;
	margin: 0 20px 1em 20px;
	letter-spacing: 1px;
}

#spalte2 h3 {
	color: #CC0000;
	font-family: arial,verdana,sans-serif;
	font-size: 100%;
	line-height: 150%;
	margin: 0 20px 1em 20px;
}

#spalte2 p, #spalte2 td {
  font-size: 80%;
  line-height: 150%;
  margin: 1em 20px;
}

#spalte2 td {
  vertical-align:top;
}

#spalte2 ul {
	font-size: 80%;
	line-height: 150%;
	padding: 0 20px 1em 20px;
	margin: 1em 20px;
	list-style: none;
}

#spalte2 li {
background: url(images/liste.gif) 0 0.2em no-repeat;
padding-left: 25px;
}
#spalte2 .headline {
	color: #217B81;
	font-family: arial,verdana,sans-serif;
	font-size: 120%;
	line-height: 150%;
	margin: 0 20px 1em 20px;
}

#spalte2 a:link, #spalte2 a:visited {
  color:  #217B81;
}

#spalte2 a:focus, #spalte2 a:hover, #spalte2 a:active {
  color: #CC0000;
}

#spalte2 img {
	border: 1px solid #217B81;
}

.nachoben { text-align: right; }

/* Spalte 2 - Bildergalerie
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

#spalte2 div.bildergalerie
{
position:relative; 
margin-left:20px;
height:450px;
width: 510px;
}

#spalte2 div.bildergalerie #foto1,
#spalte2 div.bildergalerie #foto2,
#spalte2 div.bildergalerie #foto3,
#spalte2 div.bildergalerie #foto4,
#spalte2 div.bildergalerie #foto5,
#spalte2 div.bildergalerie #foto6
{
position:absolute; 
left:0; 
top:75px; 
width:482px; 
}



#spalte2 div.bildergalerie img.medium
{
margin:0 5px 10px 0;
}
#spalte2 div.bildergalerie img
{
margin:0 2px 0 0;
}

#spalte2 div.bildergalerie a img
{
border: 2px solid #217B81;
}

#spalte2 div.bildergalerie a:hover img
{
border: 2px solid #cc0000;
}


/* Spalte 3 
/* * * * * * * * * * * * * * * * * * * * * * * * * */

#spalte3 {
  width: 170px;
  background-color: #DCEED0;
  padding: 0;
  text-align: center;
}

#spalte3 img{
border-style:none;
}

#spalte3 h1 {
  color: #2A5165;
  font-size: 80%;
  line-height: 160%;
  margin: 0 20px;
}

#spalte3 p {
  font-size: 70%;
  line-height: 150%;
  margin: 1em 20px;
}

#spalte3 table {
  border: 1px solid #217B81;
  margin: 0 auto;
  border-collapse: collapse;
  width: 150px;
  background-color:#FFF;
  text-align: center;  /* für IE 5.5 */
}

#spalte3 td, th {
  font-size: 80%;
  padding: 5px 5px;
}

#spalte3 th {
  color: #CC0000;
  background: url(images/th_hintergrund.gif) 1px 1px no-repeat;
  text-transform: uppercase;
  text-align: left;
  padding-top: 5px;
  border-bottom: 1px solid #217B81;
}