html		{
			scrollbar-arrow-color: #818485;
			scrollbar-face-color: #FFFFFF;
			scrollbar-track-color: #F2F2F2;
			scrollbar-base-color: #CCCCCC;
			scrollbar-highlight-color: #FFFFFF;
			scrollbar-shadow-color: #818485;
			scrollbar-darkshadow-color: #FFF;
			xoverflow: auto;
			*padding-top: 50px;
			}

.bg {
background: url(../images/bg_black.jpg);
background-repeat:repeat-y;
background-position:right;
}

.bg_twee {
background: url(../images/bg_black.jpg);
background-repeat:repeat-y;
background-position:left;
}

/* content container */
div#content {
		width: 608px;
		height: 437px;
		overflow: auto;
		overflow-x: none;
		/* neede for firefox to get overflow to work */
		max-width: 608px; 
		max-height: 437px;
		background-color:#FFFFFF;
		}

#content_portfolio {
		background-image: url(../images/portfolio_content_back.jpg);
		background-repeat: no-repeat;
		background-position: right;
		}

div#content2 {
		width: 608px;
		height: 437px;
		margin-top: 0px;
		overflow: hidden;
		/* neede for firefox to get overflow to work */
		max-width: 608px; 
		max-height: 437px;
		}


#project {

	float: left;
	width: 350px;
	height: 433px;
	xborder: dotted 1px red;
	
	margin: 0px;
	padding: 0px;
	overflow: none;
	
	
	/* neede for firefox to get overflow to work */
	max-width: 350px; 
	max-height: 433px;

	}
#project iframe {
	width: 350px;
	border: solid 0px #FFFFFF;
	overflow-x: none;
	overflow-y: auto;		
	margin: 0px;
	padding: 0px;
	xborder: dotted 1px green;
}


h1, h2, p	{
		margin: 0px;
		padding: 0px;
		border: 0px;
		font-family:Arial, Verdana, Helvetica, sans-serif;
		color: #000000;
		}
		
h1 {
		font-weight: bold;
		font-size:12px;
        color: #e03e3f;
}

strong {
		color: #e03e3f;
}

#portfoliolinks {
		
		margin: 0px;
		top: 0px;
		left: 0px;
		padding: 40px 10px 10px 5px;
		font-family:Arial, Verdana, Helvetica, sans-serif;
		font-size: 10px;
		text-align: left;
		xborder: dotted 1px green; 
		height: 433px;
		overflow-x: none;
		overflow-y: auto;
		
		/* needed for firefox to get overflow to work */
		max-width: 605px; 
		max-height: 385px;
		}


.text	{
		margin: 0px;
		padding-left: 40px;
		border: 0px;
		font-family:Arial, Verdana, Helvetica, sans-serif;
		color: #000000;
		text-align:justify;
		}

.text h1		{
		padding: 20px 0px 15px 0px;
		font-size: 12px;
		font-weight: bold;
		}
		
.text h2		{
		padding: 0px 0px 15px 0px;
		font-size: 10px;
		font-weight: bold;
		}

.text p		{
		font-size: 10px;
		padding-right: 25px;
		padding-left: 40px;
		padding-bottom: 1em;
		line-height: 13px;
		}

table {
		font-size: 11px;
		padding-right: 0px;
		padding-left: 0px;
		padding-bottom: 5px;
		line-height: 13px;
		}		

.text img {
		float: right;
		clear: left;
		margin-left: 26px;
		}
		
.home-img {
		float: right;
		clear: left;
		margin-left:0px;
		}		

#home, #communicatie-analyse, #coaching, #eindredactie, #visie, #contact, #fotos {
	xfloat: left;
    /**
    margin: 0 0 0 105px;
    _margin: 0 0 0 53x;
    */
}
		
.text p img {
		float: none;
		margin: 0px;
		padding: 0px; 
		}
		
.scan {
	color:#E03E3F;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bold;
	}
	
.linkrood {
	color:#E03E3F;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	}
	

.portfolio	{
		text-align:left;
		}

a {
color: #666666;
font-weight: bold;
text-decoration: none;

}

a:hover {
color: #000000;
font-weight: bold;
text-decoration: underline;
}

.tabellen {	
		margin: 0px;
		border: 0px;
		font-family:Arial, Verdana, Helvetica, sans-serif;
		font-size:10px;
		color: #000000;
		text-align:justify;
}
		
.minwatwit {
		margin: 0px;
		border: 0px;
		}
		
/*
	menu styles
*/
div#home a {
	background-image:url(../images/btn_home.gif);
	background-repeat:no-repeat;
	display:block;
	width:171px;
	height:25px;
	
}
div#home a:hover {
	background-image:url(../images/btn_home_rollover.gif);
	
}

div#diensten a {
	background-image:url(../images/btn_copywriting.gif);
	background-repeat:no-repeat;
	display:block;
	width:171px;
	height:25px;
}
div#diensten a:hover {
	background-image:url(../images/btn_copywriting_rollover.gif);

}
div#portfolio a {
	background-image:url(../images/btn_portfolio.gif);
	background-repeat:no-repeat;
	display:block;
	width:171px;
	height:25px;
}
div#portfolio a:hover {
	background-image:url(../images/btn_portfolio_rollover.gif);

}

div#communicatie a {
	background-image:url(../images/btn_communicatie.gif);
	background-repeat:no-repeat;
	display:block;
	width:171px;
	height:25px;
}
div#communicatie a:hover {
	background-image:url(../images/btn_communicatie_rollover.gif);
}

div#fotos a {
	background-image:url(../images/btn_fotos.gif);
	background-repeat:no-repeat;
	display:block;
	width:171px;
	height:25px;
}
div#fotos a:hover {
	background-image:url(../images/btn_fotos_rollover.gif);

}

div#workshop a {
	background-image:url(../images/btn_workshop.gif);
	background-repeat:no-repeat;
	display:block;
	width:171px;
	height:25px;
}
div#workshop a:hover {
	background-image:url(../images/btn_workshop_rollover.gif);
}

div#communicatie-analyse a {
	background-image:url(../images/btn_communicatie-analyse.gif);
    background-repeat: no-repeat;
    display:block;
	width:162px;
	height:46px;
}

div#communicatie-analyse a:hover {
	background-image:url(../images/btn_communicatie-analyse_rollover.gif);
}

div#coaching a {
	background-image:url(../images/btn_coaching.gif);
    background-repeat: no-repeat;
    display:block;
	width:162px;
	height:23px;
}

div#coaching a:hover {
	background-image:url(../images/btn_coaching_rollover.gif);
}

div#eindredactie a {
	background-image:url(../images/btn_eindredactie.gif);
    background-repeat: no-repeat;
    display:block;
	width:162px;
	height:23px;
}

div#eindredactie a:hover {
	background-image:url(../images/btn_eindredactie_rollover.gif);
}

div#visie a {
	background-image:url(../images/btn_visie.gif);
    background-repeat: no-repeat;
    display:block;
	width:162px;
	height:23px;
}

div#visie a:hover {
	background-image:url(../images/btn_visie_rollover.gif);
}

div#zoethout a {
	background-image:url(../images/btn_zoethout.gif);
	background-repeat:no-repeat;
	display:block;
	width:171px;
	height:33px;
}
div#zoethout a:hover {
	background-image:url(../images/btn_zoethout_rollover.gif);

}

div#referenties a {
	background-image:url(../images/btn_referenties.gif);
	background-repeat:no-repeat;
	display:block;
	width:171px;
	height:25px;
}
div#referenties a:hover {
	background-image:url(../images/btn_referenties_rollover.gif);

}

div#tarieven a {
	background-image:url(../images/btn_tarieven.gif);
	background-repeat:no-repeat;
	display:block;
	width:171px;
	height:25px;
}
div#tarieven a:hover {
	background-image:url(../images/btn_tarieven_rollover.gif);

}

div#contact a {
	background-image:url(../images/btn_contact.gif);
	background-repeat:no-repeat;
	display:block;
	width:171px;
	height:25px;
}
div#contact a:hover {
	background-image:url(../images/btn_contact_rollover.gif);

}

/*
	end menu styles
*/

.tabelZoethout {
	padding:0px;
	margin:0px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
		font-size: 10px;
		}
		
.tabelZoethout img{
	padding:0px;
	margin:0px;
border:0px;		}

hr {
margin:0px;
border:0px;
background-color:#000000;
color:#000000;
height:1px;
}

.witrand {
border:1px solid white;
}

#fotogalerij {
height				: 75px;
padding-right		: 10px;
margin				: 0px;
float				: left;
}

#fotogalerij img {
border				: 1px solid #CCC;
padding				: 3px;
display				: inline;
margin				: 2px;
}

#vrijwerk {

}

#vrijwerk img {
padding				: 1px;
margin				: 0px;
}

#vrijwerk img a {
border				: 0px;
background			: #FFF;
display				: block;
}

#tabeljournalistiek td {
padding				: 0px;
margin				: 0px;
}

#tabeljournalistiek td img {
padding				: 0px;
margin				: 0px;
}

#tabeljournalistiek td a {
padding				: 0px;
margin				: 0px;
}



/* Formulieren ---------------------------------------------------------------*/


#formulier form {
margin				: 0px 40px;
width				: 280px;
clear				: both;
padding				: 0px;
}

#formulier fieldset {
border				: 0px solid #FFF;
width				: 280px;
}

#formulier form label {
display				: block; 
padding				: 3px 0px; 
cursor				: pointer; 
float				: left; 
width				: 38%;
height				: 16px;
line-height			: 16px;
}

#formulier form p { 
margin				: 0px; 
padding				: 0px 0px 0px 0px; 
width				: 95%;
clear				: both;
}

#formulier form input, form select { 
border				: 1px #AEAE95 solid; 
width				: 55%;
height				: 16px; 
margin				: 2px 0 3px 3px; 
font-size			: 92%; 
background			: #FFF;
color				: #010133;
float				: right;
}

#formulier textarea {
border				: 1px #AEAE95 solid; 
width				: 100%; 
margin				: 2px 0 3px 3px; 
font-size			: 92%;
background			: #FFF; 
color				: #000;
float				: right;
}

#formulier form .button { 
font-weight			: bold; 
padding				: 0.1em 0.1em 0.35em 0.1em; 
width				: auto !important; 
margin				: 0 0 0 0.2em; 
background			: #e03e3f; 
color				: #000; 
cursor				: pointer; 
border				: 1px #AEAE95 none; 
}

#formulier form .button:hover /* Werkt niet in IE6 */ { 
font-weight			: bold; 
padding				: 0.1em 0.1em 0.35em 0.1em; 
width				: auto !important; 
margin				: 0 0 0 0.2em; 
background			: #722223; 
color				: #FFFFFF; 
cursor				: pointer; 
border				: 1px #AEAE95 none;
}

/* ActiepaginA */

.actietabel {
background:url(../images/bg_actie.gif) no-repeat;
}

.actietabel p {
font-size: 11px;
padding:0px 0px 10px 0px;
line-height:14px;
text-align:center;
margin:0px;
}

.actietabel td.wit p {
color:white;}