body {
	font-family: "Trebuchet MS";
	font-size: 11px;
	line-height: 180%;
	color: #ededed;
	
	margin: 0;
	padding: 0;
	
	background-color: #2d58b9;
}

/* LINKS */

a:link, a:visited, a:active {
	color: #ededed;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

a.link:link, a.link:visited, a.link:active {
	color: #fff;
	text-decoration: none;
}

a.link:hover {
	text-decoration: underline;
}

a.boldlink:link, a.boldlink:visited, a.boldlink:active {
	line-height: 230%;
	color: #fff;
	text-decoration: none;
}

a.boldlink:hover {
	text-decoration: underline;
}

a.boldlink_project:link, a.boldlink_project:visited, a.boldlink_project:active {
	color: #fff;
	text-decoration: none;
}

a.boldlink_project:hover {
	text-decoration: underline;
}

a.nieuws:link, a.nieuws:visited, a.nieuws:active {
	font-size: 10px;
	color: #ededed;
	text-decoration: none;
}

a.nieuws:hover {
	text-decoration: underline;
}

a.footer:link, a.footer:visited, a.footer:active {
	color: #fff;
	text-decoration: underline;
}

a.footer:hover {
	text-decoration: none;
}

a.page_back:link, a.page_back:visited, a.page_back:active{
	font-size: 14px;
	font-weight: bold;
	
	background-image: url(../img/links.jpg);
	background-repeat: no-repeat;
	background-position: left;
	
	padding-left: 17px;
	
	text-decoration: none;
}

a.page_back:hover {
	color: #a8bfe3;
}

a.page_next:link, a.page_next:visited, a.page_next:active {
	font-size: 14px;
	font-weight: bold;
	
	background-image: url(../img/rechts.jpg);
	background-repeat: no-repeat;
	background-position: right;
	
	padding-right: 17px;
	
	text-decoration: none;
}

a.page_next:hover {
	color: #a8bfe3;
}

a.dienst:link, a.dienst:visited, a.dienst:active {
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	height: 24px;
	width: 107px;
	background-image: url(../img/dienst_tab.jpg);
	background-position: top;
	display: block;
	text-decoration: none;
	text-align: center;
	float: left;
	padding-top: 3px;
	margin-left: 5px;
}

a.dienst:hover {
	background-position: bottom;
}

a.dienst_on:link, a.dienst_on:visited, a.dienst_on:active, a.dienst_on:hover {
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	height: 24px;
	width: 107px;
	background-image: url(../img/dienst_tab.jpg);
	background-position: bottom;
	display: block;
	text-decoration: none;
	text-align: center;
	float: left;
	padding-top: 3px;
	margin-left: 5px;
}

/* AFBEEDLINGEN */

img.recent {
 	border: 1px solid #fff;
}

img.nieuwsbericht {
	float: right;
	
	margin-left: 5px;
	margin-bottom: 5px;
	
	border: 1px solid #fff;
}

img {
	border: 0;
}

p {
	margin: 0;
}

form {
	margin: 0;
}

h1.pagetitle {
	margin-top: 0;
	margin-left: 12px;
	margin-bottom: -4px;
	
	font-size: 16px;
}

h1.title {
	margin-top: 0px;
	font-size: 16px;
}

h1.portfolio_title {
	margin-top: 0px;
	margin-bottom: 9px;
	font-size: 14px;
}

h1.intext {
	margin-top: 16px;
	margin-bottom: 6px;
	font-size: 14px;
	font-style: italic;
}

h1.intext_diensten {
	margin-bottom: 6px;
	font-size: 14px;
	font-style: italic;
}

ul.mainpages {
	margin-left: 12px;
	margin-top: 0;
	margin-bottom: 5px;
	list-style-type: square;
	list-style-position: inside;
}

ul.subpages {
	margin-left: 30px;
	margin-top: 0;
	margin-bottom: 5px;
	list-style-type: circle;
	list-style-position: inside;
}

ul.items {
	margin-left: 30px;
	margin-top: 0;
	margin-bottom: 5px;
	list-style-type: none;
	list-style-position: inside;
}

ul.pitems {
	margin-left: 2px;
	margin-top: 0;
	margin-bottom: 5px;
	list-style-type: none;
	list-style-position: inside;
}

ul.diensten {
	margin-left: 20px;
	padding: 0;
	list-style-type: disc;
}

li.diensten_item {
	margin-bottom: 7px;
}

#header {
	margin: 0 auto;
	
	width: 900px;
	height: 185px;
}

#menuwrapper {
	margin: 0 auto;
	
	width: 900px;
	height: 22px;
	background-image: url(../img/menu_bg.jpg);
}

#topshadow {
	margin: 0 auto;
	
	width: 900px;
	height: 14px;
	background-image: url(../img/topshadow.jpg);
}

#onpage {
	margin: 0 auto;
	
	width: 900px;
	height: 12px;
}

/* ON PAGE AFBEELDING */

img.on_home {
	margin-left: 312px;
}

img.on_diensten {
	margin-left: 410px;
}

img.on_portfolio {
	margin-left: 520px;
}

img.on_pvm {
	margin-left: 635px;
}

img.on_contact {
	margin-left: 747px;
}

#extra_info {
	margin: 0 auto;

	width: 900px;
	height: 165px;
}

#extra_info_left {
	width: 460px;
	height: 174px;
	
	float: left;
}

#extra_info_left_content {
	margin-left: 10px; 
	padding-top: 12px;
	padding-left: 25px;
	padding-right: 25px;
	
	width: 400px;
	height: 92px;
	
	background-image: url(../img/extra_info_bg.jpg);
}

#extra_info_right {
	width: 420px;
	height: 174px;
	
	float: left;
}

#extra_info h1 {
	margin-top: 5px;
	margin-left: 35px;
	margin-bottom: 5px;
	
	font-size: 18px;
	color: #fff;
}

#extra_info_diensten {
	margin-top: 24px;
	margin-left: 56px;
	
	width: 346px;
	height: 115px;
	
	background-image: url(../img/top_diensten_bg.jpg);
}

/* DIENSTEN ITEMS */

.button_webdesign:link, .button_webdesign:visited, .button_webdesign:active  {
	margin-top: 6px;
	margin-left: 7px;
	
	width: 104px;
	height: 104px;
	
	display: block;
	display: inline;
	
	background-image: url(../img/button_webdesign.jpg);
	background-position: top;
	
	float: left;
}

.button_webdesign:hover {	
	background-position: bottom;
}

.button_video:link, .button_video:visited, .button_video:active  {
	margin-top: 6px;
	margin-left: 11px;
	
	width: 104px;
	height: 104px;
	
	display: block;
	
	background-image: url(../img/button_video.jpg);
	background-position: top;
	
	float: left;
}

.button_video:hover {	
	background-position: bottom;
}

.button_vormgeving:link, .button_vormgeving:visited, .button_vormgeving:active  {
	margin-top: 6px;
	margin-left: 10px;
	
	width: 104px;
	height: 104px;
	
	display: block;
	
	background-image: url(../img/button_vormgeving.jpg);
	background-position: top;
	
	float: left;
}

.button_vormgeving:hover {	
	background-position: bottom;
}

#bottomshadow {
	margin: 0 auto;
	
	width: 950px;
	height: 22px;
	background-image: url(../img/bottomshadow.jpg);
}

#content {
	margin: 0 auto;
	
	width: 900px;
}

#content_left {
	width: 400px;
	
	float: left;
}

/* CONTACT */

#contactgegevens {
	width: 169px;
	float: left;
	
	display: inline;
}

#contactgegevens_title {
	margin-left: 26px;
	
	width: 146px;
	height: 21px;
}

#contactgegevens_content {
	margin-left: 18px;
	margin-top: 5px;
	padding-top: 8px;
	padding-left: 10px;
	
	width: 159px;
	height: 164px;
	
	background-image: url(../img/contactgegevens_bg.jpg);
	
	float: left;
	display: inline;
}

#contactgegevens_content h1 {
	margin: 0;
	
	font-size: 14px;
	font-weight: bold;
	
	color: #fff;
}

#contact_adres_img {
	margin-top: 16px;
	
	width: 24px;
	height: 23px;
	
	background-image: url(../img/contact_adres.jpg);
	
	float: left;
}

#contact_adres {
	margin-left: 10px;
	width: 110px;
	
	float: left;
}

#contact_email_img {
	margin-top: 10px;
	
	width: 24px;
	height: 23px;
	
	background-image: url(../img/contact_email.jpg);
	
	float: left;
}

#contact_email {
	margin-left: 10px;
	margin-top: 8px;
	
	width: 110px;
	
	float: left;
}

#contact_tel_img {
	margin-top: 9px;
	
	width: 24px;
	height: 23px;
	
	background-image: url(../img/contact_tel.jpg);
	
	float: left;
}

#contact_tel {
	margin-left: 10px;
	margin-top: 10px;
	
	width: 110px;
	height: 23px;
	
	float: left;
}

#contact_kvk_img {
	margin-top: 9px;
	
	width: 24px;
	height: 23px;
	
	background-image: url(../img/contact_kvk.jpg);
	
	float: left;
}

#contact_kvk {
	margin-left: 10px;
	margin-top: 10px;
	
	width: 110px;
	
	float: left;
}

/* RECENT PROJECT */

#recentproject {
	margin-left: 23px;
	width: 169px;
	float: left;
}

#recentproject h1 {
	margin-top: 5px;
	margin-bottom: 5px;
	
	font-size: 14px;
	color: #fff;
}

#recentproject_title {
	margin-left: 26px;
	
	width: 146px;
	height: 21px;
	
	float: left;
	display: inline;
}

#recentproject_content {
	margin-left: 18px;
	margin-top: 5px;
	padding-top: 13px;
	
	width: 169px;
	height: 159px;
	
	background-image: url(../img/contactgegevens_bg.jpg);
	
	text-align: center;
	line-height: 120%;
	
	float: left;
	display: inline;
}

/* VANDAAG WEER en NIEUWS */

#vandaag {
	margin-top: 20px;
	margin-left: 18px;
	
	width: 420px;
	float: left;
	
	display: inline;
}

#vandaag h1 {
	margin-top: 0;
	margin-left: 10px;
	margin-bottom: 5px;
	font-size: 14px;
}

#vandaagcontent {
	width: 309px;
	height: 93px;
	
	padding-top: 12px;
	padding-left: 5px;
	
	background-image: url(../img/vandaag_bg.jpg)
}

#vandaag_weer {
	width: 98px;
	height: 80px;
	
	text-align: center;
	
	float: left;
}

#vandaag_weer .whitebold {
	font-size: 11px;
	font-weight: bold;
}

#vandaag_nieuws {
	width: 290px;
	margin-left: 10px;
	
	line-height: 160%;
	
	float: left;
}


#content_right {	
	width: 460px;
	
	float: left;
}

/* NIEUWS */

.content {
	margin-left: 15px;
}

#nieuws_title {
	margin-left: 12px;
	
	width: 62px;
	height: 17px;
	
	float: left;
	display: inline;
}

.content_top {
	margin-top: 10px;
	
	width: 431px;
	height: 9px;	
	
	float: left;
}

.content_mid {
	width: 431px;
	
	background-image: url(../img/content_bg.jpg);
	background-repeat: repeat-y;
	
	float: left;
}

.content_mid hr {
	color: #2d58b9;
	width: 100%;
}

.content_bottom {
	width: 431px;
	height: 9px;
	
	background-image: url(../img/content_bottom.jpg);
	background-repeat: no-repeat;
	
	float: left;
}

.nieuwsitem {
	margin-left: 12px;
	
	width: 406px;
}

.nieuws_text {
	width: 305px;
	padding-right: 5px;
	
	line-height: 140%;
	
	float: left;
}

.nieuws_overige {
	width: 406px;
	margin-left: 12px;
	float: left;
}

.nieuws_text h1 {
	margin-top: -3px;
	margin-bottom: 0;
	
	font-size: 14px;
	color: #fff;
}

.nieuws_img {
	margin-top: 5px;
	
	width: 96px;
	height: 92px;
	
	text-align: center;
	
	float: left;
}

.nieuwswrapper_hr {
	width: 406px;
	
	float: left;
	
	margin-left: 12px;
	
	display: inline;
}

.wrapper_hr {
	margin-top: 4px;
	width: 406px;
	
	float: left;
	
	display: inline;
}

.clear {
	clear: both;
}

/* FOOTER */

#wrapperfooter {
	margin: 0 auto;
	width: 900px;
	
	font-size: 10px;
	color: #fff;
}

#footer {
	float: right;
	
	margin-top: 10px;
	margin-right: 170px;
	margin-bottom: 10px;
}

/* SPANS */

.whitebold {
	color: #fff;
	font-weight: bold;
}

.hide {
	display: none;
}

.invalid {
	color: #000;
}

.valid {
	color: #fff;
}

/* MENU ITEMS */

.button_home:link, .button_home:visited, .button_home:active {
	margin-left: 319px;
	
	width: 59px;
	height: 22px;
	
	display: block;
	display: inline;
	
	background-image: url(../img/button_home.jpg);
	background-position: top;
	
	float: left;
}

.button_home:hover {	
	background-position: bottom;
}

.button_home_on:link, .button_home_on:visited, .button_home_on:active, .button_home_on:hover {
	margin-left: 319px;
	
	width: 59px;
	height: 22px;
	
	display: block;
	display: inline;
	
	background-image: url(../img/button_home.jpg);
	background-position: bottom;
	
	float: left;
}

.button_diensten:link, .button_diensten:visited, .button_diensten:active {
	margin-left: 30px;
	
	width: 80px;
	height: 22px;
	
	display: block;
	display: inline;
	
	background-image: url(../img/button_diensten.jpg);
	background-position: top;
	
	float: left;
}

.button_diensten:hover {
	background-position: bottom;
}

.button_diensten_on:link, .button_diensten_on:visited, .button_diensten_on:active, .button_diensten_on:hover {
	margin-left: 30px;
	
	width: 80px;
	height: 22px;
	
	display: block;
	display: inline;
	
	background-image: url(../img/button_diensten.jpg);
	background-position: bottom;
	
	float: left;
}

.button_portfolio:link, .button_portfolio:visited, .button_portfolio:active {
	margin-left: 30px;
	
	width: 78px;
	height: 22px;
	
	display: block;
	
	background-image: url(../img/button_portfolio.jpg);
	background-position: top;
	
	float: left;
}

.button_portfolio:hover {
	background-position: bottom;
}

.button_portfolio_on:link, .button_portfolio_on:visited, .button_portfolio_on:active, .button_portfolio_on:hover {
	margin-left: 30px;
	
	width: 78px;
	height: 22px;
	
	display: block;
	
	background-image: url(../img/button_portfolio.jpg);
	background-position: bottom;
	
	float: left;
}

.button_pvm:link, .button_pvm:visited, .button_pvm:active {
	margin-left: 30px;
	
	width: 92px;
	height: 22px;
	
	display: block;
	
	background-image: url(../img/button_pvm.jpg);
	background-position: top;
	
	float: left;
}

.button_pvm:hover {
	background-position: bottom;
}

.button_pvm_on:link, .button_pvm_on:visited, .button_pvm_on:active, .button_pvm_on:hover {
	margin-left: 30px;
	
	width: 92px;
	height: 22px;
	
	display: block;
	
	background-image: url(../img/button_pvm.jpg);
	background-position: bottom;
	
	float: left;
}

.button_contact:link, .button_contact:visited, .button_contact:active {
	margin-left: 30px;
	
	width: 72px;
	height: 22px;
	
	display: block;
	
	background-image: url(../img/button_contact.jpg);
	background-position: top;
	
	float: left;
}

.button_contact:hover {
	background-position: bottom;
}

.button_contact_on:link, .button_contact_on:visited, .button_contact_on:active, .button_contact_on:hover {
	margin-left: 30px;
	
	width: 72px;
	height: 22px;
	
	display: block;
	
	background-image: url(../img/button_contact.jpg);
	background-position: bottom;
	
	float: left;
}

/* CONTACT PAGINA */

#contactgegevens_content_page {
	width: 165px;
	
	float: left;
	display: inline;
}

#contact_adres_img {
	margin-top: 16px;
	
	width: 24px;
	height: 23px;
	
	background-image: url(../img/contact_adres.jpg);
	
	float: left;
}

#contact_adres {
	margin-left: 10px;
	width: 110px;
	
	float: left;
}

#contact_email_img {
	margin-top: 10px;
	
	width: 24px;
	height: 23px;
	
	background-image: url(../img/contact_email.jpg);
	
	float: left;
}

#contact_email {
	margin-left: 10px;
	margin-top: 8px;
	
	width: 110px;
	
	float: left;
}

#contact_tel_img {
	margin-top: 9px;
	
	width: 24px;
	height: 23px;
	
	background-image: url(../img/contact_tel.jpg);
	
	float: left;
}

#contact_tel {
	margin-left: 10px;
	margin-top: 10px;
	
	width: 110px;
	height: 23px;
	
	float: left;
}

#contact_kvk_img {
	margin-top: 9px;
	
	width: 24px;
	height: 23px;
	
	background-image: url(../img/contact_kvk.jpg);
	
	float: left;
}

#contact_kvk {
	margin-left: 10px;
	margin-top: 10px;
	
	width: 110px;
	height: 23px;
	
	float: left;
}

#contact_btw_img {
	margin-top: 9px;
	
	width: 24px;
	height: 23px;
	
	background-image: url(../img/contact_btw.jpg);
	
	float: left;
	display: inline;
}

#contact_btw {
	margin-left: 10px;
	margin-top: 10px;
	
	height: 23px;
	
	float: left;
}

.googlemaps {
	margin-top: 40px;
	float: right;
}

input.contact {
	font-family: "Trebuchet MS";
	font-size: 11px;
	color: #0a1436;
	
	border: 1px solid #2d58b9;
	background-color: #cfcfcf;
	
	width: 220px;
}

select.contact {
	font-family: "Trebuchet MS";
	font-size: 11px;
}

td.contactform {
	width: 120px;
	color: #fff;
	font-weight: bold;
}

textarea.contact {
	width: 300px;
	height: 120px;
	
	font-family: "Trebuchet MS";
	font-size: 11px;
	
	color: #0a1436;
	
	border: 1px solid #2d58b9;
	background-color: #cfcfcf;
}

input.sendbutton {
	border: 1px solid #2d58b9;
	background-color: #e0e0e0;
	font-family: "Trebuchet MS";
	font-size: 11px;
	font-weight: bold;
}

input.sendbutton:hover {
	background-color: #fff;
	cursor: pointer;
}

/* OFFERTE AANVRAAG */
#offerte {
	width: 364px;
	float: left;
	
	display: inline;
}

#offerte h1 {
	margin-top: 0;
	margin-left: 35px;
	margin-bottom: 5px;
	
	font-size: 16px;
	color: #fff;
}

#offerte_content {
	margin-left: 18px;
	padding-top: 8px;
	padding-left: 15px;
	padding-right: 5px;
	
	width: 344px;
	height: 313px;
	
	background-image: url(../img/aanvraag_offerte_bg.jpg);
	
	float: left;
	display: inline;
}

td.offerteform {
	width: 80px;
	color: #fff;
	font-weight: bold;
}

input.offerte {
	font-family: "Trebuchet MS";
	font-size: 11px;
	color: #0a1436;
	
	border: 1px solid #2d58b9;
	background-color: #cfcfcf;
	
	width: 235px;
}

textarea.offerte {
	width: 235px;
	height: 80px;
	
	font-family: "Trebuchet MS";
	font-size: 11px;
	
	color: #0a1436;
	
	border: 1px solid #2d58b9;
	background-color: #cfcfcf;
}

/* PORTFOLIO */
.portfolio_item_leftborder {
	height: 97px;
	width: 8px;
	
	background-image: url(../img/portfolio_left.jpg);
	float: left;
	margin-top: 15px;
}

.portfolio_item_rightborder {
	height: 97px;
	width: 8px;
	
	background-image: url(../img/portfolio_right.jpg);
	float: left;
	margin-top: 15px;
}

.portfolio_item {
	float: left;
	background-color: #3861be;
	margin-top: 15px;
	
	height: 97px;
	width: 390px;
}

.portfolio_item_leftborder2 {
	height: 97px;
	width: 8px;

	float: left;
	margin-top: 15px;
}

.portfolio_item2 {
	float: left;
	margin-top: 15px;
	
	height: 97px;
	width: 390px;
}

.portfolio_item_rightborder2 {
	height: 97px;
	width: 8px;
	
	float: left;
	margin-top: 15px;
}

.portfolio_item_img {
	float: left;
	margin-top: 8px;
	
	height: 87px;
	
	background-image: url(../img/portfolio_shadow_dark.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
}

.portfolio_item_img2 {
	float: left;
	margin-top: 8px;
	
	height: 87px;
	
	background-image: url(../img/portfolio_shadow_light.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
}

.portfolio_item_info {
	width: 230px;
	float: left;
	
	margin-top: 8px;
	margin-left: 14px;
	
	line-height: 140%;
}

.portfolio_item_link {
	float: left;
	
	margin-left: 148px;
	margin-top: 10px;
	
	display: inline;
	color: #fff;
}

.loadingvideo {
	margin-top: 10px;
	width: 100%;
	font-weight: bold;
	text-align: center;
}

/* DIENSTEN */

.diensten_tabs {
	margin-top: 20px;
	margin-bottom: 25px;
	border-bottom: 1px solid #2d58b9;
	width: 100%;
	height: 27px;
}

div.show {
	display: none;
}