body
{
margin:0px 0px 0px 0px;
text-align:center;
background-color:#EDEDED;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#555555;
}


a:link, a:visited, a:active, a:hover
{
  text-decoration:none;
  font-weight:bold;
  color:#D34030;
  font-size:11px;
}

a:hover { 
text-decoration:underline;
color:#E93420;


}

#website
{
width:900px;
background-image:url(gfx/background.jpg);
margin:0px auto;
text-align:center;
}

#hnavigation
{
width:688px;
height:26px;
background-image:url(gfx/navigation.jpg);
padding-left:2px;
margin:1px auto;
text-align:left;
}

#maincontent
{
width:704px;
text-align:left;
margin:0px auto;
float:left;

}

#grafik_l
{
width:98px;
float:left;
background-image:url(gfx/left.jpg);
}

#grafik_r
{
width:98px;
float:left;
background-image:url(gfx/right.jpg);
}

#inhalt {
width:679px;
margin:5px auto;
}

#foot
{
width:900px;
background-image:url(gfx/footer.jpg);
background-repeat:no-repeat;
background-position:top;
height:31px;
padding-top:14px;
color:#FFFFFF
}
/*
h1 {
font-size:13px;
margin:0px 0px 0px 0px;
color:#941717;
padding-left:4px;
}
h2 {
font-size:12px;
color:#FFFFFF;
padding-left:4px;
}

h3 {
font-size:11px;
color:#333333;
padding-left:4px;
margin-bottom:0px;
padding-top:5px;

}
*/

/* NEWS */

.news
{
width:402px;
margin:3px auto;
background-image:url(gfx/news_top.jpg);
background-position:top;
background-repeat:repeat-x;
background-color:#EDEDED;
text-align:left;
}

.news h2 {
margin:0px;
padding:7px 3px 0px 3px;
}
.news h1 {
text-align:left;
padding:0px 0px 0px 4px;
}


.news p {
margin:10px auto;
padding:0px 4px 0px 4px;
text-align:justify;
}

#float_right_arbeiten {
width:259px;
height:130px;
float:right;
background-color:#DEDEDE;
border:1px solid #8D8D8D;
text-align:left;
padding:5px 0px 5px 5px;
}

#float_right_inner {
width:150px;
height:120px;
float:right;
margin: 0px;
background-color:#F5F5F5;
margin-right:3px;

}

#float_right_inner h3 {
margin:0px 0px 0px 0px;
}

#float_right_inner ul {
margin:5px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

#float_right_inner li {
margin:0px 0px 0px 20px;
list-style-type:square;
padding:0px 0px 0px 0px;
}


.standard_box {
width:259px;
float:right;
background-color:#DEDEDE;
border:1px solid #8D8D8D;
text-align:left;
padding:5px 0px 5px 5px;
}
/*Bildwechsel */

#bild_links { 
width:100px; 
height:120px;
background-image:url(gfx/work/vorschau/msgrafix_design.jpg);
background-position:top;
}

#bild_links bild1 a:hover{ 
width:100px; 
height:120px;
background-position:top;
display:block;
background:transparent url(gfx/work/vorschau/kaffeetechnik.jpg) left no-repeat;
}

#bild_links a#bild1:link, #bild_links a#bild1:visited,
#bild_links a#bild1:hover, #bild_links a#bild1:active {
background:transparent url(gfx/kaffeetechnik.jpg) left no-repeat;
}



/* Links <-> Rechts aufteilung */

#float_left {
width:408px;
float:left;
text-align:left;
}

#float_right {
width:259px;
float:right;
text-align:left;
}

/* graph */

    .graph { 
        position: relative; /* IE is dumb */
        width: 200px; 
        border: 1px solid #DFDFDF; 
        padding: 2px; 
    }
    .graph .bar { 
        display: block;
        position: relative;
        background: #9B9B9B; 
        text-align: left; 
        color: #333; 
        height: 15px; 
        line-height: 15px;
		padding-left:3px;
		color:#FFFFFF;         
    }
    .graph .bar span { position: absolute; left: 1em; 
}