/* 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: #7C7C7C;
font: normal 12px Georgia, "Times New Roman", Times, serif;
}
body {
background: url(../images/muster.gif);
height: 100%;
}
h1, h1 a {
font-size: 14px;
font-weight: bold;
}
p {
padding: 0 0 14px 0;
margin: 0;
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 no-repeat;
margin: 0 auto;
width: 1014px;
height: auto;
min-height: 750px;
}
* html #page {
height: 100%;
}
/* Page Ende */
/* Content */
#content {
position: absolute;
top: 26px;
padding: 0 0 26px 0;
margin: 0;
height: auto;
min-height: 600px;
border-left: 8px solid #FFFFFF;
border-right: 7px solid #FFFFFF;
background: #FFFFFF url(../images/content_hg.gif) repeat-y;
}
* html #content {
position: relative;
height: 750px;
margin: 0 0 26px 0;
padding: 0;
}
#content_b {
display: none;
}
* html #content_b {
display: block;
position: relative;
background: url(../images/contentb_hg.gif) top no-repeat;
margin: 0;
padding: 0;
height: 4px;
}
/* Content Ende */
/* Title WDH */
#title {
position: absolute;
top: 44px;
left: 223px;
z-index: 2;
color: #FFFFFF;
font-weight: normal;
font-size: 16px;
}
#title h1 {
display: inline;
color: #FFFFFF;
font-weight: normal;
font-size: 16px;
margin: 0;
padding: 0 0 0 5px;
}
/* Title WDH Ende*/
/* Index */
#index {
margin: 269px 0 0 0;
padding: 5px 10px 0 20px;
background: #FFF url(../images/index_hg.gif) top center no-repeat;
width: 597px;
border-left: 12px solid #FDE7D3;
border-right: 12px solid #FDE7D3;
float: left;
height: auto;
}
h1.top_hl {
padding-top: 94px;
margin-bottom: 23px;
display: block;
height: 34px;
border-bottom: 1px solid #E96815;
color: #E96815;
font-size: 18px;
font-weight: normal;
}
div.content_left h1.top_hl {
width: 321px;
}
div.content_left {
width: 325px;
float: left;
margin-right: 18px;
}
div.content_right {
width: 254px;
float: right;
}
div.content_right img {
position: relative;
right: 0px;
margin: 2px -15px 20px -4px;
border-bottom: 1px solid #E96815;
}
ul {
margin: 7px 0 7px 23px;
padding: 0;
}
* html ul {
margin: 7px 0 7px 17px;
}
li {
list-style: url(../images/arrow.jpg);
padding: 1px 0 1px 0;
min-height: 20px;
margin: 0;
}
* html li {
padding: 1px 0 1px 8px;
height: 20px;
}
li a {
text-decoration: none;
}
li a:hover,
li a:active {
text-decoration: underline;
}
.vkt {
display: inline;
float: right;
margin: 4px 0 5px 20px;
padding: 0;
border: none;
text-align: center;
}
.vkt img {
margin: 0 0 5px 0;
padding: 0;
}
/* Index Ende */
/* Menu */
#main_menu {
border-left: 9px solid #FDE7D3;
}
#main_menu, #box_right {
width: 165px;
margin: 269px 0 0 0;
padding: 3px 0 0 0;
background: #FFA534 url(../images/menu_hg.gif) top center no-repeat;
float: left;
height: auto;
}
.menu_index {
background-color: #F97B00;
border: 2px solid #FFA534;
border-bottom: none;
padding: 12px;
margin: 0;
height: auto;
color: #FFFFFF;
font-size: 12px;
font-weight: normal;
}
.menu_index p {
padding: 5px 0 5px 4px;
color: #FFFFFF;
font-size: 12px;
font-weight: normal;
line-height: 110%;
}
.menu_index a {
color: #FFFFFF;
text-decoration: none;
padding: 0;
margin: 1px 0 0 0;
font-size: 12px;
font-weight: normal;
}
* html .menu_index a {
margin: 1px 0 0 4px;
}
* html .menu_index p a {
margin-left: 0;
}
.menu_index h1 a {
margin: 0;
font-size: 12px;
font-weight: normal;
}
.menu_index h1.sub_menu a{
font-size:11px;
padding-left:8px;
text-align:left;
}
.menu_index h1 {
display: block;
color: #FFFFFF;
margin: 0 0 5px 8px;
padding: 0;
text-indent:-8px;
}
h1.menu_hl {
padding: 1px 0 0 3px;
color: #FFFFFF;
margin: 0;
font-weight: normal;
font-size: 12px;
}
h1.pl {
padding: 3px 0 1px 3px;
}
* html h1.pl {
padding: 3px 0 1px 7px;
}
/* Menu Ende */
/* Box Rechts */
#box_right {
position: relative;
/*top: 299px;
margin: -4px 0 0 823px;*/
margin: 269px 0 0 0;
padding: 0;
height: auto;
float: right;
border-right: 9px solid #FDE7D3;
}
#box_right #right_index img {
position: absolute;
top: 0px;
left: 1px;
margin: 0;
padding: 0;
border: none;
float: right;
}
#right_index {
position: relative;
margin: 5px 0 0 0;
padding: 0;
border: none;
height: auto;
}
/* Box Rechts Ende */
/* Top Menu */
#top_menu {
position: absolute;
top: 7px;
padding-left: 737px;
}
#top_menu h1 {
display: inline;
margin-left: 13px;
padding-left: 20px;
background: url(../images/arrow_top.gif) left 3px no-repeat;
font-weight: normal;
}
* html #top_menu h1 {
background: url(../images/arrow_top.gif) left top no-repeat;
}
#top_menu h1 a {
font-size: 11px;
text-decoration: none;
font-weight: normal;
}
/* Top Menu Ende */
/* Logo */
#logo {
position: absolute;
top: 26px;
width: 1014px;
height: 269px;
background: #FFFFFF url(../images/logo.jpg) center no-repeat;
}
#logo h1 {
position: absolute;
font-weight: normal;
font-size: 24px;
color: #FFFFFF;
}
#logo h1.hl {
margin: 0;
top: 10px;
left: 22px;
}
#logo h1.hl_text {
top: 68px;
left: 422px;
font-size: 17px;
margin: 0;
}
#logo h1.hl_text2 {
top: 92px;
left: 477px;
font-size: 20px;
font-weight: bold;
margin: 0;
}
/* Logo Ende */
/* Formular */
form {
margin: 0;
padding: 15px 0;
}
form div {
position: relative;
border: 1px solid #FFFFFF;
}
* html form div {
border: none;
}
form div label {
display: block;
width: 172px;
float: left;
padding: 2px 0 1px 0;
margin: 0 50px 0 0;
border-bottom: 1px solid #FFA534;
}
input, select, textarea {
width: 252px;
border: 1px solid #F97B00;
background: #FFA534;
height: 14px;
color: #000000;
margin: 0 0 2px 0;
padding: 0;
letter-spacing: 0px;
font-weight: normal;
font-size: 11px;
}
select {
width: 54px;
height: 16px;
}
#Anrede {
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;
letter-spacing: 0px;
}
.mailcopy, #senden, .err_msg {
margin-left: 225px;
}
.err_msg {
margin-bottom: 2px;
font-size: 11px;
color: #C80000;
}
.err {
border: 1px solid #C80000;
background: #FFC14A;
color: #000000;
}
.err_checkbox {
border: 1px solid #C80000;
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 {
font-size: 12px;
font-weight: bold;
}
/* Impressum Ende */