/* CSS Reset */

html {margin:0;padding:0;border:0;}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;}
body {line-height:1.5;background:white;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;float:none !important;}
table, th, td {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:'';}
blockquote, q {quotes:"" "";}
a img {border:none;}
:focus {outline:0;}

/* PNG Support */

img { 
behavior: url(http://www.carclass.nl/files/files/iepngfix.htc);
}


/* CONTAINERS */

body {
  color:#555555;
  font-family: Arial,Helvetica,sans-serif;
  text-align: center;
background: #fff url(http://www.carclass.nl/files/images/bg.jpg) repeat-x
}

div {text-align: left;}

div#headwrapper {width: 100%;  height: 90px;  margin: 0;  position: absolute;  top: 0;  left: 0;   background: url(http://www.carclass.nl/files/images/bghead.png) repeat-x bottom center; text-align: center; }
div#header { width: 960px;   height: 38px;   margin: 0 auto; text-align: center;}
div#headmenu { height: 90px;  width: 100%;}
div#logo {  float: left;  width: 340px;  height: 90px;}
img.carclasslogo {margin-left: 6px;margin-top: 13px;}
div#wrapper { width: 960px; margin: 0 auto; clear: both; }
div#content { float: left; width: 100%; margin-top: 189px; }
div#titlewrap { width: 100%;  height: 60px; margin: 0 auto; text-align: center; position: absolute; top: 128px; left: 0; background: url(http://www.carclass.nl/files/images/bgbody.png) repeat-x; clear: both; border-bottom: 1px solid #e2e2e2; }
div#title {width: 960px; margin: 0 auto;}
div#breadcrumbs {width: 960px; margin: 0 auto; }
div#subhead {width: 100%; height: 31px; background: #4d739d; }
div#sidemenu { float: left; clear: none; width: 232px; text-align: left; padding: 0; margin: 0;    background: transparent; height: 360px; border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8;}
div#mainwrap { float: right; width: 100%; clear: both; margin: 0;}
div#text { float: left; width: 430px; margin: 0; padding: 28px;}
div#sidetrigger { float: right; width: 232px;text-align: left; margin: 0;}
div#widetrigger { width: 100%; }
div#leftside {width: 232px;}

/* Text markup */


div#text p {  }
div#text p.bold {font-weight: bold; color: #0b3861;}

/* Footer */

#footer           { width: 100%;  height: 350px;  background: #162c43 url(http://www.carclass.nl/files/images/footweg.png) top right no-repeat; margin-bottom: 0; left: 0; text-align: center;}
#sitemap          { width: 960px; height: 250px;  background: url(http://www.carclass.nl/files/images/greyfoot.png); border: 1px solid #444; display:block;  margin: 0 auto; }
#links            { width: 960px; height: 200px;  background: #242424; border: 1px solid #ccc; }

#sitemap          {  }
#sitemap ul       { margin-top: 12px; margin-right: 10px; color: #555; font-weight: bold; padding: 0;}
#sitemap ul li    { list-style: none; padding: 0.4em; margin-right: 1em; font-size: 70%;}
#sitemap a        { color: #555; text-decoration: none; border: none; }
#sitemap a:active { color: #555; text-decoration: none; }
#sitemap a:hover  { color: #ccc; text-decoration: none; }
#sitemap h3       { color: #565; font-size: 1em; font-weight: bold;}

#diensten         { float: left; margin-top: 30px; margin-left: 50px; width: 190px; }
#informatie       { float: left; margin-top: 30px; margin-left: 50px; width: 190px; }
#treffers         { float: left; margin-top: 30px; margin-left: 50px; width: 190px; }
#over             { float: left; margin-top: 30px; margin-left: 50px; width: 190px; }

/* Copyright */

#copyright        { width: 960px; height: 40px;     margin: 0 auto; }
#logofooter       { float: left;  margin-top: 20px; }
#logo088chauffeur       { float: right;  margin-top: 20px; }
.copyright        { float: left;  margin: 22px 0 0 10px; padding:0; line-height: 1em; font-size: 70%; color: #7f8388;}
.belinfo          { float: right; margin-top: 20px; margin-left: 10px; font-size: 0.8em; color: #7f8388;}
.carclass         { float: right; margin: 22px 5px 0 10px; padding:0; line-height: 1em; font-size: 70%; color: #7f8388;}



/****** LANGUAGE SELECT ********/

#language_select {
float: right;
margin-right: 40px;
margin-top: 10px; 
}

#language_select ul {
list-style: none;
}

#language_select li {
display: inline; 
}

#language {
float: right;
margin-top: -29px;
}

/********************
CONTENT STYLING
*********************/

a,
a:link,
a:active {
   text-decoration: none;
   background-color: inherit; 
   color: #0b3861; 
}

a:visited {
   text-decoration: none;
   background-color: inherit;
  color: #0b3861;                /* a different color can be used for visited links */
}

a:hover {
   text-decoration: underline;
   color: #0b3861;
}

/* HEADINGS */

div#title h1 { color: #0b3861; font-size: 1.4em; font-weight: normal; text-align: left; line-height: 1.4em; margin:0.8em 0em 0em 262px; clear: none;
}

div#content h2 {
   color: #0b3861; 
   font-size: 85%;
   line-height: 1.3em;
   font-weight: bold;
   margin: 0.2em 0;
}

div#sidebar h2 {
   color: #2f5f8e; 
   font-size: 1.2em;
   line-height: 1.3em;
   margin: 0 0 0.5em 26px;
   padding: 0.4em;
}

div#leftside h2,
div#sidetrigger h2,
div#sidemenu h2 {
/* background: #9aa9c0 url(http://www.carclass.nl/files/images/h2bg.png) repeat-x; */
color: #9aa9c0; 
/* color: #2C5885; */
   font-size: 80%;
   line-height: 1.3em;
   margin: 5px;
   padding: 0.5em 1em;
}

div#content h3 {
color: #2f5f8e;
font-size: 80%;
font-weight: bold;
text-decoration: none;
display: inline;
   line-height: 1.6em;
padding: 1em 0;
}

div#subhead h3 {
color: #fff;
font-size: 80%;
text-decoration: none;
   line-height: 1.6em;

}

div#content h4 {
   color: #294B5F; 
   font-size: 1.2em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
div#content h5 {
   color: #294B5F; 
   font-size: 1.1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
h6 {
   color: #294B5F; 
   font-size: 1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}


/* END HEADINGS */

/* TEXT */
p {
   margin: 0 0 1.5em 0;
   padding: 0; 
   line-height: 1.8em;
   font-size: 75%;
   color: #666;
}

p.bold {
   font-weight: bold;
}

p.privacy {
font-size: 70%;
color: #cccc99;
}

blockquote {
   border-left: 10px solid #ddd;
   margin-left: 10px;
}
strong, b {
/* explicit setting for these */
   font-weight: bold;
}
em, i {
/* explicit setting for these */
   font-style:italic;
}



/* END TEXT */

/* LISTS */
/* lists in content need some margins to look nice */


div#sidebar ul.check {
margin-bottom: 2em;
}

div#sidebar ul.check li {
list-style-image: url(http://www.carclass.nl/files/images/icon_tick.png);
   line-height: 20px;
   margin: 0 4em 1em 1em;
   padding-left: 0.8em;
   font-size: 90%;
}


div#text ul {
list-style-image: url(http://www.carclass.nl/files/images/icon_tick.png);
margin: 1.4em 0 1.4em 2em;
}



div#text ul li,
div#text ol li {
   line-height: 20px;
   margin: 0 4em 0 1em;
   font-size: 75%;
}

div#leftside ul,
div#sidetrigger ul {
list-style-image: url(http://www.carclass.nl/files/images/icon_tick.png);
margin: 1.4em 0 1.4em 2em;
}

div#leftside p,
div#sidetrigger p,
div#sidemenu p {
margin: 1.4em;
}

div#leftside ul li,
div#leftside ol li,
div#sidetrigger ul li,
div#sidetrigger ol li {
   line-height: 20px;
   margin: 0 1em 0 1em;
   font-size: 75%;
}


div.error_message ul {
list-style-image: url(http://www.carclass.nl/files/images/letop1.png);

}


div#main ul,
div#main ol,
div#main dl {
   font-size: 1em;
   line-height: 1.4em;
   margin: 0 1em 2em 1em;
}

div#main ul li,
div#main ol li {


}



/* definition lists topics on bold */
div#main dl dt {
   font-weight: bold;
   margin: 0;
}
div#main dl dd {
   margin: 0 0 1em 1em;
}

div#main dl {
  margin-bottom: 2em;
  padding-bottom: 1em;
  border-bottom: 1px solid #c0c0c0;
}

html .fb_share_button {
   display:inline-block; 
   padding:1px 20px 0 5px;
   height:15px; 
   border:1px solid #d8dfea; 
   background:url(http://b.static.ak.fbcdn.net/rsrc.php/zAB5S/hash/4273uaqa.gif) no-repeat top right; 
} 
html .fb_share_button:hover {
   color:#fff; border-color:#295582; 
   background:#3b5998 url(http://b.static.ak.fbcdn.net/rsrc.php/zAB5S/hash/4273uaqa.gif) no-repeat top right;   
   text-decoration:none; 
}

/* BREADCRUMBS */

#breadcrumbs {
font-size: 80%;
margin-bottom: 2em;
color: #0b3861;
}

#breadcrumbs p {
color: #0b3861;
margin-left: 262px;
}

/* TRIGGERS */

#map_canvas {
margin: 5px;
}

.add {
border-left: 1px solid #e2e2e2;
border-right: 1px solid #e2e2e2;
border-bottom: 1px solid #e2e2e2;
margin-bottom: 1em;
}

.trigger {
height: 62px;
width: 232px;
text-align: center;
padding-top: 2px;
}

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.greenbutton {
    background: transparent url(http://www.carclass.nl/files/images/greenbutton1.png) no-repeat scroll top right;
    color: #fefefe;
    display: block;
    height: 41px;
    margin-top: 10px;
    margin-right: 15px;
    padding-right: 0; 
    padding-left: 14px;
    text-decoration: none;
    line-height: 40px;
    font-size: 70%;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
}

a.greenbutton span {
    display: block;
    padding: 0px 0 5px 0;
}

a.greenbutton:hover {
    background: transparent url(http://www.carclass.nl/files/images/greenbuttonhover1.png) no-repeat scroll top right;
    color: #fff;
}

a.bluebutton {
    background: transparent url(http://www.carclass.nl/files/images/bluebutton1.png) no-repeat scroll top right;
    color: #fefefe;
    display: block;
    height: 41px;
    margin-top: 10px;
    margin-right: 15px;
    padding-right: 0; 
    padding-left: 14px;
    text-decoration: none;
    line-height: 40px;
    font-size: 70%;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
}

a.bluebutton span {
    display: block;
    padding: 0px 0 5px 0;
}

a.bluebutton:hover {
    background: transparent url(http://www.carclass.nl/files/images/bluebuttonhover1.png) no-repeat scroll top right;
    color: #fff;
}

.login {
height: 35px;
width: 96px;
text-align: center;
padding-top: 2px;
float: right;
margin-top: -35px;
margin-right: 65px;
}

a.loginbutton {
    background: transparent url(http://www.carclass.nl/files/images/loginbut.png) no-repeat scroll top right;
    color: #9e9fa3;
    display: block;
    height: 35px;
    margin-top: 0px;
    margin-right: 16px;
    padding-right: 0; 
    padding-left: 12px;
    text-decoration: none;
    line-height: 35px;
    font-size: 70%;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
}

a.loginbutton span {
    display: block;
    padding: 0px 0 5px 0;
}

a.loginbutton:hover {
    background: transparent url(http://www.carclass.nl/files/images/loginbut.png) no-repeat scroll top right;
    color: #486c94;
}


.img220 {
margin: 0 5px;
}

#telefoonbg {
background: url(http://www.carclass.nl/files/images/sketch/telefoon.jpg) no-repeat top center;
}

.telefoonhead {
float: right;
margin-top: 39px;
margin-right: 42px;
}

.quote {
margin-bottom: 30px;
}

/* CSS MAIN MENU */

div#mainmenu {
  width: 100%;
  height: 38px;
  margin: 0;
  position: absolute;
  top: 90px; 
  left: 0;
   background: #253a52;
  text-align: center;
}

#menu_horiz {
   margin-left: 0px;
   margin-right: 1px;
   width: 1050px;
   float: left;
   padding-left: 10px;
   
}

/* The wrapper clears the floating elements of the menu */

/* Fix for Opera 8 */
.clearb { clear: both; }

#menuwrap { 
   width: 990px;
   height: 38px;
   margin: 0 auto;
}

/* Set the width of the menu elements at second level. Leaving first level flexible. */
#primary-nav li li { 
   width: 200px; 
}


/* Unless you know what you do, do not touch this */ 
#primary-nav, #primary-nav ul { 
   list-style: none; 
   margin: 0px; 
   padding: 0px; 
}
#primary-nav ul { 
   position: absolute; 
   top: auto; 
   display: none; 
   background: #162c42; /* url(http://www.carclass.nl/files/images/trans.png); */

}
#primary-nav ul ul { 
   margin-top: 1px;
   margin-left: -1px;
   left: 100%; 
   top: 0px; 

}
	
#primary-nav li { 
   margin-left: -1px;
   float: left; 
}
#primary-nav li li { 
   margin-left: 0px;
   margin-top: -1px;
   float: none; 
   position: relative; 
}

/* Styling the basic apperance of the menu elements */
#primary-nav a { 
   display: block; 
   margin: 0px; 
   padding: 11px 12px 10px 12px; 
   text-decoration: none; 
   font-weight: bold;
   text-transform: uppercase;
   color: #fff;
   font-size: 70%;
   letter-spacing: 1px;
}

#primary-nav li a { 
   color: #fff;
}

#primary-nav li li a { 
   color: #fff;
}	
#primary-nav li, #primary-nav li.menuparent { 

}

/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */

#primary-nav li.menuactive { 
 background: url(http://www.carclass.nl/files/images/menuactive.png) no-repeat center bottom;
}

#primary-nav li.menuactive a{ 
  color: #fff;
}

#primary-nav li.menuactive a:hover { 
  color: #fff;
}

#primary-nav li.menuactive ul a { 
  color: #fff;
}

#primary-nav li.menuactive ul a:hover { 
  color: #fff;
}

#primary-nav li li.menuactive { 
 background: #476991;
}

/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#primary-nav ul li.menuparent, 
#primary-nav ul li.menuparent:hover, 
#primary-nav ul li.menuparenth { 
   background: url(http://www.carclass.nl/files/images/trans.png); 
}


/* Styling the apperance of menu items on hover */

#primary-nav li:hover, 
#primary-nav li.menuh, 
#primary-nav li.menuparenth, 
#primary-nav li.menuactiveh { 
   background: url(http://www.carclass.nlfiles/images/transb.png); 
}


/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

/* 
just add 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul ul ul,
for fourth level 
*/
#primary-nav ul, 
#primary-nav li:hover ul, 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul, 
#primary-nav li.menuparenth ul ul { 
   display: none; 
}

/* add 
#primary-nav ul ul ul li:hover ul, 
#primary-nav ul ul ul li.menuparenth ul,
for fourth level
*/
#primary-nav li:hover ul, 
#primary-nav ul li:hover ul, 
#primary-nav ul ul li:hover ul, 
#primary-nav li.menuparenth ul, 
#primary-nav ul li.menuparenth ul, 
#primary-nav ul ul li.menuparenth ul { 
   display: block; 
}


/* IE Hacks */
#primary-nav li li { 
   float: left; 
   clear: both; 
}
#primary-nav li li a { 
   height: 1%; 
}

/********************
SUBMENU
*********************/
#leftside,
#menu_vert {
   padding-left: 0;
   text-align: left;
   width: 232px;

}


/* third level has some padding to have it stand out */
div#menu_vert ul ul ul {
   padding-bottom: 0.5em;
}

/* menu li block */
#leftside li,
#menu_vert li {
   list-style: none;
   margin: 0 0 0 1em;
   display: block;
background-repeat: no-repeat;
background-position: 0 50%;
border-bottom: 1px solid #d3d3d3;
}

#menu_vert ul ul li {
   border: none;
}

/** fix stupid ie bug with display:block; **/
* html #menu_vert li a { height: 1%; } 
* html #menu_vert li hr { height: 1%; }
/** end fix **/

/* first level links */
div#menu_vert a {
color: #888888;
font-size: 90%;
font-weight: bold;
text-decoration: none;
display: block;
padding: 10px 0 10px 40px;
}

/* next level links, more padding and smaller font */
div#menu_vert ul ul a {
   font-size: 90%;
   padding: 0.5em 0.5em 0.5em 2.8em;
   background-position: 1.5em center;
}

/* third level links, more padding */
div#menu_vert ul ul ul a {
   padding: 0.3em 0.5em 0.3em 4.3em;

}

/* hover state for all links */
div#menu_vert a:hover {
   text-decoration: none;
   color: #476991;
}

div#menu_vert a.activeparent:hover {
   color: #275d7f;
}

/******* background color selected page *******/
#menu_vert .currentpage {
border-bottom: 1px solid #d3d3d3;
}

#menu_vert .currentpage h3 {
color: #162C42;
font-size: 90%;
margin: 0.2em 0 0.7em 0.7em;
}

/* 
active parent, that is the first-level parent 
of a child page that is the current page 
*/
div#menu_vert li a.activeparent {
   color: #fff;
}

div#menu_vert li a.activeparent ul a {
   color: #162C42;
}


div#menu_vert ul ul li a.activeparent {
   background-position: 1.5em center; 
   background-color: transparent;
   color: #275d7f;
}

div#menu_vert li a.activeparent {

   color: #fff;
}


/* 
current pages in the default Menu Manager 
template are unclickable. This is for current page on first level 
*/
div#menu_vert ul h3 {
color: #162C42;
font-size: 1.1em;
font-weight: bold;
text-decoration: none;
display: block;
padding: 10px 0 2px 30px;
line-height: 16px;
}

/* 
next level current pages, more padding, 
smaller font and no background color or bottom border 
*/
div#menu_vert ul ul h3 {
   font-size: 90%;
   padding: 0.3em 0.5em 0.3em 2.8em;
   background-position: 1.4em center;
   background-color: transparent;
   border-bottom: none;
   color: #000;     
}

/* current page on third level, more padding */
div#menu_vert ul ul ul h3 {
   padding: 0.3em 0.5em 0.3em 4.3em;
}

/* section header */
div#menu_vert li.sectionheader {
   border-right: none;
   font-size: 130%;
   font-weight: bold;
   padding: 1.5em 0 0.8em 0;
   line-height: 1em;
   margin: 0;
   text-align:center;
}

/* separator */
div#menu_vert li.separator {
   height: 1px !important;
   margin-top: -1px;
   margin-bottom: 0;
   padding:2px 0 2px 0;
   background-color: #000;
   overflow:hidden !important;
   line-height:1px !important;
   font-size:1px; /* for ie */
}

div#menu_vert li.separator hr {
   display: none; /* this is for accessibility */
}

#menu_vert li .sub {
   text-decoration: none; 
   font-weight: normal;
   text-transform: none;
   font-size: 85%;
   color: #555;
   display: block;
   margin: -4px 0 20px 40px;
}

/************ SUBMENU ICONS ********************/


#chauffeursdiensten {background-image: url(http://www.carclass.nl/files/images/icons24/land.png);}
#contact {background-image: url(http://www.carclass.nl/files/images/icons24/foon.png);}

#studentchauffeur {background-image: url(http://www.carclass.nl/files/images/icons24/studentchauffeur.png);}
#prive-chauffeur {background-image: url(http://www.carclass.nl/files/images/icons24/studentchauffeur.png);}
#directiechauffeur {background-image: url(http://www.carclass.nl/files/images/icons24/directie_chauffeur.png);}
#vip-chauffeur {background-image: url(http://www.carclass.nl/files/images/icons24/vip_chauffeur.png);}


#event-shuttle {background-image: url(http://www.carclass.nl/files/images/icons24/shuttleservice.png);}
#bob-chauffeur {background-image: url(http://www.carclass.nl/files/images/icons24/bob-chauffeur.png);}
#verkeerscooerdinatie {background-image: url(http://www.carclass.nl/files/images/icons24/sign_stop.png);}
#valet-parking {background-image: url(http://www.carclass.nl/files/images/icons24/valetparking.png);}


#enkele-rit {background-image: url(http://www.carclass.nl/files/images/icons24/enkele_rit.png);}
#ophaal-en-wegbrengservice {background-image: url(http://www.carclass.nl/files/images/icons24/ophaal-wegbreng.png);}
#retourrit {background-image: url(http://www.carclass.nl/files/images/icons24/retour.png);}
#blessure-chauffeur {background-image: url(http://www.carclass.nl/files/images/icons24/blessure.png);}
#vip-vervoer {background-image: url(http://www.carclass.nl/files/images/icons24/vipvervoer.png);}

#autotransport {background-image: url(http://www.carclass.nl/files/images/icons24/autotransport.png);}
#koeriersdiensten {background-image: url(http://www.carclass.nl/files/images/icons24/koeriersdiensten.png);}
#luchthavenvervoer {background-image: url(http://www.carclass.nl/files/images/icons24/luchthavenvervoer.png);}
#shuttle-service {background-image: url(http://www.carclass.nl/files/images/icons24/shuttleservice.png);}


#reserveren {background-image: url(http://www.carclass.nl/files/images/icons24/account.png);}
#tarieven {background-image: url(http://www.carclass.nl/files/images/icons24/eurogold.png);}
#verzekering {background-image: url(http://www.carclass.nl/files/images/icons24/veilig.png);}
#bluevoucher {background-image: url(http://www.carclass.nl/files/images/icons24/voucher.png);}
#team {background-image: url(http://www.carclass.nl/files/images/icons24/team.png);}
#onze-klanten {background-image: url(http://www.carclass.nl/files/images/icons24/klanten.png);}
#vragen-over-chauffeursdiensten {background-image: url(http://www.carclass.nl/files/images/icons24/vragen.png);}
#blog {background-image: url(http://www.carclass.nl/files/images/icons24/blog.png);}
#klantbeloftes {background-image: url(http://www.carclass.nl/files/images/icons24/mening.png);}
#quote-500 {background-image: url(http://www.carclass.nl/files/images/icons24/quoteq.png);}
#onze-partners {background-image: url(http://www.carclass.nl/files/images/icons24/team.png);}


#contactgegevens {background-image: url(http://www.carclass.nl/files/images/icons24/mail.png);}
#routebeschrijving {background-image: url(http://www.carclass.nl/files/images/icons24/home.png);}

#bereikbaar { background-image: url(http://www.carclass.nl/files/images/icons24/klok.png);}
#voordelige-tarieven {background-image: url(http://www.carclass.nl/files/images/icons24/eurogold.png);}
#landelijke-dekking {background-image: url(http://www.carclass.nl/files/images/icons24/land.png);}
#snel-flexibel {background-image: url(http://www.carclass.nl/files/images/icons24/foon.png);}
#veilig-verzekerd {background-image: url(http://www.carclass.nl/files/images/icons24/veilig.png);}
#eigen-account {background-image: url(http://www.carclass.nl/files/images/icons24/account.png);}

#betrouwbaarheid { background-image: url(http://www.carclass.nl/files/images/icons24/accept.png);}
#prijs-kwaliteit {background-image: url(http://www.carclass.nl/files/images/icons24/vipvervoer.png);}
#leveringszekerheid {background-image: url(http://www.carclass.nl/files/images/icons24/folder_accept.png);}
#flexibiliteit {background-image: url(http://www.carclass.nl/files/images/icons24/calendar_empty.png);}
#communicatie {background-image: url(http://www.carclass.nl/files/images/icons24/users.png);}
#uwmening {background-image: url(http://www.carclass.nl/files/images/icons24/mening.png);}

span.homesub{
font-size: 75%;
color: #888;
font-weight: normal;
margin-right: 10px;
}

/******* Voordelen van Car Class Block *******/

.iconlist
{
list-style: none;
margin: 0;
padding: 0;
margin-left: 2em;
}

.iconlist li {
border-bottom: 1px solid #d3d3d3;
background-repeat: no-repeat;
background-position: 0 50%;
margin: .4em 0;
}



.iconlist li a {
color: #162C42;
font-size: 1.2em;
font-weight: bold;
text-decoration: none;
display: block;
padding: 10px 0 10px 40px;
}

.iconlist li a:hover {
color: #2f5f8e;
text-decoration: underline;
}





/************ FORMS ********************/
form {
	margin-top:0;
	width:100%;
}
form, td, th, li {
}
form div {
	margin-bottom:0;
}
fieldset div {
	margin-bottom:0.5em;
	margin-left:0.7em;
}
fieldset div div {
	margin-left:1em;
	margin-top:0.5em;
}
fieldset {
	border:1px solid #e2e2e2;
	margin-bottom:1em;
	padding:0.5em;
}
fieldset label {
	display:inline-block;
	line-height:1.8;
	vertical-align:top;
	width:120px;
        font-size: 75%;
}

fieldset li {
	border-bottom:1px solid #e2e2e2;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:5px;
}
legend {
	color:#2F5F8E;
	font-size:80%;
	font-weight:bold;
	margin-bottom:0.5em;
	padding:1em 0.4em;
	width:auto;
}
textarea {
	height:6em;
	margin:0.5em 0;
	width:98%;
}
input {
	display:inline-block;
	line-height:1.8;
	vertical-align:top;
}
input[type="text"] {
	border:1px solid #5C4E32;
	color:#054470;
	font-size:1em;
	padding:2px;
        width: 230px;
}
input[type="checkbox"] {
	margin-left:2em;
	padding:2px;
}
input[type="radio"] {
	margin-left:2em;
	padding:2px;
}
/* Apply this class to text/select input fields with shorter labels to help alignment */
.short-label label {
	float:left;
	width:10em;
}
.short-label fieldset div input, .short-label fieldset div select {
	width:16em;
}
/* Pretty up your Captcha image output */
.captcha {
	margin:0.5em 0;
	text-align:center;
	width:200px;
}
.captcha img {
	border:1px solid #2F5F8E;
	margin-bottom:0.5em;
}
.captcha input {
	margin-top:0.5em;
	width:196px;
}

.required {

}

.aanhef label,
.aanhef_contact label,
.brandstof label,
.navigatie label,
.transmissie label, 
.typerit label,
.verzekering label  {
width: 100px;
}


/* Just a bit more room for the Submit button */

input.cms_submit {
width: 202px;
height: 41px;
background: transparent url(http://www.carclass.nl/files/images/greenbutton1.png) no-repeat;
outline: none;
border: none;
cursor : pointer;
color: #fff;
font-size: 80%;
margin-left: 122px;
}

input.cms_submit:hover {
background: transparent url(http://www.carclass.nl/files/images/greenbuttonhover1.png) no-repeat;

}

/********* TARIEVEN TABLE **********/

.tarieven {
width: 100%;
border-spacing: 1px;
font-size: 90%;
font-weight: bold;
}

.tarieven th {
border: 1px solid #ccc;
background: #F0F0F0;
padding: 4px;
margin: 1px;
font-size: 90%;
font-weight: bold;
color: #253952;
}

.tarieven td {
border: 1px solid #ccc;
background: #FCFCFC;
padding: 6px;
color: #476991;
}

.tarieven td a {
color: #476991;
text-decoration: none;
display: block;
}

.tarieven td a:hover {
color: #253952;
text-decoration: none;
display: block;
}

.tarieven .chauffeur {
text-align: left;
padding-left: 20px;
}

.tarieven .prijs {
text-align: center;
}

.tarieven .verzekering {
text-align: center;
}


 .tarieven tr:hover td
{ 
  background-color: #F0F0F0;
  color: #253952;
} 

.tarieven th[scope=col]
{
  color: #fff;
  background-color: #476991;
  font-size: 90%;
  border-bottom: 2px solid #ccc;
}

span.small {
font-size: 70%;
}


/************ SOCIAL ********************/

#socialwrapper {
  width: 100%;
  height: 108px;
  background: url(http://www.carclass.nl/files/images/bghead.png) repeat-x bottom;
  left: 0;
  text-align: center;
}

#social {
width: 960px;
margin: 0 auto;
height: 56px;
font-size: 75%;
border-top: 1px solid #ccc;
padding-top: 20px;

}
#facebook,
#linkedin,
#twitter,
#bookmark {
float: left;}

.social {
display: block;
width: 240px;
margin-top: 16px;
}

.social a {
color: #666;
text-decoration: none;
margin-left: 31px;
display: block;
}

.social a:hover {
color: #0B3861;
text-decoration: none;
}

.social .ico {
margin-right: 0.3em;
}

span.bold {
color: #0B3861;
font-weight: bold;
}

/* SITEMAP PAGE */
div#text ul.listgroup {
display: block;
list-style-image:none;
list-style-type:square;
}

div#text ul.listgroup li {
display: block;
color: #000000;
font-size: 90%;
margin: 0;
padding: 0;
}

div#text ul.listgroup ul {
display: block;
list-style-image:none;
list-style-type:square;
}

div#text ul.listgroup ul li {
font-size: 80%;
margin: 0;
padding: 0;
}

.group {
display: inline;
float: left;
width: 210px;
}


/**** CAROUSEL ****/
div#carousel {
width: 426px;
height: 272px;
background: url(http://www.carclass.nl/files/images/carouselgold.png) no-repeat top left;
}

.jcarousel-skin-tango .jcarousel-container {
    background: #F0F6F9;
}

.jcarousel-skin-tango .jcarousel-direction-rtl {
	direction: rtl;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
padding: 9px 0;
width: 408px;
height: 253px;
background: transparent;
}


.jcarousel-skin-tango .jcarousel-clip-vertical {
width: 408px;
height: 253px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 408px;
    height: 253px;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 9px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}


/**
 *  Vertical Buttons
 */

.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 8px;
    left: 300px;
    width: 56px;
    height: 24px;
    cursor: pointer;
    background: transparent url(http://www.carclass.nl/files/images/next.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover {
    background-position: 0 ;
    background: transparent url(http://www.carclass.nl/files/images/nexthover.png) no-repeat 0 0;

}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    bottom: 8px;
    left: 245px;
    width: 55px;
    height: 24px;
    cursor: pointer;
    background: transparent url(http://www.carclass.nl/files/images/previous.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
    background-position: 0;
    background: transparent url(http://www.carclass.nl/files/images/previoushover.png) no-repeat 0 0;

}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0;
}
.required img {border:1px solid #162c42; margin-bottom:0.5em;
}

/* Stylesheet: 2011 Modified On 2013-11-19 09:34:12 */