html{color:#000;background:#FFF}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
li{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{font-variant:normal}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top}
sub {vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
/*because legend doesn't inherit in IE */
legend{color:#000}

html, body, #bg, #bg table, #bg td, #wrap { width:100%; height:100%; overflow:hidden; }
html, body { font: 14px Calibri, Arial, Verdana, Tahoma; }
#bg div { position:absolute; width:200%; height:200%; top:-50%; left:-50%; }
#bg td { vertical-align:middle; text-align:center; }
#bg img { min-height:50%; min-width:50%; margin:0 auto; display:block; }
#wrap { position: absolute; top: 0; left: 50%; z-index: 70; overflow: auto; width: 900px; margin-left: -450px; margin-top: 0px; background: url(../img/bg_content.gif) top center repeat; text-align: center; overflow: auto; padding-bottom: 100px; }
#titlewrap { width: 800px; height: 202px; margin: 0 50px 0 50px; text-align: left; }
#titlewrap .logo { float: left; }
#titlewrap .pefc { float: right; z-index: 100; }
#titlewrap .navi { width: 500px; height: 202px; background: #fff; float: right; z-index: 99; }
#titlewrap a { display: block; width: 490px; padding: 7px 0 0 10px; background: url(../img/button.jpg) top center repeat; height: 25px; color: #000; text-decoration: none; font-weight: bold; }
#titlewrap a:hover { color: #fff; background: url(../img/button_hover.jpg) top center repeat; }
#titlewrap a.Current, #titlewrap a:hover .Current { color: #fff; background: url(../img/button_hover.jpg) top center repeat; }
#titlewrap a.Company  { display: block; width: 490px; padding: 7px 0 0 10px; background: url(../img/button_company.jpg) top center repeat; height: 25px; color: #000; text-decoration: none; font-weight: bold; }
#titlewrap a:hover.Company  { color: #fff; background: url(../img/button_hover.jpg) top center repeat; }
#titlewrap a.pefc, #titlewrap a:hover.pefc { border: 0; margin: 0; padding: 0; }
#titlewrap .naviline { background: #ecebd4; height: 2px; }

#contentwrap { width: 750px; background: #ecebd4; margin: 0 50px 0 50px; padding: 25px; text-align: left; }
#contentwrap h1 { color: #000; font-size: 2em; font-weight: bold; margin: 25px 0 25px 0; }
#contentwrap h2 { color: #2D593A; font-weight: bold; font-size: 1.2em; margin: 30px 0 15px 0; }
#contentwrap li h2 { color: #2D593A; font-weight: bold; font-size: 1.2em; margin: 15px 0 0 0; }
#contentwrap p.justify { text-align: justify; }
#contentwrap p { line-height: 20px; }
#contentwrap img { border: 1px solid #2D593A; padding: 1px; }
#contentwrap img.left { float: left; margin-right: 25px; }
#contentwrap img.right { float: right; margin-left: 25px; }
#contentwrap ul { margin: 10px 0; }
#contentwrap li { list-style: disc outside; margin-left: 15px; line-height: 20px; }
#contentwrap ul ul { margin: 0;}
#contentwrap li li { margin-left 25px; list-style: disc outside; }
#contentwrap strong { font-weight: bold; }
#contentwrap a { color: #2D593A; text-decoration: none; }
#contentwrap a:hover { color: #2D593A; text-decoration: underline;}
.clear { clear: both; display: block; width: 100%; height: 25px; }
#contentwrap div.floatleft { width: 300px; padding-right: 25px; float: left; display: block; }
#contentwrap div.disclaimer { width: 375px; display: block; float: right; font-size: 0.8em; text-align: justify; }
#contentwrap div.formular { width: 375px; display: block; float: right;  }
#contentwrap .preisliste td { padding: 2px 5px; width: 350px;  }
#contentwrap .preisliste h2 { color: #2D593A; font-weight: bold; font-size: 1.2em; margin: 0; }
#contentwrap .sorten td { padding: 2px 5px; }
#contentwrap .sorten td.first { font-weight: bold; width: 100px; }


#footerwrap { width: 750px; margin: 0 50px 50px 50px; padding: 0 25px 25px 25px; text-align: left; color: #2D593A; background: #ecebd4;}
#footerwrap img.footerurl { margin: 0 0 25px 0;  border: 0;}

#footerwrap a { color: #2D593A; text-decoration: none; }
#footerwrap a:hover { color: #2D593A; text-decoration: underline;}


#contactform label { display: block; width: 375px; margin: 0; padding: 0; }
#row { width: 375px; margin: 0 0 20px 0; padding: 0; }
#contactform .field { width: 365px; border: 1px solid #2D593A; padding: 5px; }
#contactform textarea { width: 365px; height: 140px; padding: 5px; border: 1px solid #2D593A; font-family: Arial, Helvetica, sans-serif; color:#000000; font-size:12px; }
#abschicken { width: 180px; height: 25px; border: 0px; padding: 0px; background-color: #2D593A; color: #fff; font-weight: bold; }
#reset {width: 180px; height: 25px; border: 0px; padding: 0px; background-color: #F2C751; color: #fff; font-weight: bold; }
.field { border: 1px solid #ED1651; padding: 5px; }