/* CSS Marten Wilmink for Car Class Chauffeursdiensten */
/* http://www.carclass.nl/ */

/***************
PNG Support
****************/

img, div { 
behavior: url(files/iepngfix.htc) 
}


/* CONTAINERS */

body {
  color:#555555;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size:80%;
  font-style:normal;
  font-variant:normal;
  font-weight:normal;
  line-height:normal;
  margin: 0;
  background: #fff url(images/bg.png) repeat-x 0 0;
  text-align: center;
}

div {
text-align: left;
}

div#wrapper { 
  width: 960px; 
  margin: 0 auto;
  clear: both;
}

div#headwrapper { 
margin-left: 50%;
}

div#header {
  position: absolute;
  width: 960px;
  height: 132px;
  background: url(images/bridge.jpg) no-repeat top right;
  top: 0; 
  margin-left: -480px;
}

div#headmenu {
  height: 100px;
  width: 100%;
}

div#logo {
  float: left;
  width: 340px;
  height: 100px;
}

img.carclasslogo {
margin-left: 6px;
margin-top: 22px;
}

div#klantlogin {
  float: right;
  width: 320px;
  height: 150px;
}

div#mainmenu {
  width: 100%;
  height: 32px;
  margin: 0;
/*  background: #162c42;*/
}

div#main {
  width: 100%;
  clear: both;
  
}

div#content {
  float: left;
/*  width: 100%; */
  margin-top: 132px;
  background: transparent;
  margin-bottom: 60px;
}

div#text {
 width: 640px;
 float: left;
}

div#text p {
  margin-left: 0.8em;
  margin-right: 4em;
}

div#sidebar {
 float: right;
 margin-top: 134px;
 width: 300px;
 border-left: 1px solid #ccc;
 text-align: left;
}

/* Footer */

#footer           { width: 100%;  height: 350px;  background: #162c43 url(http://www.carclass.nl/uploads/images/footweg.png) top right no-repeat; margin-bottom: 0;}
#sitemap          { width: 960px; height: 250px;  background: url(http://www.carclass.nl/uploads/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-size: 0.9em; font-weight: bold; }
#sitemap ul li    { list-style: none; padding: 0.4em; margin-right: 1em;}
#sitemap a        { color: #666; text-decoration: none; border: none; }
#sitemap a:active { color: #666; text-decoration: none; }
#sitemap a:hover  { color: #fff; text-decoration: none; }
#sitemap h3       { color: #777; font-size: 1.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-top: 20px; margin-left: 10px; font-size: 0.8em; color: #7f8388; line-height: 1em;}
.belinfo          { float: right; margin-top: 20px; margin-left: 10px; font-size: 0.8em; color: #7f8388;}
.carclass         { float: right; margin-top: 20px; margin-right: 10px; font-size: 0.8em; color: #7f8388; line-height: 1em;}




.narrowcolumn {
	float: left;
	padding: 3em 0 20px 0.8em;
	margin: 0px 0 0;
	width: 640px;
	}

.widecolumn {
	padding: 10px 0 20px 0;
	margin: 5px 0 0 150px;
	width: 640px;
	}

.post {
	margin: 0 0 40px;
	text-align: justify;
	}

.post hr {
	display: block;
	}

.widecolumn .post {
	margin: 0;
	}

.narrowcolumn .postmetadata {
	padding-top: 5px;
	}

.widecolumn .postmetadata {
	margin: 30px 0;
	}

.widecolumn .smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;
}

.widecolumn .attachment {
	text-align: center;
	margin: 5px 0px;
}



.postmetadata {
	clear: both;
}

.clear {
	clear: both;
}

/* End Structure */



/*	Begin Headers */
h1 {
	padding-top: 70px;
	margin: 0;
	}

h2 {

	}

h2.pagetitle {
	margin-top: 30px;
	text-align: center;
}

#sidebar h2 {
	margin: 5px 0 0;
	padding: 0;
	}


h3.comments {
	padding: 0;
	margin: 40px auto 20px ;
	}
/* End Headers */



/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */



/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	}

html>body .entry li {
	margin: 7px 0 8px 10px;
	}

.entry ul li:before, #sidebar ul ul li:before {
/*	content: "\00BB \0020"; */
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 3em;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
	}
/* End Entry Lists */



/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	text-align: center;
	}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}
/* End Form Elements */



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */




/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}
/* End Various Tags & Classes*/



/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */
/***** IMAGE, TABLE AND BUTTON ELEMENTS ********/

#login {
list-style: none;
float: right;
width: 188px;
height: 38px;
margin-top: 28px;
}

#login li.loginbutton {
background: url(images/button.png) no-repeat 0 0;
text-align: center;
}

#login .loginbutton a, a:visited, a:active {

text-decoration:none;
color: #fff;
}

#login .loginbutton a:hover {
text-decoration: underline;
}

table#contactus {
margin-left: 0.8em;
}

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

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

#language_select ul {
list-style: none;
}

#language_select li {
display: inline; 
}


/****** Nieuws ******/

#nieuws {

}

#nieuwsfacts {
width: 50%;
float: left;
}

#terugbellen {
width: 50%;
float: right;
}

#nieuws h2 {
color: #162C42;
font-size: 1.2em;
font-weight: bold;
text-decoration: none;
display: inline;
padding: 2px 0 0px 40px;
background: url(images/nieuws.png) no-repeat;
}


#newslist h3 {
margin-left: 0em;
}

#newslist a,
a:link,
a:active {
   text-decoration: none;
   background-color: inherit; 
   color: #2f5f8e; 
}

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

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

div#text #newslist {
list-style-image: url(images/nieuwsitem.png);
}

div#text #newslist li {

}

/****** Client Login ******/

#headlogin {
float: right;
width: 153px;
height: 42px;
margin-top: 40px;
}

#clientlogin {
width: 153px;
height: 42px;
background: url(images/client_login.png) no-repeat center center;

}

#clientlogin a {
width: 153px;
height: 42px;
padding: 14px 44px;

}

#clientlogin a:hover {
background: url(images/client_login_roll.png) no-repeat center center;
width: 153px;
height: 42px;
}


/* Home banner */

#homebanner {
border: 1px solid #e1e1e1;
padding-top: 6px;
margin: 0 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 span.homesub{
font-size: 70%;
color: #555;
font-weight: normal;
}

.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;
}

li.klok { background-image: url(images/klok.png);}

li.euro {background-image: url(images/euro.png);}

li.land {background-image: url(images/land.png);}

li.foon {background-image: url(images/foon.png);}

li.veilig {background-image: url(images/veilig.png);}

li.account {background-image: url(images/account.png);}


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

/**** IMAGES ****/

img {border: 0;}

.tarief {
margin-left: 20px;
}

.teamfoto {
margin-left: 20px;
}

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

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

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

div#content p {
line-height: 1.8em;
}

p.caption {
font-size: 0.8em;
padding-left: 30px;
}

/* TRIGGERS */

div.trigger {
clear: both;
}

.trigger ul {
list-style: none;
}

img.bluearrow {
display: inline;
padding-right: 1em;
}

div.trigger a:hover img.bluearrow {
margin-left: 0.2em;
}



/* HEADINGS */

div#content h1 {
	color: #162c42; 
	font-size: 1.8em; 
	text-align: left; 
        line-height: 2.6em;
        margin: 1em 0 0.5em 0.4em;

}

div#content h2 {
   color: #2c5885; 
   font-size: 1.2em;
   line-height: 1.3em;
   margin: 0 0 1.2em 0em;
}

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

div#content h3 {
color: #2f5f8e;
font-size: 0.9em;
font-weight: bold;
text-decoration: none;
display: inline;
padding: 0;
}

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;
}


div#footer h3 {
margin-left: 30px;
}


/* END HEADINGS */

/* TEXT */
p {
   font-size: 1em;
   margin: 0 0 1.5em 0; /* some air around p elements */
   line-height: 20px;
   padding: 0; 
}

p.bold {
   font-weight: bold;
}

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;
}


div#sidebar p {
  padding-left: 34px;
}



/* 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(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(images/icon_tick.png);
margin-bottom: 2em;
}



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


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;
}

/* CSS MAIN MENU */

/* Horizontal menu for the CMS CSS Menu Module */
/* by Alexander Endresen */

#menu_horiz {
   margin-left: 1px;
   margin-right: 1px;
   width: 800px;
   float: left;
}

#menu_portal {
float: left;
}

#menu_portal, #menu_portal ul { 
   list-style: none; 
   margin: 0px; 
   padding: 1px 0 0 0 0;
}

#menu_portal ul li { 
background: #2f5f8e;
border-left: 1px solid #fff;
border-right: 1px solid #fff; 
border-top: 2px solid #fff;
border-bottom: 2px solid #fff;
}

#menu_portal ul li:hover { 
background: #999999;
}

#menu_portal a { 
   display: block; 
   margin: 0px; 
   padding: 7px 10px; 
   text-decoration: none; 
   font-weight: bold;
   text-transform: uppercase;
   color: #fff;
   font-size: 80%;
}

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

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

#menuwrapper { 
   width: 100%;
   height: 32px;
   padding-top: 2px;
}

/* 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(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: 8px 10px; 
   text-decoration: none; 
   font-weight: bold;
   text-transform: uppercase;
   color: #fff;
   font-size: 80%;
}

#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(images/activebg.png) repeat-x 0 0;
}

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

#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;
}

/* 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(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(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%; 
}


/********************
MENU
*********************/
#menu_vert {
   padding-left: 0;
   text-align: left;
   width: 260px;
   margin-top: 20px;
}


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

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

#menu_vert li .sub {
   text-decoration: none; 
   font-weight: normal;
   text-transform: none;
   color: #555;
   font-size: 80%;
}

#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: #162C42;
font-size: 1.1em;
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: underline;
}

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

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

#menu_vert .currentpage h3 {
color: #275d7f;
}

/* 
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: 0 0 0 40px;
}

/* 
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 */
}

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



#chauffeursdiensten {background-image: url(images/land.png);}
#contact {background-image: url(images/foon.png);}

#studentchauffeur {background-image: url(images/studentchauffeur.png);}
#prive-chauffeur {background-image: url(images/studentchauffeur.png);}
#directiechauffeur {background-image: url(images/directie_chauffeur.png);}
#vip-chauffeur {background-image: url(images/vip_chauffeur.png);}

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

#autotransport {background-image: url(images/autotransport.png);}
#koeriersdiensten {background-image: url(images/koeriersdiensten.png);}
#luchthavenvervoer {background-image: url(images/luchthavenvervoer.png);}
#shuttle-service {background-image: url(images/shuttleservice.png);}
#valet-parking {background-image: url(images/valetparking.png);}

#reserveren {background-image: url(images/account.png);}
#tarieven {background-image: url(images/euro.png);}
#verzekering {background-image: url(images/veilig.png);}
#bluevoucher {background-image: url(images/voucher.png);}
#team {background-image: url(images/team.png);}
#onze-klanten {background-image: url(images/klanten.png);}
#vragen-over-chauffeursdiensten {background-image: url(images/vragen.png);}



/* accessibility */

/* 
menu links accesskeys 
*/
span.accesskey {
   text-decoration:none;
}

/* 
accessibility divs are hidden by default 
text, screenreaders and such will show these 
*/
.accessibility, hr {
   position: absolute;
   top: -999em;
   left: -999em;
}

/* 
definition tags are also hidden 
these are also used for menu links    
*/
dfn {
   position: absolute;
   left: -1000px;
   top: -1000px;
   width: 0;
   height: 0;
   overflow: hidden;
   display: inline;
}
/* end accessibility */


/* wiki style external links */
/* external links will have "(external link)" text added, lets hide it */
a.external span {
  position: absolute;
  left: -5000px;
  width: 4000px;
}

/* make some room for the image */
a.external {
/* css shorthand rules, read: first top padding 0 then right padding 12px then bottom then right */
  padding: 0 12px 0 0;
}
/* colors for external links */
a.external:link {
  color: #18507C;
/* background image for the link to show wiki style arrow */
  background: url(images/cms/external.gif) no-repeat 100% 0;
}
a.external:visited {
  color: #18507C; /* a different color can be used for visited external links */

/* 
Set the last 0 to -100px to use that part of the external.gif image for different color for active links 
external.gif is actually 300px tall, we can use different positions of the image to simulate rollover image changes.
*/
  background: url(images/cms/external.gif) no-repeat 100% 0; 
}

a.external:hover {
  color: #18507C;
/* Set the last 0 to -200px to use that part of the external.gif image for different color on hover */
  background: url(images/cms/external.gif) no-repeat 100% 0; 
  background-color: #C3D4DF;
}
/* end wiki style external links */


/* clearing */
/* 
clearfix is a hack for divs that hold floated elements. it will force the holding div to span all the way down to last floated item.
We strongly recommend against using this as it is a hack and might not render correctly but it is included here for convenience.
Do not edit if you dont know what you are doing
*/
	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	* html>body .clearfix {
		display: inline-block; 
		width: 100%;
	}
	
	* html .clearfix {
		/* Hides from IE-mac \*/
		height: 1%;
		/* End hide from IE-mac */
	}

/* end clearing */