html, body { margin: 0; padding: 0; border: 0 }
body { background: #ffffff; margin: 0; padding: 0 }



#menuleft  { z-index: 10; position: absolute; top: 0; left: 0; width: 162px }
#menuright { z-index: 11; position: absolute; top: 0; right: 0; width: 151px }

#content   { z-index: 100; text-align: center; margin: 0 171px 0 182px; padding: 70px 0 0 0; height: 100%; } 
#footer    { text-align: center; margin: 35px 0 10px; padding: 12px 0 0; border-top: 3px dotted #e4ccda }


/* -----   Farben --------*/
.pink { color: #770044 }
.pinkhell { color: #a04d7c }
.pinkhellhell { color: #e4ccda }
.pinkdunkel { color: #770044 }
.weiss { color: #ffffff }
.schwarz { color: #000000 }
.bgpink { background-color: #770044 }
.bgpinkhell { background-color: #a04d7c }
.bgpinkhellhell { background-color: #e4ccda }
.bgpinkdunkel { background-color: #770044 }
.bgweiss { background-color: #ffffff }
.bgschwarz { background-color: #000000 }




/* -----   Allgemeine Formatierungen--------*/
body { background-color: #ffffff }
html, body { font-size: 14px }
* { margin: 0; padding: 0 }
* { color: #770044; font-family: Arial, Helvetica, Geneva, sans-serif }

h1 { font-size: 18px; font-weight: bold; word-spacing: 2px; letter-spacing: 1px; margin: 15px 0 33px 0; padding: 0 0 7px; border-bottom: 3px dotted #e4ccda }
h2 { font-size: 18px; font-weight: bold; word-spacing: 2px; letter-spacing: 1px; margin: 1em 0 8px }
h3 { font-size: 16px; font-weight: bold; margin: 0.5em 0 0 }
h4 { font-size: 14px; font-weight: bold; margin: 0.5em 0 0 }
h5 { font-size: 12px; font-weight: normal; margin: 0.5em 0 0 }

p, ul, table, tr, th, td { font-size: 14px }
th, td { text-align: left }

/* Content */
p { line-height: 1.3em; margin-top: 0.7em }

ul li { 
background:transparent url(img/menu-normal.gif) no-repeat scroll 0px 0.25em;
list-style-image:none;
list-style-type:none;
padding:0 0 0 1.1em;
margin:0;
display:list-item;
}

ol { list-style-type: decimal; margin: 0.5em; padding-left: 1.3em; border: none }




/* Anfangsbuchstaben in Titel */
h1 strong, h2 strong { color: #a04d7c; font-size: 28px; font-weight: bold; word-spacing: 0; letter-spacing: 1px }


hr { color: white; background-color: white; margin: 8px 0; padding: 0; height: 0; border-style: dotted none none; border-width: 3px medium medium; border-color: #e4ccda white white }

sup { font-size: 70%; vertical-align: super }
sub { font-size: 70% }

input, textarea { color: #a04d7c; background-color: #ffffff; font-size: 12px; font-weight: bold }
.gesperrt       { word-spacing: 2px; letter-spacing: 1px }
.gesperrta      { word-spacing: 2px; letter-spacing: 5px }

/* Klassen allgemein */
.l { text-align: left }
.c { text-align: center }
.r { text-align: right }

.clearing { height: 0; clear: both }
.unsichtbar { display:none }
.sichtbar {  }
.nowrap  { white-space:nowrap; }


.welle { background-color: #ff0000; background-image: url("../_grafiken/trennzei.gif"); display: inline; margin: 0; padding: 0; width: 12px; height: 4px; max-width: 12px; max-height: 4px; clear: both; overflow: hidden }

a { font-weight: bold }
a:focus { outline: none medium }
a:link { color: #a04d7c }
a:visited { color: #a04d7c }
a:hover { color: #770044; text-decoration: overline }
a:active { color: #a04d7c }

/*  Abstände  */
.abstand { margin: 5px }

body .top0 { margin-top: 0 }
body .top1 { margin-top: 0.3em }
body .top2 { margin-top: 0.5em }
body .top3 { margin-top: 1em }

body .bottom0 { margin-bottom: 0 }
body .bottom1 { margin-bottom: 0.3em }
body .bottom2 { margin-bottom: 0.5em }
body .bottom3 { margin-bottom: 1em }



/********* Länder-Buttons **********/

#laender { margin: 0; padding: 0 }
#laender a { text-decoration: none; background-repeat: no-repeat; display: block; margin: 4px auto; width: 190px; height: 25px }
/*  deutsch */
#laender a#ch_d { background-image: url("laender/ch_d.gif") }
#laender a#ch_d:hover { background-image: url("laender/ch_d_o.gif") }
#laender a#de_d { background-image: url("laender/de_d.gif") }
#laender a#de_d:hover { background-image: url("laender/de_d_o.gif") }
#laender a#at_d { background-image: url("laender/at_d.gif") }
#laender a#at_d:hover { background-image: url("laender/at_d_o.gif") }
#laender a#it_d { background-image: url("laender/it_d.gif") }
#laender a#it_d:hover { background-image: url("laender/it_d_o.gif") }
/*  englisch */
#laender a#ch_e { background-image: url("laender/ch_e.gif") }
#laender a#ch_e:hover { background-image: url("laender/ch_e_o.gif") }
#laender a#de_e { background-image: url("laender/de_e.gif") }
#laender a#de_e:hover { background-image: url("laender/de_e_o.gif") }
#laender a#at_e { background-image: url("laender/at_e.gif") }
#laender a#at_e:hover { background-image: url("laender/at_e_o.gif") }
#laender a#it_e { background-image: url("laender/it_e.gif") }
#laender a#it_e:hover { background-image: url("laender/it_e_o.gif") }
/*  französisch */
#laender a#ch_f { background-image: url("laender/ch_f.gif") }
#laender a#ch_f:hover { background-image: url("laender/ch_f_o.gif") }
#laender a#de_f { background-image: url("laender/de_f.gif") }
#laender a#de_f:hover { background-image: url("laender/de_f_o.gif") }
#laender a#at_f { background-image: url("laender/at_f.gif") }
#laender a#at_f:hover { background-image: url("laender/at_f_o.gif") }
#laender a#it_f { background-image: url("laender/it_f.gif") }
#laender a#it_f:hover { background-image: url("laender/it_f_o.gif") }
/*  italienisch */
#laender a#ch_i { background-image: url("laender/ch_i.gif") }
#laender a#ch_i:hover { background-image: url("laender/ch_i_o.gif") }
#laender a#de_i { background-image: url("laender/de_i.gif") }
#laender a#de_i:hover { background-image: url("laender/de_i_o.gif") }
#laender a#at_i { background-image: url("laender/at_i.gif") }
#laender a#at_i:hover { background-image: url("laender/at_i_o.gif") }
#laender a#it_i { background-image: url("laender/it_i.gif") }
#laender a#it_i:hover { background-image: url("laender/it_i_o.gif") }










/********* Navigation **********/

/* Nav links */
#nav1 { display: block; margin: 0; padding: 0 }
#nav1 ul { list-style-type: none; display: inline; margin: 0; padding: 0; width: 172px }
#nav1 ul li { display: inline; margin: 0; padding: 0 }
#nav1 ul li a { text-decoration: none; background-repeat: no-repeat; display: block; margin: 0; padding: 0; width: 162px; height: 61px }
#nav1 #li1 { background-image: url("nav1/li1.gif"); display: block; height: 105px }
#nav1 #li2 { background-image: url("nav1/li2.gif"); display: block; height: 31px }
#nav1 #li3 { background-image: url("nav1/li3.gif"); display: block; height: 31px }
#nav1 #li4 { background-image: url("nav1/li4.gif"); display: block; height: 61px }
/* Nav rechts */
#nav2 { display: block; margin: 0; padding: 0 }
#nav2 ul { list-style-type: none; display: inline; margin: 0; padding: 0; width: 151px }
#nav2 ul li { display: inline; margin: 0; padding: 0 }
#nav2 ul li a { text-decoration: none; background-repeat: no-repeat; display: block; margin: 0; padding: 0; width: 151px; height: 61px }
#nav2 #re1 { background-image: url("nav2/re1.gif"); display: block; height: 105px }
#nav2 #re2 { background-image: url("nav2/re2.gif"); display: block; height: 31px }
#nav2 #re3 { background-image: url("nav2/re3.gif"); display: block; height: 31px }
#nav2 #re4 { background-image: url("nav2/re4.gif"); display: block; height: 61px }
/* Nav DE links */
#nav1 a#beschreibung_de { background-image: url("nav1/beschreibung_de.gif") }
#nav1 a#beschreibung_de:hover { background-image: url("nav1/beschreibung_de_o.gif") }
#nav1 a#anwendung_de { background-image: url("nav1/anwendung_de.gif") }
#nav1 a#anwendung_de:hover { background-image: url("nav1/anwendung_de_o.gif") }
#nav1 a#bestellung_de { background-image: url("nav1/bestellung_de.gif") }
#nav1 a#bestellung_de:hover { background-image: url("nav1/bestellung_de_o.gif") }
/* Nav EN links */
#nav1 a#beschreibung_en { background-image: url("nav1/beschreibung_en.gif") }
#nav1 a#beschreibung_en:hover { background-image: url("nav1/beschreibung_en_o.gif") }
#nav1 a#anwendung_en { background-image: url("nav1/anwendung_en.gif") }
#nav1 a#anwendung_en:hover { background-image: url("nav1/anwendung_en_o.gif") }
#nav1 a#bestellung_en { background-image: url("nav1/bestellung_en.gif") }
#nav1 a#bestellung_en:hover { background-image: url("nav1/bestellung_en_o.gif") }
/* Nav FR links */
#nav1 a#beschreibung_fr { background-image: url("nav1/beschreibung_fr.gif") }
#nav1 a#beschreibung_fr:hover { background-image: url("nav1/beschreibung_fr_o.gif") }
#nav1 a#anwendung_fr { background-image: url("nav1/anwendung_fr.gif") }
#nav1 a#anwendung_fr:hover { background-image: url("nav1/anwendung_fr_o.gif") }
#nav1 a#bestellung_fr { background-image: url("nav1/bestellung_fr.gif") }
#nav1 a#bestellung_fr:hover { background-image: url("nav1/bestellung_fr_o.gif") }
/* Nav IT links */
#nav1 a#beschreibung_it { background-image: url("nav1/beschreibung_it.gif") }
#nav1 a#beschreibung_it:hover { background-image: url("nav1/beschreibung_it_o.gif") }
#nav1 a#anwendung_it { background-image: url("nav1/anwendung_it.gif") }
#nav1 a#anwendung_it:hover { background-image: url("nav1/anwendung_it_o.gif") }
#nav1 a#bestellung_it { background-image: url("nav1/bestellung_it.gif") }
#nav1 a#bestellung_it:hover { background-image: url("nav1/bestellung_it_o.gif") }
/* Nav DE rechts */
#nav2 a#leitet_de { background-image: url("nav2/leitet_de.gif") }
#nav2 a#leitet_de:hover { background-image: url("nav2/leitet_de_o.gif") }
#nav2 a#gleitet_de { background-image: url("nav2/gleitet_de.gif") }
#nav2 a#gleitet_de:hover { background-image: url("nav2/gleitet_de_o.gif") }
#nav2 a#pflegt_de { background-image: url("nav2/pflegt_de.gif") }
#nav2 a#pflegt_de:hover { background-image: url("nav2/pflegt_de_o.gif") }
/* Nav EN rechts */
#nav2 a#leitet_en { background-image: url("nav2/leitet_en.gif") }
#nav2 a#leitet_en:hover { background-image: url("nav2/leitet_en_o.gif") }
#nav2 a#gleitet_en { background-image: url("nav2/gleitet_en.gif") }
#nav2 a#gleitet_en:hover { background-image: url("nav2/gleitet_en_o.gif") }
#nav2 a#pflegt_en { background-image: url("nav2/pflegt_en.gif") }
#nav2 a#pflegt_en:hover { background-image: url("nav2/pflegt_en_o.gif") }
/* Nav FR rechts */
#nav2 a#leitet_fr { background-image: url("nav2/leitet_fr.gif") }
#nav2 a#leitet_fr:hover { background-image: url("nav2/leitet_fr_o.gif") }
#nav2 a#gleitet_fr { background-image: url("nav2/gleitet_fr.gif") }
#nav2 a#gleitet_fr:hover { background-image: url("nav2/gleitet_fr_o.gif") }
#nav2 a#pflegt_fr { background-image: url("nav2/pflegt_fr.gif") }
#nav2 a#pflegt_fr:hover { background-image: url("nav2/pflegt_fr_o.gif") }
/* Nav FR rechts */
#nav2 a#leitet_it { background-image: url("nav2/leitet_it.gif") }
#nav2 a#leitet_it:hover { background-image: url("nav2/leitet_it_o.gif") }
#nav2 a#gleitet_it { background-image: url("nav2/gleitet_it.gif") }
#nav2 a#gleitet_it:hover { background-image: url("nav2/gleitet_it_o.gif") }
#nav2 a#pflegt_it { background-image: url("nav2/pflegt_it.gif") }
#nav2 a#pflegt_it:hover { background-image: url("nav2/pflegt_it_o.gif") }







/* Tabelle Farbe */
table { text-align: center; margin: auto; }


table th { border-bottom: #770044 1px solid }

/* Tabellen Abstände */

table h3  { margin-top:0.8em;   margin-bottom: 0.8em; }
table h5  {  }
table h4  { margin-top:0.0em;   margin-bottom: 0.0em;  }
table p,
table ul,
table li  { margin-top:0.0em;   margin-bottom: 0.2em; }

/* Tabellen neutral */
table    { border-collapse: collapse; width:auto; }
table tr { border: none; }
table th { padding: 0px 0.7em 7px 0em; vertical-align:top; text-align:left; }
table td { padding: 7px 0.7em 7px 0em; vertical-align:top; }

table table    { border-collapse: collapse;  }
table table tr { border: none; }
table table td { padding: 0 0.5em 0 0; vertical-align:top;}


/* Tabellen Formular */

form p,  .bestellung p,
form ul, .bestellung ul   { margin-top:0.5em; margin-bottom: 0.2em; }

form table,    table.bestellung    { border-collapse: collapse; width:auto;  }
form table tr, table.bestellung tr { border: none; }
form table th, table.bestellung th { padding: 0.1em 0.5em 0.1em 0.5em; vertical-align:top; text-align:left; }
form table td, table.bestellung td { padding: 0.2em 0.5em 0.2em 0.5em; vertical-align:top; }

form table table,    table.bestellung table   { border-collapse: collapse;   }
form table table tr, table.bestellung table tr { border: none; }
form table table td, table.bestellung table td { padding: 0 0.5em 0 0; vertical-align:top; }