html {
margin: 0;
padding: 20px 0 20px 0;
font-size: 100.01%;
}

body {
margin: 0 auto 0 auto;
padding: 0;
background-color: #fff;
color: #5c5b4d;
font-size: 1.2em;
width: 1000px;
}

h1.topmenue {
font-family: trebuchet ms,arial,helvetica,sans-serif;
padding: 0 0 0 0.15em;
margin: 0;
font-size: 1.25em;
text-transform: uppercase;
color: #fff;
font-weight: normal;
width: auto;
background-color: #fff;
border-top: 1px solid #cacaca;
}

div#wip {
position:absolute;
top:50%;
left:50%;
width:20em;
height:20em;
margin-left:-10em;
margin-top:-10em;
color: #000;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 0.75em;
}

div#wip span {
font-family: times, garamond, serif;
font-size: 2em;
font-weight: bold;
}

span#home {
height: 180px;
width: 285px;
border: 0;
margin: 0;
padding: 0;
float: left;
}

/*------BOXES------*/

div#header {
width: 1000px;
height: 180px;
background-color: #fff;
background-image: url(header.jpg);
background-repeat: no-repeat;
border-bottom: 1px solid #cacaca;
}

div#menue {
width: 285px;
float: left;
margin: 0;
padding: 0 0 204px 0;
background-color: #fff;
background-image: url(fische.gif);
background-repeat: no-repeat;
background-position: bottom center;
}

div#main {
margin: 0 0 0 285px;
padding: 0 0 15px 0;
background-color: #fff;
border-collapse: collapse;
}

div#footer {
clear: both;
font-family: trebuchet ms,arial,helvetica,sans-serif;
font-size: 0.5em;
text-align: right;
padding: 0;
margin: 0 0 0 285px;
height: 30px;
background-image: url(bg-blau.gif);
border-top: 1px solid #d1d937;
}

div#map {
width: 500px;
height: 400px;
margin: 0 0 0 5px;
}

/*------MAIN------*/

h1 {
font-family: trebuchet ms,arial,helvetica,sans-serif;
padding: 0 0 0 0.15em;
margin: 0;
font-size: 1.25em;
text-transform: uppercase;
color: #fff;
font-weight: normal;
width: auto;
background-color: #d1d937;
background-image: url(h1-bg.gif);
border-bottom: 1px solid #cacaca;
}

h2 {
font-family: trebuchet ms,arial,helvetica,sans-serif;
padding: 0em;
margin: 15px 0 0.75em 5px;
text-transform: uppercase;
font-size: 0.8em;
font-weight: normal;
text-transform: uppercase;
color: #a0a12e;
}

h2 span {
font-size: 0.75em;
}

h3 {
font-family: trebuchet ms,arial,helvetica,sans-serif;
padding: 0 5px 0 5px;
margin: 0 0 0.5em 0;
font-size: 0.7em;
font-weight: bold;
color: #fff;
background-color: #d1d937;
}

div#main p {
font-family: trebuchet ms,arial,helvetica,sans-serif;
padding: 0;
margin: 1em 0 0 5px;
font-size: 0.7em;
color: #5c5b4d;
}

p.referenz {
font-family: trebuchet ms,arial,helvetica,sans-serif;
padding: 0;
margin: 0;
font-size: 0.7em;
height: 100px;
color: 5c5b4d;
}

.clear {
clear: right;
height: 1px;
}

div#main li {
font-family: trebuchet ms,arial,helvetica,sans-serif;
font-size: 0.7em;
color: 5c5b4d;
}

div.hr {
border-bottom: 1px dotted #cacaca;
margin: 20px 0 0 5px;
clear: right;
}

div#main ul {
margin: 0;
}

/*------FORMULAR------*/

table#formular {
border: 0;
border-collapse: collapse;
margin: 0 0 0 5px;
}

td.form {
font-size: 0.6em;
font-family: trebuchet ms, sans-serif;
width: 8em;
}

td.hinweis {
font-size: 0.6em;
font-family: trebuchet ms, sans-serif;
}

/*------IMAGES------*/

div#header img {
border: 0;
width: 1000px;
height: 200px;
float: left;
}

div#footer img {
float: left;
height: 30px;
width: 30px;
}

img.top {
margin: 20px 0 0 0;
float: right;
width: 80px;
height: 20px;
border: 0;
}

img.referenz {
width: 300px;
border: 1px solid #cacaca;
float: right;
margin: 0 0 15px 5px;
vertical-align: text-top;
}

img.standard {
width: 300px;
border: 1px solid #000;
margin: 0 0 10px 10px;
vertical-align: text-top;
}

/*------TABELLEN------*/

table.bestellen {
margin: 0 0 0 5px;
font-family: trebuchet ms,arial,helvetica,sans-serif;
border-collapse: collapse;
}

table.bestellen th {
font-size: 0.7em;
color: #000;
padding: 3px;
vertical-align: top;
text-align: left;
}

table.bestellen td {
font-size: 0.7em;
color: #000;
padding: 3px;
vertical-align: top;
text-align: left;
}

table#angebot {
margin: 0 0 20px 5px;
font-family: trebuchet ms,arial,helvetica,sans-serif;
border-collapse: collapse;
background-color: #fff;
border: 0;
}

table#angebot th {
padding: 3px;
font-size: 0.75em;
}

table#angebot th.ab {
padding: 3px;
border: 0;
background-color: #d1d937;
}

table#angebot th.cd {
padding: 3px;
border: 0;
background-color: #fff;
color: #000;
}

table#angebot td {
border: 0;
vertical-align: top;
padding: 3px;
font-size: 0.7em;
}

table#angebot td.ab {
border: 0;
vertical-align: top;
padding: 3px;
font-size: 0.7em;
background-color: #d1d937;
}

table#angebot td.cd {
border: 0;
vertical-align: top;
padding: 3px;
font-size: 0.7em;
background-color: #fff;
color: #000;
}

table#begriffe {
margin: 0 0 0 5px;
font-family: trebuchet ms,arial,helvetica,sans-serif;
border-collapse: collapse;
background-color: #fff;
border: 0;
}

table#begriffe th {
padding: 3px;
font-size: 0.7em;
text-align: left;
vertical-align: top;
}

table#begriffe th.ab {
padding: 3px;
border: 0;
background-color: #eee;
color: #5c5b4d;
}

table#begriffe th.cd {
padding: 3px;
border: 0;
background-color: #fff;
color: #5c5b4d;
}

table#begriffe td {
border: 0;
vertical-align: top;
padding: 3px;
font-size: 0.7em;
}

table#begriffe td.ab {
border: 0;
vertical-align: top;
padding: 3px;
font-size: 0.7em;
background-color: #eee;
color: #5c5b4d;
}

table#begriffe td.cd {
border: 0;
vertical-align: top;
padding: 3px;
font-size: 0.7em;
background-color: #fff;
color: #5c5b4d;
}

/*------MENUE------*/

ul#menueleiste {
width: 285px;
margin: 0;
padding: 0;
text-align: left;
}

ul#menueleiste li {
list-style: none;
width: 285px;
}

ul#menueleiste a:link {
display: block;
padding: 10px 10px 10px 0;
background-color: #fff;
background-image: url(bg.gif);
color: #5c5b4d;
font-family: trebuchet ms,arial,helvetica,sans-serif;
font-size: 1em;
text-decoration: none;
border-bottom: 1px dotted #cacaca;
}

ul#menueleiste a:visited {
display: block;
padding: 10px 10px 10px 0;
background-color: #fff;
background-image: url(bg.gif);
color: #5c5b4d;
font-family: trebuchet ms,arial,helvetica,sans-serif;
font-size: 1em;
text-decoration: none;
border-bottom: 1px dotted #cacaca;
}

ul#menueleiste a:focus {
display: block;
padding: 10px 10px 10px 0;
background-color: #d1d937;
background-image: url(bg.gif);
border-left: 15px solid #60aec4;
color: #5c5b4d;
font-family: trebuchet ms,arial,helvetica,sans-serif;
font-size: 1em;
border-bottom: 1px dotted #cacaca;
}

ul#menueleiste a:hover {
display: block;
padding: 10px 10px 10px 5px;
background-color: #d1d937;
background-image: url(bg.gif);
border-left: 15px solid #60aec4;
color: #5c5b4d;
font-family: trebuchet ms,arial,helvetica,sans-serif;
font-size: 1em;
border-bottom: 1px dotted #cacaca;
}

ul#menueleiste a:active {
display: block;
padding: 10px 10px 10px 5px;
background-color: #d1d937;
background-image: url(bg.gif);
border-left: 15px solid #60aec4;
color: #5c5b4d;
font-family: trebuchet ms,arial,helvetica,sans-serif;
font-size: 1em;
border-bottom: 1px dotted #cacaca;
}

ul#menueleiste span {
display: block;
padding: 10px 10px 10px 5px;
background-color: #ddd;
background-image: none;
border-left: 15px solid #60aec4;
text-transform: uppercase;
color: #5c5b4d;
font-weight: bold;
font-family: trebuchet ms,arial,helvetica,sans-serif;
font-size: 1em;
border-bottom: 1px dotted #cacaca;
}

/*---*/

ul#menueleiste li ul {
width: 285px;
margin: 0;
padding: 0;
text-align: left;
}

ul#menueleiste li ul li {
list-style: none;
padding: 0;
}

ul#menueleiste li ul a:link {
padding: 5px;
width: 260px;
font-family: trebuchet ms,arial,helvetica,sans-serif;
font-size: 0.6em;
border-bottom: 1px dotted #cacaca;
border-left: 15px solid #60aec4;
}

ul#menueleiste li ul a:visited {
padding: 5px;
width: 260px;
font-family: trebuchet ms,arial,helvetica,sans-serif;
font-size: 0.6em;
border-bottom: 1px dotted #cacaca;
border-left: 15px solid #60aec4;
}

ul#menueleiste li ul a:focus {
padding: 5px;
width: 260px;
font-family: trebuchet ms,arial,helvetica,sans-serif;
font-size: 0.6em;
border-bottom: 1px dotted #cacaca;
border-left: 15px solid #60aec4;
background-image: url(bg-blau.gif);
}

ul#menueleiste li ul a:hover {
padding: 5px;
width: 260px;
font-family: trebuchet ms,arial,helvetica,sans-serif;
font-size: 0.6em;
border-bottom: 1px dotted #cacaca;
border-left: 15px solid #60aec4;
background-image: url(bg-blau.gif);
}

ul#menueleiste li ul a:active {
padding: 5px;
width: 260px;
font-family: trebuchet ms,arial,helvetica,sans-serif;
font-size: 0.6em;
border-bottom: 1px dotted #cacaca;
border-left: 15px solid #60aec4;
background-image: url(bg-blau.gif);
}

ul#menueleiste li ul span {
padding: 5px;
background-image: none;
background-repeat: no-repeat;
background-position: left center;
width: 260px;
font-family: trebuchet ms,arial,helvetica,sans-serif;
font-size: 0.6em;
font-weight: bold;
border-bottom: 1px dotted #cacaca;
border-left: 15px solid #60aec4;
}

/*------HEADER-MENUE------*/

ul#h-menue {
margin: 0;
padding: 0;
}

ul#h-menue li {
display: inline;
font-family: trebuchet ms,arial,helvetica,sans-serif;
font-size: 0.7em;
}

ul#h-menue a:link {
float: right;
width: 5em;
padding: 5px 5px 7px 5px;
margin-top: 1px;
background-color: #fff;
background-image: url(bg.gif);
color: #5c5b4d;
border-bottom: solid 1px #cacaca;
border-left: 1px solid #cacaca;
text-align: center;
text-decoration: none;
}

ul#h-menue a:visited {
float: right;
width: 5em;
padding: 5px 5px 7px 5px;
margin-top: 1px;
background-color: #fff;
background-image: url(bg.gif);
color: #5c5b4d;
border-bottom: solid 1px #cacaca;
border-left: 1px solid #cacaca;
text-align: center;
text-decoration: none;
}

ul#h-menue a:focus {
float: right;
width: 5em;
padding: 15px 5px 7px 5px;
margin-top: 1px;
background-color: #d1d937;
color: #5c5b4d;
border-top: solid 5px #d1d937;
border-bottom: solid 1px #cacaca;
text-align: center;
text-decoration: none;
}

ul#h-menue a:hover {
float: right;
width: 5em;
padding: 15px 5px 7px 5px;
margin-top: 1px;
background-color: #d1d937;
color: #5c5b4d;
border-top: solid 5px #d1d937;
border-bottom: solid 1px #cacaca;
text-align: center;
text-decoration: none;
}

ul#h-menue a:active {
float: right;
width: 5em;
padding: 15px 5px 7px 5px;
margin-top: 1px;
background-color: #d1d937;
color: #5c5b4d;
border-top: solid 5px #d1d937;
border-bottom: solid 1px #cacaca;
text-align: center;
text-decoration: none;
}

ul#h-menue span {
float: right;
width: 5em;
padding: 15px 5px 7px 5px;
margin-top: 1px;
background-color: #d1d937;
color: #fff;
border-top: solid 5px #d1d937;
text-transform: uppercase;
font-weight: bold;
border-bottom: solid 1px #cacaca;
text-align: center;
}

/*-----LINKS-----*/

a {
color: #60aec4;
}