@import url(menu.css);

/*
 * lightgray == #D3D3D3
 * #A9A9A9  == #A9A9A9
 */

body {
    font-family: verdana, sans-serif;
    background: #A9A9A9;
    color: black;
    padding-top: 0px;
    margin-top: 0px;
    min-height: 100%;
    /* Die PNG-Datei ist zu groß */
    background-image: url(images/tastatur-ecke-gray.jpg);
    background-repeat: no-repeat;
}

#header {
    margin-top: 8px;
    margin-left: 5%;
    margin-right: 10%;
}

#page {
    border: solid 2px black;
    
    padding-right: 0px;
    
    padding-bottom: 0px;
    
    margin-top: 2%;
    width: 65%;
    margin-left: auto;
    margin-right: auto;
    -moz-border-radius-bottomleft: 10px; 
    -moz-border-radius-topright: 10px; 
    -moz-border-radius-bottomright: 10px; 
    background: white;
    background-image: url(images/kabel-ecke.png);
    background-repeat: no-repeat;
    background-position: top right;
}

h1 {
    text-align: center;
    margin-bottom: 0.5ex;
    font-style: italic;
    font-weight: bold;

    margin: 0px;

    /* border: solid 1px;*/
    -moz-border-radius: 10px; 
}

h2 {
    font-size: 90%;
    margin: 0.5ex;
    padding: 0px;
    font-style: italic;
    border-bottom: dotted 1px #A9A9A9;
    color: #A9A9A9;
    text-align: right;
}

h3 {
    font-size: 80%;
    margin: 0.5ex;
    margin-top: 2ex;
    padding: 0px;
    padding-left: 3ex;
    font-style: italic;
    color: #A9A9A9;
    text-align: left;
    clear: both;
}

#options {
    border-left: double 3px black;
}

div.option p {
    margin: 0px;
    padding: 0px;
}

#options h4 {
    font-size: 80%;
    margin-left: 1em;
    margin-bottom: 0.4ex;
}

div.option ul {
    margin-top: 0px;
    font-size: 70%;
}

p {
    margin: 0.5ex;
    padding: 0.5ex;
}
p:first-letter {
    font-size: 110%;
    font-weight: bold;
}

a[href] {
    text-decoration: underline;
}

a[href]:link {
  color: black;
  background: transparent;
}

a[href]:visited {
  color: #A9A9A9;
  background: transparent;
}

a[href]:hover {
    color: black;
    text-decoration: none;
}

img {
    border: none;
}

img#logo {
    border: none;
    margin: 2px;
}

#footer {
    font-size: 50%;
    border-top: solid 1px;
    border-right: solid 1px;
    margin-top: 4ex;
    text-align: right;

    padding-right: 6px;
    margin-right: 2ex;
    margin-bottom: 0.5ex;
}

div#content {
    /*
    padding-right: 15%;
    padding-left: 15%;
    */
    width: 70%;
    margin-right: auto;
    margin-left: auto;
    overflow: auto;
    
    text-align: justify;
}

img.photo {
    float: left;
    padding: 1px;
    margin: 0.8ex;
    border: solid 1px black;
}

div.adresse {
    font-family: serif;
    margin: 1.5ex;
    border-top: dashed 1px #D3D3D3;
    border-bottom: dashed 1px #D3D3D3;
    padding-left: 1em;
    padding-top: 0.2ex;
    padding-bottom: 0.2ex;
    clear: left;
}

q.name {
    font-style: italic;
}
q.name:before {
    content: '';
}
q.name:after {
    content: '';
}

ul#publications li {
    margin-bottom: 0.8ex;
}

ul#leistungen li {
    text-align: left;
}

ul#leistungen li div {
    padding-left: 1em;
    border-left: dotted 1px #D3D3D3;
    margin-bottom: 0.8ex;
    font-size: 70%;
    text-align: justify;
}

ul.kunden li {
    margin-top: 1ex;
}

img.side {
    float: right;
    border: solid 1px #D3D3D3;
    margin: 0.5ex;
    margin-left: 1ex;
    clear: both;
}
img.side:hover {
    border: solid 1px black;
}

img.norect {
    border: none;
}
img.norect:hover {
    border: none;
}

div.signatur {
    font-size: 80%;
    font-style: italic;
    text-align: right;
}

table.prices {
    border-collapse: collapse;
    margin-left: auto;
    margin-right: auto;
}

table.prices caption {
    text-align: right;
    font-size: 80%;
    font-style: italic;
}

table.prices tfoot {
    text-align: right;
    font-size: 80%;
    font-style: italic;
}

table.prices thead td {
    border-bottom: solid 1px black;
}

table.prices td.package {
    border-right: solid 1px black;
}

table.prices tbody td.package {
    font-style: italic;
}

table.prices tbody tr {
    border-bottom: dotted 1px gray;
}

table.prices td {
    padding: 2px;
}

table.prices td.package, table.prices thead {
    background: lightgray;
}

table.prices thead td.addresses, table.prices thead td.volume, table.prices thead td.costs {
    text-align: right;
}
table.prices tbody td.addresses, table.prices tbody td.volume, table.prices tbody td.costs {
    text-align: right;
}