html {
font-size: 125%;
margin: 0; padding: 0;
height: 100%; width: 100%;
}

body {
font-size: 50%;
text-align: center; color: #333; font-family: Verdana, Arial, Helvetica, "Bitstream Vera", sans-serif; 
margin: 0; padding: 0;
height: 100%; width: 100%;
background-image: url(../images/background-body-oben.jpg); background-repeat: repeat-x; background-position: 0 0;
}

#mainbody {
font-size: 100%; text-align: center;
margin: auto;
width: 100%; min-height: 100%; height: auto !important; height: 100%;
position: relative;
}

#wrapper {
font-size: 100%;
min-height: 100%; height: 100%; width: 99em; 
position: relative;
margin: auto;
}

#head {
font-size: 250%; 
text-align: left;
height: 5em;
background-color: #66a7e9; 
}

#head .logo {
margin-top: 0.3em;
width: 24em;
height: 4em; 
}

#head-text {
color: #0e355f;
float: left;
display: block; width: 13em;
text-align: center;
margin: 1.7em 0 0 0;
font-size: 100%; font-family: Helvetica; font-weight: bold; 
}

#sprachauswahl {
position: absolute; right: 20px; top: 5px; 
margin: 0; padding: 0 0 0 20px;
}

#sprachauswahl img {
border-style: none; margin: 0; padding: 0;
}

#sprachauswahl a {
text-decoration: none;
margin: 0 0 0 15px; padding: 0;
}

#maincontent {
font-size: 100%; margin: 0; padding: 0;
}


/* hauptmenue - anfang */
#menue {
font-size: 110%; 
float: left; text-align: left;
margin: 0 5px 0 5px; padding: 0;
width: 26.1em;  
background-image: url(../images/mainmenue-background.jpg); background-repeat: repeat-x; background-position: left top;
}

#menue ul.menue-ebene-1 {
font-size: 100%; font-weight: bold; list-style-type: none;
margin: 10px; padding: 0;
}

#menue .menue-ebene-1 li, #menue .menue-ebene-2 li {
margin: 0; padding: 0;
}

#menue ul.menue-ebene-2 {
font-weight: normal; text-align: left; list-style-type: none;
margin: 5px 0 5px 10px; padding: 0;
}

#menue a {
color: #333; text-decoration: none;
width: 21.6em; display: block;
margin: 0; padding: 0.3em 0 0.3em 20px;
border-right: 1px solid #69c; border-left: 1px solid #69c; 
background-image: url(../images/link-rhombus.gif); background-repeat: no-repeat; background-position: 5px 0.7em;
}

#menue a:link { text-decoration: none; }
#menue a:visited {text-decoration: none; }
#menue a:hover { text-decoration: underline; }
#menue a:active { text-decoration: underline; }

#menue .aktive:link { text-decoration: underline; }
#menue .aktive:visited {text-decoration: underline; }
#menue .aktive:hover { text-decoration: underline; }
#menue .aktive:active { text-decoration: underline; }

/* hauptmenue - ende */


/* location - anfang */



#location .location-klammer {
color: #6a829c; float: left; 
margin: 0 0 0 10px; padding: 0;
}

#location ul {
color: #6a829c; list-style-type: none;
margin: 0; padding: 0;
}

#location li {
float: left; font-size: 100%; 
margin-left: 10px; padding-left: 15px;
background-image: url(../images/location-rhombus.jpg); background-repeat: no-repeat; background-position: left 0.4em;
}

#location a:link, #location a:visited, #location a:hover, #location a:active {
color: #6a829c;
}

#location a:link { text-decoration: none; }
#location a:visited {text-decoration: none; }
#location a:hover { text-decoration: underline; }
#location a:active { text-decoration: underline; }

/* location - ende */


#maincontent-inhalt {
color: #333; font-size: 100%; text-align: justify;
float: left; width: 67em;
margin: 0; padding: 0 0 0 10px; }

#maincontent-inhalt .content-element {
font-size: 100%; clear: both; 
margin: 0; padding: 0;}

#maincontent-inhalt .coltype-1 {
width: 33em; float: left; margin-bottom: 20px; }

#maincontent-inhalt .coltype-2 {
width: 33em; float: right; clear: right; margin-bottom: 20px; }



.clearer-end { font-size: 0; line-height: 0; position: relative; width: 100%; height: 0; clear: both; margin: 0; padding: 0; display: block; }
.clear-1 { font-size: 0; line-height: 0; position: relative; width: 100%; height: 0; clear: both; margin: 0; padding: 0; display: block; }
.clear-0 { border-style: none; display: none; }

#maincontent-inhalt p {
font-size: 110%; line-height: 1.4em;
margin: 0 0 15px 0; padding: 0;
}




#maincontent-inhalt ul { font-size: 110%; margin: 0; padding: 0; }
#maincontent-inhalt ul li { margin: 0 0 0 20px; padding: 0; line-height: 1.4em; }
#maincontent-inhalt ul ul { font-size: 100%; margin: 0; padding: 0; }
.leistungen #maincontent-inhalt ul { 
width: 72%;
}
.leistungen #maincontent-inhalt ul ul { 
width: 100%;
}

#maincontent-inhalt ol { font-size: 110%; margin: 0; padding: 0; }
#maincontent-inhalt ol li { margin: 20px 0 5px 20px; padding: 0; line-height: 1.4em; }
#maincontent-inhalt ol ol { font-size: 100%; margin: 0px; padding: 0; }
#maincontent-inhalt ol li ol li { margin: 5px 0 5px 20px; padding: 0; }

#maincontent-inhalt h1.csc-firstHeader{
margin: 10px 0 10px 0;
}

#maincontent-inhalt h1 {
color: #0e355f; font-size: 150%; 
margin: 0 0 15px 0; padding: 0 0 0 30px;
background-image: url(../images/h1-rhombus.gif); background-repeat: no-repeat; background-position: left 50%;
}

#maincontent-inhalt h2 {
color: #0e355f; font-size: 140%; 
margin: 0 0 15px 0;
}

#maincontent-inhalt h3 {
font-size: 130%; 
margin: 0 0 15px 0;
}

#maincontent-inhalt h4 {
font-size: 120%; font-weight: bold;
margin: 0 0 5px 0;
}

#maincontent-inhalt h5 {
font-size: 110%; font-weight: bold;
margin: 0 0 5px 0;
}

#maincontent-inhalt h6 {
font-size: 100%; font-weight: bold; 
margin: 0 0 15px 0;
}

#maincontent-inhalt .bild {
float: right;
margin: 0 0 0 1em;
}

#maincontent-inhalt a { color: #333333; text-decoration: none; border-bottom: 1px solid #333333; }
#maincontent-inhalt a:link { text-decoration: none;  border-bottom: 1px solid #333333; }
#maincontent-inhalt a:visited { text-decoration: none;  border-bottom: 1px solid #333333; }
#maincontent-inhalt a:hover { color: #0e355f; text-decoration: none;  border-bottom: 1px dotted #0e355f; }
#maincontent-inhalt a:active { text-decoration: none;  border-bottom: 1px solid #333333; }

#maincontent-inhalt p.dreiviertel { display: block; width: 38em; float: left; margin: 0; padding: 0; }
#maincontent-inhalt form.routenplaner { font-size: 100%; width: 20em; margin: 0 0 1em 0; padding: 0.2em; color: #333; float: right; display: inline; border: 1px solid #66a7e9; background-color: #f3f3f3; }
#maincontent-inhalt form.routenplaner input { height: 1.5em; border: solid 1px #ccc; width: 14em; padding: 0 0 0 0.2em; }
#maincontent-inhalt form.routenplaner span.beispiel { display: block; color: #666666; margin: 5px 0 5px 5px; padding: 0;}
#maincontent-inhalt form.routenplaner select.map24_list { border: solid 1px #ccc; width: 14.6em; }
#maincontent-inhalt form.routenplaner span.ueberschrift { margin: 0 0 0.3em 0; padding: 0.2em 0.2em 0.2em 0.4em; font-size: 1.2em; display: block; background-color: #75b0ea;}
#maincontent-inhalt form.routenplaner span.adresse { margin: 0 0 0.3em 0; padding: 0.2em 0.2em 0.2em 0.4em; display: block;}
#maincontent-inhalt form.routenplaner input.submitbutton { height: 1.8em; font-size: 1.1em; margin: 0.2em 0 0 0; border: 1px solid #999999; width: 17.7em; background-color: #ddd; }

#maincontent-inhalt .gefunden {
border-right: 1px solid #ffffff; border-left: 1px solid #ffffff; 
margin: 2em auto 5px auto; padding: 0; text-align: center; display: block;
width: 35%; }

/* maschinenliste - anfang */
#maincontent-inhalt .seitenauswahl {
background-color: #63a7e8; vertical-align: middle;  display: block;
width: 100%; height: 2.7em;
margin: 0; padding: 0;
}

#maincontent-inhalt .seitenauswahl-titel {
float: left; font-size: 110%; padding: 7px 0 5px 5px;
}

#maincontent-inhalt .seitenauswahl ul { margin: 0; padding: 5px; list-style-type: none; }
#maincontent-inhalt .seitenauswahl li { line-height: 1.2em; font-size: 100%; float: left; margin: 0 5px 0 5px; padding: 2px; background-color: #8fc0ee; }
#maincontent-inhalt .seitenauswahl li a { color: #333333; text-decoration: none; font-weight: normal; border: none !important; }
#maincontent-inhalt .seitenauswahl li a:link { font-weight: normal; text-decoration: none; }
#maincontent-inhalt .seitenauswahl li a:visited { font-weight: normal; text-decoration: none; }
#maincontent-inhalt .seitenauswahl li a:hover { font-weight: normal; color: #000000; text-decoration: none; background-color: #ffffff; }
#maincontent-inhalt .seitenauswahl li a:active { font-weight: normal; text-decoration: none; background-color: #ffffff !important; }

#maincontent-inhalt .seitenauswahl li.aktive a:link { background-color: #ffffff !important; }
#maincontent-inhalt .seitenauswahl li.aktive a:visited { background-color: #ffffff !important; }
#maincontent-inhalt .seitenauswahl li.aktive a:hover { background-color: #ffffff !important; }
#maincontent-inhalt .seitenauswahl li.aktive a:active { background-color: #ffffff !important; }


#maincontent-inhalt .maschinen-menge {
font-size: 100%; float: right; border-left: 1px solid #ffffff;
height: 100%;
margin: 3px 0 0 0; padding: 0;
}

#maincontent-inhalt .maschinen-menge select {
font-size: 100%; color: #000066; font-weight: bold; border: 1px solid #0e355f; background-color: #eeeeee;
margin: 0.3em; padding: 0;
}

#maincontent-inhalt .maschinen-menge label {
font-weight: bold; float: left;
margin: 0.5em 0.5em 0 1em; padding: 0;
}

#maincontent-inhalt .maschinen-liste {
font-size: 100%;
width: 100%; clear: both; 
border: none; border-spacing: 0; border-collapse: collapse;
margin: 0; padding: 0;
}

#maincontent-inhalt .maschinen-liste th {
background-color: #8fc0ee; vertical-align: middle;
height: 2em; border: 1px solid #FFFFFF;
margin: 0; padding: 0 0 0 10px;
}

#maincontent-inhalt .maschinen-liste tr {
font-size: 100%;
vertical-align: top;
margin: 0; padding: 0;
}

#maincontent-inhalt .maschinen-liste tr:hover { background-color: #8fc0ee !important; }

#maincontent-inhalt .maschinen-liste tr.gerade { background-color: #bcd9f6; }

#maincontent-inhalt .maschinen-liste tr.ungerade { background-color: #ddeeff; }

#maincontent-inhalt .maschinen-liste td {
font-size: 100%;
vertical-align: top; border: 1px solid #FFFFFF; 
margin: 0; padding: 5px;
} 

#maincontent-inhalt .maschinen-liste td.maschinen-text { 
 font-size: 110%;
}

#maincontent-inhalt .maschinen-liste td.fehler {
font-weight: bold; 
margin: 0; padding: 20px 10px 20px 10px;
}

#maincontent-inhalt .maschinen-liste img {

border: 1px solid #63a7e8; 
padding: 2px; 
}

#maincontent-inhalt .maschinen-liste a { color: #333333; text-decoration: none; font-weight: bold; border: none; }
#maincontent-inhalt .maschinen-liste a:link { text-decoration: none; border: none; }
#maincontent-inhalt .maschinen-liste a:visited { text-decoration: none; color: #000066; border: none; }
#maincontent-inhalt .maschinen-liste a:hover { text-decoration: underline; border: none; }
#maincontent-inhalt .maschinen-liste a:active { text-decoration: none; border: none; }
/* maschinenliste - ende */

/* maschinen - details */

#maincontent-inhalt .zurueck,
#maincontent-inhalt .ausdrucken,
#maincontent-inhalt .angebot-anfordern  {
float: left; text-align: center; font-size: 110%; border: 1px solid #63a7e8; 
margin: 1em 1em 1em 0; padding: 5px; width: 16em;
}

#maincontent-inhalt .zurueck a:link,
#maincontent-inhalt .zurueck a:visited,
#maincontent-inhalt .zurueck a:active,
#maincontent-inhalt .ausdrucken a:link,
#maincontent-inhalt .ausdrucken a:visited,
#maincontent-inhalt .ausdrucken a:active,
#maincontent-inhalt .angebot-anfordern a:link,
#maincontent-inhalt .angebot-anfordern a:visited,
#maincontent-inhalt .angebot-anfordern a:active {
border: none; 
}

#maincontent-inhalt .zurueck a:hover,
#maincontent-inhalt .ausdrucken a:hover,
#maincontent-inhalt .angebot-anfordern a:hover {
font-weight: bold; border: none; 
}

#maincontent-inhalt .maschinen-details {
float: left; background-color: #63a7e8; vertical-align: middle; display: block;
width: 100%; margin: 0; padding: 0; 
border-bottom: 1px solid #ffffff; border-top: 1px solid #ffffff;
}

#maincontent-inhalt .maschinen-details-print {
display: none;
}

#maincontent-inhalt .maschinen-details h2.maschinen-details-titel {
background-color: #63a7e8; float: left; display: block;
font-size: 120%; font-weight: bold; 
padding: 5px; 
margin: 0;  
}

#maincontent-inhalt .maschinen-details span.maschinen-details-titel {
background-color: #63a7e8; float: left; display: block;
font-size: 110%; font-weight: bold; 
padding: 5px;  
}

#maincontent-inhalt .maschinen-details-text {
clear: both; background-color: #bcd9f6; 
width: 100%; 
margin: 0; padding: 0;
}

#maincontent-inhalt .maschinen-details-text p {
margin: 0; padding: 10px 5px 10px 5px;
}

#maincontent-inhalt .maschinen-galerie {
float: left; display: block;
background-color: #bcd9f6; width: 100%; height: auto;
margin: 0; padding: 10px 0 5px 0;
}

#maincontent-inhalt .maschinen-galerie-print {
display: none;
}

#maincontent-inhalt .maschinen-galerie .img-wrap {
white-space: nowrap; 
float: left; margin: 0; padding: 0 5px 0 5px; width: 15.5em; height: 13em; text-align: center; line-height: 13em;
}

#maincontent-inhalt .maschinen-galerie .img-wrap a {
border: none; 
}

#maincontent-inhalt .maschinen-galerie .img-wrap span.leer {
visibility: visible; width: 0; height: 0;
}

#maincontent-inhalt .maschinen-galerie img {
border: 1px solid #63a7e8; font-size: 100%;
padding: 2px; margin: 0; vertical-align: middle;
}

#maincontent-inhalt .maschinen-galerie img:hover {
border: 1px dashed #63a7e8; padding: 2px; 
}

#maincontent-inhalt .maschinen-galerie .bild-titel {
font-size: 80%; text-align: left; display: block; font-weight: bold; color: #666666;
width: 16em; height: 2em; margin: 5px 0 0 0;
}

#maincontent-inhalt .maschinen-galerie .hinweis {
font-size: 110%; font-weight: bold; 
margin: 0; padding: 10px;
}

/* maschinen - details - ende */

#clearer {
clear: both; height: 11em; margin: 5px; 
}

#fusszeile { 
text-align: center; color: #ffffff; 
width: 100%; height: 10em;
position: absolute;
left: 0; bottom: 0;
background-image: url(../images/fusszeile-background.jpg); background-repeat: repeat-x; background-position: left top;
}

#fusszeile p {
font-size: 100%;
margin: 7em 0 0 0;
}

#fusszeile a {
color: #ffffff;
}

#fusszeile a:link {
text-decoration: none;
}

#fusszeile a:visited {
text-decoration: none;
}

#fusszeile a:hover {
text-decoration: underline;
}

#fusszeile a:active {
text-decoration: none;
}

#fusszeile .clearer, #fusszeile .clearer-end {
display: none;
}