@charset "UTF-8";
/**
 * Autohaus Meinhold - CSS: Layout
 *
 *
 * @author Danny Otto | pixelbrand.net
 * @date   2009-10
 *
 * hacer con amor
 *
 */
@import url(contentbase.css);
@import url(navigations.css);
@import url(fancybox.css);
@import url(jquery.datePicker.css);



/* ------------------------------------------ */
/* Layout & Raster */
body { background: url(../images/bg_top.png) repeat-x #e8e8e8; }
#margins { margin: 0 auto; width: 900px; }



/* ------------------------------------------ */
/* Header */
#header { height: 171px; position: relative; }
#header h1 { padding: 25px 0 0 0; }
#marken { position: absolute; top: 25px; right: 0; }
#marken ul { list-style: none; margin: 0; padding: 0; }
#marken li { display: inline; float: left; margin: 0; padding: 0; }
#marken li a { cursor: pointer; }
#tooltip { background: url(../images/bg_tooltip.png) center bottom no-repeat; padding: 0 0 5px 0; position: absolute; width: 240px; z-index: 3000; }
#tooltip h3 { background: #087fcb; color: #fff; font-size: 1em; margin: 0; padding: 2px 10px; text-align: center; }
.toppos { top: 4px !important; }
#header-bottom { position: absolute; bottom: 0; width: 900px; z-index: 100; }
/* Suche */
#search { position: absolute; right: 1em; bottom: .4em; z-index: 110; }
#search input { vertical-align: middle; }
#search input#f_suche { background: url(../images/form_bg_search.png) repeat-x #f1f1f1; border: 1px #fff solid; color: #063458; margin: 0 3px 0 0; padding: 2px 4px; width: 112px; }



/* ------------------------------------------ */
/* Main */
#main { background: url(../images/bg_main.png) right 0 repeat-y #f1f1f1; }
#col1 { float: left; width: 260px; }
#col1_content { padding: 15px; }
#col2 { background: #fff; float: right; width: 640px; }
#col2_foto { padding: 1px 0 0 1px; }
#col2_content { padding: 35px 15px 35px 20px; min-height: 220px; }
#facebook { padding: 5px 15px }
#facebook-fanpages { padding: 5px 15px }
#facebook-fanpages p { color: #81888c; font-size: .7em; letter-spacing: 1px; text-transform: uppercase; }



/* ------------------------------------------ */
/* Footer */
#footer { background: url(../images/bg_footer.png) 0 bottom no-repeat #f1f1f1; padding: .5em 1em; }
#footer p { color: #888; margin: 0 0 5px 0; text-align: right; }
#footer a { color: #888; text-decoration: none; }
#footer a:hover, #footer a:active, #footer a:focus { color: #087fcb; text-decoration: underline; }
#footer .top img { margin-left: .5em; }
#footer a:visited { font-style: normal; }



/* ------------------------------------------ */
/* Content */
.first { margin-top: 0; }
.xl { font-size: 1.2em; }
.c { text-align: center; }
.r { text-align: right; }
.blue { color: #087fcb; }
.red { color: #e4302b; }

p.boxlink { padding: .3em 0; }
p.boxlink a { background: url(../images/bg_nav-sub1.png) 7px .55em no-repeat #087fcb; color: #fff; padding: .2em 8px .2em 15px; text-decoration: none; }
p.boxlink a:hover, p.boxlink a:active, p.boxlink a:focus { background-color: #035390; color: #fff; }

div.hr { border-top: 1px #087fcb dotted; height: 1px; margin: 1.2em 0; overflow: hidden; }
div.hr hr { visibility: hidden; }

img.jsico { margin-right: .4em; }
.boxlink img.jsico { display: none; }

/* Subcols */
.subcols div h3:first-child, .subcols div h4:first-child, .subcols div h5:first-child { margin-top: 0; }
.c50l { float: left; width: 290px; }
.c50r { float: right; width: 290px; }
.c33l { float: left; margin: 0 30px 0 0; width: 180px; }
.c33r { float: right; width: 180px; }
.c66l { float: left; width: 405px; }

/* Gallery */
.gallery a { border: 1px #e8e8e8 solid; float: left; margin: 0 10px 10px 0; padding: 3px; }
.gallery a:hover, .gallery a:active, .gallery a:focus { border-color: #087fcb; }

/* Formulare */
form.yform { margin: 0 0 1em 0; padding: 0; overflow: hidden; }
form.yform fieldset { background: #fff; border: 1px #dfdfdf solid; margin: 0 0 1.5em 0; padding: 0.5em 1em; overflow: hidden; }
form.yform fieldset .hr { border-color: #dfdfdf; margin: .2em 0; }
form.yform legend { background: #fff; border: 1px #dfdfdf solid; border-bottom: 0; color: #087fcb; font-weight: normal; padding: .2em 1em; }
form.yform div.type-text, form.yform div.type-select, form.yform div.type-check, form.yform div.type-button { margin: 0.5em 0; position: relative; overflow: hidden; }
form.yform label { cursor: pointer; display: block; }
form.yform .type-text input, form.yform .type-text textarea { display: block; padding: 0.2em 0.3em; position: relative; width: 58.5%; }
form.yform .type-select select { cursor: pointer; display: block; padding: 0.2em 2px 0.2em 1px; position: relative; width: 60%; }
form.yform .type-select select optgroup { font-style: normal; font-weight: bold; }
form.yform .type-check input { cursor: pointer; }
form.yform .type-check label { display: inline; }
form.yform .type-text input, form.yform .type-text textarea, form.yform .type-select select { background: #f1f1f1; border: 1px solid #e8e8e8; }
form.yform div input:focus, form.yform div select:focus, form.yform div textarea:focus,
form.yform div input:hover, form.yform div select:hover, form.yform div textarea:hover,
form.yform div input:active, form.yform div select:active, form.yform div textarea:active { background: #fff; }
form.yform .type-button input { background: #087fcb; border: 1px #087fcb solid; color: #fff; cursor: pointer; padding: .2em 1em; width: auto; }
form.yform div.type-button input:focus, form.yform div.type-button input:hover, form.yform div.type-button input:active { background: #035390; border: 1px #035390 solid; color: #fff; }
form.yform .message { display: block; margin-bottom: 0.5em; }
form.yform input[type=hidden] { display: none !important; }
form.yform sup { color: #e4302b; font-weight: bold; }
form.yform div.error { background: #ffefef; border: 1px #e4302b solid; padding: 0.5em; }
form.yform div.error label { color: #d00000; font-weight: bold; }
form.yform div.error input { background: #fff; }
form.yform div.error .message { color: #e4302b; }
/* Darstellung als Spalten */
.columnar .type-text label, .columnar .type-select label { float: left; width: 30%; }
.columnar div.type-check { padding-left: 30%; }
.columnar fieldset .hr { margin-left: 30% !important; }
.columnar div.error .message { margin-left: 30%; }
.columnar div.type-text input, .columnar div.type-text textarea { width: 67.8%; }
.columnar div.type-select select { width: 69.4%; }
form.yform .type-text input.short { display: inline; width: 20%; }
/* Datum */
form a.dp-choose-date {
  background: url(../images/ico_cal.png) no-repeat;
  height: 16px;
  position: absolute; top: 2px; right: 71%;
  text-indent: -2000px;
  width: 16px;
}

/* Newsletter */
h3.newsletter { color: #087fcb; font-size: 1.4em; margin-bottom: .3em; }
form.newsletter fieldset { margin-bottom: .5em; }
form.newsletter div.type-text label { width: 50px; }
form.newsletter div.type-text input { width: 140px; }

/* Tabs */
.jstabs { height: 298px; padding: 20px; position: relative; overflow: auto; }
.js .jstabs { background: url(../images/bg_nav-tabs.png) no-repeat; height: 248px; padding: 80px 0 0 0; overflow: hidden; }
.jstabs ul.jstabs-nav { margin: 0; padding: 0; position: absolute; bottom: 248px; left: 10px; }
.jstabs ul.jstabs-nav li { display: inline; list-style-type: none; margin: 0; padding: 0; }
.jstabs ul.jstabs-nav li a { color: #fff; float: left; margin: 0 1px 0 0; padding: 3px 10px 1px 10px; text-decoration: none; }
.jstabs ul.jstabs-nav li a:hover, .jstabs ul.jstabs-nav li a:active, .jstabs ul.jstabs-nav li a:focus, .jstabs ul.jstabs-nav li.current a { background: #dbdee0; color: #035390; }
.jstabs ul.jstabs-nav li a:visited { font-style: normal; }
.jstabs .accessibletabsanchor, .jstabs .jstabs-current-info { position: absolute; left: -999em; }
.jstabs-content { background: url(../images/bg_js-tabs-content.png) no-repeat; height: 228px; padding: 10px 20px; overflow: auto; }
.jstabs-content h4 { color: #035390; font-size: 180%; margin: .4em 0 .2em 0; }
.jstabs-content h5 { font-size: 1.3em; margin: .4em 0 .8em 0; }



/* Suche */
.search-result-item { margin: 0 0 2em 0; }
.search-result-item h4 { border-bottom: 1px #ccc dotted; margin-bottom: .4em; position: relative; }
.search-result-item h4 a { background: url(../images/ico_search.gif) 0 .5em no-repeat; color: #087fcb; padding-left: 6px; text-decoration: none; }
.search-result-item h4 a:hover, .search-result-item h4 a:active, .search-result-item h4 a:focus { text-decoration: underline;  }
.search-result-item h4 .rating { position: absolute; right: 0; }
.search-result-item p { margin-bottom: .4em; }
.search-result-item .tx-indexedsearch-redMarkup { color: #e4302b; font-weight: normal; }
.search-result-item .meta { display: none; margin: 0; padding: 0; }
.search-result-item .meta dt, .search-result-item .meta dd { color: #888; display: inline; font-weight: normal; margin: 0; padding: 0; }
.search-result-item .meta dd { padding: 0 1em 0 0; }
.search-result-item .meta a { color: #888; }

/* Paging */
.paging { margin: 2em 0; }
.paging ul { list-style: none; margin: 0; padding: 0; }
.paging li { display: inline; }
.paging a, .paging strong { background: #f1f1f1; display: block; float: left; margin: 0 .5em 0 0; padding: .1em .6em; text-decoration: none; }
.paging a:hover, .paging a:active, .paging a:focus, .paging strong { background: #087fcb; color: #fff; }

/* Sidebar */
.box { background: url(../images/bg_box-default.png) no-repeat #d0d0d0; margin: 0 0 15px 0; padding: 15px 15px 10px 15px; }
.box h3 { color: #087fcb; font-size: 1.4em; margin-bottom: .3em; }
.specialbox { margin: 0 0 15px 0; position: relative; }
.specialbox img { vertical-align: bottom; }
.specialbox .boxcontent { background: rgba(217,217,217,.9); padding: 5px 15px; position: absolute; bottom: 0; left: 0; width: 200px; }
.boxcontent h3 { color: #087fcb; font-size: 1.4em; margin-bottom: 0; }
.boxcontent p { margin-bottom: 0; }

/* Startseite */
#start #margins { position: relative; }
#start #main #col1 { width: 475px; }
#start #main #col2 { width: 424px; }
#start #footer { background-color: #e8e8e8; background-position: 0 0; }
#start #footer .claim { padding: 5px 0 0 0; text-align: left; }
#start #footer .top { position: absolute; left: -1000em; }
#start #col1_content { padding: 0; position: relative; }
#start #col1_content .slideshow { height: 300px; overflow: hidden; z-index: 100; }
#start #col2_content { background: #fff; padding: 0; height: 300px; }
#start #col2_content a { display: block; margin: 0 0 1px 0; }
#start #col2_content a.audi { background: url(../images/ahm_audi_2.png); }
#start #col2_content a.vw { background: url(../images/ahm_vw_2.png); }
#start #col2_content a img { vertical-align: bottom; }
#start #facebook { padding: 0; position: absolute; left: 495px; top: 484px; }
#start #facebook-fanpages { padding: 0; position: absolute; left: 610px; top: 485px; }

/* Farbanpassung Audi */
#audi #nav-trail, #audi #nav-sub1 { background-color: #cc0033; }
#audi #col1_content h3, #audi #col2_content h3 { color: #aa142d; }
#audi #col1_content h4, #audi #col2_content h4 { color: #cc0033; }
#audi div.hr { border-color: #cc0033; }
#audi #col1_content a, #audi #col2_content a { color: #aa142d; }
#audi #col1_content a:hover, #audi #col1_content a:active, #audi #col1_content a:focus,
#audi #col2_content a:hover, #audi #col2_content a:active, #audi #col2_content a:focus { color: #cc0033; }

/* iFrame */
#frame-gebrauchtwagen { border: 0; height: 600px; width: 590px; }

/* Adminpanel */
#adminpanel { position: absolute; top: 0; left: 0; z-index: 100; width: 100%; }
#adminpanel #ap-content { background: #087fcb; padding: .5em 14px; }
#adminpanel #ap-content ul { list-style: none; margin: 0; padding: 0; }
#adminpanel #ap-content li { display: inline; list-style: none; margin: 0; padding: 0; }
#adminpanel #ap-content a { color: #fff; font-weight: normal; margin-right: 1em; text-decoration: none; }
#adminpanel #ap-content a:hover, #adminpanel #ap-content a:active, #adminpanel #ap-content a:focus { text-decoration: underline; }
table.typo3-editPanel { background-color: #fff; border: none; margin: 1em 0; width: auto;}
table.typo3-editPanel td { background: #eee; border: 1px #b6bec8 solid; margin: 1px; padding: 5px; }
table.typo3-editPanel td a img { margin: 0 3px; vertical-align: middle; }
img.frontEndEditIcons { margin: 0 0 0 .4em; }