/* ************************************************** */
/* Allgemein */
/* ************************************************** */
html {
	height:100%;
}

body {
	height:100%;
  background-color:#FBF7DD;
  margin:0; /* sonst hat IE oben mehr Rand */
  padding:0;
  font-family:Arial, sans-serif;
  font-size:13px;
  line-height:17px;
  color:#595959;
  text-align: center;  /* Zentrierung im Internet Explorer */
}

/* **************************************************************************** */
/* Container fuer alles, zentriert, enth„lt menuoben,container_rand,adresszeile */
/* **************************************************************************** */
div#container {
  position:relative;	 /* damit nachfolgende div absolute positionierbar sind */
  text-align: left;    /* Seiteninhalt wieder links ausrichten */
  margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
  width: 980px;
	height:100%;
  padding: 0;
  background: url(images/back.jpg);
}

div#content {
	position:absolute;
	top:136px;
	left:295px;
  width:345px;
  color:#595959;
  padding:20px;
}

div#content_mit_iframe {
	position:absolute;
	top:136px;
	left:295px;
  width:685px;
  color:#595959;
}

/* **************************************************************************** */
/* IFrame Container fuer Maschinen-Infos (immer, wenn Masch-Liste-Menu angezeigt ist) */
/* **************************************************************************** */
div#frame_container {
  text-align:left;    /* Seiteninhalt wieder links ausrichten */
  width:685px;
	height:100%;
  padding: 0;
  background: url(images/back_iframe.gif);
  color:#595959;
}

div#frame_links {
	position:absolute;
	top:0px;
	left:0px;
  width:345px;
  padding:20px;
}

div#frame_rechts {
	position:absolute;
	top:0px;
	left:385px;
  width:260px;
  padding:20px;
}

div#rechts {
	position:absolute;
	top:136px;
	left:680px;
  width:260px;
  padding:20px;
}

/* ************************************************** */
/* Menue oben */
/* ************************************************** */
div#menuoben {
	position:absolute;
	top:0px;
	left:0px;
  width:980px;
  height:13px;
  background: url(images/oben.jpg);
  padding:110px 0px 13px;
  font-size:13px;
}

div#menuoben ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
  font-weight:bold;
}

div#menuoben ul li {
	margin-left:45px;
  display:inline;
  float:right;
}

div#menuoben a,
div#menuoben a:link,
div#menuoben a:active,
div#menuoben a:visited {
  color:#FFFFFF;
  text-decoration:none;
}

div#menuoben a:hover {
  color:#FCB56C;
}

div#menuoben a.cur,
div#menuoben a.cur:link,
div#menuoben a.cur:active,
div#menuoben a.cur:visited,
div#menuoben a.cur:hover {
  color:#FCB56C;
}

/* ************************************************** */
/* Menue links   */
/* ************************************************** */
div#menulinks {
	position:absolute;
	top:136px;
	left:0px;
  width:150px;
  text-align:right;
  padding:12px 10px 0px 10px;
}

div#menulinks ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}

div#menulinks ul li {
}

div#menulinks a,
div#menulinks a:link,
div#menulinks a:active,
div#menulinks a:visited {
  font-size:12px;
  line-height:23px;
  color:#FFFFFF;
  font-weight:bold;
  text-decoration:none;
}

div#menulinks a:hover {
  color:#F89734;
  text-decoration:none;
}

div#menulinks a.cur,
div#menulinks a.cur:link,
div#menulinks a.cur:active,
div#menulinks a.cur:visited,
div#menulinks a.cur:hover {
  color:#F89734;
}

/* ************************************************** */
/* Menue Maschinen-Liste   */
/* ************************************************** */
div#menumaschinen {
	position:absolute;
	top:136px;
	left:171px;
  width:106px;
	padding:13px 0px 0px 10px;
  font-size:10px;
}

div#menumaschinen ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
  font-weight:bold;
}

div#menumaschinen ul li {
}

div#menumaschinen a,
div#menumaschinen a:link {
  font-size:10px;
  line-height:20px;
  color:#FFFFFF;
  text-decoration:none;
}

div#menumaschinen a:visited {
  color:#CCCCCC;
}

div#menumaschinen a:active,
div#menumaschinen a:hover {
  color:#FCB56C;
}

div#menumaschinen a.cur,
div#menumaschinen a.cur:link,
div#menumaschinen a.cur:active,
div#menumaschinen a.cur:visited,
div#menumaschinen a.cur:hover {
  color:#FCB56C;
}

/* ************************************************** */
/* Bilder, šberschriften, Links                       */
/* ************************************************** */

img.drei {
  margin:0px 11px 11px;
}

img.acht {
  margin:4px 0px 0px 4px;
}

h1 {
	color:#003F73;
  font-family:Arial, sans-serif;
	font-size:22px;
	line-height:24px;
	margin:0px 0px 5px;
}

h2 {
	color:#003F73;
  font-family:Arial, sans-serif;
	font-size:22px;
	font-weight:lighter;
	line-height:24px;
	margin:0px 0px 5px;
}

h3 {
	color:#595959;
	font-size:17px;
	font-weight:lighter;
	margin:0px;
}

h4 {
	color:#595959;
	font-size:13px;
	font-weight:bold;
	margin:0px;
}

a,
a:link,
a:active,
a:visited {
	color:#003F73;
  text-decoration:underline;
}

a:hover {
  color:#DA853E;
}

a.cur,
a.cur:link,
a.cur:active,
a.cur:visited,
a.cur:hover {
  color:#DA853E;
}

span.blau {
	color:#003F73;
	font-weight:bold;
}

span.klein {
  font-size:11px;
}

span.invisible {
  display:none;
}

hr {
	color:#666666;
	background-color:#666666; /* sonst bei Firefox nicht sichtbar */
  height:1px;
	border:none;
	margin:5px 0px;
}

ol {
 margin-left:22px; 
 padding:0;
}

/* ************************************************** */
/* Maschinen-Kurzportrait                       */
/* ************************************************** */

div.kurzportrait {
	padding:0px 5px;
	margin:0px;
	width:250px;
	height:110px;
	background: url(images/kurzport_back.gif);
	font-size:11px;
  line-height:13px;
}

h5 {
	color:#FFFFFF;
	font-size:13px;
	line-height:16px;
	font-weight:bold;
	margin:0px 0px 5px 0px;
}