*			{margin: 0; padding: 0;}

a:link      {color: #EA041C; text-decoration: underline;}
a:visited   {color: #EA041C; text-decoration: underline;}
a:hover     {color: #EA041C; text-decoration: none;}
a:active	{color: #EA041C; text-decoration: none;}

p	       	{font-family:Verdana, Arial, sans-serif; font-size: 9pt; color: #6f6f6f;line-height:1.8;}
.small		{font-size: 7pt;margin-bottom: -7px; }

li	       	{font-family:Verdana, Arial, sans-serif; 
			font-size: 9pt; 
			color: #6f6f6f; 
			margin-left:25px;
			margin-top:3px;
			line-height:1.8;
			list-style-type: disc;
			}

li.vinkjes 	{background:  url("./images/vinkje.png") bottom left no-repeat;
			list-style-type: none;
			text-indent: 25px;
			}
			

p.error 	{ font-family:Verdana, Arial, sans-serif; font-size: 9pt; color: #EA041C; border:none;}	

.error		{border-color: #EA041C;
			border-style: solid;
			border-width: 1px;}

h1		 	{font-family:Verdana, Arial, sans-serif; 
			font-size: 14pt;
			font-weight: normal;
			font-style: normal;
			color: #EA041C;
			margin-bottom: 5px; 
			}

h2		 	{font-family:Verdana, Arial, sans-serif; 
			font-size: 12pt;
			font-style: normal;
			font-weight: normal;
			color: #EA041C;
			margin-bottom: 0px;
			}

	
body 		{text-align: center;
			background: #FFFFFF;
			}

img		{border:none;}
			

/* tbv registratieform */
label.align_text	{float: left;
		width: 170px;
		text-align: left;
		padding-right: 3px;
		}

label.bevestig	{float: left;
		width: 180px;
		text-align: right;
		padding-right: 3px;
		font-weight: bold;
		cursor: default;
		}
/* --- */



textarea{ font-family: Verdana; font-size: 10pt; font-size: 10pt; color: #333333;}


table.border	{border:solid;
 			border-color : #c0c0c0;
 			border-width:1px;
 			width: 99%;
			}
			
td			{font-family : Verdana, Arial, Helvetica, sans-serif;
			font-size: 9pt;
			color:#6f6f6f;
			vertical-align: top;
			padding: 5px 5px 5px 0px;
			}
			
		

.ruimte	{margin-bottom: 5px;}
.ruimtehome	{margin-bottom: 2px;}


#wrapper	{text-align:left;
			margin:0 auto;
			width: 956px;
			min-height: 700px;
			}

#header			{height:367px;
				width:940px;
				position: relative;
				background: url('./images/header.jpg');
				}

#zoeken			{background:url("./images/search_back.png") no-repeat scroll 0 0 transparent;
				height:25px;
				margin:0 0 17px 12px;
				padding:2px;
				position:absolute;
				right:19px;
				top:87px;
				width:172px;
				}				
	
#zoeken input.keywords	{border:medium none;
						position:absolute;
						top:4px;}	

#zoeken input.search_btn	{height:25px;
							left:172px;
							position:absolute;
							top:0;
							width:23px;
							}	



#logo			{position: relative;
				height: 81px;
				width: 230px;
				top:33px;
				left:0;}
				
#topmenu		{height:10px;
				position:absolute;
				right:0;
				text-align:right;
				top:10px;
				width:100px;}		
				
#topmenu a 		{color:#000;
				text-decoration: none;}						

#banner			{position: relative;
				left:0;
				top: 30px;
				clear: both;
				height: 229px;
				width:940px;}
				
#banner_img img	{position: absolute;
				top:0;
				left:0;}												
				
#twitter	{height:132px;
			left:940px;
			position:absolute;
			top:15px;
			width:32px;}				


/* MENU */
#menu 		{float:left;
			height:27px;
			position:relative;
			left:10px;
			top:30px;
			z-index:100;
			}

#menu ul, #menu li	{padding: 0;
			margin: 0;
			list-style: none;
			height: 29px;
			
			}

#menu ul li {margin: 0 10px;
			float:left;
			display: block;
			}

#menu ul li:hover {background: url(./menu/hover.png) repeat-x bottom;
			}
			
#menu ul li a:link, #menu ul li a:visited{
			color: #000000;
			display:block;
			font-family:verdana,arial,sans-serif;
			font-size:11pt;
			font-weight:normal;
			line-height:29px;
			padding:0;
			text-decoration:none;
			}

#menu ul li a:hover, #menu ul li a:active{
			color: #000000;
			}
			
#menu ul li:hover > a {color:#000;}
			

#menu ul li.active {background: url(./menu/active-right.png)  no-repeat right top;
		margin:0;
			}
			

#menu ul li.hassub {
			}

#menu ul li.hassub:hover {color: #000000;
			}
			
#menu ul li.hassub.open {background: none;
			}			

#menu ul li.hassub.open:hover {background: url(./menu/active.png) no-repeat top left;
			}			


#menu ul li.active.hassub,  #menu ul li.hassub.open {background: url(./menu/active-right.png)  no-repeat right top;
			margin:0;
			}


#menu ul li a.active, #menu ul li.root.hassub.open a{color: #FFF;
			background: url(./menu/active-left.png)  no-repeat left top;
			padding:0 10px;
			}
			

			
			
#menu ul li.root.hassub.open:hover{background: url(./menu/active-right.png)  no-repeat right top;}
#menu ul li.root.hassub.open a:hover{background: url(./menu/active-left.png)  no-repeat left top;}			


#menu ul li ul	{
			width : 120px;
			display:none;
			position: absolute;
			z-index: 100;
			top:29px;
			display: none;
			}

#menu ul li ul li.sub	{background:none repeat scroll 0 0 #DD2424;
						display:block;
						height:30px;
						margin:0;
						padding:0 0 0 5px;
						text-align:left;
						width:127px;
						z-index:100;
						}
			
#menu ul li ul li.sub:hover {

			}			
			
#menu ul li ul li.active{
			}
			

#menu ul li ul li.sub a {display:block;
			font-family:verdana,arial,sans-serif;
			font-size: 10pt; 
			font-weight: normal;
			color: #FFF;
			text-decoration: none;
			line-height:27px;
			background: none;
			}



#menu ul li.root.hassub.open ul li a {color:#FFF;
				background: none;padding:  0 0 0 5px;
				}

#menu ul li.root.hassub.open ul li a.active {color:#000000;
				background: none;padding:  0 0 0 5px;
				}


#menu ul li ul li a:hover, #menu ul li.root.hassub.open ul li a:hover{color:#000000;
background:none;
			}


/*einde menu*/



/* Hack voor de min-height property tbv IE */	
.prop {  
    height:400px;
    float:right;
    width:1px;
  	}	

#achtergrond	{float:left;
				text-align:left;
				font-family: Verdana; 
				width: 940px;
				min-height: 400px;
				position: relative;
				}
				
		
#leftcolumn		{float:left;
				position:relative;
				width:705px;
				top:0px;}
				

#leftcolumn img	{padding-right:5px;}				


div.pijler-bouw	{background: url('./images/pijler-bouw.jpg') 0 0;
				height: 278px;
				width: 220px;
				float:left;}

div.pijler-bouw:hover	{background: url('./images/pijler-bouw.jpg') 220px 0;}

div.pijler-onderhoud	{background: url('./images/pijler-onderhoud.jpg') 0 0;
				height: 278px;
				width: 220px;
				float:left;
				position: relative;
				left:22px;
				}

div.pijler-onderhoud:hover	{background: url('./images/pijler-onderhoud.jpg') 220px 0;}

div.pijler-service	{background: url('./images/pijler-service.jpg') 0 0;
				height: 278px;
				width: 220px;
				float:left;
				position: relative;
				left:44px;}

div.pijler-service:hover	{background: url('./images/pijler-service.jpg') 220px 0;}


.pijlers H1		{color:#EA041C;
				font-size:22px;
				letter-spacing:-1px;
				padding:27px 0 44px 11px;}

.pijlers p		{font-size:8pt;
				padding: 0;}


#vervolgpagina	{padding-bottom:20px;
				position: relative;
				top:20px;}

#vervolgpagina img	{padding:0 0 0 10px;}

#portfolio		{position: relative;
				clear: both;
				background: url('./images/portfolio.png') no-repeat;
				height: 274px;
				width: 708px;
				top:5px;}
				
#portfolio h1	{color:#FFF;
				font-size:22px;
				letter-spacing:-1px;
				padding:9px 0 15px 17px;}
				
#portfolio h2	{color:#FFF;
				font-size:18px;
				letter-spacing:-1px;
				padding:9px 0 15px 30px;}

#portfolio p	{color:#FFFFFF;
font-size:8pt;
padding:0 0 0 30px;
width:375px;}

#portfolio img.thumbnail	{height:170px;
left:428px;
position:absolute;
top:57px;
width:212px;}

#portfolio .controls	{height:28px;
						left:398px;
						position:absolute;
						top:11px;
						width:70px;
						}

#portfolio .controls img	{margin-right: 10px;}						
						
a.prev		{background: url('./portfolio/btn_terug.png') no-repeat 0 0;
						height: 28px;
						width: 28px;
						display:block;
						float:left;
						margin-right: 10px;}						

a.prev:hover		{background: url('./portfolio/btn_terug.png') no-repeat 0 -28px;}


a.next		{background: url('./portfolio/btn_verder.png') no-repeat 0 0;
						height: 28px;
						width: 28px;
						display:block;
						float:left;
						}						

a.next:hover		{background: url('./portfolio/btn_verder.png') no-repeat 0 -28px;}


a.alles			{background:url("./portfolio/btn_alles.png") no-repeat scroll 0 0 transparent;
				display:block;
				float:left;
				height:28px;
				left:512px;
				position:absolute;
				top:11px;
				width:129px;}						

a.alles:hover		{background: url('./portfolio/btn_alles.png') no-repeat 0 -28px;}


#portfolio img.transparent	{float:left;
							padding: 0;}



#thumbnails		{position: relative;
				float:left;}

#thumbnails img	{padding: 0 20px 20px 0;}						
				
#thumboverlay	{position: absolute;
				left:0;
				float:left;}

#thumboverlay img {background:url("./portfolio/thumboverlay.png") no-repeat scroll 0 0 transparent;
					height:170px;
					padding: 0 20px 20px 0;
					width:212px;}
					
#thumboverlay img:hover {background:url("./portfolio/clear.gif") no-repeat scroll 0 0 transparent;
}


/*POPUP portfolio */
#popupframe	{width: 900px;
			height: 326px;
			background: #FFF;
			}
			
#popup_image	{border:1px solid black;
			height:300px;
			left:13px;
			position:relative;
			top:13px;
			width:500px;
			float:left;}
			
			
#popup_meta	{float:left;
			height:70px;
			left:30px;
			overflow:hidden;
			position:relative;
			top:10px;
			width:360px;}
			
#popup_meta td {color:#43433E;
			font-family:Verdana,Arial,Helvetica,sans-serif;
			font-size:9pt;
			text-align:left;
			padding: 0;}			
			
#popup_tekst{float:left;
			height:240px;
			left:32px;
			position:relative;
			top:0px;
			width:360px;
			overflow: hidden;}			
			
#popup_tekst p	{text-align: left;}		

#popup_prev	{left:825px;
position:absolute;
top:296px;}	
			
#popup_next	{left:860px;
position:absolute;
top:296px;}
			
/* EIND popop portfolio */			

	

		
.tweet, .query {
  font-family: Verdana, Arial, sans-serif;
  font-size: 9pt; 
  color: #6f6f6f;
  line-height:1.8;
  }
  .tweet .tweet_list, .query .tweet_list {
    -webkit-border-radius: .5em;
    list-style-type: none;
    margin: 0;
    padding: 0;
    background-color: #FDF4F4; }
    .tweet .tweet_list .awesome, .tweet .tweet_list .epic, .query .tweet_list .awesome, .query .tweet_list .epic {
      text-transform: uppercase; }
    .tweet .tweet_list li, .query .tweet_list li {
      overflow-y: auto;
      overflow-x: hidden;
      padding: .5em; 
	  margin: 0;}
      .tweet .tweet_list li a, .query .tweet_list li a {
        color: #ff7c7c; }
    .tweet .tweet_list .tweet_even, .query .tweet_list .tweet_even {
      background-color: #fffcfc; }
    .tweet .tweet_list .tweet_avatar, .query .tweet_list .tweet_avatar {
      padding-right: .5em;
      float: left; }
      .tweet .tweet_list .tweet_avatar img, .query .tweet_list .tweet_avatar img {
        vertical-align: middle; }
				
				
					
					

#rightcolumn	{float:left;
				left:16px;
				position:relative;
				width:220px;
				top:0px;
				}


#nieuws			{background:  url("./images/nieuws.png") no-repeat;
				height: 277px;
				width: 220px;}
				
#nieuws h1		{color:#EA041C;
				font-size:34px;
				letter-spacing:-1px;
				line-height:26px;
				padding:27px 15px 18px 11px;
				text-align:right;}

#nieuws h2		{font-family:Verdana, Arial, sans-serif; font-size: 8pt; font-weight: bold; color:#2a2a2a;line-height:1.8;padding: 0 15px;}	

#nieuws p		{color: #2a2a2a;
				font-size: 8pt;
				padding: 0 15px;}							
						
.nieuwsfoto		{float:right;}


#contact		{background:  url("./images/contact.png") no-repeat;
				height: 274px;
				width: 220px;
				position:relative;
				top:5px;}

#contact h1		{color:#3a3939;
				font-size:34px;
				letter-spacing:-1px;
				line-height:26px;
				padding:13px 15px 4px 11px;
				text-align:right;}		
				
#contact p		{color: #2a2a2a;
				font-size: 8pt;
				padding: 0 15px;}
				
#contact .inputfield	{color: #2a2a2a;
				font-size: 10pt;
				width: 183px;}


				
#footer			{clear: both;
				background: url(./images/footer.png) repeat-x bottom;
				height: 50px;
				padding:12px 0 0;
				}
	
#footer_inner	{text-align:left;
			margin:0 auto;
			width: 940px;
			height: 50px;
			clear:both;
			}
			


#footer p		{color:#FFF;
				font-family:Verdana;
				font-size:7pt;
				font-weight:normal;
				padding:19px 20px 0 0;
				text-align:right;
				text-decoration:none;
				}

#footer a:link, #footer a:visited {font-family: Verdana;
			font-weight: normal; 
			font-size: 7pt; 
			color: #FFF; 
			padding-top:11px;
			text-decoration: none;
			}

#footer a:hover, #footer a:active{text-decoration: underline;
				}