.inlinephoto {
margin: 0 10px 0px 0;
}

/*
                   _   _   _ _      
                  | | | \ | | |     
 _ __  _   _ _ __ | |_|  \| | |     
| '_ \| | | | '_ \| __| . ` | |     
| |_) | |_| | | | | |_| |\  | |____ 
| .__/ \__,_|_| |_|\__|_| \_|______|
| |                                 
|_|                                 

-------------------- C S S  B Y -----------------------
2007C                     |     puntNL internetdiensten
Amsterdam                 |               www.puntNL.nl
Author                    |         JanJochem Overgaauw
-------------------------------------------------------
*/

@import url("ie.css");

html{
	overflow:-moz-scrollbars-vertical;
}

a:active, a:focus{
	outline:none;
}

/*---------- R E S E T  S T Y L E S -------------*/

body,div, dl, dt, dd, ul, li, h1, h2 , h3, h4, h5, h6, th, td {
	margin:0; padding:0;
	}

ul {
	list-style:none;
	}
	

table {
	border:0;
	border-collapse:collapse;
	width:100%;
	}

	
/*---------- D E F A U L T  S T Y L E S -------------*/
	
html#home {
	background: #95a3af url(../_img/foto_home.jpg) -25px 350px no-repeat;
	}
	
html#oplossingen {
	 background: #95a3af url(../_img/foto_oplossingen.jpg) -4px 415px no-repeat;
	}
html#klanten {
	 background: #95a3af url(../_img/foto_klanten.jpg) -4px 350px no-repeat;
	}
html#financeyourfranchise {
	 background: #95a3af url(../_img/foto_fyf.jpg) -4px 350px no-repeat;
	}
html#nieuws {
	 background: #95a3af url(../_img/foto_nieuws.jpg) -4px 350px no-repeat;
	}
html#contact {
	 background: #95a3af url(../_img/foto_contact.jpg) -4px 350px no-repeat;
	}
html#tellafriend {
	 background: #95a3af url(../_img/tellafriendfyffoto.jpg) -4px 350px no-repeat;
	}

body {
	height:134px;	
	background:  url(../_img/bg_header.gif) repeat-x top left;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:80%;
line-height: 160%;
	color: #43525e;	
	}
	
p {
	margin:0 0 2em 0;
	}

p strong{
	font-weight: bold;
}
	
a { 
	color:#a23840;
	text-decoration:none;
	outline: none;
	}

a:hover {
	border-bottom:dashed 1px #a23840;
	padding:0 0 2px 0;	
	}
	
	
	
h1 a {
	background:transparent url(../_img/logo.gif) no-repeat scroll 0%;
	display:block;
	position:absolute;
	top:35px;
	left:35px;
	height:76px;
	width:256px;
}

h1 a:hover {
	border:medium none;
	margin:0;
	padding:0;
}

h1 span, #lang_nl span, #lang_en span{
	position:absolute;
	left:-9999px;
	}
	
ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}


a#lang_nl{
        background:transparent url(../_img/fyf_taalbutton_nl_1.gif) no-repeat scroll 0%;
	display:block;
	position:absolute;
	top:0px;
	right:0px;
	height:20px;
	width:87px;
        border:none;
}

a#lang_nl:hover{
        background:transparent url(../_img/fyf_taalbutton_nl_2.gif) no-repeat scroll 0%;
	display:block;
	position:absolute;
	top:-1px;
	right:0px;
	height:20px;
	width:87px;
        border:none;
}

a#lang_en{
        background:transparent url(../_img/fyf_taalbutton_en_1.gif) no-repeat scroll 0%;
	display:block;
	position:absolute;
	top:0px;
	right:0px;
	height:20px;
	width:87px;
        border:none;
}

a#lang_en:hover{
background:transparent url(../_img/fyf_taalbutton_en_2.gif) no-repeat scroll 0%;
	display:block;
	position:absolute;
	top:-1px;
	right:0px;
	height:20px;
	width:87px;
        border:none;
}

span.foetsie {
	position:absolute;
	left:-9999px;
	}



#contact .form_table input#submit_nl, #tellafriend .form_table input#submit_nl {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	width:78px;
	height: 29px;
	background:url(../_img/verzend.gif) no-repeat scroll 0% 50%;
	color: #FFFFFF;
	font-weight: bold;
	font: trebuchet s, 
}

#contact .form_table input#submit_en, #tellafriend .form_table input#submit_en {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	width:78px;
	height: 29px;
	background:url(../_img/send.gif) no-repeat scroll 0% 50%;
	color: #FFFFFF;
	font-weight: bold;
	font: trebuchet s, 
}

#contact .form_table input, textarea {
	background:#e9eef1 none repeat scroll 0%;
	border:1px solid #e9eef1;
	color:#333333;
	margin:0pt 20px 5px;
	padding:1pt;
	width:250px;
}

img#lang{
        position: absolute; 
        top: 0; 
        right: 0; 
        border: none;
}

/*---------- M E N U   S T Y L E S -------------*/
#menu{
	position:absolute;
	z-index: 2;
	top: 134px;
	left: 0;
	padding:0;
	margin:0;
}

ul#menu {
	vertical-align:top;
	width:232px;
	list-style:none;
	padding: 25px 0 12px 0;
	margin:0;
	background:#ab0f14;
}	

#menu li {
	width:232px;
	padding: 0;
	margin:0;
}

#menu li a {
	border:none;
	/*height:30px;*/
	width:232px;
	padding:0;
	margin:0;
	display:block;
	background-color:#ab0f14;
} 

#menu li a.on{
	/*height:30px;*/
	width:232px;
	padding:0;
	margin:0;
	display:block;
	background:url(../_img/active.gif) no-repeat right #ab0f14;
}

#menu li a img {
	border:none;
	padding: 0 0 0 34px;
	margin: 0;
}

#menu li a:hover{
	background:url(../_img/hover.gif) no-repeat #ab0f14;
	}


 /* SUBMENU */

#menu li li a{
line-height:140%;
	background:#c4575b;
	color:#FFFFFF;
	border:none;
	/*_height:15px;*/
	width:187px;
	padding:8px 0 10px 45px;
	margin:0;
	display:block;
}

#menu li li a:hover{
	background:#d0797c; 
}

#menu li li a.on{
	background:#d0797c url(../_img/bg_subbutton.gif) 0 50% no-repeat; 
	color:#FFFFFF;
	border:none;
	/*height:15px;*/
	width:187px;
	padding:8px 0 10px 45px;
	margin:0;
	display:block;
}

#menu li li a.on:hover{
	background:#d0797c url(../_img/bg_subbutton.gif) 0 50% no-repeat; }


/*span {
	position:absolute;
	left:-9999px;
	}
*/
/*---------- F R A M E  S T Y L E S -------------*/

#content {
	position:relative;
	min-width:250px;
	max-width:1500px;
	min-height:350px;
	max-height:5050px;
	}
	
	
#flashkop{
	min-width:250px;
	max-width:990px;

	position:absolute; 
	top: 81px; 
	width:95%; 
	text-align:right;
}

#content{
	top: 134px; 
	padding: 0;
	margin: 0;
}

html #editor, html #klanten_editor{
	margin: 0 0 80px 232px;
	border: 0px solid black;
	padding: 31px 50px 300px 30px; 
	background: url(../_img/bg_content.gif) repeat-x top left;
}

#editor, #klanten_editor{
	margin: 0 0 0 232px;
	padding: 31px 0 45px 30px; 
	background: url(../_img/bg_content.gif) repeat-x top left;
	min-width:250px;
	max-width:850px;
} 

#editor ul{
list-style-position:outside;
margin: 15px 0 0 15px;
}

#editor ul li {
list-style-type:square;
color:#ab0f14;
background:transparent url(../_img/list_item_img.gif) no-repeat scroll 0pt 7px;
}

#hpspotlight_midden ul li {
border-bottom: 1px solid #cad1d7;
padding: 5px 0 5px 0;}

#hpspotlight_rechts ul li{
list-style-type:none;
}

#error{
	margin: 0;
	padding: 31px 15% 45px 50px; 
	background: url(../_img/bg_content.gif) no-repeat 232px 0;
/*	min-width:250px;
	max-width:850px; */
	} 

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix {
	padding: 0 0 50px 0; 
	background: url(../_img/bg_content_wit.gif) repeat-y top left;
	display:inline-block;
	}

/* Hide from IE Mac \*/
.clearfix {
	display:block;
	}

/* End hide from IE Mac */

#nieuws_links{
	float:left;
	width: 60%;
	margin: 0 4% 0 0;
}

#nieuws_links p span.date{
	color: #b55755;
	margin: 20px 0 20px 0;
}



/*---------- K L A N T E N  ----------*/



ul.ui-accordion-container { 
	list-style-type: none;
	}
ul.ui-accordion-container li { 
position: relative; 
}
ul.ui-accordion-container li a.ui-accordion-link { 
	background: url(../_img/bg_klanten_button.gif) repeat-x top left;
cursor: hand;	
/* background: #ddeef8; */ 
	display: block; 
	padding: 0; 
	height: 116px; 
	margin: 0; 
	color: #000; 
	text-decoration: none; 
	line-height: 28px; 
	border:medium none;
	}
ul.ui-accordion-container li a.ui-accordion-link:hover { 
	background: url(../_img/bg_klant_hover.gif) #eef9ff no-repeat top left;	
	display: block;	
	padding: 0; 
	height: 116px; 
	margin: 0; 
	color: #000; 
	text-decoration: none; 
	line-height: 28px; 
	border:medium none;
cursor: hand;	
	}
ul.ui-accordion-container li:hover a.ui-accordion-link 	{ 
	background: url(../_img/bg_klant_hover.gif) #eef9ff no-repeat top left;  
	display: block; 
	padding: 0; 
	height: 116px; 
	margin:0; 
	color: #000; 
	text-decoration: none; 
	line-height: 28px; 
	border:medium none;
cursor: hand;	}

.accordion-content {
	padding: 15px;
	background: #f6fcff;
	}
	
.accordion-testimonial { 
	float: left; 
	padding:10px 10px 0 50px; 
	width:40%;
	}

.accordion-testimonial p{ 
	padding:0; 
	margin: 5px 0 10px 0;
	color: #5b6f80;
	line-height:120%;
	font-size:90%;
	}

	
/*---------- H O M E P A G E  S T Y L E S -------------*/

#hpspotlight_links{
	float:left;
	width: 32%; 
	margin: 0 2% 0 0;
}

#hpspotlight_midden{
	float:left;
	width:200px;
	margin: 0 2% 0 0;
}

#hpspotlight_midden p{
	clear:left;
	}

#hpspotlight_rechts{
	width:220px; 
	float:left;
	padding:0;
}	

#nieuws #hpspotlight_rechts{
	width:230px; 
	float:left;
	margin:10px 0 0 0;
	padding:0;
}	

#hpspotlight_rechts ul li{
	padding: 10px 0 10px 0;
}


/* #hpspotlight_rechts strong{
	color: #ab0f14; 
	color: #95a3af;
	}*/

#hpspotlight_rechts a.home  {
  text-decoration: none;
  border: 0;
  color: #a23840;
}

hpspotlight_rechts a.home:hover{
 border-bottom:1px dashed #A23840;
}

#nieuws #hpspotlight_rechts a:hover, #nieuws #hpspotlight_rechts .on  {
  border-bottom:1px dashed #A23840;
  padding:0pt 0pt 2px;
  color: #B55755;
}
#hpspotlight_rechts a.plaatje:hover, #hpspotlight_rechts a.plaatje {
border: medium none;
margin: 0 ;
padding: 0;
}

hr {
	background-color:#cad1d7;
	border:0pt none;
	clear:left;
	color:#cad1d7;
	height:1px;
	margin:0 0 15px;
	padding:0;
	/* width:100%; */}


/*---------- S I F R  S T Y L E S -------------*/
	
	
/* 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-hasFlash h2 {
	border-bottom:#cad1d7 1px solid;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	visibility: hidden;	
	font-size: 20px;
	/* display: inline; */
	width:95%;
}

.sIFR-hasFlash h3 {
	float:left; 
	border-bottom:#cad1d7 1px solid;
	padding: 0 0 5px 0;
	margin: 0 0 10px 0;
	visibility: hidden;	
	font-size: 15px;
	width:auto;
} 

.sIFR-hasFlash h4 {
	padding: 0 0 10px 0;
	margin: 0;
	visibility: hidden;	
	font-size: 20px;
	/* display: inline; 
	width:100%; */
	_width:600px;  /*heeft een breedte anders schaalt site slecht in ie6 */		
}

.sIFR-hasFlash h5 {
	/*border-bottom:#cad1d7 1px dotted;*/
	padding: 0 0 0px 0;
	margin: 22px 0 10px 0;
	visibility: hidden;	
	font-size: 15px;
	/* display: inline; */
	/*width:405px;*/
	 height:30px;
	/*_width:500px; heeft een breedte anders schaalt site slecht in ie6 */	


/*	float:left; 
	padding: 0;
	margin: 10px 0 0 0;
	visibility: hidden;	
	font-size: 15px;
        height: 50px; 
	width:350px; */
	/* _width:500px; heeft een breedte anders schaalt site slecht in ie6 */
        /* cursor: hand; */
}  

.sIFR-hasFlash h6.home {
	float:left; 
	padding: 0;
	margin: 10px 0 10px 0;
	visibility: hidden;	
	/* font-size: 15px; */
        height: 60px; 
	width:100%;
	/* _width:500px; heeft een breedte anders schaalt site slecht in ie6 */}

.sIFR-hasFlash h6 {
	/*float:left; */
	padding: 0;
	margin: 10px 0 10px 0;
	visibility: hidden;	
	font-size: 15px;
 height: 25px; 
	width:100%;
	/* _width:500px; heeft een breedte anders schaalt site slecht in ie6 */}  



/* ----- TELL A FRIEND ----- */

#tellafriend .form_table input#submit {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	width:78px;
	height: 29px;
	background:url(../_img/verzend.gif) no-repeat scroll 0% 50%;;
	color: #FFFFFF;
	font-weight: bold;
	margin-top: 8px;
}

#tellafriend .form_table input, #tellafriend .form_table textarea {
	background:#e9eef1 none repeat scroll 0%;
	border:1px solid #e9eef1;
	color:#333333;
	margin:0 0 8px 0;
	padding:0;
	width:165px;
}

#tellafriend #opmerking {
	background:#e9eef1 none repeat scroll 0%;
	border:1px solid #e9eef1;
	color:#333333;
	margin:0;
	padding:0;
	width:340px;
}

#tellafriend table {
	border:0;
	border-collapse:collapse;
	width:350px;
}


.inlinePhoto {
padding: 10px 10px 10px 0;
}




/****************************************************************************** /
 *           2007C  puntNL bv internetdiensten Amsterdam  www.puntNL.nl       * 
 *           Author: Stan Grootes                                             *
/*******************************************************************************/

#colofon{
position:absolute;
bottom: 0px;
left: 250px;
margin:20px 0 20px 0;  
width:55px; 
height:36px;
}

#colofon a{
background: url(http://www.puntnl.nl/_colofon/puntnl_colofon_off.gif) no-repeat;
width:55px; 
height:36px;
display:block;
border: none;
}

#colofon a:hover{
background: url(http://www.puntnl.nl/_colofon/puntnl_colofon_on.gif) no-repeat;
border: none;
}

#colofon a i{
display:none;
}

#oplossingen #editor ul {
margin:0px 0pt 0pt 15px;
}

.nieuws-spotlight {
width: auto !important;
float:right !important;
}

#editor #nieuws_links {
/*margin: 0 140px 0 0 !important;*/
margin: 0 240px 0 0 !important;
width:auto !important;
float:none !important;
}

#editor .nieuws-spotlight ul li {
list-style: none outside none;
}

#editor .nieuws-spotlight ul {
margin: 0 !important;
}

#nieuws_links h2 {/
overflow:hidden;
}





.accordion-testimonial span {
font-family: Helvetica, Arial, Sans-serif;
font-size:24px;
font-weight:normal;
color: #43525E;
display:block;
margin-top:30px;

}