* {
padding : 0;
margin : 0;
}
body {
font-family : Arial, Helvetica, sans-serif;
color : #666666;
background-color : #ffffe1;
font-size : 0.9em;
margin : 20px 0 20px 0;
}
.wrapper {
width : 882px;
margin : 0 auto;
}
#border {
border : 1px solid #8ece5f;
margin : 0 0 10px 0;
background-color : #fff;
min-height : 676px;
float : left;
width : 880px;
}
* html #border {
height : 776px;
}
#header {
margin-left : 5px;
margin-right : 5px;
margin-top : 5px;
height : 83px;
background : #9acd34 url(header.jpg);
}
#header h1#headerline {
position : relative;
margin : 0;
padding : 0;
font : bolder 2.5em 'Trebuchet MS', Arial, Sans-serif;
letter-spacing : -2px;
text-transform : lowercase;
top : 10px;
left : 15px;
}
#headerline a {
color : #ffffff;
text-decoration : none;
}
#headerline a:hover {
color : #ffffff;
text-decoration : none;
}
#header h2#firmenslogan {
position : relative;
top : 10px;
left : 45px;
color : #ffffe1;
text-indent : 0;
font : bold 14px Tahoma, 'Trebuchet MS', Arial, Sans-serif;
text-transform : none;
}
#menu_oben {
height : 27px;
width : 870px;
background : #ffffff;
margin-left : 5px;
margin-right : 5px;
background : #ff6600 url(menu_bg.gif) repeat-x top center;
}
#menu_oben ul {
margin-top : 0;
padding-left : 0;
margin-left : 0;
background : #ff6600 url(menu_bg.gif) repeat-x top center;
color : white;
width : 770px;
font-family : verdana, arial, sans-serif;
font-size : 14px;
font-weight : bold;
}
#menu_oben ul li {
display : inline;
}
#menu_oben ul li a {
padding-top : 5px;
padding-bottom : 5px;
padding-left : 15px;
padding-right : 15px;
background : #ff6600 url(menu_bg.gif) repeat-x top center;
color : #ffffff;
text-decoration : none;
float : left;
border-right : 1px solid #fff;
}
#menu_oben ul li a:hover {
background : #ff6600 url(menu_hover_bg.gif) repeat-x top center;
color : #ffffff;
}
img {
display : inline;
border : none;
}
img.block {
display : block;
}
img.float {
float : left;
margin : 0 14px 10px 0;
}
#container-links {
margin : 6px 0 0 2px;
display : inline;
width : 240px;
float : left;
background-image : url(search-box.gif);
background-repeat : no-repeat;
min-height : 300px;
padding : 0;
}
* html #container-links {
height : 300px;
}
.container-links-innen {
display : inline;
width : 220px;
float : left;
background-image : url(search-box.gif);
background-repeat : no-repeat;
min-height : 40px;
padding-top : 10px;
padding-left : 14px;
padding-right : 10px;
margin-bottom : 17px;
}
* html .container-links-innen {
height : 40px;
}
#suche {
width : 206px;
}
.hauptcontainer {
min-height : 80px;
display : inline;
float : right;
margin-bottom : 7px;
margin-top : 6px;
margin-right : 1px;
width : 630px;
}
* html .maincontent {
height : 80px;
}
.center {
text-align : center;
}
.linke-spalte {
display : inline;
width : 235px;
float : left;
min-height : 125px;
margin-bottom : 7px;
}
* html .linke-spalte {
height : 125px;
}
.rand-unten {
margin-bottom : 6px;
}
.inhalt-hauptcontainer {
background-image : url(containerrand.gif);
background-repeat : repeat;
padding : 5px 14px 5px 14px;
height : 645px;
}
.inhalt-hauptcontainer-anmeldung {
background-image : url(containerrand.gif);
background-repeat : repeat;
padding : 5px 14px 5px 14px;
height : 577px;
}
.inhalt-hauptcontainer-erfolg-diabetiker {
background-image : url(containerrand.gif);
background-repeat : repeat;
padding : 5px 14px 5px 14px;
height : 577px;
}
.inhalt-hauptcontainer-formmail {
background-image : url(containerrand.gif);
background-repeat : repeat;
padding : 5px 14px 5px 14px;
height : 577px;
}
.inhalt-hauptcontainer-impressum {
background-image : url(containerrand.gif);
background-repeat : repeat;
padding : 5px 14px 5px 14px;
height : 577px;
}
.inhalt-hauptcontainer-kontakt {
background-image : url(containerrand.gif);
background-repeat : repeat;
padding : 5px 14px 5px 14px;
height : 577px;
}
.inhalt-hauptcontainer-seitenvorlage {
background-image : url(containerrand.gif);
background-repeat : repeat;
padding : 5px 14px 5px 14px;
height : 577px;
}
.inhalt-hauptcontainer-sitemap {
background-image : url(containerrand.gif);
background-repeat : repeat;
padding : 5px 14px 5px 14px;
height : 577px;
}
.inhalt-hauptcontainer-infos {
background-image : url(containerrand.gif);
background-repeat : repeat;
padding : 5px 14px 5px 14px;
height : 805px;
}
.inhalt-hauptcontainer-erfolg-bluthochdruck {
background-image : url(containerrand.gif);
background-repeat : repeat;
padding : 5px 14px 5px 14px;
height : 1345px;
}
.inhalt-hauptcontainer-erfahrungsberichte {
background-image : url(containerrand.gif);
background-repeat : repeat;
padding : 5px 14px 5px 14px;
height : 2285px;
}
.rand-mitte {
background-image : url(rand-mitte.gif);
background-repeat : repeat;
padding : 5px 14px 10px 14px;
}
.rand-links-oben {
background-image : url(left-heading.gif);
background-repeat : no-repeat;
padding : 9px 14px 5px 10px;
font-size : 16px;
color : #fff;
min-height : 11px;
font-weight : bold;
}
* html .rand-links-oben {
height : 11px;
}
h1 {
font-size : 17px;
color : #72c236;
}
h2 {
font-size : 15px;
color : #666666;
}
h3 {
font-size : 13px;
color : #666666;
}
input {
border : 1px solid #8ece5f;
width : 200px;
}
#feet {
font-size : 10px;
clear : both;
font-family : Verdana, Arial, Helvetica, sans-serif;
margin-bottom : 5px;
}
#feet .feet-links {
float : left;
}
#feet .feet-rechts {
float : right;
}






a:link {
color : #006600;
text-decoration : underline;
}
a:hover {
color : #009e00;
text-decoration : none;
}

a:visited {
 color: #000000;
 text-decoration: underline;
}




.formwidthleft {
width : 300px;
}
.formwidthright {
width : 190px;
}
.formwidth {
width : 651px;
}





#formular_infos {
margin : 0 auto;
padding : 0;
width : 600px;
}
#formular {
padding : 0;
width : 520px;
}
form {
margin : 0;
padding : 0;
}
.formular {
border : 1px solid #72c236;
text-align : left;
color : #666;
font-size : 1em;
line-height : 1.5em;
width : 244px;
height : 18px;
margin-bottom : 0.6em;
}
.formular_textarea {
border : 1px solid #666666;
text-align : left;
color : #666;
font-size : 1em;
padding : 0;
line-height : 1.5em;
width : 246px;
}
.formular_bestellung {
border : 1px solid #666666;
text-align : left;
color : #666;
font-size : 1em;
padding : 0;
line-height : 1.5em;
width : 35px;
height : 18px;
}
.formular_strasse {
border : 1px solid #666666;
text-align : left;
color : #666;
font-size : 1em;
padding : 0;
line-height : 1.5em;
width : 208px;
height : 18px;
}
.formular_hausnummer {
border : 1px solid #666666;
text-align : left;
color : #666;
font-size : 1em;
padding : 0;
line-height : 1.5em;
width : 30px;
height : 18px;
}
.formular_plz {
border : 1px solid #666666;
text-align : left;
color : #666;
font-size : 1em;
padding : 0;
line-height : 1.5em;
width : 40px;
height : 18px;
}
.formular_ort {
border : 1px solid #666666;
text-align : left;
color : #666;
font-size : 1em;
padding : 0;
line-height : 1.5em;
width : 198px;
height : 18px;
}
fieldset {
width : 490px;
border : 1px solid #999;
padding : 10px;
margin : 5px;
text-align : left;
}
field {
width : 490px;
padding : 10px;
margin : 5px;
text-align : left;
}
fieldset:hover {
border-color : #333;
}
legend {
font-size : 1.1em;
color : #666;
font-weight : bold;
padding : 5px;
margin : 5px;
background : none;
}
select {
border : 1px solid #666;
padding-left : 0.3em;
margin-bottom : 0.6em;
background : #fff;
width : 100px;
}
option {
color : #900;
}
textarea {
width : 244px;
border : 1px solid #666;
}
textarea:focus {
border-color : #a90000;
}
.bestellung {
width : 25px;
vertical-align : top;
}
.plz {
width : 50px;
}
.ort {
width : 180px;
}
.strasse {
width : 200px;
}
.hausnummer {
width : 30px;
}
.submitbutton {
width : 123px;
background : #666;
border : 1px solid;
border-color : #999 #333 #333 #999;
color : #fff;
cursor : pointer;
padding : 0;
margin-left : 0;
text-align : center;
}
.submitbutton:hover {
background : #ca5405;
color : #fff;
border : 1px solid;
border-color : #c00 #990100 #990100 #c00;
}
#formular {
margin : 0 auto;
padding : 0;
width : 520px;
}
.field {
font : 12px Verdana, Arial;
color : #000000;
background-color : #ffffff;
border : 1px solid #000000;
}
.button {
font : 12px Arial;
color : #000000;
background-color : #cccccc;
border : 1px solid #999999;
}
.textausrichtung {
width : 540px;
vertical-align : bottom;
text-align : left;
border : none;
}
#newsletter {
width : 15px;
border : none;
}