html {
}

body {
background: #ffffff;
text-align: center;
font-family: Arial, Helvetica;
font-size: 11px;
}

img {
border: 0;
}

a {
color: #225066;
}

select {
margin: 0;
padding: 0;
font-size: 10px;
height: 16px;
width: 140px;
border: 1px solid #676767;
color: #225066;
}

a:hover {
text-decoration: none;
}

#logo {
margin: 40px auto 0 auto;
width: 582px;
text-align: right;
}

#monitor {
margin: 10px auto 0 auto;
padding: 25px;
background-image: url(../images/metall.jpg);
width: 532px;
height: 292px;
overflow: hidden;
}

#bild {
margin: 0 auto;
width: 510px;
height: 272px;
border: 1px solid #666666;
}

#navigation {
margin: 0 auto;
padding: 7px 0;
width: 510px;
text-align: left;
}

#navigation_left {
margin: 0;
padding: 0;
width: 190px;
text-align: left;
float: left;
}

#navigation_middle {
color: #ffffff;
margin: 0;
padding: 0;
line-height:18px;
width: 90px;
text-align: center;
float: left;
}


#navigation_right {
margin: 0;
padding: 0;
width: 230px;
text-align: right;
float: left;
}

#navigation_right li {
margin: 0;
list-style-type: none;
float: right;
display: inline;
}

#navigation_right a {
display: block;
overflow: hidden;
text-indent: 1000px;
height: 18px;
}

#navigation_right a:hover {
background-position	: 0px -18px;
}

#druckansicht {
background: url(../images/druckansicht.gif);
width: 72px;
}

#start {
background: url(../images/start.gif);
width: 18px;
}

#zurueck {
background: url(../images/zurueck.gif);
width: 18px;
}

#vor {
background: url(../images/vor.gif);
width: 18px;
}

#ende {
background: url(../images/ende.gif);
width: 18px;
}

#footer {
clear: both;
margin-top: 5px;
text-align: center;
}