html {
background-color:#BFBFBF;
margin-bottom:0px;
}

body {
background-color:#BFBFBF;
font-family:Arial, Verdana;
color:#191919;
margin-bottom:0px;
font-size:1.00em;
}

a {
text-decoration:none;
color:#169BE2;
}

a:hover {
color:#4CBDFF;
}

/*************************
|           DIVS         |
*************************/

#wrap {
background-color:#F2F2F2;
margin:0px auto 0px auto;
padding:0.5em;
width:900px;
border:1px solid #002F4C;
}

#header {
background-color:#D8D8D8;
margin-bottom:0.5em;
height:100px;
border:1px solid #002F4C;
background-image:url(images/header.jpg);
}

#nav {
background-color:#D8D8D8;
float:left;
width:10em;
border:1px solid #002F4C;
margin-bottom:0.5em;
}

#logindiv {
clear:left;
background-color:#D8D8D8;
float:left;
width:9em;
border:1px solid #002F4C;
margin-bottom:0.5em;
padding:0.5em 0.5em 0.5em 0.5em;
}

#content {
background-color:#D8D8D8;
margin-left:10.7em;
border:1px solid #002F4C;
}

#footer {
background-color:#D8D8D8;
margin-top:0.5em;
clear:left;
border:1px solid #002F4C;
text-align:right;
padding:0.3em 0.5em 0.3em 0.5em;
font-size:0.8em;
}

/*************************
|      ÜBERSCHRIFTEN     |
*************************/

#header h1 {
margin-top:30px;
text-align:center;
}

#content h1 {
background-image:url(images/h1.gif);
background-repeat:no-repeat;
background-color:#A5A5A5;
margin:0.3em;
margin-bottom:0px;
color:#E5E5E5;
font-size:1.4em;
text-align:center;
}

#logindiv h1 {
background-color:#A5A5A5;
margin-bottom:0px;
margin-top:0px;
color:#E5E5E5;
font-size:1em;
text-align:center;
}
/*************************
|       NAVIGATION       |
*************************/

#nav ul {
list-style-type: none;
padding:0.0em 0em 0.0em 0em;
margin:0.8em 0.5em 0.8em 0.5em;
}

#nav li {
padding:0.1em 0em 0.1em 0.0em;
}

#nav a {
background-image:url(images/link.gif);
background-repeat:no-repeat;
background-color:#A5A5A5;
padding:1px 20px 2px 20px;
color:#191919;
font-size:0.9em;
display:block;
text-decoration:none;
}

#nav a:hover {
background-color:#7F7F7F;
color:#FFFFFF;
background-image:url(images/link_h.gif);
background-repeat:no-repeat;
}

/*************************
|     CLASSES & IDS      |
*************************/

#content p {
margin:0.6em 0.5em 0.6em 0.5em;
}

#angebote {
margin-left:0.5em;
margin-right:0.5em;
text-align:center;
margin-top:0.5em;
}

#angebote img {
margin-left:15px;
margin-right:15px;
text-align:center;
border-color:#1591D8;
}

.small {
font-size:0.7em;
font-weight:bold;
}

#pagerank {
margin-top:0.5em;
margin-bottom:0px;
padding-bottom:0px;
text-align:center;
}

/*************************
|         TABELLE        |
*************************/

table {
width:95%;
margin:0.5em auto 0.5em auto;
border:1px solid #004066;
}

th {
border:1px solid #004872;
}

td {
text-align:center;
border:1px solid #004872;
padding:2px;
}

.bestellen {
width:30em;
}


.bestellentd {
text-align:left;
}

.bestellen input,select {
padding:1px;
background-color:#BFBFBF;
margin-left:auto;
margin-right:auto;
color:#000000;
border-style: solid; 
border-color: #010000 #6F716C #6F716C #010000; 
border-width: 1px; 
width:22em;
}

.button {
border-style: solid; 
border-color: #6F716C #010000 #010000 #6F716C; 
border-width: 1px; 
}

.button:active {
border-style: solid; 
border-color: #010000 #6F716C #6F716C #010000; 
border-width: 1px;
}

.floatleft {
float:left;
margin:0.5em;
border:0em;
}

#login {
margin-top:0.2em;
}

#logindiv input {
width:10em;
background-color:#BFBFBF;
color:#000000;
border-style: solid; 
border-color: #010000 #6F716C #6F716C #010000; 
border-width: 1px; 
}