html, body {margin : 0 0 20px 0;padding : 0;}
body {background-color: #FFFFFF;font-size: 13px;font-family: Arial, Verdana, SunSans-Regular, Sans-Serif;color:#352F25;text-align:left;}

#bodyDivHome {display:block;position:absolute;top:20%;left:40%;width:360px;border:0px solid #000000;}
#bodyDiv {/*margin: 0px auto;*/margin-top:20px;margin-bottom:20px;padding:0px;text-align:left;border:0px solid #000000;}
#top {width:900px;height:20px;}

	#topLeft {width:450px;height:20px;margin: 0px;padding:0px;text-align:left;float:left;}
	#topRight {width:450px;height:20px;	margin: 0px;padding:0px;text-align:left;float:right	}

#bottom {height:20px;}

	#bottomLeft {background:  url(../images/tabWrapper_lbottom.gif) top left no-repeat;width:450px;height:20px;margin: 0px;padding:0px;text-align:left;float:left;}
	#bottomLeftSub {background:  url(../images/tabWrapper_lbottomSub.gif) top left no-repeat;width:450px;height:20px;margin: 0px;padding:0px;text-align:left;float:left;	}	
	#bottomRight {background:  url(../images/tabWrapper_rbottom.gif) top right no-repeat;width:450px;height:20px;margin: 0px;padding:0px;text-align:left;float:right;}

#headerHome	{margin: 0 0 30px 0;padding: 0;}
	
	#headHome {position:relative;margin: 0 0 0 0;padding: 0;top: 20px;left: 100px;}

#headerWebdesigner {height: 120px;margin: 0 0 0 0;padding: 0;}
		
#headIcon {	position:relative;margin: 0 0 0 0;padding: 0;top: 10px;left: 30px;float:left;}
#headName {	position:relative;margin: 0 0 0 0;padding: 0;height:60px;top: 30px;	left: 60px;	float:left;}		
#headerSchilder	{width: 900px;height: 150px;background:  url(../images/topSchilder.jpg) top right no-repeat;margin: 0 0 0 0;padding: 0;}
	
	#headSchilder {position:relative;width: 200px;height: 18px;margin: 0 0 0 0;padding: 0;top: 63px;left: 80px;	float:left;}			
		
#footerHome {width: 900px;height: 200px;margin: 0 0 0 0;padding: 0;}			
.clear {clear:both;}
.dontDisplay {display:none;}

#HomeMenu {position:relative; margin: 0px; padding: 0;}
#HomeMenu span { display:none;}
#HomeMenu li {margin: 0; padding: 0; list-style: none;}
#HomeMenu li, #HomeMenu a {width:260px;height: 85px; display: block; margin-bottom:30px; border:0px solid #FF0000;}
#panel1 {background: url(../images/menuHome_webdesigner.jpg); left: 0; width: 260px; height:85px; background-repeat:no-repeat;}
#panel2 {background: url(../images/menuHome_schilder.jpg);left: 0px; width: 260px; height:85px; background-repeat:no-repeat;}
#panel3 { height: auto !important;}
#panel3 a { display:inline-block !important; height:auto !important; width:auto !important; margin:0 !important;}

#panel1 a:hover {background: url(../images/menuHome_webdesignerHov.jpg); left: 0; width: 260px; height:85px; background-repeat:no-repeat;}
#panel2 a:hover {background: url(../images/menuHome_schilderHov.jpg); left: 0; width: 260px; height:85px; background-repeat:no-repeat;}

#headWebdesignerMenu {left:260px;position:relative;top:0px;height:150px;width:113px;float:left;}
	#headWebdesignerMenu ul {margin: 0; padding: 0;}
	#headWebdesignerMenu li {margin: 0; padding: 0; list-style: none;}	
	#headWebdesignerMenu li, #headWebdesignerMenu a {width:113px;height: 150px; display:block;}
	#menuSchilder {background: url(../images/menuHead_schilder.jpg); left: 0; width: 113px; height:150px;}	
	#menuSchilder a:hover {background: url(../images/menuHead_schilderHov.jpg); left: 0; width: 113px; height:150px;}

#headSchilderMenu {left:260px;position:relative;top:0px;height:150px;width:113px;float:left;}
	#headSchilderMenu ul {margin: 0; padding: 0;}
	#headSchilderMenu li {margin: 0; padding: 0; list-style: none;}
	#headSchilderMenu li, #headSchilderMenu a {width:113px;height: 150px; display:block;}
	#menuWebdesigner {background: url(../images/menuHead_webdesigner.jpg); left: 0; width: 113px; height:150px;}	
	#menuWebdesigner a:hover {background: url(../images/menuHead_webdesignerHov.jpg); left: 0; width: 113px; height:150px;}


#breadcrumb {position:absolute;top:105px;left:15px;width:600px;background-color:#B7B7B7;color: #FFFFFF;font: 10px arial,verdana;	letter-spacing:1px;	text-decoration:none;}

#contentLeft {width:120px;margin: 0px;padding:0px;text-align:left;float:left;}
	
#topMenu {position:relative;width:100%;left:0px;height:35px;background: #ffffff url(../images/backTopMenu.gif) top left repeat-x;}		
#topMenuHome {margin-left:100px;}			
	
#leftOpmerkingen {background:  url(../images/kader_contact.gif) top right no-repeat;top: 80px;width:180px;height:48px;left:60px;	position:relative;float:none;}	

	#leftOpmerkingenContent {padding: 16px 8px 8px 8px;	position:relative;}	
	#content {margin: 30px 10px 30px 30px;position:relative;font: 11px arial;line-height:1.2em;color: #757575;}	

#contentRight	{width:800px;margin: 30px 10px 30px 25px;font: 13px arial;line-height:1.2em;padding:0px;text-align:left;float:left;}
h1, h2, h3, h4	{font: 16px arial;font-weight: bold;color: #736357;padding:0;}
	
h1 span { font-size:12px; font-weight:normal;}

a {color: #555555;font: 13px arial,verdana;	text-decoration:underline;}
a:hover	{color: #737373;font: 13px arial,verdana;text-decoration:underline;}
a.breadcrumb {color: #FFFFFF;font: 10px arial,verdana;letter-spacing:1px;text-decoration:none;}
a.breadcrumb:hover {color: #FFFFFF;font: 10px arial,verdana;letter-spacing:1px;text-decoration:underline;}



/*Table Design*/

table a, table a:link, table a:visited {border:none;}		
img {border:0;}
.cv table {width:100%;border-top:1px solid #e4e3e0;	border-right:1px solid #e4e3e0;}
.schilder-portfolio table { width:800px;}
.schilder-portfolio tr {}
.schilder-portfolio .back {border-bottom:1px solid #e4e3e0;padding:0;font-size:1px;height:1px;}
.schilder-portfolio td {border:0px solid #e4e3e0;padding:4px 4px 4px 4px;vertical-align:top;}	
.schilder-portfolio td p {padding:0;margin:0;}	
.webdesigner-projecten td img {float:left; margin:10px 10px 0 0;}

caption {color: #9ba9b4;font-size:.94em;letter-spacing:.1em;padding:0;margin:0 0 0 0;margin-bottom:0;caption-side:top;text-align:center;}	
tr.odd td, tr.odd .column1 {background:#f4f9fe url(images/background.gif) no-repeat;}	
.column1{background:#f9fcfe;}
.cv td {color:#352F25;border-bottom: 1px solid #e4e3e0;border-left:1px solid #e4e3e0;padding:.3em 1em;text-align:left;}				
.cv th {background-color:#e4e3e0;font-weight:bold;color: #352F25;text-align:left;border-bottom: 1px solid #e4e3e0;border-left:1px solid #e4e3e0;padding:.3em 1em;padding-top:15px;padding-bottom:8px;}	
thead th {background:#f4f9fe;text-align:center;font:bold 1.2em/2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;color:#66a3d3}				
tfoot th {background:#f4f9fe;text-align:center;}	
tfoot th strong {font:bold 1.2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;margin:.5em .5em .5em 0;color:#66a3d3;}		
tfoot th em {color:#f03b58;font-weight: bold;font-size: 1.1em;font-style: normal;}
/*End Table Design*/

hr{clear:both;visibility:hidden; height:0px; margin:0; padding:0;}

#blokjes{width:100%;}
.home #blokjes {padding:0; margin:0;}


#blokjes a{display:block; float:left;height:150px; width:230px; margin:0 18px 18px 0;  background-color:#FFFFFF; background-repeat:no-repeat; background-position: 150px center; padding:8px 0 5px 8px; padding-right:70px;border:2px solid #e4e3e0;text-decoration:none; font-size:16px; font-weight:bold;color: #736357;}
 
#blokjes a strong{font-weight:normal;text-decoration:underline;}
#blokjes a:visited strong{}
#blokjes a:hover {color:#cac7c2;}
#blokjes.img{width:60px;height:60px;background-color:#FFFFFF;float:right;cursor:hand;}
#blokjes a span {font-weight:normal; font-size:12px;}

/* nyroModal */
div#nyroModalFull {font-size: 12px;color: #000000;font-family: Verdana;}
div#nyroModalLoading {border: 4px solid #777;width: 150px;height: 150px;text-indent: -9999em;background: #fff url(../images/ajaxLoader.gif) no-repeat;	background-position: center;}
div#nyroModalLoading.error {border: 4px solid #f66;line-height: 20px;padding: 20px;width: 300px;height: 100px;text-indent: 0;background: #fff;}
div#nyroModalWrapper {background: #ffffff;border: 0px solid #ffffff;}
a#closeBut {position: absolute;	display: block;top: -21px;left: -21px;width: 20px;height: 20px;text-indent: -9999em;background: url(../images/close.gif) no-repeat;outline: 0;
}
h1#nyroModalTitle {display:block;background-color:#000000;margin-left: -5px;padding:1px;position: absolute;bottom: -25px;left: 5px;font-size: 10px;color: #FFFFFF;z-index:105;}
div.wrapper div#nyroModalContent {padding: 5px;}
div.wrapperImg div#nyroModalContent {position: relative;overflow: hidden;text-align: center;}
div.wrapperImg img {vertical-align: baseline;}
div.wrapperImg div#nyroModalContent div {display:none;position: absolute;bottom: 0;	left: 0;background: fff;padding: 10px;margin: 10px;	border: 1px white dotted;overflow: hidden;	opacity: 0.6;filter: alpha(opacity=60);
}
div.wrapperImg div#nyroModalContent div:hover {background-color: fff;opacity: 1;filter: alpha(opacity=100);	cursor: help;}
a.nyroModalPrev, a.nyroModalNext {z-index: 105;outline: none;position: absolute;top: 0;height: 100%;width: 40%;cursor: pointer;text-indent: -9999em;background-image: url(data:image/gif;base64,AAAA); /* Trick IE6 */}
div.wrapperSwf a.nyroModalPrev, div.wrapperSwf a.nyroModalNext, div.wrapper a.nyroModalPrev, div.wrapper a.nyroModalNext {height: 60%;width: 20%;}
a.nyroModalPrev {left: 0;}
a.nyroModalPrev:hover {background: url(../images/prev.png) left 20% no-repeat;}
a.nyroModalNext {right: 0;}
a.nyroModalNext:hover {background: url(../images/next.png) right 20% no-repeat;}


/*toevoeging bvthoff */
a.nyroModal { display:block; float:left; border:0px solid #000; margin:0 15px 15px 0; text-decoration:none !important;}
a.nyroModal img { clear:both; text-decoration:none; cursor: url(../images/zoomin.cur), pointer; padding:8px 0 8px 0;}
a.nyroModal span { display:block; clear:both;}
body.model a.nyroModal { width:250px; height:370px;}
/* nyroModal */