body { /*background-image:url(../img/background_homepage.jpg); background-repeat: repeat;*/ font-family: Verdana, Arial; font-size: 12px; color: #585857; width: 100%; height: 100%; padding: 0; margin: 0; }

#body-background { position:absolute; z-index:1; width:100%; height:100%; }

#inhalt { height:100%; left:0; overflow:auto; position:absolute; top:0; width:100%; z-index:2; }
#inhalt .inhalt_inner { width: 1000px; margin-left: auto; margin-right: auto; box-shadow: 0 0 6px #999999; background:#fff; }


#topbar { float:right; text-align:center; width:300px; height:25px; padding-top:5px;
background-image:url(../img/background_topbar.jpg);
background-color: /*#ffd000;*/ #2aaf24;
    display: inline-block;
    color: /*#585857;*/ #fff;
    font-weight:bold;
    }
#topbar a { color: /*#585857;*/ #fff;
    font-size: 14px;
    text-decoration: none; }

#menubar { float:right; width: 100%; }


#head { height:160px; }


#logo { color:#2aaf24; font-weight:bold; font-size:35px; float:left; margin-left:80px; margin-top:20px; width:920px; height:100px; }


.containerslider { border-top: 6px solid #2aaf24; }

#content { float:left; padding:10px; min-height:240px; background-color:#fff; }
#content_detail { float:left; padding-left:100px; padding-top:64px; padding-bottom:55px; width:900px; min-height:240px; background-color:#fff; }

.startseite { margin:0 0 5px 28px; width:520px; }


#footer { background-color:#dadada; background: url(../img/background_footer.jpg); height:115px; font-weight:bold; }
#footer .footer_menue { float:left; padding-left:100px; padding-top:23px; width:550px; line-height:2em; }
#footer .footer_menue a { padding-right:15px; }


#kontakt_adresse { float:right; width:250px; }
#kontakt_adresse p { text-align:right; margin:0; }


.impressum { float:left; width:300px; }
.impressum p { text-align:left; margin:0; }

#impressum_hinweise { width:100%; }
#impressum_hinweise ul { list-style-type:decimal !important; }
#impressum_hinweise li { font-weight:bold; }
#impressum_hinweise p { margin-left:40px; margin-right:40px; }


/* allgemeine anweisungen */
.clear { clear:both; }
.rot { color:#e03426; }

.menue_rahmen { border-top:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0; }


h1 { margin:0; font-size: 20px; }
p { text-align: justify; }

a { text-decoration: none; color: #585857; cursor:pointer; }
a:hover, #topbar a:hover { color:#000 }


/* kontakt_oben */
.row { background-color: #E6E6E6; }
.row p { margin: 0 0 12px; text-align:left; }
.row .grau { color: #666666; }
.row .well { background-color: #F5F5F5; border: 1px solid #E3E3E3; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset; padding:19px; }
.row .ueberschrift { font-size: 24px; font-family: OpenSansSemibold,Arial,Helvetica,sans-serif; line-height:10px; }
.row img { border: 0; height:auto; max-width:100%; vertical-align:middle; }
.row .tel_highlight { background-color: #2F96B4; opacity: 0.65; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); border-radius:6px; font-size:17.5px; padding: 11px 19px; border-style:solid; border-width:1px; display:inline-block; line-height:20px; margin-bottom:0; text-align:center; vertical-align:middle; }

.button_kontaktformular_oben { background-color: fff; border-color: #2aaf24; color: #2aaf24; font-size: 16px; width: 308px;  border-radius: 4px;
 border-style: solid;
 border-width: 1px;
 box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
 cursor: pointer;
 display: inline-block;
 line-height: 20px;
 margin: auto auto 0;
 padding: 12px 0 2px;
 text-align: center;
 text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
 vertical-align: middle;
 height: 30px; }

/* infozeile für meldungen z.b. kontaktformular */
.infozeile { border-style: solid; border-width: 1px; border-radius: 4px; display: block; font-weight: bold; height: auto; margin: auto auto 10px; padding: 4px 6px; text-align: center; }
.infozeile_negativ { background-color: #F2DEDE; border-color: #EED3D7; color: #B94A48; } /* rot */
.infozeile_positiv { background-color: #DFF0D8; border-color: #D6E9C6; color: #468847; } /* gruen */



.footerspalte ul { list-style:none; margin:0; padding:0; }
.footerspalte ul li { position: relative; }
.footerspalte li { text-align:left; font-size:12px; }
.footerspalte li ul li { margin-left:10px; }
.footerspalte a { text-align:center; padding: 0 30px; }


/* kontaktformular */
#form { float: left; width: 400px; }
#form p { margin: 0; }
input.input_web { visibility:hidden; width:0; height:0; display:none; }
a.send_button {  width: 200px; border: 1px solid #990000; display: block; font-size: 17px; font-weight: bold; height: 25px; margin-left: auto; margin-right: auto; margin-top: 10px; padding-bottom: 5px; padding-top: 5px; text-align: center; text-decoration: none; vertical-align: middle; background-color: #49AFCD; background-image: linear-gradient(to bottom, #5BC0DE, #2F96B4); background-repeat: repeat-x; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); color: #FFFFFF; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); cursor:pointer; }
a.send_button:hover { background-color: #2F96B4; background-image: linear-gradient(to bottom, #2F96B4, #2F96B4); background-repeat: repeat-x; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); color: #FFFFFF; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); cursor:pointer; }
input, textarea { width:100%; background-color: #FFFFFF; border: 1px solid #CCCCCC; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s; border-radius: 4px 4px 4px 4px; color: #555555; display: inline-block; font-size: 14px; line-height: 20px; margin-bottom: 10px; padding: 4px 6px; vertical-align: middle; }
input { height:30px; }
textarea { height:209px; }
input:focus, textarea:focus, input:hover, textarea:hover, #vorschaltseite:hover { border-color: rgba(82, 168, 236, 0.8); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6); outline: 0 none; }
#kontakt_nachricht { width:563px; border-radius: 4px 4px 4px 4px; margin-bottom: 20px; padding: 8px 35px 8px 14px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); }
#kontakt_nachricht span { display:block; font-weight:bold; text-align:center; }
.info_negativ { background-color: #F2DEDE; border:1px solid #EED3D7; color: #B94A48; }
.info_positiv { background-color: #DFF0D8; border:1px solid #D6E9C6; color: #468847; }




#produktseite { float:left; width:426px; height:150px; border:1px solid #cccccc; text-align:center; padding:20px; margin:20px 10px 0 10px; }
#produktseite.weiter { margin-left:20px; }
#produktseite img { float:left; }
#produktseite .textbox { float:left; margin-left:15px; width:310px; }
#produktseite span { display:block; font-weight:bold; }
#produktseite p { margin:10px; }

.unterseite { margin:5px 0 5px 0; }

#content_detail .textbox, #content_detail .textbox1 { float:left; width:100%; }
#content_detail .einzelbild { float:right; margin-left:56px; margin-bottom:10px; }

.aufzaehlung_li { float:left; width:200px; }
.aufzaehlung_re { float:left; width:630px; }

.textbox, .textbox1 { font-size:15px; }
.textbox ul { margin:0; padding:0; }
.textbox li { list-style:disc outside; margin-bottom: 10px; margin-left:40px; }

.textbox1 li { list-style:none; margin-bottom: 40px; margin-left:0px; }
.textbox1 ul { margin:0; padding:0; }
.textbox1 ul li ul { margin-left:30px; margin-top:10px; }


#kundenprodukt h2 { color:#2aaf24; font-size:15px; }
#kundenprodukt .produktbild { float:left; width:140px; }
#kundenprodukt .produkttext { float:left; width:500px; font-size:14px; }
#kundenprodukt .produktbutton, .produktbutton { float: right; margin-right: 50px; margin-top:30px; padding: 10px; border-radius: 5px; border: 2px solid #2aaf24; color:#2aaf24; font-weight: bold; }
#kundenprodukt .produktbutton:hover, .button_kontaktformular_oben:hover { border-color:#1422a3; color:#1422a3; background-color:#bfc5fc; cursor:pointer }
