/* -------------------------------------------------------------- 
  
   Progressively vague Based on Boilerplate, which is cute
   
-------------------------------------------------------------- */

/* @group reset ---------------------------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
body { line-height: 1.6; background: #fff; color: #7d7d7d; margin: 0 0 1em; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
img { border: none; }
input,textarea { margin: 0; }

/* Removes Firefox imposed outline */
a { outline: none; text-decoration: none; }

/* @end reset ----------------------------------------------------- */


DIV#boldmessage {
	POSITION: absolute; 
	float: left;
	left:  100px;
	top:  150px;
	z-index: 12000;
}

DIV#logotop1 {
	POSITION: relative; 
	display: block-inline;
	TOP: 0px;
	left: 0px;
	WIDTH: auto;
	HEIGHT: 25px; 
	BACKGROUND-COLOR: transaprent; 	
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
	/*line-height: 100%;*/
	font-size: 13px;
	z-index: 6000;	
}

DIV#logotop1 img {
	POSITION: relative; 
	display: inline;
	left: 0px;
	padding: 0px;
	margin: 0 8px 0 0;
	float: left;
}

DIV#logotop {
	POSITION: relative; 
	display: block;
	TOP: 0px;
	right: 0px;
	WIDTH: auto;
	HEIGHT: 23px; 
	BACKGROUND-COLOR: transaprent; 	
	margin: 0px 0px 0px 0px; 
	padding: 5px 0px 0px 790px; 
	/*line-height: 100%;*/
	font-size: 13px;
	z-index: 6000;	
}

DIV#logotop1 a {
	color:  #990;
	margin: 0px 0px 0px 0px; 
	padding: 0px 5px 0px 0px; 
}

DIV#logotop1 a:hover {
	color: #000;
	text-decoration: none;	
}

DIV#contain_total {
	Margin: auto;
	width: 985px;
	HEIGHT: auto; 	
	BACKGROUND-COLOR: transparant; 	
    background: url(../img/BGheader.gif) no-repeat 0px 30px; 
    padding: 0;
}

#header { 
	position: relative; 
	left: 0px;
	top: 0px;
	width: 986px; 
	height: 350px; 
	margin: 0;
	padding: 0; 
	/*background: url(../img/HeaderFotoTalking.jpg) no-repeat left 0px; */
} 
 
/* My Comment */
#container { 
	position: absolute; 
	top: 381px; 
	display: block; 
	width: 950px; 
	padding: 0px 18px; 
	margin: 0px; } /* omvat alle layout onder de header */

#hoofdMenu { position: relative; width: 545px; top: 0; height: 29px; z-index: 1000;}
#hoofdMenu li { display: inline; }
#hoofdMenu a { float: left; margin-right: 10px; z-index: 350;}
#werk { float: left; width: 545px; font-size: 13px; color: #999; margin-bottom: 0px; margin-top: 20px; margin-left:  5px;}

#werk a { 
 color:  #990;
 text-decoration: underline;
 }
 
 #werk a:visited { 
 color:  #990;
 }

#werkMenu { 
	float: left; 
	width: 538px; 
	height: 20px; 
	line-height: 20px;
	margin: 15px 0 7px 0px; 
	padding: 0 0 0 7px;	
	border-top: 3px solid #DDD; 
	border-bottom: 1px solid #DDD;
	color: #999;
	backgroundcolor: #999;
	font-size: 13px;
}


.wrapperimgtext { 	
	display: inline-block; 
	width: 165px; 
	background-color: #333;
	height: auto; 
	line-height: 120%;
	margin: 0 5px 0 0; 
	padding: 0 0 0 10px;
}

.wrapperwidth {
	Position: relative;
	display: block; 
	float: left;
	width: 545px; 
	height: auto;
	margin: 0 0 0 0; 
	padding: 10px 0 0 0;
}

.wrapperwidth p {
	margin: 0; 
	padding: 0px 0 10px 0; 
}

.wrapperwidth img {
	margin: 0px 0px 2px 0;  
	padding: 0px 0 0px 0; 
}

#werkMenumiddle { 
	float: left; 
	width: 535px; 
	height: 20px; 
	line-height: 20px;
	margin: 0px 0 20px 0px; 
	border-top: 1px solid #DDD; 
	border-bottom: 1px solid #DDD;
	color: #999;
	padding: 0 0 0 0px;
	font-size: 13px;
}

#werkMenubottom { 
	position: relative; 
	display: block; 
	float: left; 
	top: 0px; 
	left: 0px; 
	width: 533px; 
	height: 20px; 
	line-height: 140%; 
	margin: 0 0 0 0px;  
	padding: 0 0 0 10px; 
	/* border-top: 1px solid #DDD; */
	border-bottom: 3px solid #DDD; 
	color: #999; 
	font-size: 13px; 
} 

#werkMenubottom img{ 
	margin: 5px 0 0 0px; 
	padding: 0 0 0 0px;
}

#werkMenubottom a {
	text-decoration: none;
	color: #999900;
}

.top { 
	position: absolute; 
	top: 0px; 
	right: 0px;
	display: block; 
	float: right;
	height: 17px;
	padding: 0px 5px 0 16px; 
	margin: 0px;
	font-size: 11px; 
	background: url(../img/ButtonUp.jpg) no-repeat 0px 2px; 
}

#werkMenubottom .top a {
	color: #999;
}

.zwart {
	color: #333;
	font-weight: normal;
	
}	

.new {
	color: #CC9;
	font-size: 10px;
	display: inline;
}	



.leesmeer {
	background: url(../img/ButtonLeesmeer.gif) no-repeat 0px 0px; 
	display: inline-block;
	height: 12px;
	width: 70px;
	padding: 1px 0px 2px 7px;
	line-height: 90%;
	font-size: 12px;
	color: #666;
	z-index: 2000;
}

.leesmeer a:hover {
	text-decoration: none;
	color: #000;
}

#pitchTekst { 
	position: relative;
	display: inline;
	float: right; 
	top: 5px; 
	left: 5px;
	width: 310px; 
	line-height: 140%; 
	font-size: 17px;
	color: #999;
 	min-height: 315px; 

}

#pitchTekst p { 
	margin: 0px 0 0px 0px; 
	padding: 0 0 15px 0px;
}

#pitchSub { 
	position: relative;
	width: 310px; 
	height: auto; 
	Line-height: 120%;
	margin: 5px 0 10px 0; 
	padding: 3px 0 5px 0px;
	/* border-top: 1px solid #DDD;  */
	/*  border-bottom: 1px solid #DDD; */
	color: #999;
	backgroundcolor: #999;
	font-size: 13px;
}

#pitchSub a{
	color: #999;
}

#pitchSub a:hover{
	text-decoration: none;
}


#werk .portfImage { 
	float: left; 
	margin-right: 5px;
	margin-bottom: 5px; 
	/* background-color: #DDDDDD; */
	border: 1px solid #ddd
}

#werk .portfImageserie { 	
	position: relative;
	display: block;
	float: left; 
	top: 0;
	width: 174px;
	margin-right: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 0px; 	
	/* background-color: #DDDDDD; */
	border: 1px solid #eee;
} 

#werk .portfImageserielast { 
	position: relative;
	display: block;
	float: left; 
	margin-right: 0px;
	padding-top: 0px; 
	margin-top: 5px;
	margin-bottom: 5px;	
	width: 174px;
	/* background-color: #DDDDDD; */
	border: 1px solid #eee;
}
	
.onderschriftkl {
	position: relative;
	display: block;
	top: 3px;
	width: 155px;
	height: 15px;
	margin: 0 0 0px 10px;
	line-height: 100%; 
	font-size: 10px;
	color: #999;
	padding-bottom: 0px;
}

#werk .onderschrift { 
	position: relative; 
	display: block; 
	float: left; 
	top: 0; 
	width: 543px; 
	height: 17px; 
	line-height: 140%;  
	font-size: 11px; 
	text-indent: 10px; 
	color: #999; 
	margin: 0px 0 3px; 
	padding-bottom: 0px; /* 8px */
	border-bottom: #CCC 1px solid; 
} 

#werk .onderschrift a {
	color: #999;
}

.wrappertekstitem {
	position: relative;
	display: block;
	float: left;
	padding: 0px;
	margin-right: 7px; 
	margin-bottom: 7px;
	margin-top: 0px;
	width: 175px;
	height: auto;
}

.wrappertekstitemlast {
	position: relative;
	display: block;
	float: left; 
	margin-right: 0px; 
	margin-bottom: 7px;
	padding: 0px;	
	width: 175px;
	height: auto; 
}

.werkTekstItem { 
	position: relative;
	display: block;
	float: left; 
	width: 155px !important; /* 175 origin */
	top: 0px;
	padding: 15px 5px 0px 10px;
	margin: 0px 0px 0 0; 
	min-height: 115px;
	color: #888;
} 

.werkTekstItemlast { 
	position: relative;
	display: block;
	/*float: left;*/
	width: 155px !important; /* 175 origin */
	top: 0px;
	padding: 15px 5px 0px 10px;
	margin: 0px 0px 0 0; 
	min-height: 115px;
	color: #888;
} 

.werkTekstItem a { 
	color: #888;
}
.werkTekstItem a:hover { 
	text-decoration: underline;
	}
	
.werkTekstItemGroot {
	position: absolute;
	display: inline-block;
	float: left;
	height: auto;
	/* min-height: 130px;  (anders footerPitch naar links) */
	/* width: 310px; */ 
	padding: 0px 5px 10px 0px; /* padding footer left en totop lijn - Neem  padding-top (eerste getal)*/
	margin: 0px 10px 0px 0; 
}

.werkTekstItemGroot .onderschrift {
	font-size: 11px;
}

.werkTekstItemGroot p {
	padding: 0px 0px 20px 0px;
	font-size: 15px;
	line-height: 140%;
}

.werkTekstItemGroot a{
	color: #999;
}

.werkTekstItemGroot a:hover {
	text-decoration: underline;
}

#werkFooter { 
	float: left; 
	position: relative;
	left: 0px;
	top: 0px;
	width: 525px; 
	height: 113px; 
	padding: 25px 18px 10px 0px;
	margin: 5px 0 0 0 ;
	clear: left;
	font-size: 12px;
	line-height: 140%;
	background: url(../img/FooterLeft.jpg) no-repeat left top;
	color: #999; 
}

#werkFooter a {
	text-decoration: none;
	color: #999;
}

#werkFooter a:hover {
	text-decoration: none;
	color: #666;
}


#FooterPayoffLogo { 
	float: left; 
	position: relative;
	left: 0px;
	top: 0px;
	width: 330px; 
	height: 35px; 
	padding: 2px 10px 0px 230px;
	clear: left;
	font-size: 14px;
	line-height: 140%;
	background: url(../img/LogoFooter.jpg) no-repeat 10px top;
	color: #CCC;
	
}

/* My Comment */

#werkFooter .footerItem { float: left; width: 155px; margin: 0 15px 15px; min-height: 86px; font-style: normal;}
#werkFooter .footerItem3 { float: left; width: 100px; margin: 0 15px 15px; min-height: 86px; font-style: normal;}
#werkFooter .last { margin-right: 0; margin-left: 0;}
img#fotoPunt { position: absolute; left: 580px; top: 0; }

/* @group My Group */

#smallpics {
	position: relative;
	width: 310px; 
	margin: 0px 0px 0px 0px;	
	padding: 15px 0px 0px 0px; 
	font-size: 11px;
	line-height: 120%;	
}

#smallpics img {
	border: 1px solid #ddd;
	margin: 0px 10px 0px 0px; 	
}


/* @end */

#werk .last { margin-right: 0;}

#pitchFooter { 
	position: relative;
	float: right; 
	width: 310px; 
	min-height: 35px; 
	margin-top: 20px;	
	padding: 10px 0px 0px 0px; 
	font-size: 12px;
	line-height: 120%;
	border-top: 1px solid #ccc;
	/* border-bottom: 1px solid #333; */
	background: url(../img/LogoFooter.jpg) no-repeat -5px top;	
} 

/* My 

DIV#pager_holder {
	POSITION: absolute;
	TOP: 48px; 
	Left: 370px;  
	WIDTH: 155px; 
	HEIGHT: 20px; 
	Margin: 2px 0px 5px 0px;	
	padding: 0px 0px 0px 20px;
	Color: #666;
	line-height: 140%;		
	}

DIV#pager_holder_pager{
	POSITION: absolute;
	display: block;
	float: right;
	TOP: 0px; 
	right: 0px;
	WIDTH: auto; 
	HEIGHT: 20px; 
	Margin: 0px 0px 5px 0px;	
	padding: 0px 20px 0px 0px;
	Color: #666; 
}  */

/* @end lay-out elementen ----------------------------------------- */

/* @group default stuff ------------------------------------------------- */
em { font-style: italic;}
/* @end default --------------------------------------------------- */

/* @group typography ---------------------------------------------- */
body { font: 16px Arial, Helvetica, Geneva, sans-serif; }

/* Default fonts and colors. */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea { font-family: Arial, sans-serif; }

/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { color: #000; font-weight: normal; }

h1 { font-size: 25px; }
h2 { font-size: 18px; font-weight: normal; }
h3 { font-size: 16px; }
h4 { font-size: 15px; font-weight: normal; }
h5 { font-size: 13px; color: #777; font-weight: normal; }
h6 { font-size: 12px; }
h6 { font-weight: bold; }

.h3kop { font-size: 16px; background-image: none; }
.h5kop { font-size: 13px; color: #888; }

h2#pitch {
	/* border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc; */
	color: #000;
	font-size: 22px;
 	font-weight: normal;	
	height: auto;
	letter-spacing: 0;
	line-height: 120%;
	margin: 0 0 0px; /* 30px */
	padding: 5px 0 5px;
}

h2#wrappertext {
	/* border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc; */
	color: #000;
	font-size: 22px;
 	font-weight: normal;	
	height: 20px;
	letter-spacing: 0;
	line-height: 120%;
	margin: 0 0 0px; /* 30px */
	padding: 5px 0 15px;
}
.werkTekstItem h4 { line-height: 120%; font-weight: normal; }
.werkTekstItem h5 { color: #990; margin-bottom: 0.4em; font-weight: normal; }

/* Text elements
-------------------------------------------------------------- */
#pitchTekst cite{ color: #990; text-indent: 0; margin: 0; font-style: normal; line-height: 120%;}
#pitchTekst p { margin: 0px 0; color: #999; }

.werkTekstItem p { 
	line-height: 145%; 
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 0 0; }

/* @group My Group */




/* @end */
	
/* @end typography ------------------------------------------- */

/* @group navigation ----------------------------------------- */
/* Hoofdmenu */

#stikker {
	position:  absolute;
	display: block;
	height: 200px;
	left: 0px;
	top: 0px;
	margin: -40px 0 0 50px;
	z-index: 4000;
	background-color: transparent;
	/* background: url(../) no-repeat left top; */
}

#stikkershade {
	display: block;
	height: 100px;
	left: 0px;
	top: 0px;
	margin: 0px 0 0 50px;
	background: url(../img/StikkerShade.jpg) no-repeat left top;
}

#hoofdMenu a {
	background: #d9d9d9 url(../img/navigation/main_but_bg_left.png) no-repeat left bottom;
	font-size: 16px; 
	color: #000;
	line-height: 29px;
	padding: 0 0 0 5px;
}

#hoofdMenu a:hover {
	background: #666 url(../img/navigation/main_but_bg_leftover.png) no-repeat left bottom;
	font-size: 16px; 
	color: #FFF; 
	line-height: 29px;
	padding: 0 0 0 5px;
	margin: 0px 10px 0px 0px;
}

#hoofdMenu a span {
	background: url(../img/navigation/main_but_bg_right.png) no-repeat right bottom;
	line-height: 29px;
	display: block;
	padding: 0 7px 0 3px;
	margin-right: 0px;
	color: #666; 
	z-index: 5000;
} 

#hoofdMenu a:hover span {
	background: url(../img/navigation/main_but_bg_rightover.png) no-repeat right bottom;
	color: #FFF;
	padding: 0 7px 0 3px;	
}

/* My Comment */ 

/* My Comment */

#hoofdMenu a.first { 	
	background: #990 url(../img/navigation/green_but_bg_left.png) no-repeat left bottom;
	font-size: 16px; 
	color: #000;
	line-height: 29px;
	padding: 5px 0 5px 7px;
	left: 0px;
}

#hoofdMenu a.firstleft { 	
	background: #990 url(../img/navigation/green_but_bg_left.png) no-repeat left bottom;
	font-size: 16px; 
	display: block;
	color: #000;
	height: 29px;	
	line-height: 29px;
	padding: 0px 0 0 7px;
	margin-right: 10px;
	left: 3px;
}

#hoofdMenu a:hover .firstleft  { 	
	background: #990 !important;
	height: 29px;
	line-height: 29px;
	padding: 0px 0 0 7px;	
}

#hoofdMenu .firstleft a:hover  { 	
	background: #990 !important;
	height: 29px;
	line-height: 29px;
	padding: 0px 0 0 7px;	
}

#hoofdMenu a span.first {
	background: #990 url(../img/navigation/green_but_bg_right.png) no-repeat right bottom;
	line-height: 29px;
	display: block;
	padding: 0 7px 0 0;
	color: #ffc; /* #CC6; */ 
	font-weight: normal;
	letter-spacing: 0.02em; 
}

ul#hoofdMenu li ul { 	
	position: absolute; 
	left: 0px;  
	bottom: 28px; 
	margin-left: -999em; 
	padding: 0 0 0 20px; 
	margin-bottom: 0;
	border: none; 
	height: 331px; 
	width: 545px; 
	background-color: transparent; 
	
  	filter: alpha(opacity=95); /*opacity for IE5+ */ 	
  	-moz-opacity: 0.95; /*opacity for older Mozilla browsers*/ 	 
  	opacity: 0.98; /*opacity for mozilla/safari*/ 
  	background: url(../img/MenuOverWebdesign.gif) no-repeat 0px 0px;   
	z-index:2000;
}

ul#hoofdMenu li .grafisch { 	
	position: absolute;
	left: 0px; 
	bottom: 28px;
	margin-left: -999em; 
	padding: 0 0 0 23px; 
	border:none;
	height:330px;
	width:545px;
	background-color: transparent;	
 	
  	filter: alpha(opacity=95); /*opacity for IE5+ */ 	
  	-moz-opacity: 0.95; /*opacity for older Mozilla browsers*/ 	 
  	opacity: 0.98; /*opacity for mozilla/safari*/ 
   	background: url(../img/MenuOverGrafisch.gif) no-repeat 0px 0px;   
	z-index:2000;
}

ul#hoofdMenu li .audiovisueel { 	
	position: absolute;
	left: 0px; 
	bottom: 28px;
	margin-left: -999em; 
	padding: 0 0 0 23px; 
	border:none;
	height:330px;
	width:545px;
	background-color: transparent; 
	
  	filter: alpha(opacity=95); /*opacity for IE5+ */ 	
  	-moz-opacity: 0.95; /*opacity for older Mozilla browsers*/ 	 
  	opacity: 0.98; /*opacity for mozilla/safari*/ 
   	background: url(../img/MenuOverAudiovisueel.gif) no-repeat 0px 0px;  
	z-index:2000; 
}

ul#hoofdMenu li .titlemenu  {
	padding: 20px 0px 0px 10px; 
	margin: 0px 0px 0px 0px;
	background-color: transparent; 
	display: block;
	width: 450px;
	left: 0px;
	font-size: 26px; 	
	color: #DDD;
	z-index: 1000;
}

ul#hoofdMenu li .titlesubmenu {
	margin: 0px 0px 0px 10px;	
	padding: 0px 0px 6px 0px; 
	background-color: transparent;
	display: block;
	left: 0px; 
	border-bottom: 1px solid #999; 
	width:  90%;	
	font-size: 19px;
	color: #999;
	line-height: 120%;	
} 

ul#hoofdMenu li ul li {
	height:auto; 
	width: 230px;
	border:none;
	list-style: none;
	background-color: transparent;
	margin: 0px 5px 0px 0px;
	padding: 0px 5px 0px 0px;
	line-height: 100%;
}

ul#hoofdMenu li:hover ul, 
ul#hoofdMenu li.over ul {
	margin-left:0; /* dit zet mouseover op z'n plek */
	}
	


/* @end navigation ------------------------------------------- */

/* @group MenuPop */

/*	Inside tabmenu over */
ul#hoofdMenu li .dropdowncolumn
	/*ul#nav2 li .dropdowncolumn */ {
	position: relative; 
	display: block; 
	float: left; 
	top: 0px; 
	left: 0px; 
	width: 235px !important;  
	height: auto; 
	background-color: transparent;	
	padding: 0px 0px 0px 0px; 
	margin: 10px 10px 0px 0px; 	/* spacing tussen kolommen */
} 

ul#hoofdMenu li .dropdowncolumn ol
/*ul#nav2 li .dropdowncolumn */ {
	position: relative; 
	display: block; 
	width: 230px;  
	height: auto; 
	background-color: #666;	
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px; 	
	/* clear: right; */
} 

ul#hoofdMenu li .dropdowncolumn .underline {
	color: #999;
	background: none; 
	display: block; 	
	height: auto;	
	width: 235px; 	
	left: 0px;
	top: 0px;
	font-size: 14px;
	line-height: 120%;	
	margin: 0px 0px 0px 0px;		
	padding: 5px 0px 8px 10px;  	
} 

ul#hoofdMenu li .dropdowncolumn .underline a  {
	font-size: 14px;
	color:#666;	
	background-color: transparent; 	
	left: 0px; 
	margin: 0px 0px 0px 0px;		
	padding: 5px 0px 8px 0px;  	
	/*text-transform: none;*/
}

ul#hoofdMenu li .dropdowncolumn ol li a:hover { 
	display: block; 	
	color:#999; 
	background-color: #555; 
	text-decoration: none;	
	height: auto;	
	width: 235px; 		
	background-image: none; 
	margin: 0px 0px 0px 0px;		
	padding: 5px 0px 8px 10px;  	
	background-image: none;		
}


ul#hoofdMenu li .dropdowncolumn .h3kop { 
	color: #DDD;
	font-size: 14px;
	line-height: 120%;
	font-weight: normal;
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px; 
	background-image: none;
}

ul#hoofdMenu li .dropdowncolumn .h3kop a:hover { 
	color: #DDD;
	font-size: 14px;
	line-height: 120%;
	font-weight: normal;
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px; 
	background-image: none;
}

.h3kop { 
	background-image: none !important;
}

.h3kop a { 
	background-image: none !important;
}

#hoofdMenu a:hover span.h3kop { 
	background-image: none !important;
}

/* My Comment */


/* My Comment */

/* 
ul#nav li .dropdowncolumn .underline a:hover, 
ul#nav2 li .dropdowncolumn .underline: a:hover {
	color: #999;
	background: transparent; 
	display: block; 	
	height: auto;	
	width: 240px;
	left: 0px;
	font-size: 14px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;  	
} 
*/


/*	
ul#nav li .dropdowncolumn a, 
ul#nav.dropdowncolumn a:active, 
ul#nav.dropdowncolumn a:visited {  
	display:block; 
	color: blue; 
	text-decoration:none; 
	background: transparent; 
	width: 300px /* bepaald breedte van link in mouseover menu 
	font-size: 14px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	height: auto; 
 } */

/* My Comment */
	


/* @end */

#vid {
	position: absolute;
	z-index: 100;
   	top: 20px; 
   	left: 15px; 
   	height: 280px; 
   	width: auto;
    padding: 0px;
	border: #666 20px solid;
	/* background-color: #666; */
	text-decoration: none;	
}

#vidplay { 
	position: absolute;
	display: block;
	text-align: center;
   	top: 120px; 
   	left: 200px; 
    height: 150px; 
   	width: 250px;
   	letter-spacing: 0.03em;
   	padding: 35px 0px 0px 0px;
	color: #FFF;
	font-size: 20px;
	/* background-color: #666; */
 	background: url(../img/ButtonPlay.png) no-repeat scroll 50px 0px ;
 	background-color: transparent; 
 	text-decoration: none;	
 	
 	filter: alpha(opacity=90); /*opacity for IE5+ */ 	
  	-moz-opacity: 0.90; /*opacity for older Mozilla browsers*/ 	 
  	opacity: 0.90; /*opacity for mozilla/safari*/ 
	z-index:200;
} 

#vidplay a { 
	text-decoration: none;
	padding: 20px 20px 20px 20px;
	}
	
	#vidplay a .span { 
	text-decoration: none;
	vertical-align: center;
	padding: 20px 20px 20px 20px;
	}
	

#vidplay a:hover { 
	color: #ccc;
	text-decoration: underline;	
	padding: 20px 20px 20px 20px;
	z-index: 100;
	}
	
/* @group Popup */

div#links a img {
	height: 10; width: 10; border-width: 0;
}

div#links a:hover img {
	z-index: 100;
	position: absolute;
    top: 490px; left: 255px; 
    height: 250px; width: 250px;
    color: #411; background: #AAA;
   	border-right: 5px double white;
}


/* @end */

.underline {
	text-decoration: none;
}

.contact { 
	position: absolute;
	z-index: 6000;
}

.contact li {
	display: inline;
	width: 300px; 
	height: 780px;
  	z-index: 6000;  	
}

.contact li ul {
	position: absolute; 
	width: 270px; 
	height: 350px;
	top: 10px;	
	left: 0px;	
	margin-left: -999em; 
	padding: 50px 0px 0px 40px;
	letter-spacing: 0.2px;
	color: #DDD;
  	z-index: 6000;
  		
  	filter: alpha(opacity=90);
  	-moz-opacity: 0.90;
  	opacity: 0.90; 
    background: url(../img/ContactBg.gif) no-repeat 0px 30px;  
}

#tellafriend a{
	position: absolute; 
	width: 270px; 
	height: 350px;
	top: 10px;	
	left: 50px;	
	margin-left: -999em; 
	padding: 50px 0px 0px 40px;
	letter-spacing: 0.2px;
	color: #DDD;
  	z-index: 6000;
  		
  	filter: alpha(opacity=90);
  	-moz-opacity: 0.90;
  	opacity: 0.90; 
    background: url(../img/ContactBg2.gif) no-repeat 0px 30px;  
}

#tellafriend a:hover {
	margin-left: -999em;  /* dit zet mouseover op z'n plek */
	}

 /*.contact li ul a:hover {
	position: absolute; 
	z-index: 6000;
	width: 270px; 
	height: 350px;
	right: 0px;	
	margin-right: 0em; 	
}*/ 
 
 /* My Comment */ 

 /*.contact li:hover > ul {
	position: absolute; 
  	z-index: 6000;	
  	width: 270px; 
	height: 350px;
	right: 0px;	
	margin-right: 0em; 	
	}*/ 
	
	
ul.contact li:hover ul, 
ul.contact li.over ul {
	margin-left:-13em; /* dit zet mouseover op z'n plek */
	}
	
/* .contact li:hover ul, 
.contact li.over ul {
	position: absolute; 
	display: block; 
	right: 0px;	
  	z-index: 6000;		
	} 
	*/
 
.contactkop {
	font-size: 18px;
	color: #CCC;
}

/* @group Popup */

#PopUp {	
	display: none; 
	position: absolute; 
	left: 15px; top: 15px; 
	border: solid #666 0px;
	padding: 20px 20px 0px 20px; 
	margin: 0px; 
	background-color: #666; 
	height: auto; width: auto;
	z-index:300;
	text-decoration: none;
	color: #FFF;
}

#PopUp a {	
  	padding: 50px 50px 20px 50px; 
  	text-decoration: none;
  	color: #FFF;
}

#PopUp a:visited {	
  	padding: 50px 50px 20px 50px; 
  	text-decoration: none;
  	color: #FFF;
}

#imgmenu {
	position: relative; 
	display: block;
	top:0px; left:0px;
	margin: 0px;
	padding: 0px;
	width: 545px; 
	z-index:100;
	height: auto;
}

#imgmenu a.p1, #menu a.p1:visited {
	display:block; 
	width:auto; 
	height:auto; 
	text-decoration:none; 	
	background:#fff; 
	top:0; left:0; border:0;}

#imgmenu a img {border:0;}

#imgmenu a.p1:hover {
	text-decoration:none; 
	background-color:#DDD; color:#000;
	margin: 0px;
	padding: 0px;
	text-align: center;
	}

#imgmenu a .large {
	display:block; 
	position:absolute; 
	width:0; height:0; 
	border:0; 
	top:10px; 
	left:0;
	z-index:3000;
	background-color: #DDD;
	} 

#imgmenu a.p1:hover .large {
	display: block; 
	position: absolute; 
	top: 4.5em; left: 60px; 
	text-align: center;	
	width: auto; height: auto; 
	border: 20px solid #ccc;
	z-index: 2000;
	padding: 0px;
	margin: 0px;
	background-color: #DDD;
	}
	
	#imgmenu a.p1:hover {
	text-decoration:none; 
	background-color:#DDD; color:#000;
	margin: 0px;
	padding: 0px;
	text-align: center;
	}

#imgmenu a .large2 {
	display:block; 
	position:absolute; 
	width:0; height:0; 
	border:0; 
	top:10px; 
	left:0;
	z-index:5000;
	background-color: #DDD;
	} 

#imgmenu a.p1:hover .large2 {
	display: block; 
	position: absolute; 
	top: 2em; left: 30px; 
	text-align: center;	
	width: auto; height: auto; 
	border: 20px solid #ccc;
	padding: 0px;
	margin: 0px;
	background-color: #DDD;
	z-index:5000;	
	}
	
#info {
	z-index:100; 
	height:22em;}


.fotopopsurface {
	display: block; 
	position: relative; 	
	height: auto
	margin: 0;
	padding: 0;
}

/* @end */