html * { margin: 0; padding: 0; }

body { background-color: #f7f7f7; color: #818182; font-family: 'Merriweather Sans', sans-serif; font-weight: 300; font-size: 14px; -webkit-text-size-adjust: none; }

p { font-size: 13px; line-height: 18px; }

p.clearer { clear: both; }

a { color: #818182; }

a img {
    border:none;
}

a.more { color: #7ec47c; }

.left { float: left};
.right { float: right};

em { font-weight: 700; font-style: normal}
em.fett { font-weight: bold; font-style: normal}
em.kursiv { font-weight: 300; font-style: italic; font-size:16px;}

div#center-div { width: 816px; height: auto; margin: 50px auto;}
div#site { width: 800px; margin: 0 0 0 8px; background-color: #fff; border: 1px solid #ebebeb;}

div#header { height: 135px; position: relative;}
div#header img { position: relative; top: 50px; left: 40px;}
div#header h1 { font-size: 18px; font-weight: 200; position: absolute; top: 50px; left: 575px; line-height: 21px}

ul#navi { width: 816px; height: 42px; margin-left: -8px; background-image: url( ../img/navi-bg.png ) }
ul#navi li { float: left; list-style-type: none; position: relative}
ul#navi li a { height: 24px; padding: 7px 10px 0 10px; width: auto; display: block; color: #fcfffa; border-right: 1px dotted #fff; font-size: 14px; text-decoration: none; float: left}
ul#navi li.first a { border-left: 1px dotted #fff; margin-left: 30px}


ul#navi li:hover ul { display: block }
ul#navi li ul { position: absolute; top: 31px; display: none;}
ul#navi li ul li  {  display: block; width: 400px}
ul#navi li ul li a { background-color: #7ec47c; width: 180px; height: 24px; padding: 5px 8px 1px 8px; display: block; color: #fcfffa; border-right: 1px dotted #fff; font-size: 14px; text-decoration: none; float: left }
ul.rohertrag li.first a#nav_rohertrag,
ul#navi.mandate li.first a#nav_mandate,
ul#navi.qms li.first a#nav_qms,
ul#navi.vermittlungen li.first a#nav_vermittlungen,
ul.liephanet li a#nav_ueber_uns,
ul.referenzen li a#nav_ueber_uns { background-color: #71b06f; }
ul#navi li a:hover { background-color: #71b06f;}



div#content { padding: 10px 30px 5px 30px; overflow: visible;}

div#content ul { list-style-type: none; margin: 5px 0 10px 0; list-style-position: outside; padding-left: 1px; }

div#content li { line-height: 20px; background-image: url(../img/bullet.png); background-repeat: no-repeat; background-position: 0 7px; padding: 0 0 0 15px; font-size: 13px }

div#content li a { font-size: 13px  }

/*div#content li { text-indent: 2px; }*/

/*div#content li::before { color: #7ec47c; content: "\2022 \A0"; padding-right: 2px }*/

div#content p.block { text-align: justify}


div#content div.left { width: 478px; float: left; border-right: 1px dotted #e5e5e5; padding: 0 30px 0 0}
div#content div.right { margin-left: 508px; width: 232px; padding: 0 0 0 35px }

div#content h2 { color: #7ec47c; font-size: 18px; font-weight: 300; font-style: normal; margin-bottom: 10px}

div#content div.left h3 { color: #7ec47c; font-size: 16px; font-weight: 300; font-style: normal; margin: 10px 0 10px 0}

div#content div.right h3 { font-size: 15px; color: #7ec47c; font-weight: 300}
div#content div.right h3 span { font-style: italic; font-size: 12px; }
div#content div.right em { font-weight: 300; font-size: 13px; color: #7ec47c; font-style:normal;}
div#content div.right p { font-size: 13px; margin-bottom: 10px }

span.hidden { display: none; }

dl { margin: 15px 0 0 0;}
dt { font-size: 15px; color: #7ec47c; font-weight: 300; margin: 3px 0 5px 0; }
dd { font-size: 13px; }

p.footer { position: relative;}
p.footer a { position: absolute; top: 18px; right: 10px; font-size: 10px; color: #fff;}