body {
background-image: 
url('images/bg.gif');
background-repeat: repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
}

p.boldtext {font-weight: bold;
margin-top:0px;
}

h1,h2,h3,h4{
margin-top: 0px; margin-bottom: 0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
}
a{
text-decoration:none;
color: #ff8a00;
}a:hover {
text-decoration:none;
color: #ffc600;
}
a img{ 
border: 2px solid #818181;
}

a img:hover{ 
border: 2px solid #ff8a00;
}

/* Start of sIFR CSS */
/* These are standard sIFR styles... do not modify */

/*.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
*/

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
/*.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding: 0;
}

.sIFR-replaced, .sIFR-ignore {
	visibility: visible !important;
}

.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

.sIFR-hasFlash h1 {
	visibility: hidden;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 55px;
}

.sIFR-hasFlash h3 {
	letter-spacing: -6px;
	font-size: 25px;
	margin-top: 0px; margin-bottom: 0px;
}

.sIFR-hasFlash h3.header {
	letter-spacing: -6px;
	font-size: 20px;
	margin-top: 0px; margin-bottom: 0px;
}

.sIFR-hasFlash h4.thumb {
	letter-spacing: -6px;
	font-size: 22px;
	margin-top: 0px; margin-bottom: 0px;
}

.sIFR-hasFlash h3.newsarchiveheader {
	letter-spacing: -6px;
	font-size: 16px;
	margin-top: 0px; margin-bottom: 0px;}

.sIFR-hasFlash h5 {
	letter-spacing: -6px;
	font-size: 20px;
	margin-top: 0px; margin-bottom: 0px;
}

.sIFR-hasFlash h4 {
	letter-spacing: -5px;
	font-size: 21px;
}
.sIFR-hasFlash h3.news {
	letter-spacing: -6px;
	font-size: 18px;
	margin-top: 0px; margin-bottom: 0px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}
*/
/* End of sIFR CSS */

#container {
	position:relative;
	width:908px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	}
	
#header {
position:relative;
background-image:
url('images/header.png');
width:908px;
height:186px;
overflow:hidden;
}

#menubar{
background-image:
url('images/menuback.png');
width:908px;
height: 51px;
}

/* begin van het menu opbouwen uit 1 image  */
#menu {
position:relative;
width: 845px;	height: 37px;
left:30px;
z-index:2;
}

var {
visibility: hidden;
}

#menu a {
text-decoration: none;
display: block;
height: 37px;
position:relative;
}

a.home {
width: 97px;
background: url(images/menu.png) no-repeat 0px 0px;
overflow:auto;
}

a.driedee {
width: 108px;
background: url(images/menu.png) no-repeat -97px 0px;
}
a.druk {
width: 110px;
background: url(images/menu.png) no-repeat -205px 0px;
}
a.huisstijl {
width: 107px;
background: url(images/menu.png) no-repeat -315px 0px;
}a.web {
width: 107px;
background: url(images/menu.png) no-repeat -422px 0px;
}a.eigen {
width: 109px;
background: url(images/menu.png) no-repeat -529px 0px;
}a.opleiding {
width: 109px;
background: url(images/menu.png) no-repeat -638px 0px;
}a.contact {
width: 98px;
background: url(images/menu.png) no-repeat -747px 0px;
}


a:hover.home {
background: url(images/menu.png) no-repeat 0px -37px;
}
a:hover.driedee {
background: url(images/menu.png) no-repeat -97px -37px;
}
a:hover.druk {
background: url(images/menu.png) no-repeat -205px -37px;
}
a:hover.huisstijl {
background: url(images/menu.png) no-repeat -315px -37px;
}a:hover.web {
background: url(images/menu.png) no-repeat -422px -37px;
}a:hover.eigen {
background: url(images/menu.png) no-repeat -529px -37px;
}a:hover.opleiding {
background: url(images/menu.png) no-repeat -638px -37px;
}a:hover.contact {
background: url(images/menu.png) no-repeat -747px -37px;
}
/*dropdowns images plaatsen.*/
a.tweedee {
width: 110px;
background: url(images/menu.png) no-repeat -529px -74px;
}a:hover.tweedee {
background: url(images/menu.png) no-repeat -529px -111px;
}
a.driedeesub {
width: 110px;
background: url(images/menu.png) no-repeat -529px -148px;
}a:hover.driedeesub {
background: url(images/menu.png) no-repeat -529px -185px;
}
a.scraps {
width: 110px;
background: url(images/menu.png) no-repeat -529px -222px;
}a:hover.scraps {
background: url(images/menu.png) no-repeat -529px -259px;
}
a.knt {
width: 109px;
background: url(images/menu.png) no-repeat -638px -74px;
}a:hover.knt {
background: url(images/menu.png) no-repeat -638px -111px;
}
a.verslagen {
width: 109px;
background: url(images/menu.png) no-repeat -638px -148px;
}a:hover.verslagen {
background: url(images/menu.png) no-repeat -638px -185px;
}
a.projecten {
width: 109px;
background: url(images/menu.png) no-repeat -638px -222px;
}a:hover.projecten {
background: url(images/menu.png) no-repeat -638px -259px;
}
a.bedrijfsinfo {
width: 98px;
background: url(images/menu.png) no-repeat -747px -74px;
}a:hover.bedrijfsinfo {
background: url(images/menu.png) no-repeat -747px -111px;
}
a.contactme {
width: 98px;
background: url(images/menu.png) no-repeat -747px -148px;
}a:hover.contactme {
background: url(images/menu.png) no-repeat -747px -185px;
}
a.gastenboek {
width: 98px;
background: url(images/menu.png) no-repeat -747px -222px;
}a:hover.gastenboek {
background: url(images/menu.png) no-repeat -747px -259px;
}

/* regelen van subdropdown menus */
#menu {
width: 100%;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
float: left;
}

#menu li {position: relative;}

#menu ul ul {
position: absolute;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}
/* einde van het menu opbouwen uit 1 image  */

/* back button :-p */
a.back {
width: 110px;
height:40px;
background: url(images/back.gif) no-repeat 0px 0px;
display: block;
}a.back:hover{
width: 110px;
height:40px;
background: url(images/back.gif) no-repeat 0px -40px;
display: block;
}

#main{
width:820px;
background-image:
url('images/mainback.png');
background-repeat: repeat-y;
overflow:hidden;
padding-top: 15px;
padding-left: 45px;
padding-right: 45px;
font-size:10pt;
}

#mainbottom {
width:908px;
height:38px;
background-image:
url('images/mainbottom.png');
overflow:hidden;
}

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

#featured p{
margin-top:0px;
}

#latest{
postition:relative;
float:left;
width:810px;
}#latest a img{
border:10px solid #e8e8e8;
margin-right:10px;
}#latest a img:hover{
border:10px solid #ff8a00;
}

#news{
width:400px;
float:right;
}
img.newsborder{
border:2px solid #3f3f3f;
}

div.newsdate{
float:right;
height:18px;
padding: 5px 0px 2px 0px ;
}

#newsarchivedate{
float:right;
}

div.newstitle{
height:18px;
float:left;
padding: 5px 0 2px 0 ;
}
#archieflink{
float:left;
}
div.newscontent{
border-top:2px solid #3f3f3f;
border-bottom:2px solid #3f3f3f;
float:left;
width:370px;
}
div.newscontent p{
margin-top:0px;
}
div.newsarchive{
position:relative;
width:500px;
float:left;
}div.newsarchive p{
margin-top:0px;
}
div.newsimage{
border-left:2px solid #3f3f3f;
border-right:2px solid #3f3f3f;
width:100px;
height:100px;
float:left;
margin-right:5px;
overflow:hidden;
}

div.guestbook{

}
div.guestbook p{
margin-top:0px;
font-style:italic;
}

div.leftfloat{
float:left;
}div.rightfloat{
float:right;
}div.page{
width:800px;
}
div.newslist{
float:right;
width:300px;
}
div.newslist a{
color:#fff;
}div.newslist a:hover{
color:#3f3f3f;
}

#news p{
margin-top: 0px; margin-bottom: 0px;
}

#aboutme{
width: 400px;
float:left;
color: #ffffff;
}

#aboutme p{
margin-top:0px;
}#aboutme a{
color:#000000;
}#aboutme a:hover{
color:#c1c1c1;
}

#catcontent p{
margin-top:0px;
}

/*contactform opmaken*/
#contact{
width:450px;
float:left;
}
#contact input {border:1px solid #474747; background:#fff url(images/input.gif) repeat-x; padding-left:0.5em; margin-bottom:0.6em;}
#contact textarea {width:350px; height:300px; border:1px solid #474747; background:#fff url(images/textarea.gif) repeat-x bottom left;}
#contact label {clear:left; display:block; float:left; width:100px; text-align:right; padding-right:10px; color:#fff; margin-bottom:0.5em;}
#contact p {color:#fff; margin-bottom:0px;}
#gastenboek input {border:1px solid #474747; background:#fff url(images/input.gif) repeat-x; padding-left:0.5em; margin-bottom:0.6em;}
#gastenboek textarea {width:400px; height:200px; border:1px solid #474747; background:#fff url(images/textarea.gif) repeat-x bottom left; margin-bottom:0.6em;}
#gastenboek label {clear:left; display:block; float:left; width:100px; text-align:right; padding-right:10px; color:#000; margin-bottom:0.5em;}
/* auto white rounded box */
		div.rounded-corners		{ background: url(images/contentbox.gif) right bottom no-repeat;}
		div.rounded-header		{ background: url(images/contentbox.gif) right top no-repeat; }
		div.rounded-content		{ overflow: hidden; width: 93%; background: url(images/contentbox.gif) left bottom no-repeat; padding: 5px 0px 10px 15px; }
		div.rounded-header h3	{ margin: 0 20px 0 0; padding: 5px 0px 0px 10px; background: url(images/contentbox.gif) left top no-repeat; }
		img.floatedleft				{ float: left; margin-right: 10px;}
		img.floatedright			{ float: right; margin-left: 10px; margin-bottom: 10px;}
		img.portthumb{ border: 1px solid #000000; }

/* auto orange rounded box */
		div.or-rounded-corners	{ background: url(images/contentbox-orange.gif) right bottom no-repeat; }
		div.or-rounded-header		{ background: url(images/contentbox-orange.gif) right top no-repeat; }
		div.or-rounded-content	{ overflow: hidden; width: 90%; background: url(images/contentbox-orange.gif) left bottom no-repeat; padding: 5px 0px 10px 15px; }
		div.or-rounded-header h3{ margin: 0 20px 0 0; padding: 5px 0px 0px 10px; background: url(images/contentbox-orange.gif) left top no-repeat; }
		div.inhoud          { width: 100%;}
		div.singlethumb { width:250px; }
		#portcontent p{
		margin-top:0px;
		}#portcontent a img{
		border: 2px solid #ff8a00;
		}#portcontent a img :hover{
		border: 2px solid #ffffff;
		}
		
		/* thumbnails portfolio opbouwen*/
		div.thumbnail{
width: 240px; height: 180px;
background: url(images/portfoliothumb.gif) no-repeat 0px 0px;
padding-top:10px;
padding-left:22px;
padding-bottom:10px;

}div:hover.thumbnail{
background: url(images/portfoliothumb.gif) no-repeat 0px -200px;
}div.portfoliothumb{
width:200px;
height:125px;
margin-top:5px;
}div.thumbheader{
width:200px;
margin-top:5px;
}