/* ===========================allgemeine Formatierungen Schrift========================================== */

body,p,th,td,li,ul,a,h1,h2,h3,h6{
font-family: Arial,Helvetica,Verdana sans-serif;
}

p,td,ul,li {
font-size: large;
font-weight: 500;
line-height: 25px;
word-spacing: 1.5px;
color: #222222;
}

h1,h2 {
font-size: 28px;
font-weight: bolder;
font-variant: small-caps;
vertical-align: middle;
text-align: center;
color: #003333;
padding-top: 50px;
padding-left: 5px;
padding-bottom: 30px;
padding-right: 5px;
}

h3 {
font-size: 20px;
font-weight: bolder;
color: black;
padding-top: 30px;
padding-bottom: 10px;
text-align: center;
}


h6 {
font-size: 16px;
font-weight: bolder;
color: black;
padding-bottom: 15px;
padding-top: 50px;
}

/* ==================================Liste de navigation========================= */

#navigation {
float: left;
width: 20%;
}

#navigation li {
color: #eeeeee;
background-image: url(images/grey110navbg.gif);
width: 150px;
list-style-type: none;
text-align: left;
font-size: small; 
font-weight: bold;
padding: 6px;
margin-top: 0;
margin-left: 0;
border: solid 1px black;
}

#navigation a:link {
text-decoration: none;
color: #eeeeee;
background-image: url(images/grey110navbg.gif);
padding: 4px;
border-bottom: none;
}

#navigation a:visited {
color: #222222;
background-image: url(images/grey110.gif);
background-color: #003333;
padding: 4px;
border-bottom: none;
}

#navigation a:hover {
text-decoration: none;
color: #003333;
background-image: url(images/grey008.jpg);
padding: 4px;
border-bottom: none;
}

#navigation a:active {
text-decoration: none;
color: #003333;
background-image: url(images/grey008.jpg);
padding: 4px;
border-bottom: none;
}


/* =========================================allgemeine Formatierungen DIV============================= */

body {
background-image: url(images/grey110.gif);
background-color: #aaaaaa;
color: #222222;
margin: 0;
}

#header {
width: 1146px;
margin-top: 2%;
margin-left: auto;
margin-bottom: 1%;
margin-right: auto;
}


#text {
background-image: url(images/grey110.gif);
background-color: #cccccc;
vertical-align: middle;
text-align: justify;
width: 70%;
margin-top: 2%;
margin-left: 22%;
margin-bottom: 0;
margin-right: 8%;
padding-top: 0;
padding-left: 1em;
padding-bottom: 30px;
padding-right: 1em;
}

p {
background-color: #cccccc;
color: #222222;
padding-top: 20px;
padding-left: 30px;
padding-bottom: 20px;
padding-right: 30px;
margin: 0;
}

#footer li {
display: inline;
}

/* =========================================Tabelle Inhalt=========================================== */

table {
color: #222222;
background-color: #cccccc;
font-weight: bold;
text-align: left;
padding-left: 30px;
}

table th {
font-weight: bolder;
letter-spacing: 0.1em;
vertical-align: bottom;
text-align: center;
padding-top: 30px;
}

td {
word-spacing: 1px;
}

/* =================================================Impressum=============================== */
address {
font-size: 80%;
font-style: oblique;
letter-spacing: 2px;  
text-align: center;
color: black;
}         

.pfooter {
font-size: 80%;
letter-spacing: 2px;
text-align: center;
}
/*========================================Kontakt==============================================*/

form {
  background: #662222;
  background-image: url(images/grey110textbg.gif);
  color: black; 
  width: 50%;
  padding: 40px;
  margin: 10% 25%;
  padding: 15px;
}

input {
  display: block;
}

 expediteur, textarea {
  width: 200px;
  border: 1px solid black;
  margin-bottom: 1em;
}

textarea {
  height: 7em;
  margin-bottom: 15px;
display: block;
}