body {
    color: black; 
    background-color: white;
    /*font-size: 100.01%; */
    font-family: Trebuchet MS, Helvetica,Arial,sans-serif;
    margin: 0; padding: 10px;
    min-width: 41em;        /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
    text-align: center;      /* Zentrierung im Internet Explorer */
    }
div#Seite {
    text-align: left;        /* Seiteninhalt wieder links ausrichten */
    margin: 0 auto;          /* standardkonforme horizontale Zentrierung */
    width: 975px;
    padding: 5px;
    border: 0px;
    }
h1 {
    margin: 0;
    padding: 9px;
    text-align: left;
    background-color: #ffffff;
    border: 0px;
    background-image: url(/images/vgradient.gif);
    background-repeat: repeat-x;
    }
h2 {
    font-size: 18px;
    color: #DE2922;
    margin: 0 0 0 3px; /*auf diese 3px reagiert nur der IE, der die Headline vorher um 3px nach links verschiebt. */
    padding: 3px 0 3px 203px;
    line-height: 18px;
}
h3 {
    font-size: 16px;
    color: #DE2922;
    padding: 0 0 3px 0;
    margin: 0;
    }
/*Navigation____________________________________________________________________*/
.breadcrumbs, .breadcrumbs a, .breadcrumbs a:visited, .breadcrumbs a:active{
color:#DE2922;
font-size:12px;
margin:0;
padding:0;
text-decoration:none;
}
/*span.breadcrumbs{
    display:block;
    }*/
/*Linke Navigation______________________________________________________________*/
ul.level_1 {
    font-size: 12px;
    float: left;
    width: 193px;                    /*Breite der Navigation*/
    margin: 0;
    padding: 0;
    border: 0px;
    line-height: 20px;
    list-style-type: none;
    margin-bottom: 5px;
}
  
ul.level_1 li {
    list-style: none;
    background-image: url(/images/vgradient_navi.gif);
    background-repeat: repeat-x;
    margin: 0 0 0px 0;
    padding: 0;
    border: 1px solid #FFFFFF;         /*IE6 Hack*/
    }
  
ul.level_1 a {
    display: block;
    text-decoration: none;
    padding-left: 10px;
    }
  
ul.level_1 a:link {
    color: black;
    }
  
ul.level_1 a:visited {
    color: black;
    text-decoration: none;
    }
ul.level_1 a:hover {
    font-weight: bold;
    color: black; 
    background-color: #a9a9a9;
    }
    
ul.level_1 a:active {
    font-weight: bold;
    color: white; 
    background-color: #a9a9a9;
    }

.level_1_active{
    font-weight: bold;
    color: black; 
    background-color: #a9a9a9;
}
  
ul.level_2 {
    margin: 0;
    padding: 0;
    display: none;
    }
ul.level_2_open {
  display: block;    
}
    
ul.level_2 li {
    background-image: none;
    list-style: none;
    margin: 0 0 0px 0px;
    padding: 0;
    border: 1px solid #FFFFFF;         /*IE6 Hack*/
    }
      
 ul.level_2 a {
background-color: #a9a9a9;
    margin: 0px;
    padding: 0 0 0 15px;
    display: block;
    color: white;
    }
    
ul.level_2 a:visited {
    color: #FFFFFF;
    text-decoration: none;
    }
ul.level_2 a:hover {
    font-weight: bold;
    color: white; 
    }
    
ul.level_2 a:active {
    color: white;
    background-color: #DE2922;
    }
  
ul.level_2_active a {
    color: white;
    background-color: #DE2922;
    }
ul.level_3 {
    margin: 0;
    padding: 0;
    display: none;
    }
ul.level_3_open {
   display: block;
    }
    
ul.level_3 li {
    list-style: none;
    margin: 0px;
    padding: 0;
    border: 1px solid #FFFFFF;         /*IE6 Hack*/
    }
      
ul.level_3 a {
    margin: 0px;
    padding: 0 0 0 20px;
    display: block;
    }
    
ul.level_3 a:visited {
    color: #FFFFFF;
    text-decoration: none;
    background-color: #000000;
    }
ul.level_3 a:hover {
    color: #ffffff; 
    background-color: #DE2922;
    }
    
ul.level_3 a:active {
    color: white; 
    background-color: #000000;
    }
ul.level_3_active a {
    color: white; 
    background-color: #000000;
    }
.active_a {
    background-color: #DE2922 !important;
    color:white !important;
    font-weight: bold !important;
    }

    
/*_____________Navigationshilighting________________________________________________________________________*/
/*diese eintragungen sind beispielhaft zu betrachten, da sie je nach entstehenden id's erweitert werden . Beschreibung hier: http://www.hicksdesign.co.uk/journal/highlighting-current-page-with-css */
body#home a#homenav, 
body#products a#prodnav, 
body#faq a#faqnav, 
body#contact a#connav,
body#service_und_beratung a#service_und_beratung_nav,
body#wir_ueber_uns a#wir_ueber_uns_nav
 {
    color: #000000;
    background: #a9a9a9;
    font-weight:bold
}
/*Beschreibende oder Auswahlliste im Text___________________________________________________________________*/
ul.list {
    width: 100%;
    font-size: 12px;
    float: left;
    margin: 0;
    padding: 0;
    border: 0px;
    /*line-height: 20px; */
    list-style-type: none; 
    }
ul.list li {
    list-style: none;
    background:#dcdcdc;
    margin: 0 0 2px;
    padding: 0 0 2px;
    }
ul.list h1 {
    font-size: 12px;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #FFFFFF;
    background-image: none;
    background-color: #DE2922;
    padding: 0 0 0 10px;
    margin: 0;
}
  
ul.list div {
    display: block;
    text-decoration: none;
    }
  
ul.list a:link {
    color: black;
    }
  
ul.list a:visited {
    color: black;
    text-decoration: none;
    }
ul.list a:hover {
    color: black; 
    }
    
ul.list a:active {
    font-weight: bold;
    color: white; 
    }

.list_left{
padding-left: 10px
}
    
ul.list .list_left
    {
    width: 200px;
    display:block;
    float:left;
    }
ul.list .list_right
    {
    display:block;
    width: 350px;
    float:right
    
    }
    
ul.list .clear
    {
    clear:both;
    }
#listheadline
    {
    background-color: #DE2922;
    line-height:20px
    }
/*Info Portlets Bildvorschau________________________________________________________________________________*/
dl.portlet_bilder {
    margin: 0px 0px 22px 0px; /*Abstand vom nächsten mit Beschreibung*/
    padding: 0;
    border-collapse: collapse;
    border: 0;
}
dl.portlet_bilder dd {
    margin: -2px 0 0 0; /*Abstand von der Beschreibung*/
    padding: 0;
}
dt.portlet_bilder {
    margin: 0;   /* IE again */
    padding: 0;
    border: 0;
}
.portlet_bilder_border {
    margin: 0; 
    padding: 0;
    border: 1px solid #a9a9a9;
}
dd.portlet_bilder {
    font-size: 12px;
    float: left;
    width: 182px;                    /*Breite der Portlets*/
    margin: 0;
    padding: 0;
    border: 0;
    line-height: 20px;
    list-style-type: none;
    background-image: url(/images/lupe.gif);
    background-color: #DE2922;
    background-repeat: no-repeat;
    background-position: right;
    color:#FFFFFF;
    }
    
dd.portlet_bilder a{
    display: block;
    color:#FFFFFF;
    text-decoration: none;
    margin: 0;
    padding: 0 0 0 10px;
    width: 170px;                    /*wieder mal IE6 macht die gesammte fläche linksensitiv */
}
dd.portlet_bilder a:link{
    color:#FFFFFF;
    text-decoration: none;
}
dd.portlet_bilder a:visited{
    color:#FFFFFF;
    text-decoration: none;
}
dd.portlet_bilder a:hover{
    color:#FFFFFF;
    text-decoration: none;
}
dd.portlet_bilder a:active{
    color:#FFFFFF;
    text-decoration: none;
}
    
/*Info Portlets Textboxen___________________________________________________________________________________*/
  div#Info {
    font-size: 12px;
    float: right;
    margin: 1px 0 0 0;
    padding: 0px 3px 3px 3px;
    }
    
  div#Info h2 {
    font-size: 16px;
    margin: 0px 10px;
  }
  
  div#Info p {
    font-size: 12px;
    margin: 10px;
  }
  
  div#Info table {
    font-size: 12px;
    margin: 10px;
  }
  
.greyboximg {
    font-size: 12px;
    margin: 0px 0px 4px 0px;
    padding: 0;
    border: 1px solid #a9a9a9;
    width: 180px;
  }
  
* html .greyboximg {
   width: 160px;                  /* Hack gegen die um 20 Pixel zu breite Box im IE6 */
}
/*hier hat der IE6 wieder Probleme, daher zweierlei Stylesheets fýr die selbe Funktion */
.greybox {
    font-size: 12px;
    margin: 0px 0px 4px 0px;
    padding: 0;
    border: 1px solid #a9a9a9;
    width: 180px;
}
/*Inhalt___________________________________________________________________________________________________*/
  div#Inhalt {
    font-size: 12px;
    margin: 0px 7px 0px 12px;     /*oben rechts unten links*/
    padding: 0;
    border: 0px;
    width: 575px;                                            /*Breite des Inhalts 600px - 13px padding wieder mal fýrn IE6*/
    float: left;
    
    }
  * html div#Inhalt {
    height: 1em;                  /* Workaround gegen den 3-Pixel-Bug des Internet Explorer bis Version 6 */
  }
  
  div#Inhalt h2 {
    font-size: 18px;
    margin: 0;
  }
  div#Inhalt p {
    font-size: 12px;
    margin: 10px 0;
  }
/*Inhalt ohne Seitennavi___________________________________________________________________________________*/
  div#Inhalt2 {
    font-size: 12px;
    margin: 0px 0px 0px 205px;     /*oben rechts unten links*/
    padding: 0;
    border: 0px;
    width: 768px;                                            /*Breite des Inhalts 600px - 13px padding wieder mal fýrn IE6*/
    }
  * html div#Inhalt2 {
    height: 1em;
    padding: 0 0 0 0px;                    /* Workaround gegen den 3-Pixel-Bug des Internet Explorer bis Version 6 */
    width: 767px;                    
  }
  
  div#Inhalt2 h2 {
    font-size: 18px;
    margin: 0;
  }
  div#Inhalt2 p {
    font-size: 12px;
    margin: 10px 0;
  }
div.float {
    float: left;
}
/*_________________________________________________________________________________________________________*/
p#more, p#more a, p#more a:visited, p#more a:hover, p#more a:active{
    color: #DE2922;
    font-size: 12px;
    margin: 0; padding: 0px;
    text-align: right;
    background-color: #ffffff; 
    border: 0px;
  }
  
#footer {
    color: #a9a9a9;
    font-size: 12px;
    margin: 0 auto;
    padding: 0px auto;
    text-align: left;
    background-color: #FFFFFF; 
    border: 0px;
 }
 
 #miscnavihead{
    float: right;
    line-height: 50px;
 }
 
#miscnavi, a:visited#miscnavi {
    color: #000000;
    width: 100%;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: right;
    text-decoration: none;
  }
  
a:hover#miscnavi , a:active#miscnavi {
    color: #DE2922;
    width: 100%;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: right;
    text-decoration: none;
  }
/*Farben_______________________________________________________________________________________________*/
.red {
    color: #DE2922;
    }
    
.red a, .red a:visited, .red a:hover, .red a:active {
    text-decoration: underline;
    color: #DE2922;
    }
    
.grey {
    color: #a9a9a9;
    }
/*Bilder_______________________________________________________________________________________________*/
#overflow {
  overflow: auto;
  }
.bild_L {
  float: left;
  padding: 1px 3px 2px 0px;
  }
.bild_R {
  float: left;
  padding: 1px 0px 2px 0px
}
.bild_text_L {
  float: left;
  padding: 3px 5px 5px 0;
  }
  
.bild_text_R {
  float: right;
  padding: 3px 0 5px 5px;
  }

.bild_text_pano {
  width: 575px; 
  }
  
.seperatordiv {
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*Bilder_______________________________________________________________________________________________*/
/*Maschinenliste_______________________________________________________________________________________*/
.maschinen {
width: 100%; 
border: 0; 
cellspacing: 0;
cellpadding: 0;
padding: 0;
margin: 0;
background-color:#DE2922;
}
.maschinen a, .maschinen a:visited, .maschinen a:active{
    color: #000000;
    text-decoration: none;
    margin-left: 10px
    display: block;
}
.maschinen #headline a{
    background-image: url(/images/icon_sort.gif);
    background-repeat: no-repeat;
    background-position: right bottom;
    text-decoration: underline;
}
.maschinen tr {
padding: 0 0 0 10px;
margin: 0;}
#headline {
color: #FFFFFF;
background-color: #DE2922;
background-image:none;
font-size:12px;
font-weight:bold;
line-height:20px;
margin: 0 0 3px 0;
padding: 0 0 0 10px;}
#headline a {
    color: #FFFFFF;
    text-decoration: none;
}
.maschinen div {
width:10px}
.maschinen .spacer {
height:3px;
background-color: #ffffff;
font-size: 1px}

.spacer td:hover {
background-color:#FFFFFF;
}

/* aus selfhtml/archiv/2006/6/t130560______________________________________________*/
.maschinen tr  { 
background: #dcdcdc;
}
.maschinen tr:hover  {
background: #a9a9a9;
}
/*IE Hack______________________________________________________________________________________________*/
.maschinen tr { background: #dcdcdc; color: white; }
.maschinen tr:hover, .maschinen tr.hover { background: #a9a9a9; color: white; }
/*Formular______________________________________________________________________________________________*/
.doppelfeld_links{
width: 100px;
}
.doppelfeld_rechts{
width: 195px;
margin-left: -2px
}
fieldset{
border: none;
margin:0;
padding: 0;
}
form{
margin-left:0;
padding-left:0;
}
input{
width: 300px;
border:solid 1px #a9a9a9;
margin:1px
}
label{
width: 100px;
clear: both;
float: left;
padding: 0;
margin: 1px;
}
select{ 
width:302px; 
border:1px solid #a9a9a9;
margin:1px }
.submit {
margin-left:105px;
color: #DE2922;
    }
    
.submit a, .submit a:visited, .submit a:hover, .submit a:active {
text-decoration: underline;
color: #DE2922;
    }
.anfrage{
color:#DE2922;
font-size: 16px;
font-weight: bold
}
textarea{
width:300px;
height:190px;
border:solid 1px #a9a9a9;
margin:1px
}
.fett {
font-weight: bold;
}
#aussen{
overflow:hidden;
}
#myGallery
{
width: 182px !important;
height: 118px !important;
} 
/*Ausblenden____________________________________________________________________________________________*/
/* aus http://www.qxm.de/webdesign/20031201-090246 */
#hiddendiv_1 {
  display: none;
}
#hiddendiv_2 {
  display: none;
}
#hiddendiv_3 {
  display: none;
}
/* Aufbau Maschinenliste________________________________________________________________________________*/
.listenzeile{
background-color:#dcdcdc;
padding: 0 0 0 10px;
margin: 0 0 2px 0;
}
.listenzelle{
float:left;
display:block;
width: 200px
}
/* Ausblenden Ende______________________________________________________________________________________*/
/* Slideshow Portlet____________________________________________________________________________________*/
#slideshow{
padding-bottom:0px;
margin-bottom:0px}
#imgslideshow{
display:block;
}
#prev{
padding-left: 3px;
float:left}
#bildunterschrift{
    float:left;
    text-align: center;
    width:162px;
}
#next{
padding-right:3px;
float:right;
}
.kastenunterbild{
    color:#FFFFFF;
    background-color: #DE2922;
    display:block;
    width:182px;
    height:20px;
    margin-top: 3px;
    margin-bottom: 4px;
}
#footer {
    color: #a9a9a9;
    font-size: 12px;
    margin: 0;
    padding: 0px;
    text-align: left;
    background-color: #ffffff;
    border: 0px;
    text-decoration: none;
  }
/* Kontakt Formular */
span.visible{
    color: #DE2922;
    display: block;
    margin-left: 102px;
}    
span.hidden {
    display: none;
}
/* Tabelle */
.td_spalte {
    width: 70px;
}
/* Reddots */
div.reddot_edit {
    color: red;
    font-family: arial;
    display: block;
    margin-left: 10px;
    font-size:12px;
}
div.reddot_open {
    color: red;
    font-family: arial;
    display: block;
    font-size:12px;
}
span.reddot{
    color: red;
    font-family: arial;
    font-size:12px;
}

.center{
text-align: center;  
}