/* YUI CSS RESET */


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; padding-top: 0px; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul {	list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }

html, body { margin: 0; padding: 0; height: 100%;}
body { background: #FFF url(../images/header_bg.gif) repeat-x; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 1.5em; }

strong { font-weight: bold; }

#wrapper { min-height: 100%; position: relative; border:0px solid;}
#sub_wrapper { margin: 0 auto; width: 950px; height:910px; margin-top:25px }

#header { background-color: #000; height: 100px; width: 100%; }
#header .header_content { margin: 0 auto; position: relative; height: 100%; width: 900px; }
#header h1 { display: block; height: 50px; overflow: hidden; top: 47px; position: relative; text-align: center; width: 222px; }
#header h1 a { color: #FFF; }
#header h1 span { background: url(../images/logo.gif) no-repeat 0 0; cursor: pointer; display: block; height: 100%; position: absolute; left: 0; top: 0; width: 100%;  margin-top: -8px;}

#header ul.language { background: url(images/language_bg.jpg) no-repeat 0 0; color: #C9C9C9; font-size: 12px; height: 25px; position: absolute; right: 0; top: -40px; width: 59px; padding-left: 4px; }
#header ul.language li { float: left; }
#header ul.language li a { color: #C9C9C9; padding: 0 5px; }

/* NAVIGATION */
ul#navigation li.current_page_item {
    font-family: Arial;
	font-size: 11px;
	line-height: 1em;
	font-weight:bold;
  }

ul#navigation li {
    font-family: Arial;
	font-size: 11px;
	line-height: 1em;
	font-weight:bold;
  }

ul#navigation { bottom: 0; position: absolute; right: 0; }
ul#navigation li { background: url(../images/nav_delimiter.gif) no-repeat; float: left; height: 45px; padding: 0 7px; letter-spacing: 0.15em; }
ul#navigation li.first_item { background: none; }
ul#navigation li a { color: #FFF; }
ul#navigation li.current_page_item a { text-decoration: underline; }

/* BASIC LAYOUT */
#main { padding-bottom: 30px; }
#side_photo { float: left; margin-bottom: 10px; width: 470px; }
.sidebar { float: left; padding-top: 0; width: 160px; }
#content { color: #666; float: left; padding-top: 46px; padding-bottom: 270px; width: 430px; margin-bottom: 30px; }
.portfolio #content { float: left; padding-top: 0; padding-right: 58px; width: 522px; }
.portfolio { background: url(images/portfolio_borders.jpg) repeat-y 0 0; margin-top: 68px; height: 100%; }

/* PAGE SPECIFIC */
.home #content .post { /*color: #5A8C8D;*/ margin-bottom: 36px; }
.home #content a.more-link { display: block; font-weight: bold; margin-top: 6px; text-decoration: underline; }
.home #content a:hover.more-link { text-decoration: none; }

.flickr h3 { color: #141414; font-weight: bold; margin: 0 0 6px 10px; }
.flickr ul { border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; height: 80px; margin: 0 0 32px 0; }
.flickr ul li { float: left; padding: 12px 9px 12px 0; }
.flickr img { height: 55px; width: 55px; }

.portfolio ul.banners li { margin: 0 0 11px 0; line-height: 0; } 

.portfolio .flickr h3 { margin: 0; }
.portfolio .flickr ul { border-bottom: none; margin: 0; padding: 0 0 0 5px; }
.portfolio .flickr ul li { padding: 9px 9px 0 0; }

#content .recent_news h3 { color: #ff6600; font-size: 15px; font-weight: bold; margin: 0 0 11px 0px; }
#content .recent_news ul li { background-color: #EDEDED; margin: 0 0 2px 0; padding: 2px 11px; }
#content .recent_news ul li a { color: #878787; }

#footer .recent_news { top: -10px; position: relative; }
#footer .recent_news h3 { color: #ff6600; font-size: 13px; font-weight: bold; margin-bottom: 11px; margin-left: 10px; }
#footer .recent_news ul li { background-color: #202020; border-top: 1px solid #1A1A1A; border-bottom: 1px solid #1A1A1A; margin: 0 70px 0 0; width: 350px; vertical-align: bottom; }
#footer .recent_news ul li a { color: #666; display: block; padding: 2px 11px; }
#footer .recent_news ul li a:hover { background-color: #2C2C2C; color: #CCC; text-decoration: none; }

/*.portfolio #content .post .entry img { margin-bottom: 25px; }*/

#content h2 { font-size: 15px; font-weight: bold; margin-bottom: 10px; text-align: center; text-transform: uppercase; }
#content .post h2 { color: #141414; font-size: 30px; margin-bottom: 10px; text-transform: uppercase; }
#content .post p { color: #666; margin-bottom: 20px; }
#content .post em { font-weight: bold; text-decoration: underline; }
#content .post img.wp-smiley { border: none; margin: 0; padding: 0; }


.portfolio #content .post h2 { color: #141414; font-size: 20px; margin-bottom: 10px; text-transform: uppercase; }
.portfolio #content a.more_link { display: block; margin-top: 6px; text-decoration: underline; }
.portfolio #content .post p { color: #6F6F6F; }
.portfolio #content .post { padding-bottom: 20px; }

.page ul.contact { border-top: 1px solid #CCC; margin-bottom: 25px; }
.page ul.contact li { border-bottom: 1px solid #CCC; padding-top: 10px; padding-bottom: 10px; }

.portfolio #content p.no_results { text-align: center; }

/* SIDEBAR */
.sidebar h3 { background: url(images/h3_dots.jpg) repeat-x 0 100%; color: #141414; font-size: 14px; font-weight: bold; margin-top: 20px; margin-bottom: 5px; padding-bottom: 3px; width: 115px; }
.sidebar h3.first { margin-top: 0; }
.sidebar h4 { font-weight: bold; margin-top: 15px; margin-bottom: 5px; }
.sidebar ul.clients li a, .sidebar ul.news li a { color: #6F6F6F; }
.sidebar ul.news li { width: 120px; }
.sidebar ul.clients li.current-cat a { color: #141414; font-weight: bold; }

/* FORM */
#content form { font-size: 12px; }
#content form input { width: 160px; margin-right: 5px; }
#content form textarea { height: 120px; width: 220px; }
#content form label { float: left; width: 100px; }
#content form .submit { margin-left: 100px; width: 70px; }

form.searchform input.s { color: #333; background-color: transparent; border: 1px solid #999; font-size: 11px; height: 16px; padding: 0 2px; width: 110px; }
form.searchform input.submit { background-color: #141414; border: none; color: #FFF; height: 16px; margin-top: 5px; width: 60px; }

/* FOOTER */
#footer { background: #EDEDED url(images/footer_bg.gif) no-repeat; bottom: 0; height: 240px; position: absolute; width: 100%; }
#footer .footer_content { background: #EDEDED; height: 240px; margin: 0 auto; width: 900px; }

#footer ul { background: #EDEDED; height: 180px; }
#footer ul li { color: #999; float: left; margin: 34px auto 0 auto; }
#footer ul li ul li { float: none; }
#footer ul li.tagline { width: 430px; }
#footer ul li.custom_content { margin-right: 45px; width: 385px; }
#footer ul li address { color: #666; width: 180px; }
#footer ul li.first_address { background: url(../images/footer_delimiter.gif) no-repeat 0 0; height: 140px; padding-left: 40px; padding-right: 20px;}
#footer ul li.second_address { background: url(../images/footer_delimiter.gif) no-repeat 0 0; height: 140px; padding-left: 40px; }


/* HYPERLINKS */
a { color: #ff6600; outline-style: none; }
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }
a:active { text-decoration: none; }

/* MISC */
.clearer { clear: both; display: block; }
.cleaner { background-color: #FFF; display: block; height: 68px; }

#buttons {
height:45px;
margin:0 auto;
padding-top:10px;
width:900px;;
}


#slider {
background:#FFFFFF url(../images/pic_background.jpg) no-repeat scroll 0 0;
margin: 0 auto;
width:850px;
height:640px;
}



#vak1 {
background:transparent url(../images/vak1.png) no-repeat scroll 0 0 !important;
display:block;
height:120px;
left:50px;
position:absolute;
text-decoration:none;
text-indent:-999em;
top:24px;
width:350px;
color: #ffffff;
font-size:10px;
font-family:Helvetica sans-serif,Arial;
}





/* Slider Content */


	/* VOORBEELD SLIDER IMAGE CSS
		
		#slider_foto { 
			width: 898px; 
			height: 598px;
			background: #fff  url(../slider_img/1.gif) no-repeat 0 0 ;
		}
		
		
		*/
	
.slide {
width: 898px; /* Also specified in  .stripViewer .panelContainer .panel  below */
height: 598px;
}

/* End Slider Content */


/* Slider Layout */
	.stripViewer .panelContainer .panel ul {
			text-align: left;
			margin: 0 15px 0 30px;
		}
		
		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
		left:34px;
		position:relative;
		top:35px;
		width:782px;
			}

		/* These 2 lines specify style applied while slider is loading */
		.csw {background:#ffffff none repeat scroll 0 0;height:522px;overflow:hidden;width:782px;}
		.csw .loading {margin: 200px 0 300px 0; text-align: center}

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			border: 0px solid #000; /* this is the border. should have the same value for the links */
			margin: auto;
			width: 780px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: 570px;
			clear: both;
			background: #ffffff;
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width: 780px; /* Also specified in  .stripViewer  above */
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 0px;
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin: auto;
		}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none;
		}
		
		.stripNav ul li {
			float: left;
			margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
		}
		
		.stripNav a { /* The nav links */
			font-size: 10px;
			font-weight: bold;
			text-align: center;
			line-height: 32px;
			background: #c6e3ff;
			color: #fff;
			text-decoration: none;
			display: block;
			padding: 0 15px;
		}
		
		.stripNav li.tab1 a { background: #60f }
		.stripNav li.tab2 a { background: #60c }
		.stripNav li.tab3 a { background: #63f }
		.stripNav li.tab4 a { background: #63c }
		.stripNav li.tab5 a { background: #00e }
		
		.stripNav li a:hover {
			background: #333;
		}
		
		.stripNav li a.current {
			background: #000;
			color: #fff;
		}
		
		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			text-indent: -9000em;
		}
		
		.stripNavL a, .stripNavR a {
			display: block;
			height: 520px;
			width: 390px;
		}
		
		.stripNavL a:hover {
		background:transparent url("../images/arrow_left.gif") no-repeat scroll left center;
		cursor: pointer;
		}
		
		
			.stripNavR a:hover {
		background:transparent url("../images/arrow_right.gif") no-repeat right center;
		cursor: pointer;
		
		}
		
		
			.stripNavL {
		left:1px;
        top:0px;
		}
		
		.stripNavR {
		right:1px;
        top:0px;
		}
		
		.stripNavL {
		background:none;
        height:520px;
        width:390px;
		}
		
		.stripNavR {
		background:none;
		height:520px;
        width:390px;
		}

		

/* End Slider Layout */

#klantzoeken{


display:block;
width:250px;}

#klantinfo{

display:block;
margin-left:260px;
margin-top:-15px;
width:450px;;}

.info_dik{
color: #ff6600;
font-weight: bold;
}

#info{
color:#999999;
font-family:arial,verdana,helvetica;
font-size:12px;
left:270px;
position:relative;
top:15px;
z-index:1;
}

#info_link{
background:transparent url(../images/bttn_caseinfo.jpg) no-repeat scroll 0 0;
font-weight:bold;
height:31px;
left:370px;
padding:6px 0 0 14px;
position:relative;
top:-24px;
width:121px;
z-index:1;
}