/* CSS for fellbacher boots- & camping-markt */

/* first reset some defaults values */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;
}
body { line-height: 1; }
ol,ul { list-style: none; }
blockquote,q { quotes: none; }
blockquote:before,blockquote:after,q:before,q:after { content: ''; content: none; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
body, table, select, input { font-family: Arial, Helvetica, sans-serif; }
body, table {  font-size: 12px; line-height: 16px; color: #333; }
a { text-decoration: none; color: #333; }
a:hover { color: #001496; }
h1 { color: #001496; font-size: 18px; line-height: 18px; font-weight: normal; margin-bottom: 5px; }
h2 { color: #001496; font-size: 13px; font-weight: bold; margin-bottom: 5px; }
h3 { color: #001496; font-size: 12px; line-height: 13px; margin-bottom: 5px; }
h4 { color: #001496; font-size: 11px; line-height: 14px; margin-bottom: 5px; }

/* ----------------------------------------------------------------------------- */

body { background: #ccc; }

/* ----------------------------------------------------------------------------- */

div.clear { clear: both; }

/* ----------------------------------------------------------------------------- */

#content-area-container { min-width: 1000px; width: 100%; margin-bottom: 20px; }
#content-area-shadow { display: block; width: 1012px; position: relative; top: 0; left: 50%; margin-left: -506px; background: url(img/bg-shadow.png) repeat-y; }
#content-area { display: block; width: 996px; margin-left: 8px; background: #fff; }
#content-footer-shadow { display: block; width: 1012px; height: 8px; position: relative; top: 0; left: 50%; margin-left: -506px; background: url(img/bg-shadow-bottom.png) no-repeat; }

#footer-area-container { display: block; width: 100%; border-top: 1px solid #bbb; margin-top: 0px; }
#footer-area-container p { padding: 5px; font-size: 10px; line-height: 12px; text-align: center; color: #777; background-color: #e8eafc; }

/* ----------------------------------------------------------------------------- */

a.buttonlink { display: inline; background-color: #e8eafc; color: #333; font-size: 11px; padding: 4px 16px 4px 16px; }
a.buttonlink:hover { background-color: #d3d5e6; color: #001496; }

/* ----------------------------------------------------------------------------- */

.roundbox-top-left,
.roundbox-top-center,
.roundbox-top-right,
.roundbox-bottom-left,
.roundbox-bottom-center,
.roundbox-bottom-right { background-image: url(img/bg-roundbox-edges.png); background-repeat: no-repeat; }
.roundbox-left,
.roundbox-content,
.roundbox-right { background-image: url(img/bg-roundbox-borders.png); background-repeat: repeat-y; }
.roundbox-top-left { background-position: top left; width: 8px; height: 8px; }
.roundbox-top-center { background-position: top center; width: auto; height: 8px; }
.roundbox-top-right { background-position: top right; width: 13px; height: 8px; }
.roundbox-table-container { display: table;  table-layout: fixed; width: 100%; background-color: #e8eafc; }
.roundbox-table-row { display: table-row; }
.roundbox-top-left,
.roundbox-top-center,
.roundbox-top-right,
.roundbox-left,
.roundbox-content,
.roundbox-right,
.roundbox-bottom-left,
.roundbox-bottom-center,
.roundbox-bottom-right { display: table-cell; }
.roundbox-left { background-position: top left; width: 8px; }
.roundbox-content {	background-position: top center; width: auto; }
.roundbox-right { background-position: top right; width: 13px; }
.roundbox-bottom-left {	background-position: bottom left; width: 8px; height: 13px; }
.roundbox-bottom-center { background-position: bottom center; width: auto; height: 13px; }
.roundbox-bottom-right { background-position: bottom right; width: 13px; height: 13px; }
.roundbox-content { margin-left: 8px; margin-right: 8px;}
.roundbox-table-container.roundbox-dark { background-color: #d3d5e6; }
.roundbox-table-container.roundbox-red { background-color: #fce8ea; }
.roundbox-table-container.roundbox-green { background-color: #e8fcea; }
.roundbox-table-container.roundbox-blue { background-color: #e8eafc; }
.roundbox-table-container.roundbox-yellow { background-color: #fcfce8; }
.roundbox-table-container.roundbox-light { background-color: #f0f0f0; }

/* ----------------------------------------------------------------------------- */

#top-header { display: block; width: 100%; height: 25px; background: url(img/bg-top-header.png) repeat-x; }
#top-menu-container ul { float: right; margin-top: 5px; margin-right: 7px; }
#top-menu-container ul li { float: left; margin-left: 10px; font-size: 10px; letter-spacing: 0.1em; }
#top-menu-container ul li a { color: #333; padding-right: 7px; }
#top-menu-container ul li.act a { color: #001496; }
#top-menu-container ul li a:hover { color: #001496; background: url('img/arrow-right-blue.png') right center no-repeat; padding-right: 7px; }
.top-menu-display-arrows a.active { background: url('img/arrow-right-blue.png') right center no-repeat; padding-right: 7px; }

/* ----------------------------------------------------------------------------- */

#flash-header-container { display: block; width: 996px; height: 170px; margin-bottom: 5px; }

/* ----------------------------------------------------------------------------- */

#logo-container { display: inline; position: relative; top: 5px; left: 5px; width: 160px; height: 160px; }
#logo a { display: block; width: 160px; height: 160px; background-image: url(img/logo-normal.png); background-repeat: no-repeat; }
#logo a:hover { background-image: url(img/logo-hover.png); background-repeat: no-repeat; }
#logo h1 { display: none; }

/* ----------------------------------------------------------------------------- */

#left-content-container { display: block; float: left; width: 165px; margin-top: 5px; margin-left: 10px; }
#left-menu-container { margin-bottom: 5px; }
#left-menu-items h1 { color: #001496; font-size: 12px; line-height: 12px; font-weight: bold; margin-bottom: 5px; }
#left-menu-items li { font-size: 11px; letter-spacing: 0.047em; }
#left-menu-items ul li { margin-left: 10px; font-size: 10px; letter-spacing: 0.047em; }
#left-menu-items li.act a { color: #001496; }
#left-menu-items ul li.act a { color: #001496; background: url('img/arrow-right-blue.png') right center no-repeat; padding-right: 7px;  }
#left-menu-items a:hover { background: url('img/arrow-right-blue.png') right center no-repeat; padding-right: 7px; }
.left-menu-hover a.active { background: url('img/arrow-right-darkgrey.png') right center no-repeat; padding-right: 7px; }

/* ----------------------------------------------------------------------------- */

#opening-hours-container { margin-bottom: 5px; }
#opening-hours-container h1 { color: #001496; font-size: 12px; line-height: 12px; font-weight: bold; margin-bottom: 5px; }
#opening-hours-container p { color: #333; font-size: 11px; width: 100%; }
#opening-hours-container .opening-hours { float: right; }
#opening-hours-container .opening-hours-text { float: left; }

/* ----------------------------------------------------------------------------- */

#parking-container { display: block; margin-bottom: 5px; }
#parking-container h1 { color: #001496; font-size: 12px; line-height: 12px; font-weight: bold; margin-bottom: 5px; }
#parking-container p { color: #333; font-size: 11px; width: 100%; }

/* ----------------------------------------------------------------------------- */

#content-area-main { display: block; float: left; margin-top: 5px; margin-left: 5px; margin-bottom: 5px; width: 811px; }

/* ----------------------------------------------------------------------------- */

#content-322-container { display: block; float: left; width: 100%; margin-bottom: 0px; }
#content-322-container #col1 { width: 335px; float: left; margin-right: 5px; }
#content-322-container #col2 { width: 233px; float: left; margin-right: 5px; }
#content-322-container #col3 { width: 233px; float: left; }
#content-322-container h1 { color: #001496; font-size: 13px; font-weight: bold; margin-bottom: 5px; }
#content-322-container p { color: #333; font-size: 12px; margin-bottom: 5px; }
#content-322-container img { float: right; margin-bottom: 5px; margin-left: 2px; margin-top: 2px; }
#content-322-container .roundbox-content { height: 550px; }

/* ----------------------------------------------------------------------------- */

#content-text-container { display: block; float: left; width: 100%; }
#content-text-container h1 { margin-bottom: 10px; }
#content-text-container h2 { margin-bottom: 8px; }
#content-text-container h3 { margin-bottom: 6px; }
#content-text-container h4 { margin-bottom: 4px; }
#content-text-container p { color: #333; font-size: 12px; margin-bottom: 10px; }
#content-text-container p.last { margin-bottom: 0px; }

/* ----------------------------------------------------------------------------- */

#vehicle-list-container-wrap { display: block; float: left; width: 816px; margin-top: -5px; }
#vehicle-list-container { display: block; float: left; margin-top: 5px; margin-right: 5px; width: 403px; }
#vehicle-list-container table { width: 100%; }
#vehicle-list-container table caption { border-bottom: 1px solid #001496; }
#vehicle-list-container table tr th,
#vehicle-list-container table tr td { vertical-align: top; padding: 0px; }
#vehicle-list-container table tr th,
#vehicle-list-container table caption { text-align: left; letter-spacing: 0.047em; }
#vehicle-list-container .vehicle-list-model { float: left; font-weight: bold; color: #001496; }
#vehicle-list-container .vehicle-list-price { float: right; font-size: 12px; font-weight: bold; color: #001496; }
#vehicle-list-container .list-color { font-weight: normal; }
#vehicle-list-container .list-new { text-transform: uppercase; font-weight: normal; font-size: 11px; color: #001496; }
#vehicle-list-container .list-email { float: right; }
#vehicle-list-container .list-email a img { background-color: #000; }
#vehicle-list-container .list-email a:hover img { background-color: #001496; }
#vehicle-list-container .list-field-picture { width: 103px; }
#vehicle-list-container .list-field-picture img { width: 100px; height: 75px; padding-top: 3px; padding-right: 3px; padding-bottom: 3px; }
#vehicle-list-container .list-field-name { font-size: 11px; vertical-align: middle; }
#vehicle-list-container .list-field-data { float: right; font-size: 11px; vertical-align: middle; text-align: right; }
#vehicle-list-container .list-footer { border-top: 1px solid #001496; }
#vehicle-list-container .vehicles-list-details-link { float: right; font-size: 10px; letter-spacing: 0.1em; }
#vehicle-list-container .vehicles-list-details-link a { background: url('img/arrow-right-darkgrey.png') right center no-repeat; padding-right: 7px; }
#vehicle-list-container .vehicles-list-details-link a:hover { color: #001496; background: url('img/arrow-right-blue.png') right center no-repeat; padding-right: 7px; }

/* ----------------------------------------------------------------------------- */

#vehicle-detail-container-wrap { display: block; float: left; width: 100%; }
#vehicle-detail-container-wrap .roundbox-container { width: 100%; }
#vehicle-detail-container-wrap table#vehicle-detail-table { float: left; width: 487px; }
#vehicle-detail-container-wrap table#vehicle-detail-table caption { color: #001496; margin-bottom: 5px; border-bottom: 1px solid #001496; font-size: 13px; font-weight: bold; }
#vehicle-detail-container-wrap .vehicle-detail-model { float: left; }
#vehicle-detail-container-wrap .vehicle-detail-price { float: right; }
#vehicle-detail-container-wrap table#vehicle-detail-table tr th,
#vehicle-detail-container-wrap table#vehicle-detail-table tr td { width: 50%; border-bottom: 1px solid #bbb; font-size: 12px; letter-spacing: 0.01em; padding-top: 5px; padding-bottom: 1px; }
#vehicle-detail-container-wrap table#vehicle-detail-table tr th { text-align: left; }
#vehicle-detail-container-wrap table#vehicle-detail-table tr td { text-align: right; }
#vehicle-detail-container-wrap table#vehicle-detail-table tr th.lastrow { padding-bottom: 0px; }
#vehicle-detail-container-wrap table#vehicle-detail-table tr th.lastrow,
#vehicle-detail-container-wrap table#vehicle-detail-table tr td.lastrow { border-bottom: none; }
#vehicle-detail-container-wrap table#vehicle-detail-table tr td.desc { text-align: left; padding-bottom: 5px; }

#vehicle-detail-pictures-main { display: block; width: 294px; height: 221px; margin-bottom: 8px; background-color: #ccc; }
#vehicle-detail-pictures-wrap { float: right; }
#vehicle-detail-pictures-main img { width: 292px; }
#vehicle-detail-pictures-main a img { border: 1px solid #666; }
#vehicle-detail-pictures-main a:hover img  { border: 1px solid #001496; }

#vehicle-detail-request-container { display: block; background-color: #ccc; width: 276px; margin-top: 8px; padding: 8px; border: 1px solid #999; }
#vehicle-detail-request-container h3 { margin-bottom: 8px; }
#vehicle-detail-request-container p { font-size: 12px; margin-bottom: 8px; }
#vehicle-detail-request-form { width: 292px; }
#vehicle-detail-request-table label { font-size: 11px; width: 80px; float: left; font-weight: bold; }
#vehicle-detail-request-container input,
#vehicle-detail-request-container textarea { float: left; width: 189px; border: none; margin: 0; padding: 1px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; letter-spacing: 0.1em; }
#vehicle-detail-request-container input { margin-bottom: 2px; }
#vehicle-detail-request-container th,
#vehicle-detail-request-container td { padding: 1px; vertical-align: top; }
.vehicle-detail-request-submitbutton { margin-top: 8px; }

#vehicle-detail-container-wrap .vehicle-detail-backlink { display: block; margin-top: 4px; width: 100% !important; margin-left: 2px; }
#vehicle-detail-container-wrap .vehicle-detail-backlink a { background: url('img/arrow-left-darkgrey.png') left center no-repeat; padding-left: 8px; }
#vehicle-detail-container-wrap .vehicle-detail-backlink a:hover { color: #001496; background: url('img/arrow-left-blue.png') left center no-repeat; padding-left: 8px; }

/* Pfeile */

#details-arrowLeft { width: 16px; height: 62px; float: left; background-color: #ccc; }
#details-arrowRight { width: 16px; height: 62px; float: right; background-color: #ccc; }

.details-arrowLeftOn{ background: url(img/arrow-left-darkgrey.png) center center no-repeat; cursor:pointer; }
.details-arrowRightOn{ background: url(img/arrow-right-darkgrey.png) center center no-repeat; cursor:pointer; }
.details-arrowLeftOn:hover{ background: url(img/arrow-left-blue.png) center center no-repeat; cursor:pointer; }
.details-arrowRightOn:hover{ background: url(img/arrow-right-blue.png) center center no-repeat; cursor:pointer; }
.details-arrowLeftOff{ }
.details-arrowRightOff{ }

/* Icons */

.iconlist { width: 258px; height: 62px; overflow: hidden; position:relative; float: left; display: block; margin-left: 4px; }

#details-row-pictures .details-icon { float: left; position: relative; display: block; width: 82px; height: 62px; margin-right: 4px; }
#details-row-pictures .details-icon-image { width: 80px; height: 60px; background-color: #ccc; }
#details-row-pictures .details-icon-link { width: 82px; height: 62px; }
#details-row-pictures .details-icon-link a { width: 80px; height: 60px; }


.details-icon-image { position: absolute; left: 0; top: 0; width: 80px; height: 60px;  }
.details-icon-image a { display: block; font-size: 1px; line-height: 1px; border: 1px solid black; }

.details-icon-link { position: absolute; left: 0; top: 0; width: 80px; height: 60px; }
.details-icon-link img { border: none; }
.details-icon-link a { display: block; width: 80px; height: 60px; border: 1px solid #373737; font-size: 1px; line-height: 1px; overflow: hidden; }
.details-icon-link a:hover { border-color: #001496; }
.details-icon-link a.active { border: 1px solid #001496; background: url('img/arrow-bottom-right.png') right bottom no-repeat; }
.details-icon-link a.loading { border: 1px solid #fff; background: #ffffff url('img/spinner.gif') center center no-repeat; opacity: 0.3;}


#scrollPicContent{ position:absolute; left:0px; }

/* ----------------------------------------------------------------------------- */