/* CSS Document Main Vita Infinitus V1 by Shawn Buckles*/

	html{
		width: 100%;
		height: 100%;
		margin: 0px;
		padding: 0px;
}
	
/******************** BODY *******************/

	body{
		padding: 0px;
		margin: 0 auto;
		text-align: center;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11pt;
		color: #444444;
	}
	
	#container{
		width: 940px;
		position: relative;
		margin: 0 auto;
		text-align: center;
	}

/******************** HEADER *******************/

	#header{
		background: #000 url('../img/bgheader.jpg') repeat-x center bottom;
		height: 200px;
	}
	
	#headerwrapper{
		background: url('../img/header.gif') no-repeat center center;
		width: 940px;
		height: 100%;
		margin: 0 auto;
	}
	
	#nav{
		text-align: right;
		padding-top: 50px;
		margin-right: 280px;
		float: right;
		text-transform: lowercase;
	}
	
	#zoekbox{
		width: 220px;
		height: 30px;
		position: absolute;
		margin-top: 80px;
		margin-left: 720px;
	}
	
	#logo{
		background: url('../img/logo.png') no-repeat left bottom;
		width: 183px;
		height: 99px;
		cursor: pointer;
		float: left;
		margin-top: 36px;
		margin-left: 10px;
	}
	
/******************** LAYOUT *******************/
	
	#wrapper{
		background: transparent url('../img/bgw rapper.gif') no-repeat right top;
		width: 940px;
		padding: 30px 0px;
		margin-bottom: 20px;
		overflow: hidden;
	}
	
	#middle{
		width: 520px;
		position: relative;
		float: left;
		margin-right: 35px;
		text-align: left;
	}

	#right{
		background: url('../img/sidec bar.jpg') no-repeat top center;
		width: 340px;
		position: relative;
		float: right;
		margin-top: 10px;
		text-align: left;
	}
	
	#showcase{
		background: url('../img/showcase.gif') no-repeat bottom left;
		width: 100%;
		height: 190px;
		margin-top: 30px;
		cursor: pointer;
	}
	
	#contact{
		margin-top: 40px;
	}
	
	#nieuws{
		margin-top: 40px;
		border-bottom: 1px solid #CACACA;
	}
	
	#mededelingen{
		width: 340px;
		margin-top: 40px;
		border-bottom: 1px solid #CACACA;
		text-align: left;
	}
	.bericht_blog{
		background: url('../img/icons/blog.gif') no-repeat left center;
		padding: 10px 0 10px 30px;
		border-top: 1px solid #CACACA;
	}

	.bericht{
		padding: 10px 0;
		border-top: 1px solid #CACACA;
	}
	
	.laatstebericht{
		padding: 20px;
		border: 1px solid #CACACA;
	}
	
	#blog .bericht{
		padding: 20px 0;
		border-top: 1px solid #CACACA;
	}
	
	.reacties{
		background: url('../img/icons/reacties.gif') no-repeat left center;
		padding-left: 12px;
		display: block;
		font-size: 8pt;
		color: #F00;
	}
	
	.meta{
		font-size: 9pt;
		color: #888;
	}
	
	.titel{
	}
	
	.brood{
		padding: 10px 0px;
		display: block;
		border-top: #CCC dotted 1px;
	}
	
	.Werkzaamheden, .Informatie, .Momenteel{
		padding-left: 30px;
		display: block;
		font-size: 10pt;
	}
	
	.Werkzaamheden{
		background: url('../img/icons/werkzaamheden.gif') no-repeat left center;
	}
	
	.Informatie{
		background: url('../img/icons/info.gif') no-repeat left center;
	}
	
	.Momenteel{
		background: url('../img/icons/momenteel.gif') no-repeat left center;
	}
	
	.mededelingdatum{
		font-size: 9pt;
		font-style: italic;
	}
	
	.telefoon{
		background: url('../img/icons/telefoon.gif') no-repeat left center;
		display: block;
		padding-left: 30px;
		line-height: 200%;
	}
	
	.e-mail{
		background: url('../img/icons/email.gif') no-repeat left center;
		display: block;
		padding-left: 30px;
		line-height: 200%;
	}
	
	.contactpagina{
		background: url('../img/icons/contactpagina.gif') no-repeat left center;
		display: block;
		padding-left: 30px;
		line-height: 200%;
	}
	
	.opdrachtgever{
		background: url('../img/icons/opdrachtgever.gif') no-repeat left center;
		display: block;
		padding-left: 30px;
		line-height: 200%;
		border-bottom: 1px solid #E5E5E5;
	}

	.branche{
		background: url('../img/icons/branche.gif') no-repeat left center;
		display: block;
		padding-left: 30px;
		line-height: 200%;
		border-bottom: 1px solid #E5E5E5;
	}
	
	.url{
		background: url('../img/icons/url.gif') no-repeat left center;
		display: block;
		padding-left: 30px;
		line-height: 200%;
		border-bottom: 1px solid #E5E5E5;
	}

	.diensten{
		background: url('../img/icons/diensten.gif') no-repeat left top;
		display: block;
		padding-left: 30px;
		line-height: 200%;
		border-bottom: 1px solid #E5E5E5;
	}
	
	.contactmij{
		background: url('../img/icons/contactmij.gif') no-repeat left center;
		display: block;
		padding-left: 30px;
		line-height: 200%;
	}
	
	.sidebar_header{
		background: #FFF url('../img/sidebar.gif') no-repeat top center;
		width: 285px;
		padding: 5px;
		padding-left: 15px;
		margin-bottom: 10px;
		color: #FFF;
	}
	
	.sidebar_header a{
		color: #FFF;
		text-decoration: none;
		font-size: 11pt;
		font-family: Calibri, Arial, sans-serif;
		font-weight: normal;
	}
	
	#footer{
		background: #000 url('../img/bgfooter.jpg') repeat-x left top;
		border-top: 3px red solid;
		height: 200px;
	}
	
	#footerwrapper{
		width: 940px;
		position: relative;
		padding: 50px 0;
		margin: 0px auto;
		color: #FFF;
		clear: both;
	}
	
	#footerleft{
		position: relative;
		float: left;
		text-align: left;
	}
	
	#footerright{
		position: relative;
		float: right;
		text-align: left;
	}

/******************** FONTS *******************/

	p{
		line-height: 200%;
	}

	.title{
		background: url('../img/title.gif') no-repeat bottom left;
		height: 50px;
		margin-top: 30px;
	}
	
	.titleannouncements{
		background: url('../img/title.gif') no-repeat bottom left;
		height: 40px;
	}
	
	#blog h2{
		margin: 0px;
	}
	
	#blog p{
		clear: both;
		padding-top: 10px;
		margin: 0px;
	}
	
	#right h1{
		font-size: 19pt;
		font-family: Georgia, serif;
		color: #999;
		font-weight: normal;
		margin-bottom: 20px;
	}	
		
	#right h2{
		font-size: 13pt;
		font-family: Georgia, serif, Arial;
		font-weight: normal;
		color: #333;
		margin: 3px 0px;
		line-height: 95%;
	}
	
	#right h3{
		font-size: 10pt;
		font-family: Arial, sans-serif;
		font-weight: normal;
		color: #444;
		margin: 0px;
	}
	
	#right p{
		font-size: 8pt;
		line-height: 130%;
		margin: 0;
	}
	
	h1{
		font-size: 32pt;
		font-family: Georgia, serif;
		color: #F00;
		margin-top: 40px;
		text-transform: none;
		font-weight: normal;
	}	
		
	h2{
		background: url('../img/lij.gif') left bottom repeat-x;
		margin-bottom: 20px;
		font-size: 20pt;
		font-family: Georgia, serif, Arial;
		font-weight: normal;
		color: #333;
	}
	
	h3{
		background: url('../img/lij.gif') left bottom repeat-x;
		margin-bottom: 20px;
		font-size: 18pt;
		font-family: Georgia, serif, Arial;
		font-weight: normal;
		color: #666;
	}
	
	h4{
		font-size: 16pt;
		font-family: Georgia;
		color: #FFF;
		padding: 12px;
		padding-left: 18px;
		text-transform: lowercase;
		font-weight: normal;
	}	
		
	.welkom{
		line-height: 220%;
		font-size: 10pt;
		color: #41506A;
	}

	.nieuws{
		font-size: 10pt;
	}

	.lijn{
		background: url('../img/lijn.gif') left bottom repeat-x;
		vertical-align: bottom;
		line-height: 50px;
	}
	
	.content{
		font-size: 10pt;
		color: #41506A;
	}
		
	.footer a:link{
		background-color: transparent;
		color: #FFF;
		text-decoration: none;
		font-family: Arial, Helvetica, sans-serif;
	}
	
/******************** LINKSTYLES *******************/

	a{
		text-decoration: none;
		color: #F00;
	}
	
	a img{
		padding: 4px;
		border: 1px #CCC solid;
	}
	
	.portfolio{
		margin-right: 6px;
	}
	
	a:hover img{
		padding: 4px;
		border: 1px #888 solid;
	}
	
	a:hover{
		text-decoration: underline;
		color: #000;
	}
	
	.leesmeer{
		width: 100%;
		text-align: right;
		display: block;
	}
	
	.footer a:visited{
		background-color: transparent;
		color: #FFF;
		text-decoration: none;
		font-family: Arial, Helvetica, sans-serif;
	}
	
	.footer a:hover{
		background-color: transparent;
		color: #FFF;
		text-decoration: underline;
		font-family: Arial, Helvetica, sans-serif;
	}
	
	.footer a:active{
		background-color: transparent;
		color: #FFF;
		text-decoration: none;
		font-family: Arial, Helvetica, sans-serif;
	}
	
	#right h2 a{
		color: #333;
		text-decoration: none;
		margin: 0px;
		padding: 0px;
	}
	
	#right h2 a:hover{
		color: #F00;
		text-decoration: underline;
	}
	
	#blog h2 a{
		color: #333;
		text-decoration: none;
	}
	
	#blog h2 a:hover{
		color: #F00;
		text-decoration: underline;
	}
	
/******************** LISTS *******************/

	#nav ul{
		padding: 0;
		margin: 0;
	}

	#nav ul li{
		list-style-type: none;
		font-size: 10pt;
		line-height: 120%;
	}
	
	#nav ul li a:link, #nav ul li a:visited, #nav ul li a:active{
		color: #757575;
		text-decoration: none;
	}
	
	#nav ul li.active a{
		color: #BABABA;
		text-decoration: none;
	}
	
	#nav ul li a:hover{
		color: #FFF;
		text-decoration: none;
	}
	
	#right li{
		list-style-type:none;
		position:relative;
	}
	
	#right ul{
		margin:0px;
		padding:0px;
		position:relative;
	}
	
	.dienstenlijst{
		display: block;
	}
	
	#footerleft ul{
		padding: 0;
		margin: 0;
	}
	
	#footerleft ul li{
		list-style-type: none;
		font-size: 11pt;
		line-height: 120%;
	}
	
	#footerleft ul li a:link, #footerleft ul li a:visited, #footerleft ul li a:active{
		color: #757575;
		text-decoration: none;
	}
	
	#footerleft ul li.active a{
		color: #BABABA;
		text-decoration: none;
	}
	
	#footerleft ul li a:hover{
		color: #FFF;
		text-decoration: none;
	}

	#footerright .footer ul li{
		list-style-type: none;
		font-size: 11pt;
		line-height: 120%;
	}
	
	#footerright .footer ul li a:link, #footerright .footer ul li a:visited, #footerright .footer ul li a:active{
		color: #757575;
		text-decoration: none;
	}
	
	#footerright .footer ul li a:hover{
		color: #FFF;
		text-decoration: none;
	}
	
	#footerright .footer ul li.active a{
		color: #BABABA;
		text-decoration: none;
	}
	
/******************** SEARCH *******************/

	#ajaxSearch_form{
		color: #444;
		width: auto;
	}
	
	#ajaxSearch_input{
		background: transparent url('../img/searchinput.gif') no-repeat top center;
		border: 0px;
		width: 172px;
		height: 24px;
		display: inline;
		border: 0px;
		margin: 0;
		padding: 6px 0 0 8px;
		vertical-align: top;
	}

	#ajaxSearch_submit{
		background: transparent;
		height: 30px;
		margin-left: 18px;
	}
	
/******************** NIEUWSBRIEF *******************/

	.nieuwsbrief{
		width: 240px;
	}

	.nieuwsbrief_label{
	}

	#nieuwsbrief_email{
		background: transparent url('../img/searchinput.gif') no-repeat top center;
		border: 0px;
		width: 172px;
		height: 24px;
		display: inline;
		border: 0px;
		margin: 20px 0;
		padding: 6px 0 0 8px;
		vertical-align: top;
		clear: left;
	}
	
	.nieuwsbrief_send{
		background: transparent;
		height: 30px;
		margin: 20px 0 0 18px;
	}
	
	.nieuwsbrief_error{
		background: pink;
		color: #000;
		float: left;
		clear: both;
	}