@charset "utf-8";
/* CSS Document */

* { margin:0; padding:0}

body { background:#000 url(../images/mainbg.png) top;
background-repeat:repeat-x}

#masterwrapper {width: 953px; margin:0 auto; padding-top:15px;}

/* TEXT*/
.bold {font-weight:bold}
.italic { font-style:italic}
p { line-height:19px; font-family:Arial, Helvetica, sans-serif; color:#FFF; font-size:12x}
h1 {font-size:24px; margin-bottom:20px; font-family:Helvetica Narrow, sans-serif; color:#FFF; text-indent:-9000px;}
h2 {font-size:20px; margin-bottom:20px; font-family:Helvetica Narrow, sans-serif; color:#FFF; text-indent:-9000px;}
h3 {font-size:18px; margin-bottom:20px; font-family:Helvetica Narrow, sans-serif; color:#ed2c8e}
h4 {font-size:18px; margin-bottom:18px; font-family:Helvetica Narrow, sans-serif; color:#FFF; text-indent:-9000px;}
.greytext { color:#ccc} 
.pink {color:#ed2c8e}
.red {color:#ff0000}
.blue {color:#1ebbee}
.yellow {color:#f99b1c}
.recent {font-size:11px}
.whitebold {color:#FFF; font-weight:bold}
.whitebold2 {color:#FFF; font-weight:bold; font-size:11px}
.bluebold {color:#1ebbee; font-size:12px}

/* LINKS*/
a, a:visited{text-decoration:none; color:#1ebbee}
a:hover{text-decoration:underline; color:#1ebbee}
a.white:link, a.white:visited {color:#FFF; text-decoration:none}
a.white:hover {color:#1ebbee; text-decoration:underline}
a.pink:link, a.pink:visited {color:#ed2c8e; text-decoration:none}
a.pink:hover {color:#1ebbee; text-decoration:underline}
a.grey:link, a.grey:visited {color:#666; text-decoration:none}
a.grey:hover {color:#1ebbee; text-decoration:underline}
a.bluearrow:link, a.bluearrow:visited {color:#1ebbee; text-decoration:none}
a.bluearrow:hover {color:#1ebbee; text-decoration:underline}

/*  RECENT OPGELEVERD */
.recent_item{width:300px; margin-top:10px; margin-left:180px }
.recent_item p{color:#b3b3b3; line-height:16px; line-height:24px; font-size:11px;}
.recent_item img {vertical-align:middle;}
#recent_img {}
#recent_text {padding-top:5px; width:420px; margin-left:180px }

/* TITLES*/
#buro { background:url(../images/buro.png) no-repeat}
#recent { background-image:url(../images/recent.png); background-repeat:no-repeat}
#contact { background-image:url(../images/contacteer.png); background-repeat:no-repeat}
#adres { background-image:url(../images/adres.png); background-repeat:no-repeat}
#route { background-image:url(../images/route.png); background-repeat:no-repeat}
#news { background-image:url(../images/hoogte.png); background-repeat:no-repeat}
#bedrijf { background-image:url(../images/meer.png); background-repeat:no-repeat}
#internet { background:url(../images/internetmarketing.png) no-repeat}
#seo { background:url(../images/seo.png) no-repeat}
#vaca { background:url(../images/werken.png) no-repeat}
#solliciteer { background:url(../images/solliciteer.png) no-repeat}
#twitter { background:url(../images/twtr.png) no-repeat}

/* IMAGES*/
img {border:0}
.img_left {float:left; margin-right:15px;}
.img_left2 {float:left; margin-right:7px; margin-top:4px}
.img_left3 {float:left; margin-right:35px; margin-top:4px; margin-bottom:50px }
.img_right{float:right; margin-left:50px; margin-bottom:5px}

.bluearrow {color:#1ebbee; padding-right: 15px; background: url(../images/arrow.png) no-repeat; background-position:100%;  display: block; width:50px; float: right; margin-left:5px }

/* top */
#top{width:100%;
overflow:hidden;}

#logo { background-image: url(../images/logo-es02.png);
width:124px; 
height:73px;
float:left}

/* SEARCH */
#search{
	width:238px;
	height:49px;
	float:right;
	background-image: url(../images/search_base.png);
	background-repeat:no-repeat;
	display:inline}

.searchbox {background-image: url(../images/search_box.png);
	width:181px;
	height:32px;
	margin:9px 0 0 9px;
	float:left;
	display:inline}

.searchfield {
	border:0;
	font-family:tahoma, arial, sans-serif;
	background-color:#434343;
	color:#CCC;
	width:160px;
	margin:7px 0 0 0;
	padding-left:7px;
    display:inline}

.search_button{ 
background:url(../images/search_btn.png) no-repeat; 
cursor:pointer; 
width: 35px; 
height: 32px; 
border: none; 
float:right;
margin:9px 6px 0 0 } 

/*  SLIDER HEADER */
#bgbanner { background-image:url(../images/bg-banner.png)}

#gallery {
	position:relative;
	height:281px;
	width: 953px;
	overflow: hidden;}
	
#gallery a {float:left;	position:absolute;}
#gallery a img {border:none; width: 953px;height:281px;}
#gallery a.show {z-index:500}
#gallery .caption {
		z-index:600; 
		background-color:#000; 
		color:#ffffff; 
		height:50px; 
		width:933px; 
		position:absolute;
		bottom:0;
		margin-left:10px ;
		margin-bottom:4px 	}

#gallery .caption .content {margin:5px;	 font-family:Arial, Helvetica, sans-serif; font-size:12px}

#gallery .caption .content h3 {
		margin:0;
		padding:0;
		color:#fff;}

/*  CONTENT*/

#contentwrapper {background:#2e2e2e url(../images/bg-content.png);background-repeat:repeat;overflow:hidden; width:953px}

/*  ROUNDED BOXES */

.box01 { margin: 20px 0 0 8px;  width:650px; overflow:hidden; float:left; display:inline }
.box01_top {background:url(../images/box01_top.png); height:7px; width:650px}
.box01_content {background: #030303 url(../images/box01_content.png) repeat-x top; width:650px; min-height:250px; overflow:hidden; }
.box01_text {font-family:Arial, Helvetica, sans-serif; font-size:12px;  margin: 10px 20px; clear:both}
.box01_bottom {background:url(../images/box01_bottom.png); height:7px; width:650px}

.box02 { margin: 20px 9px 0 0;  width:279px; overflow:hidden; float:right ; display:inline }
.box02_top {background:url(../images/box02_top.png); height:7px; width:279px; }
.box02_content {background: #030303 url(../images/box02_content.png) repeat-x top;	width:279px; min-height:260px;  height:260px;  overflow:hidden; }
.box02_text {font-family:Arial, Helvetica, sans-serif; font-size:12px;  margin: 10px 20px; clear:both; overflow:hidden; }
.box02_bottom {background:url(../images/box02_bottom.png); height:7px; width:279px}

.box04 { margin: 7px 9px 0 0;  width:279px; overflow:hidden; float:right; display:inline  }
.box04_top {background:url(../images/box02_top.png); height:7px; width:279px}
.box04_content {background: #030303 url(../images/box02_content.png) repeat-x top; width:279px; 
min-height:200px; overflow:hidden; }
.box04_text {font-family:Arial, Helvetica, sans-serif; font-size:12px;  margin: 10px 20px; overflow:hidden}
.box04_bottom {background:url(../images/box02_bottom.png); height:7px; width:279px}

.box05 { margin: 7px 9px 0 0;  width:279px; overflow:hidden; float:right; display:inline }
.box05_top {background:url(../images/box02_top.png); height:7px; width:279px}
.box05_content {background: #030303 url(../images/box05_content.png) repeat-x top; width:279px; min-height:201px;  overflow:hidden; }
.box05_text {font-family:Arial, Helvetica, sans-serif; font-size:12px;  margin: 10px 20px; clear:both}
.box05_bottom {background:url(../images/box02_bottom.png); height:7px; width:279px}

.box06 { margin: 20px 0 0 8px;  width:650px; overflow:hidden; float:left; display:inline }
.box06_top {background:url(../images/box01_top.png); height:7px; width:650px}
.box06_content {background: #030303 url(../images/box01_content.png) repeat-x top; width:650px; min-height:686px; height:auto !important; /* voor moderne Browser */
height:860px; /*voor IE6 */; overflow:hidden; }
.box06_text {font-family:Arial, Helvetica, sans-serif; font-size:12px;  margin: 10px 20px; overflow:hidden; clear:both}
.box06_bottom {background:url(../images/box01_bottom.png); height:7px; width:650px}

.push {background:#2e2e2e url(../images/bg-content.png);
background-repeat:repeat;
height:35px}

/*  LIJNEN */

.dots {background:url(../images/dots.png);
background-repeat:repeat;
height:1px;
width:635px;
margin-left:8px;
margin-top:5px;
margin-bottom:5px}

/*  FORM*/
   input{margin-bottom:5px}
   textarea{ font-family:Helvetica,sans-serif; font-size:13px}  
   #status{
    	width:70%;
    	padding:2px;
    	height:15px;
    	outline:none; 
		margin:2px 0 2px 0;    }
		
    .focusField{
    	border:solid 2px #1ebbee;
    	background:#EFF5FF;
    	color:#000;    }
		
    .idleField{
    	background:#EEE;
    	color: #6F6F6F;
		border: solid 2px #DFDFDF; }	
	
   .news_submit {  color:#fff;   
	background-color: #1ebbee;
	border:#FFF solid 2px;
	margin-top:5px}

#newsletter {margin-top:7px}

/* PORTFOLIO */

#port_item {overflow:hidden; margin-bottom:25px; clear:both}
.port_screen{width:350px; float:left}
.port_txt, .port_txt p{width:530px; float:right; color:#b3b3b3; line-height:16px}
.port_txt img {margin-bottom:5px}

/*  FOOTER */
#footerwrapper {
	background:#212121 url(../images/bg-footer.png);
	background-repeat:repeat;
	min-height:80px;
	height:auto !important; /* voor moderne Browser */
    height:80px; /*voor IE6 */;
	text-align:center; padding-top:15px;
	}

#footerwrapper p {font-size:11px; color:#666}

#footerend {background:url(../images/footerend.png);
	background-repeat:no-repeat;
	height:14px;
	margin-bottom:25px}