@charset "UTF-8";
/* =========================================================
Basis-Stylesheet

Projektname: Mayer & Lohr

Media: screen
Datum: 3. Oktober 2008
Autor: Andreas M. Helge
Web: www.formspiel.de
Farben: CD: #901039; Text: #626364; hover: #901039;

========================================================== */
@import "css-reset.css";
@import "navigation.css";

body {color: #626364; font-family: Arial, Verdana, sans-serif; font-size: 12px; line-height: 18px; background-color: #fff;}
h1 {font: bold 14px/1.0em Arial, Verdana, sans-serif; padding:0px; margin:0 0 20px 0; color: #901039;}
h2 {font: bold 12px/1.25em Arial, Verdana, sans-serif; padding:0px; margin:0 0 0 25px; color: #901039; float: left;}
h2:before {content: "» ";}
h3 {font: bold 12px/1.25em Arial, Verdana, sans-serif; padding:7px 0 0 0; margin:0px;}
p {padding:0px; margin: 0 30px 5px 130px;}
.nomargin {margin: 0 30px 0 130px;}
.tinyText {font: 9px;}
.info {font-size: 0.9em; font-style: italic; line-height: 15px; margin-bottom: 10px;}
.grey {color: #8c8c8c;}
.space {letter-spacing: 1px;}

.errors, .error {color: #901039;}
.errors, .ok { font-weight: bold;}
p.error input {border-color: #901039;}
ul.errors {font-weight: normal; margin-left: 130px; list-style:none;}
ul.errors li {padding-left: 10px; background: url("images/bullet_news.gif") left center no-repeat;}

acronym {}
acronym:hover {border-bottom: 1px dotted #333; color: #333}
em {font-size: 0.9em;}
img {border: none;}
img.route {margin-bottom: 15px;}
img.team {margin: 10px 0 15px 0;}
img.route-link {float: right;}
img.accordion_arrow {margin-left: 5px;}
hr {border: 0px; border-top:solid #ccc 1px; /*FF Opera*/ border-bottom: solid 1px #f7f7f7;/*IE*/ margin: 20px 0 5px 125px;}

a:link, a:visited {color:#901039; text-decoration: none;}
a:hover, a:active {color:#333; text-decoration: underline;}

.clear {clear: left;}

ul.team, ul.news, ul.imprint {margin: 0 0 0 127px; padding: 0 2px;}
ul.news li {padding: 2px; margin: 0 0 1px 0; list-style-image: url("images/bullet_news.gif"); background-color: #e8e8e8;}
ul.team li {margin: 0 0 0 14px; list-style-image: url("images/bullet_news.gif");}
ul.imprint li {margin: 0 0 0 14px;}

ul.targetgroup {margin: 0 0 5px 145px; list-style: circle outside none;}

dl dt {font: bold 12px/1.25em Arial, Verdana, sans-serif; padding:0px; margin:10px 0 10px 25px; color: #901039;}
dt:before {content: "» ";}

dd ul li {margin: 0 0 5px 130px; list-style-image: url("images/bullet_news.gif");}
dd ul li ul li {margin: 0 0 5px 14px; list-style-image: none; list-style: circle outside;}

/* layout */
#container {background: #FFF url(images/bgr_gradient.gif) repeat-y 0px; width: 918px;
position: absolute; left: 50%; right: auto; bottom: auto; margin-left: -459px;}

.top-line {float: left; width: 901px; height: 2px; margin: 0 9px;}

#menuwrapper {float: left; margin: 55px 0 0 9px; background: #f7f7f7 url(images/mayer-lohr-unterlagen.jpg); width: 600px; height: 208px;}

#container.kanzlei #menuwrapper {background: #f7f7f7 url(images/mayer-lohr-steuerberater-burgau.jpg);}
#container.kompetenzen #menuwrapper {background: #f7f7f7 url(images/mayer-lohr-steuern-finanzen-optimierung.jpg);}
#container.team #menuwrapper {background: #f7f7f7 url(images/mayer-lohr-leitung.jpg);}
#container.kontakt #menuwrapper {background: #f7f7f7 url(images/mayer-lohr-steuer-optimierung.jpg);}
#container.anfahrt #menuwrapper {background: #f7f7f7 url(images/mayer-lohr-burgau.jpg);}

#logo {float: left; margin: 55px 0 0 1px; padding: 0; width: 250px; line-height: 0;}

#cnt_wrapper {float: left; margin: 0 9px; width: 901px; background: #f7f7f7 url(images/bgr_cnt-colours.gif);}

#cnt{float: left; margin: 0px; padding: 25px; width: 550px; }
#cntImg{float: left; margin: 0 0 0 1px; width: 250px;}
#cntImg img {border-bottom: 1px solid #fff;}

#footer {float: left; height: 182px; width: 901px; margin: 0 9px; border-top: 1px solid #fff; background: #fff url(images/bgr_footer.png);}
#footer p {color: #901039; margin: 65px 0 0 25px; line-height: 17px;}
#footer a {color: #626364; text-decoration: none;}
#footer a:hover {color: #333; text-decoration: underline;}

#footer-bottom {float: left; background: #fff url(images/bgr_gradient-bottom.gif) no-repeat 0px; width: 918px; height: 12px;}

/* formulare */
form {margin: 0px; padding: 0px;}
fieldset {margin: 10px 6px 3px 125px; padding: 6px 12px; border: 1px solid #999; background-color: #f0f0f0;}
fieldset p {padding: 0px; margin: 0px;}
legend {font-weight: bold; padding: 0 2px;}
label {float: left; width: 100px;}
label.noFloatLabel {width: 252px;}
label:hover {color: #333;}
input, textarea {margin: 0 0 5px 0; padding: 2px 4px; width: 282px; background-color: #e6e6e6; border: 1px solid #999; color: #626364;}
input:hover, textarea:hover {color: black;}
textarea {font-size: 12px; height: 80px; width: 382px;}
input:focus, textarea:focus  {background-color: #fff;}

input#saddr {width: 252px;}
input.submit {margin-top: 10px; width: 162px; background-color: white; float: right;}
input.submit:hover {background-color: #eef1f3; color: #901039;}
input.submit:active {background-color: #eef1f3; color: #333;}