/* --- Main-CSS für www.schlaefli.com - Redesign Herbst 2006 --- */
/* --- made by SUTANET Webpublishing - www.sutanet.ch --- */
html, body {
margin: 0;
padding: 0;
}
body {
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
color: #000;
background-color: #FFFFFF;
}
#all {
text-align: left;
width: 90%;
margin: 0 auto 0 auto;
position: relative;
background-image: url(../bilder/hg-schlaefli.jpg);
background-position: left bottom;
background-repeat:no-repeat;
}
#head {
border-bottom: 1px solid #000000;
height: 80px;
position: relative;
}
#head img {
float: left;
position: absolute;
bottom: 10px;
left: 0px;
}
#head-text {
font-size: 0.8em/1.1em;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #000000;
border-width: 1px 1px 0 1px;
border-style: solid;
border-color: #000000;
padding: 10px 20px;
float: left;
position: absolute;
right: 0;
bottom: 0;
}
#middle {
float: left;
margin: 10px 0;
background-image: url(../bilder/black-line.gif);
background-position: 15.5em;
background-repeat: repeat-y;
min-height: 30em;
}
#footer {
clear: both;
height: 50px;
border-top: 1px solid #000;
font-size: x-small;
font-weight: bold;
}
#footer a {
color: #000066;
text-decoration: none;
}
#footer a:hover,
#footer a:focus {
color: #FF6600;
}
/* --- Navigation --- */
a#skiplink {
position: absolute;
left: 0px; 
top: -500px;
width: 1px; 
height: 1px;
overflow: hidden; 
}
#navigation {
padding:0;
margin: 0;
width: 15em;
float: left;
}
ul#navlist { 
list-style-type: none; 
padding: 0;
margin: 20px 2em 20px 0;
width: 11.7em; 
}
span#key {
background: url(../bilder/schluessel.gif) no-repeat center;
width: 30px;
position: absolute;
margin-left: 2em;
}
ul#navlist a:hover img {
}
ul#navlist ul.sub {
list-style-type: none;
margin: 0 0 0 20px;
padding: 0;
}
ul#navlist li { 
margin: 5px 0; 
}
ul#navlist a { 
width: 100%; 
display: block;
color: #000;
}
ul#navlist a {
padding: 2px 0 2px 25px;
border: 1px solid #000;
background-image: url(../bilder/bg.gif);
background-repeat:repeat-y;
text-decoration: none;
}
ul#navlist a:hover,
ul#navlist a:focus,
ul#navlist ul.sub a:hover,
ul#navlist ul.sub a:focus {
color: #FF6600;
background-image: url(../bilder/bg-hover-btn.jpg);
}
ul#navlist a:hover span#key,
ul#navlist a:focus span#key {
background: url(../bilder/schluessel-hover.gif) no-repeat center;
}
ul#navlist ul.sub a {
padding: 0px 0 0px 25px;
background-position: -4px;
}
/* --- zeigt die aktuelle Hauptseite an --- */
body#produkte a.produkte,
body#mat a.mat,
body#kon a.kon,
body#news a.news,
body#about a.about,
body#home a.home,
body#links a.links,
body#dis a.dis {
background-image: url(../bilder/bg-hover-btn.jpg);
color: #FF6600;
}
body#dis a.dis span#key {
background: url(../bilder/schluessel-hover.gif) no-repeat center;
}
body#pruef a.produkte,
body#m1 a.produkte,
body#m2 a.produkte,
body#m3 a.produkte,
body#m4 a.produkte,
body#m5 a.produkte,
body#m6 a.produkte,
body#m7 a.produkte,
body#m8 a.produkte,
body#m9 a.produkte,
body#m10 a.produkte,
body#m11 a.produkte,
body#m12 a.produkte,
body#diamant a.produkte,
body#pruefhalter a.produkte,
body#zub a.produkte,
body#serv a.produkte,
body#tol a.produkte,
body#art a.news {
background-image: url(../bilder/bg-hover-btn.jpg);
color: #FF6600;
}

/* --- zeigt die aktuelle Sub-Seite an --- */
body#pruef a.pruef,
body#m1 a.m1,
body#m2 a.m2,
body#m3 a.m3,
body#m4 a.m4,
body#m5 a.m5,
body#m6 a.m6,
body#m7 a.m7,
body#m8 a.m8,
body#m9 a.m9,
body#m10 a.m10,
body#m11 a.m11,
body#m12 a.m12,
body#diamant a.diamant,
body#pruefhalter a.pruefhalter,
body#zub a.zub,
body#tol a.tol,
body#serv a.serv,
body#art a.art {
background-image:url(../bilder/bg-hover-btn.jpg);
color: #FF6600;
}

/* --- zeigt die Subnav der aktuellen Hauptseite + versteckt alle anderen Subnavigationen --- */
ul.sub {
display: none;
}
body#produkte li.produkte ul.sub,
body#pruef li.produkte ul.sub,
body#m1 li.produkte ul.sub,
body#m2 li.produkte ul.sub,
body#m3 li.produkte ul.sub,
body#m4 li.produkte ul.sub,
body#m5 li.produkte ul.sub,
body#m6 li.produkte ul.sub,
body#m7 li.produkte ul.sub,
body#m8 li.produkte ul.sub,
body#m9 li.produkte ul.sub,
body#m10 li.produkte ul.sub,
body#m11 li.produkte ul.sub,
body#m12 li.produkte ul.sub,
body#diamant li.produkte ul.sub,
body#pruefhalter li.produkte ul.sub,
body#zub li.produkte ul.sub,
body#tol li.produkte ul.sub,
body#serv li.produkte ul.sub,
body#news li.news ul.sub, 
body#art li.news ul.sub {
display: block;
}
/* --- Ende Navigation --- */
#content {
margin: 20px -5px 20px 20em; /*vorher 16em*/
padding-bottom: 100px;   /* Abstand für Hintergrund-Grafik */
}
#content h1 {
font-size: large;
font-weight: normal;
color: #666666;
}
#content h2 {
color: #666666;
font-size: medium;
font-weight: bold;
}
#content h3 {
color: #666666;
font-size: small;
font-weight: bold;
}
#mat h3 {
margin-bottom: 2.5em;
}
#home #content h2 {
text-align: center;
margin-bottom: 4em;
}
#sprachwechsel {
position: absolute;
right: 2px;
top: 100px;
}
#sprachwechsel a {
text-decoration: none;
color: #000;
font-size: 80%;
}
#sprachwechsel a img {
border: 1px solid #000;
margin-right: 2px;
}
#content p {
line-height: 1.5em;
}
#home #content p.messe {
margin-top: 3em;
text-align: center;
}
p.messe a img{
border: 1px solid #999;
}
#content hr {
color: #000000;
border: #000000;
background-color: #000000;
height: 1px;
}
a.textlink:link {
color: #000066;
}
a.textlink:hover,
a.textlink:focus {
color: #FF6600;
text-decoration: none;
}
a.textlink:visited {
color: #666666;
}
#home .textlink {
font-weight: bold;
}
.marker {
color: #000066;
font-weight: bold;
}
.space {
margin-top: 0;
height: 1.5em;
}
#content ul {
list-style-type: square;
margin-left: -25px;
list-style-position: outside;
}
/* --- Anwendungen --- */
#mat h2 {
margin-top: 2em;
}
.bildgal {
float: left;
margin-bottom: 8em;
margin-right: 0.5em;
height: 25em;
}
.bildgal img {
}
.bildtxt {
text-align: center;
}
/* --- Ende Anwendungen --- */
/* --- about --- */
.td1 {   
width: 10em;
}
/* --- Produkte --- */
.maschinen {
height: 12em;
}
.fh {
height: 14em;
margin-top: -1em;
}
#content h2.masch {
font-size: 1.1em;
margin-bottom: 1em;
}
.maschinenbild {
margin-top: 0;
margin-right: 1em;
float: left;
height: 9em;
}
.pdf {
background: url(../bilder/pdficon_small.gif) no-repeat left;
padding-left: 20px;
padding-bottom: 5px;
}
/* --- Ende Produkte --- */
/* --- Produktunterseiten --- */
#content h2.prod {
font-size: 1.1em;
margin-bottom: 0;
}
table.daten {
margin-left: -2px;
}
table.daten td1 {
width: 8em;
} 
table#tech {
border: 1px solid #999999;
border-collapse: collapse; 
}
table#tech td {
border: 1px solid #999999;
padding-right: 1em;
}
table#tech caption {
text-align: left;
color: #666666;
font-size: small;
font-weight: bold;
margin-top: 0;
padding: 1em 0;
}
#oG, /* ohne Gewähr! */
#bemerkung { /* Bemerkung */ 
font-size: x-small;
}
/*.spalten {
margin-bottom: 2em;
}
.txtlinks {
width: 26em;
float: left;
margin-right: 1em;
}
.bildrechts {
}
*/
.grafik1 {
margin: 4em 0 4em 2em;
}
.en {
margin-top: 9em;
}
.fr {
margin-top: 9em;
}
.clear {
clear: both;
}
/* --- Ende Produktunterseiten --- */

/* --- Linkliste --- */
ul#linkliste {
list-style-type: none;
margin-left: -3em;
}
ul#linkliste li {
margin-bottom: 2em;
}

/* --- Ende Linkliste --- */

/* --- Kontakt --- */
#kon #content{
min-height: 50em;
}
#adresse {
background-color: #E6E6E6;
position: absolute;
top: 26em;
width: 40em;
border: 1px solid #000;
padding: 5px;
}
#vertretung {
float: left;
}
#bild1 {
float: right;
margin-left: 2em;
margin-bottom: 1em;
}
#bild2 {
width: 20em;
margin-left: 50%;
padding-left: 2em;
}
form {
width: 40em;
}
label, select {
display: block;
float: left;
width: 16em;
margin-bottom: 0.5em;
}
label {
height: 1.6em;
}
select {
}
#PostCodeselect_off,
#Regionselect_off {
}
#adresse a {
color: #000066;
}
#adresse a:hover,
#adresse a:focus {
color: #FF6600;
text-decoration: none;
}
#adresse a:visited {
color: #666666;
}
/* --- Ende Kontakt --- */
/* --- Zubehör --- */
table#zubtab {
border: 1px solid #999999;
border-collapse: collapse;
}
table#zubtab td {
width: 20em;
height: 10em;
text-align: center;
vertical-align: middle;
border: 1px solid #666;
border-collapse: collapse;
}
#lioben {
background-color: #CCC;
}
#reoben {
background-color: #B5B5B5;
}
#liunten {
background-color:#B5B5B5;
}
#reunten {
background-color:#CCC;
}
#unten {
background-color: #BEBDCC;
}
#zubmitte {
width: 15em;
height: 6em;
margin-left: 12.5em;
margin-top: -13em;
border: 1px solid #333;
background-color: #FF9933;
text-align: center;
font-size: 1em;
font-weight: bold;
}
#zubmitte p {
line-height: 3em;
margin: 1.8em 0;
}
#zub .clear {
position: absolute;
margin: 8em 0 0 0;
}
/* --- Ende Zubehör --- */
/* --- News --- */
#news ul#messen {
list-style-type: none;
text-align: center;
}
ul#messen img {
border: 1px solid #999999;
}
ul#messen li {
margin-bottom: 2em;
}
#art #content {
min-height: 24em;
}
/* --- Ende News --- */
/* --- Login --- */
#dis #content {
min-height: 28em;
}
#dis2 #all {
background: #FFFFFF;
}
#dis2 #middle {
background: none;
}
#dis2 #content {
margin-left: 0;
}
#dis2 a.textlink {
text-decoration: none;
}
#dis2 a img {
border: none;
}
#dis2 #utilities {
float: right;
width: 8em;
font-size: 80%;
}
#text {
float: left;
width: 80%;
}
a.login {
text-decoration: none;
padding: 2px;
border: 1px solid #000066;
background-color: #CCCCCC;
}
a.login:hover {
border: 1px solid #FF6600;
font-weight: bold;
}
/* --- Ende Login --- */
/* --- etracker Formatierung --- */
.etracker {
float: right;
margin-top: -1.2em;
}
/* --- Ende etracker --- */

/* --- August 2008 neu: Prüfstifte --- */
table#pruefstifte {
margin-top: 2em;
}
table#pruefstifte,
#pruefstifte th,
#pruefstifte td {
border: 1px solid #999999;
border-collapse: collapse;
}
#pruefstifte th {
padding: 0 0.5em;
}
#pruefstifte th,
#pruefstifte td {
text-align: center;
}
/* --- Ende Prüfstifte --- */

/* --- Index-Seiten --- neu ab Februar 2010 --- */
#filmjubel {
width: 770px;
height: 350px;
}
#film {
float: left;
}
#jubilee {
border:1px solid #999;
float:right;
margin: 5px 0 2em 0;
width: 240px;
height: 295px;
padding: 10px;
}
/* --- ENDE Index-Seiten --- neu ab Februar 2010 --- */

/* --- Index-Seite chinesisch --- neu ab Februar 2010 --- */
p#china {
width: 780px;
}
p#china a img,
p#china img {
border: 1px solid #999;
}
#ad-china {
float: left;
margin-right: 72px;
}
/* --- ENDE Index-Seite chinesisch --- neu ab Februar 2010 --- */

/* --- Test Änderung CSS für Produkt-Unterseiten - Februar 2010 --- */
.txtlinks {
width: 26em;
float: left;
margin-right: 1em;
}
.spalten {
width: 60em;
margin-bottom: 1em;
}

.textrechts {
text-align: right;
width: 8em;
}
/* --- ENDE Test Änderung CSS für Produkt-Unterseiten - Februar 2010 --- */