/* Allgemein */
html {
overflow: auto;
overflow-x: hidden;
height: 100%;
}
html, body, img, div {
margin: 0;
padding: 0;
border: none;
}
body, p , ul, li, h1, h2, a, input, select, textarea {
color: #185584;
font: normal 12px Arial, Helvetica, sans-serif;
}
body {
background: url(../images/muster.gif);
height: 100%;
}
h1, h1 a {
font-size: 14px;
font-weight: bold;
margin: 0;
padding: 0;
}
h1 {
margin: 0 20px 11px 20px;
}
p {
padding: 0 0 12px 0;
margin: 0 20px;
line-height: 18px;
}
strong {
font-weight: normal;
}
.bold {
font-weight: bold;
}
/* Allgemein Ende */
/* Page */
#page {
position: relative;
background: url(../images/top_hg.png) 0px 0px repeat-x;
margin: 0 auto;
width: 1015px;
height: auto;
min-height: 750px;
padding: 0;
}
* html #page {
height: 100%;
}
#sh_left {
position: absolute;
background: url(../images/sh_left.gif) repeat-y;
width: 8px;
height: 90px;
top: 0px;
left: 0px;
margin: 0;
padding: 0;
}
#sh_right {
position: absolute;
background: url(../images/sh_right.gif) repeat-y;
width: 8px;
height: 90px;
top: 0px;
left: 1007px;
margin: 0;
padding: 0;
}
/* Page Ende */
/* Content */
#content {
position: absolute;
top: 90px;
padding: 0 8px;
margin: 0;
height: auto;
min-height: 642px;
background: url(../images/content_hg.gif) repeat-y;
border-bottom: 1px solid #66717e;
}
* html #content {
position: relative;
height: 750px;
border-bottom: none;
}
/* Content Ende */
/* Title WDH */
#title {
position: absolute;
top: 73px;
left: 83px;
z-index: 2;
color: #FFFFFF;
font-weight: normal;
}
#title h1 {
display: inline;
color: #FFFFFF;
font-weight: normal;
font-size: 12px;
margin: 0;
padding: 0;
}
/* Title WDH Ende*/
/* Index */
#index {
margin: 188px 6px 0 5px;
padding: 0 0 5px 0;
background: url(../images/menu_hg.gif) top repeat-x;
width: 620px;
float: left;
height: auto;
}
h1.top_hl {
padding: 6px 0 4px 0px;
margin: 0 0 4px 11px;
display: block;
height: 20px;
color: #FFFFFF;
font-weight: normal;
}
* html h1.top_hl {
height: 19px;
}
p.top_info {
background: #fb7101;
display: block;
height: 69px;
text-align: center;
color: #FFF;
font-size: 16px;
padding: 8px 0 0 0;
margin: -4px 0 20px 0;
line-height: 27px;
}
* html p.top_info {
height: 61px;
margin: -4px 0 19px 0;
}
ul, ol {
margin: 0 20px 7px 20px;
padding: 4px 12px 1px 12px;
border: 1px solid #fb7101;
width: 400px;
}
ul.index_list {
padding: 10px 12px 5px 12px;
width: 347px;
}
li {
list-style: none;
padding: 6px 0 4px 0;
min-height: 20px;
margin: 0;
border-bottom: 1px solid #fb7101;
}
li.last_p {
border-bottom: none;
}
* html li {
height: 20px;
}
ul.index_list li {
padding: 1px 0 1px 0;
border: none;
}
li a {
text-decoration: none;
}
li a:hover,
li a:active {
text-decoration: underline;
}
img.section_img {
margin: -5px 0 10px 20px;
}
* html img.section_img {
margin: -4px 0 10px 20px;
}
/* Index Ende */
/* Menu */
#main_menu, #box_right {
width: 186px;
margin: 188px 0 0 0;
padding: 3px 0 0 0;
background: url(../images/menu_hg.gif) top repeat-x;
float: left;
height: auto;
}
.menu_index {
padding: 3px 9px 9px 20px;
margin: 0;
height: auto;
}
.menu_index a {
color: #185584;
text-decoration: none;
padding: 0;
margin: 1px 0 5px 0;
font-size: 12px;
font-weight: normal;
display: block;
height: auto;
}
.menu_index h1 a {
margin: 0;
padding: 0;
font-size: 12px;
font-weight: normal;
}
.menu_index h1 {
display: block;
color: #185584;
margin: 0 0 5px 0;
padding: 0;
height: auto;
}
h1.menu_hl {
padding: 4px 0 0 11px;
margin-left: 0;
margin-right: 0;
color: #FFFFFF;
font-weight: normal;
font-size: 12px;
height: 14px;
}
* html h1.menu_hl {
height: 21px;
margin: 0 0 4px 0;
padding: 4px 0 0 11px;
}
h1.pl {
padding-top: 6px;
margin-left: 0;
margin-right: 0;
margin-bottom: 6px;
background: url(../images/menu_hg.gif) top repeat-x;
height: 18px;
}
* html h1.pl {
padding-top: 7px;
margin-bottom: 8px;
height: 18px;
}
/* Menu Ende */
/* Box Rechts */
#box_right {
position: relative;
width: 182px;
padding: 0;
height: auto;
padding: 0px;
}
#box_right #right_index img {
position: absolute;
top: 1px;
left: 5px;
margin: 0;
padding: 0;
float: right;
}
#right_index {
position: relative;
margin: 0;
padding: 0;
height: auto;
}
/* Box Rechts Ende */
/* Top Menu */
#top_menu {
position: absolute;
top: 0px;
padding-right: 16px;
}
#top_menu h1 {
display: block;
width: 68px;
height: 71px;
padding: 51px 0 0 0;
margin: 0 0 0 8px;
background: url(../images/menu_top_hg.gif) repeat-x;
font-weight: normal;
float: right;
text-align: center;
font-size: 11px;
}
#top_menu h1 a {
text-decoration: none;
font-weight: normal;
font-size: 11px;
}
/* Top Menu Ende */
/* Logo */
#logo {
position: absolute;
top: 90px;
left: 8px;
width: 999px;
height: 188px;
background: url(../images/logo.jpg) no-repeat;
padding: 0;
margin: 0;
}
#logo h1 {
position: absolute;
font-weight: normal;
font-size: 18px;
padding: 0;
margin: 0;
}
#logo h1.hl {
top: 55px;
left: 43px;
word-spacing: 1px;
}
#logo h1.hl_text {
top: 79px;
left: 119px;
font-size: 24px;
word-spacing: -1px;
}
#logo_hl {
position: absolute;
top: 34px;
left: 18px;
width: 370px;
height: 30px;
background: url(../images/logo_hl.jpg) no-repeat;
}
/* Logo Ende */
/* Formular */
form {
margin: 0 20px;
padding: 15px 0;
}
form div {
position: relative;
border: 1px solid #FFFFFF;
}
* html form div {
border: none;
}
form p {
margin: 15px 0 5px 0;
}
form div label {
display: block;
width: 172px;
float: left;
padding: 2px 0 1px 0;
margin: 0 50px 0 0;
border-bottom: 1px solid #fb7101;
}
input, select, textarea {
width: 252px;
border: 1px solid #185584;
background: #d5eafe;
height: 14px;
margin: 0 0 2px 0;
padding: 0;
font-weight: normal;
font-size: 11px;
}
select {
width: 54px;
height: 16px;
}
#Anrede, #optimiert {
width: auto;
}
#PLZ {
width: 41px;
margin-right: 3px;
}
#Ort {
width: 206px;
}
#senden {
margin-top: 25px;
width: 150px;
height: 20px;
}
textarea {
height: 100px;
overflow: auto;
}
.mailcopy {
width: 11px;
height: 11px;
background: none;
border: none;
}
.bezeichner {
padding-left: 5px;
font-size: 11px;
}
span.select_einh {
position: relative;
top: -2px;
left: -2px;
margin-right: 1px;
}
.mailcopy, #senden, .err_msg {
margin-left: 225px;
}
.err_msg {
margin-bottom: 2px;
font-size: 11px;
color: #fb7101;
}
.err {
border: 1px solid #fb7101;
background: #FFC14A;
}
.err_checkbox {
border: 1px solid #fb7101;
width: 12px;
background: none;
}
.einh {
position: relative;
top: -2px;
}
.rechnung{
margin-left:225px;
}
.rechnung input{
width:24px;
}
/* Formular Ende */
/* Impressum */
p.impr {
font-size: 11px;
}
p.itop {
position: relative;
width: 550px;
padding: 0;
}
p.itop span {
position: absolute;
right: 0px;
width: 185px;
}
* html p.itop span {
margin-top: -2px;
}
p.itop span a {
margin: 0;
padding: 0;
height: 12px;
}
h2.itop {
padding-top: 30px;
}
h2 {
margin-left: 20px;
margin-right: 20px;
font-size: 12px;
font-weight: bold;
}
/* Impressum Ende */