/* MASTER */

/***** Global Settings *****/

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input, textarea { color:#666666; font-size:12px; line-height: 16px; margin: 0; padding: 0; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;}
h1,h2,h3,h4,h5,h6,p,pre,code,address,caption,cite,code,em,strong,th,fieldset,input,textarea { color:#666666;}
ul,ol { list-style: none; }
caption,th { text-align: left; }

html, body {
border:0;
margin:0;
padding:0;
}
 
/***** Common Formatting *****/
 

blockquote {
margin:4px;
padding:4px 4px 0 4px;
}
 
small {
font-size:10px;
}
 
img {
border:0;
outline:0;
}
 
sup {
position:relative;
bottom:3px;
vertical-align:baseline;
}
 
sub {
position:relative;
bottom:-3px;
vertical-align:baseline;
}
 
acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}
 
/***** Links *****/
 
a {
outline:none;
}
 
/***** Forms *****/
 
form {
margin:0;
padding:0;
}
 
label {
cursor:pointer;
}
 
/***** Tables *****/
 
table {
border:0;
padding:0;
border-collapse:collapse;
border-spacing:0;
}
 
table tr td {
padding:2px;
}

.hidesubmitbutton {
background-color:#FFFFFF;
border:0 none;
height:1px;
left:0;
position:absolute;
top:0;
width:7px;
}
  
/***** Global Classes *****/

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {
display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
height: 1%;
}

.clearfix {
display: block;
}
/* End hide from IE-mac */

.nav-hor {
white-space:nowrap;
}

	.nav-hor li {	
	display:inline;
	}
	
		.nav-hor li:first-child {
		padding-left:0px!important;
		margin-left:0px!important;
		border-left:0!important;
		}
		
		.nav-hor li:last-child {
		padding-right:0!important;
		margin-right:!important;
		border-right:0!important;
		}
	

		
.nav-ver {
}

	.nav-ver li {
	}
	
	.nav-ver li a {
	display:block;
	width:auto;
	}
	
		.nav-ver li a:hover {
		}
.small 			{ font-size:12px!important; }
.smaller 		{ font-size:11px!important; }
.smallest		{ font-size:10px!important;}

.clear         { clear:both; }
.float-left    { float:left; }
.float-right   { float:right; }
.inline		   { display:inline; }
 
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
 
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
 
.nowrap			{white-space:nowrap;}
 
.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }
 
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }


/* PAGE LAYOUT */ 

html, body {
margin:0;
padding:0;
text-align:center;
background:#ffffff;
}

#placeholder {
width:960px;
overflow:hidden;
text-align:left;
margin:20px auto 10px auto;
position:relative;
}

#topnav {
height:25px;
text-align:right;
}

	#topnav li {
		margin-left: 10px;
	}

	#topnav li a {
	text-decoration:none;
	font-size:13px;
	color:#999;
	}
	
		#topnav li a:hover {
		color:#000000;
		}
		
	#topnav li a.active {
		color:#000000;
	}

#header {
position:relative;
height:150px;
width:100%;
margin-bottom:15px;
}


	#logo {
	float:left;
	width:234px;
	height:144px;
	margin-right:26px;
	}
	
		#logo img {
		margin-top:10px;
		}
		
	#banner {
	width:700px;
	float:right;
	}


#breadcrumbnav {
height:30px;
margin-left:260px;
background:url(../../img/bullet-black.png) 0 5px no-repeat;
padding-left:7px;
}
	
		#breadcrumbnav li {
			font-size:11px;
		}
		
			#breadcrumbnav li a {
			color:#000000;
			}

#contentwrapper {
}

#globalborder {
width:234px;
float:left;
margin-bottom:30px;
}

	#submenu {	
	}
	
		#submenu ul {
		margin-bottom:30px;
		
		}
	
		#submenu li {
		border-bottom:1px solid #eeeeee;
		padding:4px 0;
		}
		
		#submenu li:hover {
			background-color:#f8f8f8;
		}
		
			#submenu li:last-child {
			border-bottom:none;
			}
		
		#submenu li a {
		color:#888888;
		text-decoration:none;
		padding-left:6px;
		display:block;
		}
		
			#submenu li a:hover {
			color:#000000;
			}
			
		#submenu li.active a {
		color:#000000;
		text-decoration:none;
		background:url(../../img/bullet-blue.png) no-repeat 0 5px;
		}
		
#main {
margin-bottom:40px;
}

#contentwrapper {
width:700px;
float:right;
position:relative;
}

	#contentborder {
	width:170px;
	float:right;
	position:relative;
	}			
		
		#actions {
		margin-bottom:20px;
		background:#eeeeee;
		}
		
			#actions li {
			padding:4px 8px;
			border-top:1px solid #ffffff;
			}
			
			#actions li:hover {
				background:#dddddd;
			}
			
			#actions li:first-child {
			border-top:0;
			}
			
				#actions li a {
				text-decoration: none;
				color:#666666;
				}
	
	#content {
	float: left;
	display:inline;
	position: relative;
	width:500px;
	overflow:hidden;
	}
		
#footerlinks {
width:960px;
text-align:left;
height:85px;
position:relative;
margin-bottom:10px;
}

	#footerlinks ul {
	width:234px;
	height:64px;
	float:left;
	margin-right:8px;
	border-top:2px solid #00aeef;
	border-bottom:1px solid #cccccc;
	padding: 10px 0;
	}
	
	#footerlinks .links4 {
		margin-right:0px;
	}
	
		#footerlinks li:first-child a {
		color:#000000;
		font-size:13px;
		}
	
		#footerlinks li {
		font-size:11px;
		}
			
			#footerlinks li a {
			color:#666666;
			text-decoration:none;
			}
			
			#footerlinks li a:hover {
			color:#000000;
			}

#footer {
height:40px;
position:relative;
width:960px;
}

	#footer li {
	font-size:11px;
	}

	#footernav {
	float:left;
	}
	
	
	#legal {
	float:right;
	}

#footer li {
border-left:1px solid #aaaaaa;
margin-right:7px;
padding-left:7px;
}

#footer a {
color:#999999;
text-decoration:none;
}

	#footer a:hover {
	color:#000000;
	text-decoration:none;
	}


/* CLASSES */


#details .inleiding p{
	font-weight:bold;
	color:#333333;
}

#details .algemeen {
}

#details .inhoud {
}

#details .dataplaats {
}

#details .kosten {
}

#details .maatwerk {
}

#details .actietekst {
}

#details ul, #details ol {
padding:0!important;
width:70%;
margin: 0 0 8px 0!important;
}

	#details li {
	list-style-position:inside!important;
	padding: 4px 5px;
	background:#eeeeee;
	border-bottom:1px solid #ffffff;
	}
	
	#details table {
	background:#eeeeee;
	margin: 8px 0;
	
	}
	
		#details table td {
		border:1px solid #ffffff;
		padding:2px 6px;
		}
		
		#details table td:first-child {
		background:#0099cc;
		color:#ffffff;	
		}

#testimonial {
background:url(../../img/img-ref.jpg) no-repeat right top;
padding:0 100px 5px 0;
border-bottom: 1px solid #cccccc;
margin-bottom:15px;
}

#testimonial, #testimonial p {
font-size:11px;
}

#contactactions {
}

	#contactactions .button {
		margin-right:10px;
	}


.pagenav {
font-size: 11px;
margin-bottom:10px;
}

	.pagenav a {
		color:#CC6600;
	}

table {
	margin-bottom:8px;
	width:100%;
}

	table tr td {
		padding:2px 6px;
		vertical-align:text-top;
	}
	
	table p {
		margin:0;
	}

#filter {
padding:8px 5px;
background-color:#eeeeee;
}

.tagcloud {
	text-align:center;
}
	.tagcloud span {	
	}
	
	.tagcloud a {
	text-decoration: none;
	color:#999999;
	line-height:17px;
	}
	
		.tagcloud a:hover {
		color: #333333;
		text-decoration:underline;
		}
	
	.tagcloud .s1 {
	font-size:10px;
	}
	.tagcloud .s2 {
	font-size:11px;
	}
	.tagcloud .s3 {
	font-size:12px;
	}
	.tagcloud .s4 {
	font-size:13px;
	}
	.tagcloud .s5 {
	font-size:14px;
	}

.clickdiv {
display:block;
position:absolute;
width:160px;
height:150px;
left:0px;
top:0px;
z-index:99998;
text-decoration:none;
}

#facebook .clickdiv:hover {
background-color:#ffffff;
-moz-opacity: 0.2;
opacity:.20;
filter: alpha(opacity=20);
}

#facebook .cornered .bio {
	padding:10px;
	display: none;
	position:absolute;
	width:160px;
	height:150px;
	left:0px;
	top:0px;
	background-color:#ffffff;
	-moz-opacity: 0.7;
	opacity:.70;
	filter: alpha(opacity=70);
}


#facebook .cornered:hover .bio {
	display:block;
}

#facebook .biopos {
	position:absolute;
	bottom:20px;
	width:140px;
}


.gridview {
width:510px;
padding:0!important;
margin:0!important;	
}

	.gridview .cornered {
	list-style:none!important;
	background:#a8ddf0;
	float:left;
	width:140px;
	height:130px;
	overflow:hidden;
	margin:0 10px 10px 0;
	padding:10px;
	}
	
	.gridview .actie {
	background-image:url(../../img/icon-actie.png);
	background-repeat:no-repeat;
	background-position: 125px 116px;
	}
	
		.gridview .cornered p {
		font-size:11px;
		line-height:14px;
		}
		
		.corntext {
		color:#666666!important;
		text-decoration:none!important;
		}
		
			.corntext:hover {
			color:#666666;
			text-decoration:none;
			}

.testimonial {
	background-color:#eef3cc!important;
	
}
	.testimonial td {
		padding: 12px;
	}
.cornered {
position:relative!important;
line-height:normal!important;
}

	
	.cornered .lt, .cornered .rt, .cornered .rb, .cornered .lb {
	position: absolute;
	display: block;
	width: 5px;
	height: 5px;
	margin:0;
	padding:0;
	background-repeat:no-repeat;
	
	z-index:99998;
	line-height:normal!important;
	}
	
		.cornered .lt {
		left: 0;
		top: 0;
		background:url(../../img/corner-lt.png) left top;
		}
		
		.cornered .rt {
		right: 0;
		top: 0;
		background:url(../../img/corner-rt.png) right top;
		}
		
		.cornered .rb {
		right: 0;
		bottom: 0;
		background:url(../../img/corner-rb.png) right bottom;
		}
		
		.cornered .lb {
		left: 0;
		bottom: 0;
		background:url(../../img/corner-lb.png) left bottom;
		}
		
.streamer {
position:relative!important;
line-height:normal!important;
background:#eeeeee;
padding:5px;
}

	
	.streamer .lt, .streamer .rt, .streamer .rb, .streamer .lb {
	position: absolute;
	display: block;
	width: 6px;
	height: 6px;
	margin:0;
	padding:0;
	background-repeat:no-repeat;
	
	z-index:1;
	line-height:normal!important;
	}
	
		.streamer .lt {
		left: 0;
		top: 0;
		background:url(../../img/corner-lt.png) left top;
		}
		
		.streamer .rt {
		right: 0;
		top: 0;
		background:url(../../img/corner-rt.png) right top;
		}
		
		.streamer .rb {
		right: 0;
		bottom: 0;
		background:url(../../img/corner-rb.png) right bottom;
		}
		
		.streamer .lb {
		left: 0;
		bottom: 0;
		background:url(../../img/corner-lb.png) left bottom;
		}
#flash {
position:absolute;
left:-73px;
}

#trackers {
	padding:4px 10px;
	background:#aaa;
}
	#trackers p {
		color:#ffffff;
		margin:0 0 4px 0;
	}

	#trackers a {
		margin-right:5px;
	}
	
/* BUTTON */

.button {
height:21px;
background-repeat:no-repeat;
background-position: left top;
padding: 0 0 0 5px;
margin: 0;
}
	
	.button a {
	text-align:center;	
	background-repeat:no-repeat;
	background-position: right top;
	background-color:#ffffff;
	margin-left:2px;
	float:left;
	padding-right:7px;
	text-decoration:none;
	line-height:20px;
	display:block;
	height:21px;
	width:auto;
	color:#eeeeee;
	font-size:11px;
	font-weight:bold;
	}
	
	.button a img {
	vertical-align: baseline;
	margin-bottom:-1px;
	}
	
	.print {
	position:absolute;
	top:0;
	right:0;
	}
	
		.print a img {
		vertical-align: baseline;
		margin-bottom:-4px;
		}
	
	.button a:hover {
	text-decoration:none;
	color:#ffffff;
	}
	
.button.orange {
background-image:url(../../img/button-orange.png);
}

	.button.orange a {
	background-image: url(../../img/button-orange.png);
	}
	
.button.blue {
background-image:url(../../img/button-blue.png);
}

	.button.blue a {
	background-image: url(../../img/button-blue.png);
	}

.button.green {
background-image:url(../../img/button-green.png);
}

	.button.green a {
	background-image: url(../../img/button-green.png);
	}
.button.grey {
background-image:url(../../img/button-grey.png);
}

	.button.grey a {
	background-image: url(../../img/button-grey.png);
	}
	
#agenda {
}

	#agenda .article {
		margin-bottom:10px;
	}
	
		#agenda .date_thumb {
			float:left;
			width: 50px;
			height:50px;
			background:url(../../img/agenda.png) no-repeat;
		}
		
			#agenda .day {
				text-align:center;
				color:#ffffff;
				font-weight:bold;
				font-size:10px;
				line-height:14px;
				text-transform:uppercase;
				margin-bottom:7px;
			}
			
			#agenda .month {
				text-align:center;
				font-size:24px;
				letter-spacing:-1px;
				font-weight:bold;
			}
		
		#agenda .date_text {
			margin-left:60px;
		}
		
			#agenda h2 {
			}
		
			#agenda .date {
				margin:0;
				font-size:10px;
				font-weight:bold;
				color:#999999;
			}
		
			#agenda .introtext {
				color:#333333;
			}
			
			#agenda .more {
			}
         
         
         
         
/* Typo */

p {
margin: 0 0 8px 0;
}

p.smaller {
	line-height:14px;
}

#facebook p {
	color:#000000!important;
}

h1 {
color:#000000;
font-size:22px!important;
line-height:22px;
margin: 0 0 18px 0;
font-weight:normal;
letter-spacing:-0.5px;
}


h2 {
font-size:16px;
margin: 16px 0 8px 0;
color:#0099cc;
font-weight:normal;
letter-spacing:-0.5px;
}

	.bgblue h2, .bgblue h2 a {
	color:#0099cc;
	text-decoration:none;
	}
	
	.bgorange h2, .bgorange h2 a {
	color:#cc6600;
	text-decoration:none;
	}
	
	.bggreen h2, .bggreen h2 a {
	color:#666600;
	text-decoration:none;
	}
	
	.bggrey h2, .bggrey h2 a {
	color:#666666;
	text-decoration:none;
	}
	
	table h2 {
	margin: 0px 0px 2px 0;
	}
	
	.testimonial h2 {
		color:#666600;
	}
	
	#facebook h2 {
		color:#000000;
	}
	
	#filter h3 {
		text-align:center;
		font-weight:normal;
		color:#CC6600;
		font-size:14px;
		margin-bottom:8px;
		display:block;
	}

h3 {
font-size:12px;
font-weight:bold;
color: #4b4b4b;
margin: 0;
letter-spacing:-0.2px;
}

	#testimonial h3 {
		font-weight:normal;
		color:#00aeef;
		font-style:italic;
	}
	
	h3 strong {
		color:#4b4b4b;
	}


h4, h5, h6 {
font-size:11px;
font-weight:bold;
color: #4b4b4b;
margin: 0;
letter-spacing:-0.2px;
}


hr {
border:none 0;
border-top:1px solid #e5e5e5;
height:1px;
margin:8px 0 16px 0;
padding:0;
}

a {
color: #0099cc;
}

	a:hover {
	}

#content ul {
margin:0 0 18px 29px;
padding: 0 0 0 13px;
}

	#content ul li{
	list-style:disc;
	}

#content ol {
list-style-type: decimal;
margin:0 0 18px 30px;
padding: 0 0 0 12px;
}

	#content ol li {
	list-style:decimal;
	}
	
	#content ol p, #content li p {
		margin:0;
	}
	
	

.more {
white-space: nowrap;
font-weight:normal;
text-decoration: none;
color:#000000;
padding-left:7px;
background:url(../../img/bullet.png) 0 5px no-repeat;
}

	.more:hover {
	text-decoration:underline;
	}

.lead {
padding-right: 15px;
background:url(../../img/icon_lead.gif) right top no-repeat;
}

.new {
padding-right: 30px;
background:url(../../img/icon_new.gif) right top no-repeat;
}

.blue {
color:00aeef!important;
}

.bgblue {
background-color:#c6ebfb!important;
}


	.bgblue:hover {
	background-color:#8ED8F8!important;
	}
	
	#facebook .bgblue:hover .bio {
		background-color:#8ED8F8!important;
	}

.green {
color:#bfd730!important;
}

.bggreen {
background-color:#eef3cc!important;
}

	.bggreen:hover {
	background-color:#DDE89A!important;
	}
	
	#facebook .bggreen:hover .bio {
		background-color:#DDE89A!important;
	}

.orange {
color:#CC6600!important;
}

.bgorange {
background-color:#f2e0d1!important;
}
	
	.bgorange:hover {
	background-color:#E6C2A3!important;
	}
	
	#facebook .bgorange:hover .bio {
		background-color:#E6C2A3!important;
	}

.grey {
color:#999999!important;
}

.bggrey {
background-color:#e5e5e5!important;
}

	.bggrey:hover {
	background-color:#CCCCCC!important;
	}
	
	#facebook .bggrey:hover .bio {
		background-color:#CCCCCC!important;
	}
	
#facebook cornered {
	background-color:none!important;
}


/* FORMS */

fieldset {
border:1px solid #0099cc;
padding:20px!important;
}

legend {
font-weight:bold;
padding: 0 10px;
color:#808080;
}

input, textarea, select {
color:#000000;
padding:2px 2px 2px 3px;
}

.textfield {
border: 1px solid #666666;
height:15px;
background:#ffffff url(../../img/bg-input.png) no-repeat;
}	


textarea {
height:100px;
color:#000000;
border: 1px solid #666666;
margin:2px 0 5px 0;
width:98%;
background:#ffffff url(../../img/bg-input.png) no-repeat;
padding:2px;
}

	.container_type textarea {
	width:208px;
	height:50px;
	}

.inputbutton {
float:right;
color:#000000;
border:0;
}

.hidesubmitbutton {
background: transparent;
border:0 none;
height:1px!important;
left:0;
position:absolute;
top:0;
width:7px!important;
}
	
form .legenda {
font-size:11px;
color:#999999;
margin-top:20px
}

#content form {
display:inline;
}

form .row {
position:relative;
width:100%;
overflow:hidden;
margin-bottom:4px;
}
	
	form .col2-1 {
		width:120px;
		float:left;
		padding-top:4px;
	}
	
	form .col2-2 {
		width:380px;
		float:left;
		padding-top:2px;
	}
			
	form .col1-1 {
	width:100%;
	overflow:hidden;
	}
	
	form .owner .col2-2 span {
		margin: 0 2px 0 4px;
	}
	

form {
}

	form ul, form li {
	border:0; margin:0!important; padding:0 0 5px 0!important;
	}
	
	form li {
	position:relative;
	clear:both;
	list-style:none!important;
	}
	
		form li:last-child {
		border-bottom:0;
		}
	
	#content form input {
	}
	
	#content form label {
	padding-top:2px;
	width:140px;
	float:left;
	}
	
#search {
margin-top: 55px;
margin-bottom:5px;
background:#eeeeee;
padding:4px 5px;
height:21px;
}


#ajaxSearch_form {
}


	
	#ajaxSearch_form .icon-search {
	position:absolute;
	right:0;
	height:20px;
	margin-right:10px;
	}
	
	#ajaxSearch_form .textfield {
	width:100px;
	padding:1px;
	font-size:11px;
	border:0;
	border-top: 2px solid #cc6600;
	border-bottom: 2px solid #cc6600;
	background-position:right top;
	float:left;
	}
	
		#ajaxSearch_form .icon-search img {
		padding: 3px 5px 3px 5px;
		}

#offerteform ul {
	background:url(../../img/offerteanvraag.jpeg) no-repeat right top;
}