/* altijd een scrollbar in firefox, anders springt de website */
html { overflow: -moz-scrollbars-vertical; } 

/* default page layout */
body 		{
  		min-width: 885px;
		margin:0px 0px; padding:0px;
		text-align:center;
		background-color:#D1D1CD;
		background-repeat: repeat-x; 
		background-attachment: fixed;

		scrollbar-3dlight-color:#88898f;
		scrollbar-arrow-color:#88898f;
		scrollbar-base-color:#ffffff;
		scrollbar-darkshadow-color:#ffffff;
		scrollbar-face-color:#ffffff;
		scrollbar-highlight-color:#ffffff;
		scrollbar-shadow-color:#88898f
		}

		a:link { text-decoration: none; color: #000000; }
		a:visited { text-decoration: none; color: #000000; }
		a:active { text-decoration: none; color: #000000; }		


#content 	{
		margin-left: auto;
  		margin-right: auto;
		margin-top:15px;
		width:885px; 
		height:561px;
		position: relative;
		text-align:left;
		}

#logo		{width:190px;
		height:130px;
		position: absolute;
		background-image: url(images/logo.jpg);
		z-index: 1;
		}

h1		{
		font-weight:bold;
		font: 14px Verdana, Arial, Helvetica, sans-serif;
		}

.pakket		{font: 10px Verdana, Arial, Helvetica, sans-serif;}
table.pakket	{font: 10px Verdana, Arial, Helvetica, sans-serif;}
table.online	{font: 10px Verdana, Arial, Helvetica, sans-serif;}



#balkboven	{width:695px;
		height:56px;
		left: 190px;
		position: absolute;
		background-image: url(images/balkboven.jpg);
		background-repeat: repeat-x; 

		}


#vakmidden 
		{width:885px;
		height:451px;
		position: absolute;
		top:55px;
		background-color:#FFFFFF;

		}

img.achtergrondplaatje  
		{ position:absolute; }

img#linksonder  {bottom:0; left:0; }


#balkonder	{width:885px;
		height:55px;
		position: absolute;
		top: 506px;
		background-image: url(images/balkonder.jpg);
		background-repeat: repeat-x;
		text-align: center;
		font: 20px Verdana, Arial, Helvetica, sans-serif;
		padding: 10px 0px 0px 0px;
		}

#balkonder a:link,#balkonder a:visited, #balkonder a:active, 	
		{
		color: #000000;
		}

#balkonder a:hover
		{
		text-decoration: none;
		color: #FFFFFF;
		}


#textvak	{width:775px;
		height:381px;
		background-color:#D8D7BF;
		position: absolute;
		top: 90px;
		left: 55px;
		z-index: 2;
		filter:alpha(Opacity=55);
		-moz-opacity:.55;opacity:.55;
		}

#plaatjestijl	{width: 560px;
		height: 310px;
		top: 140px;
		left: 255px;
		position: absolute;
		z-index: 3;
		font: 12px Verdana, Arial, Helvetica, sans-serif;
		overflow:auto;
		padding-right: 10px;
		}

#linkonderin
		{margin-top:300px;
		}

#linkonderin a:link,#linkonderin a:visited, #linkonderin a:active	
		{
		color: #000000;
		}

#linkonderin a:hover
		{
		color: #000000;
		}

#menustijl	{width: 150px;
		height: 306px;
		position: absolute;
		top: 140px;
		left: 80px;
		z-index: 3;
		font: 14px Arial, Verdana, Helvetica, sans-serif;
		font-weight: bold;
		}

#menustijl2	{width: 150px;
		height: 306px;
		position: absolute;
		top: 140px;
		left: 80px;
		z-index: 3;
		font: 12px Arial, Verdana, Helvetica, sans-serif;
		}

#menustijl2 a:link,#menustijl2 a:visited, #menustijl2 a:active, #menustijl2 a:hover	
		{
		color: #000000;
		}


#kopstijl	{width: 300px;
		height: 40px;
		position: absolute;
		bottom: 90px;
		right: 80px;
		z-index: 3;
		font: 20px Monotype corsiva, Verdana, Arial, Helvetica, sans-serif;
		font-style: italic;
		font-weight: bold;
		text-align: right; 
		}

#emailform	{width:385px;
		height:200px;
		position: absolute;
		top: 250px;
		left: 440px;
		z-index: 3;
		font: 12px Verdana, Arial, Helvetica, sans-serif;
		}

.inputfield	{		
		background-color: #ffffff; 			
		font-size: 11px; 		
		font-family: Arial, Tahoma, Helvetica;		
		border:1px solid #0e0e0e;
		}

#kop		{width: 300px;
		height: 40px;
		position: absolute;
		top: 100px;
		left: 80px;
		z-index: 3;
		font: 20px Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
 
		}

#kop2		{width: 300px;
		height: 40px;
		position: absolute;
		top: 120px;
		left: 83px;
		z-index: 3;
		font: 14px Verdana, Arial, Helvetica, sans-serif;
		}




#textvak2	{width: 730px;
		height: 200px;
		position: absolute;
		top: 150px;
		left: 80px;
		z-index: 3;
		font: 12px Verdana, Arial, Helvetica, sans-serif;
		}

#textvak3	{width: 200px;
		height: 200px;
		position: absolute;
		top: 250px;
		left: 120px;
		z-index: 3;
		filter:alpha(Opacity=60);
		-moz-opacity:.60;opacity:.60;
		background-color:#ffffff;
		}

#textvak4	{width: 200px;
		height: 200px;
		position: absolute;
		top: 250px;
		left: 120px;
		z-index: 4;
		font: 14px Verdana, Arial, Helvetica, sans-serif;
		line-height: 1.4;
		padding: 40px 0px 0px 15px;
		}

#portfolio-container
		{width: 570px;
		height: 306px;
		top: 140px;
		left: 255px;
		position: absolute;
		z-index: 3;
		overflow:auto;
		}

#portfolio-achtergrond
		{width: 550px;
		height: 306px;
		position: absolute;
		z-index: 3;

		}

#portfolioitem-achtergrond
		{width: 550px;
		height: 75px;
		z-index: 3;
		margin-bottom: 8px;
		filter:alpha(Opacity=50);
		-moz-opacity:.50;opacity:.50;
		background-color:#ffffff;
		}


#portfolioitem	{width: 550px;
		height: 75px;
		z-index: 4;
		margin-bottom: 8px;
		}

#portfoliotext	{width: 443px;
		height: 65px;
		z-index: 5;
		font: 10px Verdana, Arial, Helvetica, sans-serif;
		float: left;
		padding: 5px 5px 5px 5px;

		}

#portfoliofoto	{width: 92px;
		height: 70px;
		float: left;
		padding-top: 5px;
		}

#web74		{width:885px;
		position: absolute;
		top: 561px;
		text-align: right;
		font: 9px Verdana, Arial, Helvetica, sans-serif;
		padding: 8px 0px 0px 0px;
		}