/* CSS Document */

@import url(../css/hoefler_fonts.css);

* {border: 0px; margin: 0px; padding: 0px;}
html, body {height: 100%;}

body {background: url(../images/back.jpg);}

#head {background: url(../images/template_2009_01.gif) no-repeat center; width: 984px; height: 81px;}
#head2 {background: url(../images/template_2009_02.jpg) no-repeat center; width: 984px; height: 227px;}
#menu {position: absolute; left: 50%; margin-left: -492px; width: 984px; top: 268px; height: 40px;}

#content_container {background: #fff; width: 984px; position: absolute; left: 50%; margin-left: -492px; display: block;}

#left_col {margin-top: 0px; margin-left: 0px; width: 180px; float: left; background: #fff; font-size: 0.9em; }
#content {margin-top: 0px; margin-left: 0px; background: #fff; }
#content_content {padding: 0 10px 50px 20px; margin-top: 0px; width: 575px; float: left; }
#content iframe {margin-bottom: 30px;}
#right_col {margin-top: 10px; margin-left: 0px; width: 150px; float: right; background: #fff; font-size: 0.9em;}

#modelle ul {list-style:none;}
#modelle ul li a {width: 150px; height: 35px; display:block}
#modelle ul li.jazz a {background: url(../images/modelle.gif);}
#modelle ul li.jazz a:hover {background: url(../images/modelle.gif) -150px 0;}
#modelle ul li.civic a {background: url(../images/modelle.gif) 0 -35px;}
#modelle ul li.civic a:hover {background: url(../images/modelle.gif) -150px -35px;}
#modelle ul li.civic_hybrid a {background: url(../images/modelle.gif) 0 -70px;}
#modelle ul li.civic_hybrid a:hover {background: url(../images/modelle.gif) -150px -70px;}
#modelle ul li.insight a {background: url(../images/modelle.gif) 0 -105px;}
#modelle ul li.insight a:hover {background: url(../images/modelle.gif) -150px -105px;}
#modelle ul li.accord a {background: url(../images/modelle.gif) 0 -140px;}
#modelle ul li.accord a:hover {background: url(../images/modelle.gif) -150px -140px;}
#modelle ul li.crv a {background: url(../images/modelle.gif) 0 -175px;}
#modelle ul li.crv a:hover {background: url(../images/modelle.gif) -150px -175px;}
#modelle ul li.frv a {background: url(../images/modelle.gif) 0 -210px;}
#modelle ul li.frv a:hover {background: url(../images/modelle.gif) -150px -210px;}
#modelle ul li.legend a {background: url(../images/modelle.gif) 0 -245px;}
#modelle ul li.legend a:hover {background: url(../images/modelle.gif) -150px -245px;}
#modelle ul li.s2000 a {background: url(../images/modelle.gif) 0 -280px;}
#modelle ul li.s2000 a:hover {background: url(../images/modelle.gif) -150px -280px;}



#menu ul {list-style: none; padding: 0px; width: 100%; height: 40px; }
#menu ul a {color: #ffffff; text-decoration: none; padding: 10px 5% 10px 5%; height: 100%; background: #c50808; }
#menu ul a:hover {background: #86000c; color: #ebecec;}
#menu ul a:active {background: #86000c; }
#menu ul a:link, #menu ul a:visited, #menu ul a:active, #menu ul a:hover {display:block;}
#menu ul li {line-height: 1.25em; border-bottom: 1px solid #86000c; float: left; width: 163px; text-align: center; border-left: 1px solid #86000c;}

#submenu ul li {list-style: none; width: 100%;}
#submenu ul a {color: #c50808; padding: 5px 5px 5px 20px; border-bottom: 1px solid #eee;}
#submenu ul a:link, #submenu ul a:visited, #submenu ul a:active, #submenu ul a:hover {display:block;}
#submenu ul a:hover {background: #eee; }

#adresse {padding: 5% 15% 2% 5%; margin-top: 140px; width: 80%; font-size: 0.9em; line-height: 1.4em; background: #b31b1a; color: #ebecec;}
#adresse a{color: #ebecec; font-weight: 100; padding: 0%; width: auto; height: auto;}
#adresse a:hover {background: none; border-left: none; border-right: none;}
#adresse p{margin: 0px;}

#newscontainer {margin-left: 10px; margin-top: 0px; width: 160px; font-size: 0.85em; line-height: 1.5em; background: #fff; font-weight: normal; float: left;}

#news, #oeffnungszeiten {border-top: 1px solid #86000c; background: #eee; font-weight: normal; width: 100%; }
#news h2, #oeffnungszeiten h2, #modelle h2 {padding: 5px 10px; margin: 0px; background: #d40000; color: #ebecec; font-size: 1.1em;}
#news p, #oeffnungszeiten p {margin: 0px;}
#oeffnungszeiten p {padding: 0px 10px;}
.NewsSummary {margin: 0px 0px 30px 0px; }
.NewsSummaryLink a, #news a{text-decoration: none; font-weight: normal; color: #b31b1a; font-size: 1.6em; line-height: 1.5em;}
.NewsSummaryLink {border-top: 1px solid #ebecec; padding-top: 0px; margin-top: 0px;}
.NewsSummaryPostdate {background: #bbb; color: #fff; padding: 0px 10px; margin: 0px -10px;}

#route {border: 1px solid #ddd; border-top: 1px solid #86000c; background: url(../images/menu_back.gif); font-weight: normal; margin-top: 10px; width: 100%;}
#route h2 {padding: 2px 10px; margin: 0px; background: #d40000; color: #ebecec; font-size: 1.1em; }
#route p {padding: 1px 5px; margin: 0px;}

#ankauf {background: url(../images/ankauf.gif); width: 100%; height: 60px; margin: 10px 0px;}
#werkstatt {background: url(../images/werkstatt.gif); width: 100%; height: 55px; margin: 10px 0px;}
#ankauf h2, #werkstatt h2{padding: 12px 70px 12px 10px; margin: 0px; font-size: 1.1em; }
#ankauf h2 a, #werkstatt h2 a{color: #ebecec; display: block;}

#clear {clear: both;}

.image {margin: -20px -10px 0px -10px; width: 630px;}
#NewsPostDetailHorizRule {margin: 10px 0px;}
table td {padding: 2px 5px; }

/* accessability */
dfn, .hidden {position: absolute; left: -1000px; top: -1000px; width: 0; height: 0; overflow: hidden; display: inline;}