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

-------------------- 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 -------------*/
	

body {
	height:134px;	
	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:#43525e;
	text-decoration:none;
	outline: none;
	}

a:hover {
	border-bottom:dashed 1px #43525e;
	padding:0 0 2px 0;	
	}
	
	
	
h1 a {
	background:transparent url(../_img/logo_zw.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 {
	position:absolute;
	left:-9999px;
	}
	
	
ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}


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



#contact .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;
	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{
         display:none; 
}

/*---------- M E N U   S T Y L E S -------------*/
#menu{
display:none;
/*
	position:absolute;
	z-index: 2;
	top: 134px;
	right: 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:medium 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:medium 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{
	background:#c4575b;
	color:#FFFFFF;
	border:medium 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) no-repeat; 
	color:#FFFFFF;
	border:medium 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) 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{
display:none;
}

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

html #editor, html #klanten_editor{
	border: 0px solid black;
}

#editor, #klanten_editor{
	padding: 31px 0 45px 30px; 
} 

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

#editor ul li {
list-style-type:square;
color:#43525e;
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: #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;
	}
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;}

.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:80%;
	}

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

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

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

#hpspotlight_midden p{
	clear:left;
	}

#hpspotlight_rechts{
	width:230px; 
	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, hpspotlight_rechts a.home:hover  {
  text-decoration: none;
  border: 0;
  color: #95a3af;
}

#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-replaced {
 visibility: hidden;
}
.sIFR-alternate {
 display: block;
 visibility: visible;
}


/*---------- 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 {

}

/* 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 */




/* This is the print stylesheet to hide the Flash headlines from the browser... regular browser text headlines will now print as normal */
.sIFR-flash {
display:none;
}

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



/* 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 {
	visibility: hidden;
	font-size: 25px;
line-height: 140%;
margin-bottom: 1em;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	font-size: 16px;
line-height: 140%;
margin-bottom: 1em;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	font-size: 18px;
line-height: 140%;
margin-bottom: 1em;
}

.sIFR-hasFlash h5 {
	visibility: hidden;
	font-size: 14px;
margin-bottom: 1em;
}

.sIFR-hasFlash h6 {line-height: 140%;
	visibility: hidden;
	font-size: 14px;
margin-bottom: 1em;
}





/* ----- 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;
right: 20px;
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;
}