* html { height:100%; overflow-x: hidden; }

.main		{ width:980px; overflow:hidden; margin:0 auto; }
.topHeader 	{ width:980px; height:290px; margin:0 auto; background-image:url(/img/bgHeader.gif); background-repeat:no-repeat; }
.mainBody	{ width:980px; margin:0 auto; font-family:Arial; font-size:12px; color:#697583; }
.bottom		{ width:100%; height:40px; background-image:url(/img/bgBottom.gif); background-position:bottom; background-repeat:repeat-x; position:fixed; bottom:0; }
.bottomContent	{	width:980px; margin:0 auto; }
.bottomLogo	{ float:left; width:300px; height:40px; width:110px; }
.copyright	{ float:left; height:40px; }
.bottomMenu	{ float:right; height:40px; }
.bottomTxt, .bottomTxt a, .bottomTxt a:hover { font-family:Arial; font-size:11px; color:#ded99b; margin-top:24px; margin-left:10px; text-decoration:none; }
.witTxt, .witTxt a 	{ font-family:Arial; font-size:11px; color:#FFFFFF; margin-top:24px; text-decoration:none; }
.witTxt a:hover	{ font-family:Arial; font-size:11px; text-decoration:underline; color:FFFFFF; }

.headerContent	{ width:970px; height:275px; padding:0 5px 0 5px; }
.headerImage	{ width:970px; height:240px; padding-top:35px; }
.headerLogo		{ float:right; height:240px; width:220px; }		

.bbbtn		{ width:100px; height:70px; overflow:hidden; margin-left:5px; }
.bbbtn img:hover	{ margin-top:-70px; }

.mainTop	{ background-image:url(/img/bgBody2.gif); background-repeat:repeat-y; height:170px; width:980px; }
.mainContent	{ background-image:url(/img/bgBody.gif); background-repeat:repeat-y; width:980px; }
.topMenu		{ width:170px; float:left;  }
.menuknop			{ height:24px; overflow:hidden; cursor:pointer; }
.menuknop img:hover	{ margin-top:-24px; cursor:pointer; }

.viewbtn	{ height:20px; padding:0 0 0 25px; line-height:20px; overflow:hidden; float:left; color:#697583; font-size:11px; background-repeat:no-repeat; }
.viewbtn:hover, .viewbtn a:hover { background-position:0 -20px; cursor:pointer; color:#1a2e5a; text-decoration:underline; }

.checkknop	{ line-height:18px; text-align:center; height:18px; overflow:hidden; width:48px; float:left; padding:0; margin:0; }
.checkknop:hover, .checkknop a:hover	{ background-position: 0 -18px; cursor:pointer; }

.checkknop2	{ line-height:33px; text-align:center; height:33px; overflow:hidden; width:60px; float:left; }
.checkknop2:hover, .checkknop a:hover	{ background-position: 0 -33px; cursor:pointer; }

.topContent	{ width:580px; float:left; padding:4px 20px 0px 20px; }
.topProject	{ width:360px; float:left; height:120px; }
.topRight		{ width:170px; float:right; padding:4px 0px 0px 20px; }

.webdesignTop	{ width:580px; height:120px; float:left; }
.portfolioTop	{ width:365px; height:120px; float:left; }
.portfolioThumbTop	{ height:160px; float:right; margin-top:5px; }

.txttop			{ font-size:12px; color:#ecead3; }
.txttop a		{ color:#ecead3; text-decoration:none; border-bottom:1px solid #fcf101; }
.txttop a:hover		{ color:#ecead3; text-decoration:none; border-bottom:1px solid #FFF; }

.centerContent	{ width:580px; float:left; padding:0px 20px 0px 20px;  }

.leftContent	{ width:170px; font-size:12px; color:#002b5c; line-height:18px; float:left; }
.leftContent a	{ color:#002b5c; text-decoration:underline; }
.leftContent a:hover	{ color:#002b5c; text-decoration:none; }

.arrow			{ height:20px; float:left; }
.arrowbtn		{ height:20px; line-height:17px; float:left; margin-left:5px; color:#697583; font-size:11px; }
.arrowbtn a		{ color:#697583; text-decoration:underline; }
.arrowbtn a:hover		{ color:#697583; text-decoration:none; }

.spacer			{ height:20px; width:980px; }
.linespacer		{ height:20px; border-bottom:1px solid #eae9dc; width:580px; clear:both; margin-bottom:20px; }

.home			{ float:left; width:580px; overflow:hidden; }
.homeTxt		{ float:left; }

.rightContent	{ width:170px; float:right; padding:4px 0px 0px 0px; line-height:18px; }
.nieuwsBericht	{ border-bottom:1px solid #eae9dc; padding:0 0 20px 0; margin-right:20px; }
.nieuwsTitel	{ color:#002b5c; font-weight:bold; font-size:11px; }
.nieuwsDatum	{ color:#abc1d9; font-size:10px; height:20px; }
.nieuwsTxt		{ font-size:11px; line-height:16px; color:#697583; }
.nieuwsTxt a	{ color:#697583; text-decoration:underline; }
.nieuwsTxt a:hover	{ color:#697583; text-decoration:none; }

.portfolio		{ width:580px; margin-bottom:20px; border-bottom:1px solid #eae9dc; padding:0 0 20px 0; }
.portfolioThumb	{ width:80px; height:56px; background-color:#CCCCCC; margin-right:20px; float:left; }
.portfolioThumb2	{ width:76px; height:52x; background-color:#CCCCCC; margin-right:20px; float:left; border:2px solid #dbdbdb; }
.portfolioThumbBig	{ width:276px; height:136px; background-color:#CCCCCC; margin-right:20px; float:left; border:2px solid #dbdbdb; }
.portfolioTxt	{ float:left; width:480px; }
.portfolioTxt2	{ float:left; width:280px; }
.portfoliodate	{ font-family:Arial; color:#abc1d9; font-size:10px; }

.projecttitle {	font-family:Arial;	font-size:16px; line-height:20px; height:20px;	color: #002b5c;	font-weight:bold; margin:0;	padding:0px; }
.projecttitle a	{ text-decoration:none; color:#002b5c; }
.projecttitle a:hover	{ text-decoration:none; color:#002b5c; border-bottom:1px solid #5d80a9; }

.referentie		{ width:193px; height:120px; float:left; text-align:center; }

.contactLeft	{ width:280px; float:left; }
.contactRight	{ width:280px; float:left; }

.contactFormLeft	{ width:278px; float:left; margin-right:20px; }
.contactFormRight	{ width:270px; float:left; margin-bottom:15px; }
.cform				{ margin:20px 0 0 0; }

.cformFields		{ width:270px; padding:3px; margin-top:2px; font-size:18px; color:#5177a2; background-image:url(/img/dformBg3.gif); background-repeat:repeat-x; border:1px solid #ccd8e6; }

.cformBtn		{ font-size:12px; font-family:Arial; color:#36404c; height:23px; border:1px solid #ccd8e6; background-color:#f0f3f7; }

p { font-family: Arial; font-size: 12px; color: #697583; line-height: 18px; margin:0px; padding:0px; }
.error { font-family:Arial; color:#FF0000; font-size:12px; line-height:17px; font-weight: bold; }
a { color: #697583; }
a:hover { text-decoration: none; color: #697583; }
li, ul, ol { font-family: Arial; font-size: 12px; color: #697583; line-height: 17px; margin-left: 15px; padding-left: 0px; }
form label	{ width:90px; margin:0; padding:0px; font-family: Arial; font-size: 12px; color: #697583; }
form{ margin:0px; }
input, select, textarea { font-family: Arial; font-size: 12px; color: #36404c; border: 1px #cccccc solid; }
h1 { font-family:Arial; font-size:22px; color: #002b5c; line-height:30px; height:40px; text-transform:uppercase; font-weight:normal; }
h2 { font-family:Arial; font-size:22px;	color:#aea200; line-height:30px; height:40px; text-transform:uppercase; font-weight:normal; }
h3 { font-family:Arial; font-size:12px; color:#FFFFFF; line-height:20px; text-transform:uppercase; font-weight:normal; height:20px;}
h4 { font-family:Arial; font-size:12px; color:#d3cb5b; line-height:20px; }
br { clear: left; }
.png { behavior: url(/iepngfix.htc) }
.clear { clear:both; }

.table2, .td2, .th2{ border-collapse: collapse; border-color: #CCC; border-style: solid; border-width: 1px; } 
label.error 	{ width:243px; overflow:hidden; font-family: Arial; font-size:11px; color: red; margin:15px 0; float:left; display: none; }

#twitterblok { height: 90px; overflow: hidden; width: 170px; border: 0px solid #ccc; }
#twitter_update_list { width: 170px; margin:0; padding:0; }
#twitter_update_list li { list-style-type: none; margin:0; padding:0 0 20px 0;  }
#twitter_update_list li a { color:#ededed; text-decoration:underline; }
#twitter_update_list li a:hover { text-decoration:none; }
#twitter_update_list span { color: #4f4f4f; }
#twitter_update_list span a { display: inline; color: #64caea; }
#twitter_update_list span a:hover { text-decoration: underline;color: #4f4f4f; }