/* wrapper */
#wrapper{width:800px; margin:auto;}

/* branding */
#home #branding{height:280px;}
#error #branding, .chatenet #branding, .microcar #branding, .jdm #branding, .ligier #branding, .model-overview #branding, #afmetingen #branding, #uitrusting #branding{height:312px;}
#branding{height:220px; position:relative; margin-bottom:2px; background:#ffffff url(../images/default/branding-bg.jpg) no-repeat 0 53px;}

/*breadcrumbs*/
#breadcrumbs{background:url(../images/default/breadcrumbs-bg.jpg) repeat-x 0px 0px; width:800px; max-width:781px; height:30px; padding:0 0 0 15px; max-height:26px; position:absolute; bottom:0px; border:2px solid #a0cad7;}
#breadcrumbs li{float:left; height:26px;}
#breadcrumbs a{background:url(../images/default/breadcrumb-arrow.png) no-repeat left top; display:block; padding:7px 16px 6px 22px; text-decoration:none; color:#000;}
#breadcrumbs a:hover{color:#cb4a2a;}
#breadcrumbs #breadcrumb-home a{display:block; margin:3px; padding:0px; background:url(../images/default/breadcrumb-home.png) no-repeat 15px top; height:20px; width:50px; border-left:#cb4a2a 4px solid;}
#breadcrumbs #breadcrumb-home a:hover{background:url(../images/default/breadcrumb-home-hover.png) no-repeat 15px top; border-left:#000 4px solid;}

/* main-nav */
#main-nav {width:570px; float:right; height:52px; position:relative; z-index:103; background:#808080 url(../images/default/main-nav-bg.jpg) repeat-x 0 bottom;}

#content{border-top:4px solid #f1f1f1;}

/* logo */
#logo{width:209px; height:78px; padding:20px 0 0 20px; float:left; position:absolute; left:0px; top:0px; z-index:101; font-family:impact,verdana,arial; color:#ffffff; background:#cb4a2a url(../images/default/card-eye.png) no-repeat 200px 70px;}
#logo h1{border-left:4px #e08b64 solid; text-transform:uppercase; font-size:36px; font-weight:normal; letter-spacing:2px;}
[ID]#logo h1{line-height:24px; padding:3px 0 0 8px;}
#logo h1{line-height:16px; padding:7px 0 0 8px;}
#logo h1 span{text-transform:none; font-size:13px; letter-spacing:0px; margin-left:1px;}

/* home titel */
h2{width:468px; position:absolute; border-left:7px solid #cb4a2a; top:100px; left:314px; padding:4px 0 0 9px; font-weight:normal; font-size:30px; text-transform:uppercase; color:#000000; letter-spacing:1px; line-height:25px; font-family:impact,verdana,arial;}
h2 span{color:#82837d;}
#home h2{width:468px; border:0px; position:absolute; top:100px; left:314px; padding-left:5px; font-weight:normal; font-size:30px; color:#cb4a2a; letter-spacing:1px; line-height:36px; font-family:impact,verdana,arial;}

/* home text */
#home #alternative-text{top:180px;}
#alternative-text{width:468px; position:absolute; top:150px; left:319px; line-height:16px; font-size: 11px;}

/* Telefoon nummer */
#home #phone{bottom:12px;}
#phone{position:absolute; bottom:42px; left:33px; width:200px; font-weight:bold;}

/* kaartje */
#home #card, #error #card{position:absolute; top:0px; left:2px; z-index:102; width:307px; height:319px; background:url(../images/default/card-bebro.png) no-repeat 0 bottom;}
#card{position:absolute; top:0px; left:2px; z-index:102; width:235px; height:108px; background:url(../images/default/card-shadow.png) no-repeat 0 bottom;}

/* copyright */
#copyright{clear:both; border-top:#999999 solid 2px; text-align:center; padding:3px 0px 5px 0px; color:#b8b3b0; font-size:10px;}

/* text div */
.text-container{padding:10px 27px 10px 27px; background-color:#e5e5e2; font-style:italic;}

/* ETALAGE */
.showcase{float:left; padding:1px; width:198px;}
.showcase .photo{text-align:center; height:120px;}
.showcase .type{background-color:#e5e5e2; padding:15px 7px 0px 7px; height:64px; max-height:49px;}
.showcase .type h3{border-left:#df7a2c solid 4px; padding-left:5px; font-size:14px; padding-top:3px; letter-spacing:1px; text-transform:uppercase; font-weight:normal; font-family:impact,verdana,arial; line-height:12px;}
.showcase .type hr{color:#808080; background-color:#808080; border:0px; height:2px; margin-top:18px;}
.showcase .features{background-color:#f0f0ee; height:140px; margin:2px 0 2px 0; padding:6px 0 0 0;}
.showcase .features ul{padding-left:20px;}
.showcase .features ul li{padding:2px 0 2px 0; list-style:disc;}
.showcase .read-more a{color:#ca4b29; padding:8px 0 0 24px; background:#f0f0ee url(../images/default/bullit.gif) no-repeat 8px 10px; height:30px; max-height:24px; display:block;}

/* MODEL PAGINA - info balk */
.info-container{width:230px; float:left;}
.info-container .features{background-color:#e5e5e2; padding:20px 20px 20px 12px; line-height:16px;}
.info-container .features p{padding-left:29px; background:url(../images/default/bullit3.gif) no-repeat 0px 0px;}
.info-container .local-nav{background-color:#f0f0ee; border-right:#ca4b29 4px solid; float:left; width:230px; max-width:226px;}
.info-container .local-nav a{display:block; background:url(../images/default/bullit2.gif) no-repeat 24px 7px; padding:3px 4px 5px 32px; color:#ca4b29; text-decoration:none;}

/* TABEL OPMAAK */
table{width:100%; font-size:10px; text-align:left; margin-bottom:2px;}
table td{padding:11px 0 11px 0;}
table th{padding:11px 0 11px 0; background-color:#e5e5e2; border-bottom:2px #ffffff solid;}

.col1{padding-left:32px;}
th.col1{padding:0;}
th.col1 span{border-left:#cb4a2a 6px solid; height:34px; max-height:11px; padding:12px 0 11px 27px; display:block; float:left;}

li.odd, .odd, .odd th{background-color:#f0f0ee;}
li.even, .even, .even th{background-color:#e5e5e2;}

.even .on{background-color:#e5e5e2;}
.odd .on{background-color:#f0f0ee;}
.on{background:url(../images/default/bullit3.gif) no-repeat center;}

.afmetingen-table .col2, .afmetingen-table .col3, .afmetingen-table .col4, .afmetingen-table .col5{width:90px;}
.uitrusting-table .col2, .uitrusting-table .col3, .uitrusting-table .col3, .uitrusting-table .col4, .uitrusting-table .col5, .uitrusting-table .col6,
.technische-gegevens-table .col3, .technische-gegevens-table .col4, .technische-gegevens-table .col5, .technische-gegevens-table .col6{width:90px; text-align:center;}
.technische-gegevens-table .col2{width:240px;}
.occasions-table .col1{width:70px;}
.occasions-table .col2{width:200px;}
.occasions-table .col3{width:90px;}
.occasions-table .col4{width:90px;}
.occasions-table td.col4{text-align:center; padding:4px;}
.occasions-table .col5{width:120px; max-width:105px; padding-left:15px;}
.occasions-table .col6{width:120px;}
.occasions-table td.col7{text-align:center;}
.occasions-table .col7 img{height:50px;}

/* PRIJSLIJST */
.model-price-container{background-repeat:no-repeat; background-position:bottom left; height:100%; width:100%;}
.model-price-container .list{float:right; width:546px; max-width:540px;  border-left:6px solid #cb4a2a; background-color:#e5e5e2; margin:0 0 2px 0;}
.model-price-container .list li{padding:11px 0 10px 26px; display:block;}
.model-price-container b,
.model-price-container span{display:inline-block;}
.model-price-container .label{width:80px;}
.model-price-container .type{width:120px;}

/*INFO (even na lopen welke classen en id's we nodig hebben)*/
.content-container{background-repeat:no-repeat; background-position:bottom left; height:100%; width:100%;}
.content-container .text{background-color:#e5e5e2; margin:0 0 2px 0; padding:24px 28px 24px 28px; width:546px; max-width:490px; float:right;}
.content-container .vraag{display:none;}
.content-container .vraag,
.content-container .extra{background-color:#f0f0ee; padding:24px 20px 24px 20px; margin-bottom:2px; border-left:#ca4b29 6px solid; width:546px; max-width:500px; float:right;}
.content-container .text p{margin-bottom:16px;}
.content-container .titel{cursor:pointer; color:#000000; float:right; display:block; width:546px; max-width:511px; font-weight:bold; background-color:#e5e5e2; padding:8px 8px 8px 27px;}
.content-container .titel:hover{background-color:#999999; color:#fff; border-left:#ca4b29 6px solid; padding-left:21px;}

/*route*/
#route{float:left; width:254px; height:325px;}
.route-list{margin-bottom:10px;}
.route-list li{background:url(../images/default/bullit3.gif) no-repeat 0px 0px; padding-left:25px;}

/*afbeeldingen*/
.model-price-container img,
.content-container img{float:left; margin-bottom:2px;}

/*openingstijden*/
.day{width:90px;}
.time{width:120px;}
.pause{width:260px; color:#cb4a2a;}
.day, .time, .pause{display:block; float:left; padding:2px 0 2px 0;}

/*form*/
textarea{font-family:;}

.input-label{height:30px;}
.input-label input{float:right; width:240px; font-size:11px;}
.input-label span{width:180px; display:block; float:left;}

.textarea-label{height:87px;}
.textarea-label span{width:220px; display:block; float:left; font-style:italic;}
.textarea-label textarea{float:right; width:240px; font-size:11px;}

#button-label{text-align:right;}
#button-label input{width:120px; font-size:11px;}