/* Presentation Stylesheet */

a:link { color: #27186B; background: transparent; }
a:visited { color: #27186B; background: transparent; }
a:hover { color: #F9DF16; background: transparent; }
a:active { color: #27186B; background: transparent; }

/* Headers */

h1 { padding: 0;  margin: 10px 0 10px 0; font-family: "Trebuchet MS", sans-serif; font-weight: bold; font-size: 21px; color: #27186B; }
h1 span { display: none; }

h1#title_home { width: 333px; height: 31px; background: url(../images/titles/title_autoslar.gif) no-repeat; } 
h1#title_empresa { width: 158px; height: 23px; background: url(../images/titles/title_empresa.gif) no-repeat; } 
h1#title_filosofia { width: 106px; height: 25px; background: url(../images/titles/title_filosofia.gif) no-repeat; } 
h1#title_servicios { width: 342px; height: 29px; background: url(../images/titles/title_servicios.gif) no-repeat; } 
h1#title_contact { width: 100px; height: 23px; background: url(../images/titles/title_contact.gif) no-repeat; } 
h1#title_reservas { width: 100px; height: 23px; background: url(../images/titles/title_reservas.gif) no-repeat; } 
h1#title_flota { width: 88px; height: 29px; background: url(../images/titles/title_flota.gif) no-repeat; } 
h1#title_colofon { width: 95px; height: 25px; background: url(../images/titles/title_colofon.gif) no-repeat; } 
h1#title_sitemap { width: 101px; height: 30px; background: url(../images/titles/title_sitemap.gif) no-repeat; }
h1#title_zoeken { width: 88px; height: 24px; background: url(../images/titles/title_zoeken.gif) no-repeat; }  

h1#title_websiteontwikkeling { width: 268px; height: 30px; background: url(../images/titles/title_websiteontwikkeling.gif) no-repeat; } 
h1#title_contentmanagement { width: 268px; height: 30px; background: url(../images/titles/title_contentmanagement.gif) no-repeat; } 
h1#title_internetmarketing { width: 240px; height: 30px; background: url(../images/titles/title_internetmarketing.gif) no-repeat; } 

h1#title_studentplus { width: 114px; height: 25px; background: url(../images/portfolio/student+/title_studentplus.gif) no-repeat; } 
h1#title_asice { width: 117px; height: 24px; background: url(../images/portfolio/asice/title_asice.gif) no-repeat; } 
h1#title_ing { width: 444px; height: 26px; background: url(../images/portfolio/ing/title_ING.gif) no-repeat; } 
h1#title_friespopnet { width: 158px; height: 30px; background: url(../images/portfolio/friespopnet/title_friespopnet.gif) no-repeat; } 
h1#title_uwbrein { width: 115px; height: 23px; background: url(../images/portfolio/uwbrein/title_uwbrein.gif) no-repeat; } 
h1#title_opnsalesclub { width: 169px; height: 24px; background: url(../images/portfolio/opnsalesclub/title_opnsalesclub.gif) no-repeat; } 
h1#title_bead-it { width: 89px; height: 22px; background: url(../images/portfolio/bead-it/title_bead-it.gif) no-repeat; } 
h1#title_bensecurity { width: 157px; height: 29px; background: url(../images/portfolio/bensecurity/title_bensecurity.gif) no-repeat; } 
h1#title_yourhealth { width: 256px; height: 25px; background: url(../images/portfolio/yourhealth/title_yourhealth.gif) no-repeat; } 
h1#title_travelmonkey { width: 173px; height: 29px; background: url(../images/portfolio/travelmonkey/title_travelmonkey.gif) no-repeat; } 
h1#title_result { width: 79px; height: 23px; background: url(../images/portfolio/result/title_result.gif) no-repeat; } 
h1#title_ctrltv { width: 101px; height: 23px; background: url(../images/portfolio/ctrl-tv/title_ctrltv.gif) no-repeat; } 
h1#title_jobtogo { width: 118px; height: 24px; background: url(../images/portfolio/jobtogo/title_jobtogo.gif) no-repeat; } 
h1#title_quality-bookings { width: 211px; height: 30px; background: url(../images/portfolio/quality-bookings/title_qualitybookings.gif) no-repeat; } 
h1#title_traveling { width: 113px; height: 30px; background: url(../images/portfolio/traveling/title_traveling.gif) no-repeat; } 
h1#title_pss { width: 309px; height: 29px; background: url(../images/portfolio/pss/title_pss.gif) no-repeat; } 

h2 { padding: 0;  margin: 0px 0 5px 0px; font-family: "Trebuchet MS", sans-serif; font-weight: bold; font-size: 15px; color: #707070; }
h2.inline { margin: 25px 0 5px 0px; }
h2 span { display: none; }

h2#subtitle_snelresultaatinzoekmachines { width: 234px; height: 19px; background: url(../images/titles/subtitle_snelresultaatindezoekmachines.gif) no-repeat; } 
h2#subtitle_gebruiksvriendelijkentoegankelijk { width: 268px; height: 19px; background: url(../images/titles/subtitle_gebruiksvriendelijkentoegankelijk.gif) no-repeat; } 
h2#subtitle_autobuses { width: 90px; height: 15px; background: url(../images/titles/subtitle_autobuses.gif) no-repeat; } 
h2#subtitle_wijhebbengewerktvoor { width: 187px; height: 19px; background: url(../images/titles/subtitle_wijhebbengewerktvoor.gif) no-repeat; } 
h2#subtitle_contactopnemen { width: 200px; height: 19px; background: url(../images/titles/subtitle_contactopnemen.gif) no-repeat; } 
h2#subtitle_reserva { width: 200px; height: 19px; background: url(../images/titles/subtitle_reserva.gif) no-repeat; } 
h2#subtitle_offerte { width: 135px; height: 19px; background: url(../images/titles/subtitle_offerte.gif) no-repeat; } 
h2#subtitle_websiteontwikkelingopmaat { width: 231px; height: 19px; background: url(../images/titles/subtitle_websiteontwikkelingopmaat.gif) no-repeat; } 
h2#subtitle_websiteontwikkeling { width: 161px; height: 20px; background: url(../images/titles/subtitle_websiteontwikkeling.gif) no-repeat; } 
h2#subtitle_contentmanagement { width: 161px; height: 20px; background: url(../images/titles/subtitle_contentmanagement.gif) no-repeat; } 
h2#subtitle_internetmarketing { width: 144px; height: 20px; background: url(../images/titles/subtitle_internetmarketing.gif) no-repeat; } 
h2#subtitle_endeprijs { width: 89px; height: 21px; background: url(../images/titles/subtitle_endeprijs.gif) no-repeat; } 
h2#subtitle_visie { width: 37px; height: 18px; background: url(../images/titles/subtitle_visie.gif) no-repeat; } 
h2#subtitle_hetteam { width: 69px; height: 19px; background: url(../images/titles/subtitle_hetteam.gif) no-repeat; } 
h2#subtitle_reservas { width: 117px; height: 19px; background: url(../images/titles/subtitle_reservas.gif) no-repeat; } 

h2#subtitle_websitesopmaat { width: 132px; height: 19px; background: url(../images/titles/subtitle_websitesopmaat.gif) no-repeat; } 
h2#subtitle_onlineapplicaties { width: 134px; height: 20px; background: url(../images/titles/subtitle_onlineapplicaties.gif) no-repeat; } 
h2#subtitle_onderhoudenbeheer { width: 163px; height: 18px; background: url(../images/titles/subtitle_onderhoudenbeheer.gif) no-repeat; } 
h2#subtitle_lujo { width: 160px; height: 15px; background: url(../images/titles/subtitle_lujo.gif) no-repeat; } 
h2#subtitle_zoekmachineoptimalisatie { width: 203px; height: 21px; background: url(../images/titles/subtitle_zoekmachineoptimalisatie.gif) no-repeat; } 
h2#subtitle_weblog { width: 53px; height: 19px; background: url(../images/titles/subtitle_weblog.gif) no-repeat; } 

h3 { padding: 0;  margin: 0px 0 5px 0px; }
h3 span { display: none; }

h3#subtitle_nieuws { width: 53px; height: 15px; background: url(../images/titles/subtitle_nieuws.gif) no-repeat; } 
h3#subtitle_servicios { width: 69px; height: 19px; background: url(../images/titles/subtitle_servicios.gif) no-repeat; } 
h3#subtitle_transporte { width: 69px; height: 19px; background: url(../images/titles/subtitle_transporte.gif) no-repeat; } 
h3#subtitle_belme { width: 51px; height: 15px; background: url(../images/titles/subtitle_belme.gif) no-repeat; } 
h3#subtitle_offerte { width: 135px; height: 19px; background: url(../images/titles/subtitle_offerte.gif) no-repeat; } 
h3#subtitle_diensten { width: 66px; height: 19px; background: url(../images/titles/subtitle_diensten.gif) no-repeat; } 
h3#subtitle_contactgegevens { width: 124px; height: 19px; background: url(../images/titles/subtitle_contactgegevens.gif) no-repeat; } 
h3#subtitle_contactopnemen { width: 131px; height: 19px; background: url(../images/titles/subtitle_contactopnemen.gif) no-repeat; } 
h3#subtitle_hosting { width: 65px; height: 19px; background: url(../images/titles/subtitle_hosting.gif) no-repeat; } 
h3#subtitle_klantenlijst { width: 87px; height: 19px; background: url(../images/titles/subtitle_klantenlijst.gif) no-repeat; } 
h3#subtitle_weblogcats { width: 89px; height: 19px; background: url(../images/titles/subtitle_weblogcats.gif) no-repeat; } 
h3#subtitle_zoeken { width: 53px; height: 15px; background: url(../images/titles/subtitle_zoeken.gif) no-repeat; } 
h3#subtitle_weblogarchief { width: 56px; height: 15px; background: url(../images/titles/subtitle_weblogarchief.gif) no-repeat; } 
h3#subtitle_blogroll { width: 58px; height: 19px; background: url(../images/titles/subtitle_blogroll.gif) no-repeat; } 
h3#subtitle_laatste_blogs { width: 97px; height: 19px; background: url(../images/titles/subtitle_laatste%20blogs.gif) no-repeat; } 

h4 { color: #707070; font-family: "Trebuchet MS", sans-serif; font-weight: bold; font-size: 15px; text-align: left; padding: 0 0 0 0; margin: 25px 0 10px 0; }
h4.comments { color: #707070; font-family: "Trebuchet MS", sans-serif; font-weight: bold; font-size: 15px; text-align: left; padding: 0 0 0 0; margin: 5px 0 10px 0; }

h5 { font: 11px Verdana, Arial, Helvetica, sans-serif; color: #aaa; margin: 0 0 0 0; padding: 0 0 0 0; line-height: 170%; }


/* NAVIGATION */

	#navigation ul {
	width: auto; 
	height: 28px;
	margin: 0;
	padding: 0;
	list-style: none outside;
	}

	#navigation li a span{
	display:none;
	}

	#navigation li a {
	height: 28px;
	color: #fff;
	display: block;
	float: left;
	}

	li#home {
	float: left; margin: 0;  display: block;
	background-image: url("../images/menu/menu1-1.gif");
	background-repeat: no-repeat; background-position:top
	}
	li#home a{
	width: 84px;
	background-image: url("../images/menu/menu1-1.gif");
	background-repeat: no-repeat; background-position:top
	}
	li#home a:hover {
	background-image: url("../images/menu/menu1-2.gif");
	}

	li#empresa {
	float: left; margin: 0; display: block;
	background-image: url("../images/menu/menu2-1.gif");
	background-repeat: no-repeat; background-position:top
	}
	li#empresa a{
	width: 84px;
	background-image: url("../images/menu/menu2-1.gif");
	background-repeat: no-repeat; background-position:top
	}
	li#empresa a:hover {
	background-image: url("../images/menu/menu2-2.gif");
	}

	li#filosofia {
	float: left; margin: 0;  display: block;
	background-image: url("../images/menu/menu3-1.gif");
	background-repeat: no-repeat; background-position:top
	}
	li#filosofia a{
	width: 84px;
	background-image: url("../images/menu/menu3-1.gif");
	background-repeat: no-repeat; background-position:top
	}
	li#filosofia a:hover {
	background-image: url("../images/menu/menu3-2.gif");
	}

	li#servicios {
	float: left; margin: 0;  display: block;
	background-image: url("../images/menu/menu4-1.gif");
	background-repeat: no-repeat; background-position:top
	}
	li#servicios a{
	width: 84px;
	background-image: url("../images/menu/menu4-1.gif");
	background-repeat: no-repeat; background-position:top
	}
	li#servicios a:hover {
	background-image: url("../images/menu/menu4-2.gif");
	}

	li#flota {
	float: left; margin: 0;  display: block;
	background-image: url("../images/menu/menu5-1.gif");
	background-repeat: no-repeat; background-position:top
	}
	li#flota a{
	width: 84px;
	background-image: url("../images/menu/menu5-1.gif");
	background-repeat: no-repeat; background-position:top
	}
	li#flota a:hover {
	background-image: url("../images/menu/menu5-2.gif");
	}

/*------------------------------*/
/*			 Boxes				*/
/*------------------------------*/

/* set millions of background images */
.rbroundbox { background: url(../images/boxes/nt.gif) repeat; }

/*
.rbroundbox_clear { background: url(../images/boxes/nt.gif) repeat; clear: both; }
aangepast door joni ivmproblemen in ff
*/
.rbroundbox_clear { background: url(../images/boxes/nt.gif) repeat; }

.rbtop div { background: url(../images/boxes/tl.gif) no-repeat top left; }
.rbtop { background: url(../images/boxes/tr.gif) no-repeat top right; }
.rbbot div { background: url(../images/boxes/bl.gif) no-repeat bottom left; }
.rbbot { background: url(../images/boxes/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
}
.rbcontent { margin: 0 10px; }
.rbroundbox { width: 100%; margin: 0 0 0 0; }

.weblog { background: url(../images/boxes/box_weblog.jpg) no-repeat; height: 67px; margin: 0 0 0 -10px; padding: 110px 8px 0px 17px; }
.weblog p { margin: 0px 0px 0px 3px; } 

.rbcontent_news { margin: 0 9px; }
.news_img {	color: #000; background-color: #fff; padding: 4px; margin: 8px 0 5px 0px; border: 1px solid #CDCFCD; display: block; } 

/*------------------------------*/
/*			/Boxes				*/
/*------------------------------*/


/* CONTENT */

.content_block {
	width: 475px;
	border-bottom: 1px dotted #D9088A;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
 	margin: 5px 0 5px 0;
}

/*
#col { float:left; width:563px; margin:8px 0 8px 0; padding:0; }
aangepast door joni ivmproblemen in ff
*/
#col {  width:563px; margin:8px 0 8px 0; padding:0; overflow: hidden; }

.coltext { float:left; margin:0 13px 0 0; padding:0 13px 0 0; width:170px; border-right: 1px solid #CDCFCD; }
.coltext2 { float:left; margin:0; padding:0; width:165px; }
.coltext img { margin:3px 0 8px 0; display:block; }
.coltext2 img { margin: -5px 0 8px 0; display:block; }

#blogblock { float:left; width:563px; margin:8px 0 8px 0; padding:0; }
.colblog { float:left; margin:0 13px 0 0; padding:0 13px 0 0; width:170px; border-right: 1px solid #CDCFCD; }
.colblog2 { float:left; margin:0; padding:0; width:340px; }

p {	padding: 0;	margin: 5px 5px 15px 0px; line-height: 170%;  }
.rbcontent p { margin: 5px 0px 0px 0px; } 
.rbcontent_news p { margin: 5px 0px 0px 0px; } 

br.break { clear: both; }

img { border: 0px solid black; margin: 0px 0px 0px 0px; } 
.img_right { padding: 0px;	margin: 0 0 0 10px;	}
.img_content { padding: 4px; margin: 0 6px 7px 0px; border: 1px solid #CDCFCD; }

ul { margin: 0px 0 15px 40px; padding: 0 0 0 0; list-style: outside; }
li { color: #DA0989; }
.blacktext { color:black; }
#sitemap li { color:black; }

#breadcrumb {margin:10px 2px 12px 0px; font-size:95%;background:#fff;color:#aaa;text-transform:lowercase}
#breadcrumb a {color:#aaa}
#breadcrumb a:hover {text-decoration:underline}

#keywords {font-size:95%;background:#fff;color:#aaa;text-align:center;}
#keywords a {color:#aaa;text-decoration:none;}

.dienst {
	color: #000;
	background-color: #fff;
	padding: 0px;
	margin: 0 12px 0 0;
	display: block;
	float: left;
}

div.error {
  border: 1px solid red;
  background-color : #FFCCCC;
  width: auto;
  margin: 5px 0px 5px 0px;
  padding: 15px;  
}


div.blockcontainer{
	overflow: hidden;
	margin: 0;
	padding: 0;
}

div.block_left {
	float:left;	
	width:50%; 
	margin: 5px 0px 0px 0px;	
}

div.block_right {
	float:right;
	width:50%; 
	margin: 5px 0px 0px 0px;	
}

form { margin: 0px; }





/* PORTFOLIO */



.project { 
	width: 260px;
	float: left;
	padding: 0px 0 0px 0; 
	border-bottom: 0px solid #CDCFCD; 
	margin: 10px 0 10px 0;
	}
	
#projects div.left{
	margin-right: 10px;
}

.project_small {
	color: #000;
	background-color: #fff;
	padding: 0px;
	margin: 0 12px 0 0;
	border: 4px solid #e0e0e0;
	display: block;
	float: left;
}

.project_screen {
	color: #000;
	background-color: #fff;
	padding: 4px;
	margin: 0 0 18px 0;
	border: 1px solid #CDCFCD;
	display: block;
	float: left;
}

div.project h2{
	text-align: center;
	font-weight: normal;
	font-size: 120%;
}




div.slideshow {
  margin: 18px auto;
  color: #000;
  border: 1px solid #cdcfcd;
}
div.slideshow p {
  padding-top: 9px;
}
div.slideshow ul {
  background: transparent;
  bottom: -50px;
  left: -40px;
  position: absolute;
  overflow: hidden;
  padding: 5px 0;
  z-index: 10001;

}
div.slideshow ul a {
  background-position: 50% 50%;
  cursor: pointer;
  display: block;
  height: 25px;
  margin-right: 5px;
  opacity: 0.5;
  width: 23px;
  opacity: 1;
}
div.slideshow ul a.active,
div.slideshow ul a:hover {
  opacity: 1;
}
div.slideshow ul li {
  float: left;
  list-style: none;
}

a.prev{
	background: transparent url('../images/portfolio/arrowleft.gif');
	background-repeat: no-repeat;
}

a.next{
	background: transparent url('../images/portfolio/arrowright.gif');
	background-repeat: no-repeat;
}
















.quote { margin: 0 7px 0 3px; background: url(../images/quote.gif) no-repeat; }
.quote2 { margin: 0 3px 0 7px; background: url(../images/quote2.gif) no-repeat; }

.textgray {color: #aaa}

/* BLOG */

.blog_first { padding: 5px 0 0px 0; width: 500px; }
.blog { padding: 15px 0 3px 0; width: 500px;  border-top: 1px solid #CDCFCD; }
.blogdate {margin: 0 0 0 0; padding: 0 0 5px 0; color: #aaa}
.linkmaken {margin: 0 0 0 0; padding: 0 0 5px 0; color: #aaa; font-weight: normal;}
.blogtitle { margin: 0 0 0 0; padding: 0 0 0 0; }
.ekuddos_small { vertical-align: middle; border: 1px solid #006699;  }
.nujij_small { vertical-align: middle; border: 1px solid #FFF;  }

.blogftr_left {
	float: left;
}

.blogftr_right {
	float: right;
	text-align: right;
	padding: 0px 0 0 0;
	margin: -10px 0 0 0;
}

/* COMMENTS */
.commentlist {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	text-align: justify;
	width: 500px;
	}

.commentlist li {
	margin: 15px 15px 3px 0px;
	padding: 5px 10px 3px 10px;
	list-style: none;
	color: #000;	
	}

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

#commentform p {
	margin: 5px 0;
	}

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

.commentmetadata {
	margin: 0;
	display: block;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.alt {
	background-color: #F1EFED;
	border-top: 1px solid #CDCFCD;
	border-bottom: 1px solid #CDCFCD;	
	}
	
/* FOOTER */

.ftr_left {
	float: left;
}

.ftr_right {
	float: right;
	text-align: right;
	padding: 2px 0 0 0;
}

a.footerlink:link, a.footerlink:visited { color: #555; text-decoration: none; }

/* { border: 1px solid #F00; } */


/* Search form for blog */


* html #searchresults{
height: 810px;
}

#blogsearch input.field{
	border: 1px solid #aaa;
	background: #fff;
	width: 130px;
	margin-bottom: 5px;
	padding: 3px 3px 3px 3px;
	height: 16px;
	font-size: 120%;
	line-height: 120%;
	display: block;
	float: left;
}

#blogsearch input.submit{
	border: 1px solid #aaa;
	margin: 0px 0 5px 5px;
	padding: 3px 3px 3px 3px;
	height: 24px;
	font-size: 120%;
	line-height: 120%;
	display: block;
	float: left;
}

#searchresults h3{
	font-size: 120%;
}

#searchbox{
	border: 1px solid #ccc;
	border-width: 1px 0 1px 0;
	background: #eee;
	padding: 10px 0 10px 180px;
	margin: 5px 0 15px 0;
	height: 50px;
}