/****************************************************************************** /
 *           2007C  puntNL bv internetdiensten Amsterdam  www.puntNL.nl       * 
 *           Author: Benjamin Speets & Jan Jochem                             *
/*******************************************************************************/

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

img {
display: none;
}

#content_vervolg ul {
margin:5px 0 5px 20px;
}


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

body.screen_low #flashslogan{
	left:-9999px;
	position:absolute;
}

body.screen_hi #flashslogan{
border:0px solid #000;
}


/* Haal IE container width fix op */
@import: url('ie.css');

/* Algemeen 
***********************************************/ 

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

body#error{
	background-color: #fff;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 130%;
	color: #000000;
	line-height: 20px;
	background-color: #FFF /*#8d1d74*/ ;
}

a {
	outline-color:invert;
	outline-style:none;
	outline-width:medium;
	color: #000;
	text-decoration: none;
}

a:hover {
	color: #000;
}

#fixmetoo {
display:none;
}

h1 a {
	background:transparent url(../_img/logo_black.jpg) no-repeat scroll 0% 50%;
	display:block;
	height:57px;
	left:35px;
	position:absolute;
	top:10px;
	width:254px;
}

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

h1 span {
	left:-9999px;
	position:absolute;
}

h5 {
        font-size: 100%;
	color: #000;
	font-weight: bolder;
}


.press { 
        margin-bottom: 10px;
}

.greybar {
	clear: all;
display:none;
	color: #000; 
	background-color: #000; 
	height:10px; 
	margin:10px 0 10px 0;
	border: 0 solid #000;
}

/* index pagina id tag */
#home {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	line-height: 20px;
	background-color: #FFF;
}

/* partners pagina id tag */
#partners {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	line-height: 20px;
	background-color: #fff;
}

#container {
	background-color:#FFFFFF;
	max-width:1256px;
	height: 100%;
        min-height: 501px;
	
}

#home #container {
	background-color:#FFFFFF;
	max-width:1256px;
	min-width:1000px;
	min-height: 675px;
}


/* Error pagina
***********************************************/ 
#error{
	margin:30px;
	_padding-right: 15px;
}

#error a{
	color: #FFFFFF;
}
#error a:hover{
	color: #000;
}


#error ul {
	margin-top: 25px;
} 

#error li {
	padding:0pt 0pt 5px 22px;
	margin: 3px 0 3px 0;
	list-style:none;
}

#error hr{
	clear:both; 
	visibility:hidden;
}






/* Algemene header
***********************************************/ 

#header {
	background-color:#FFFFFF;
	top: 0;
	position:absolute;
	width:100%;
	height:112px;
}

#nav {
	top: 80px;
	position:absolute;
	width:100%;
	height:38px;
	bottom: 0px;
display:none;
}

#nav ul {
	padding-left: 40px;  
	height:38px;
	left:200px;
	bottom: 0px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

#nav li {
	height:38px;
	float:left;
	list-style:none;
}

#nav img {
border: none;
filter:alpha(opacity=80); /* IE patch */
opacity: 0.8;
-moz-opacity:0.8;
}

#nav a:hover img {
border: none;
filter:alpha(opacity=100); /* IE patch */
opacity: 1.0;
-moz-opacity:1.0;
}

#nav .on img {
border: none;
filter:alpha(opacity=100); /* IE patch */
opacity: 1.0;
-moz-opacity:1.0;
}

/* image-vak
***********************************************/ 

#home #imgvak {
	position: absolute;
	width:100%;
	height:200px;
	top: 116px;
display:none;
	background: #fff /* white url(../_img/flashimgkbg.jpg) repeat 0 0*/;
}

#multimedialease #vervolg_imgvak {
	position: absolute; 
	width:100%;
        height:79px;
	_height: 85px;
display:none;
	top: 117px;
}

#econocom #vervolg_imgvak {
	position: absolute; 
	width:100%;
        height:79px;
	_height: 85px;
	top: 117px;


}


/* oplossingen onderdelen
************************************* */

#oplossingen #vervolg_imgvak {
display:none;
	position: absolute; 
	width:100%;
        height:79px;
	_height: 85px;
	top: 117px;
}

#aanvullendeopties #vervolg_imgvak {
	position: absolute; 
display:none;
	width:100%;
        height:79px;
	_height: 85px;
	top: 117px;
}

#extraservices #vervolg_imgvak {
display:none;
	position: absolute; 
	width:100%;
        height:79px;
	_height: 85px;
	top: 117px;
}

#leaseproducten #vervolg_imgvak {
display:none;
	position: absolute; 
	width:100%;
        height:79px;
	_height: 85px;
	top: 117px;
}

#rapportages #vervolg_imgvak {
display:none;
	position: absolute; 
	width:100%;
        height:79px;
	_height: 85px;
	top: 117px;
}

/* Andere 
***************************************/

#klanten #vervolg_imgvak {
	position: absolute; 
	width:100%;
        height:79px;
	_height: 85px;
	top: 117px;
}

#tellafriend #vervolg_imgvak {
	position: absolute; 
	width:100%;
        height:79px;
	_height: 85px;
	top: 117px;
}

#nieuws #vervolg_imgvak {
	position: absolute; 
	width:100%;
        height:79px;
	_height: 85px;
	top: 117px;
}

#contact #vervolg_imgvak {
	position: absolute; 
	width:100%;
        height:79px;
	_height: 85px;
	top: 117px;
}

#flashslogan{
        height: 79px;
        _height: 85px;
        float:left; 
        position:absolute; 
        margin:0 0 0 555px;
        padding:0;
}

/* Content van VERVOLG pagina's
***********************************************/ 

#contentcontainer {
	padding: 0 30px 0 30px;
	position: relative;
	top: 60px;
}

#content_vervolg_header {
	width:97%;
	_width: 94%;
	_margin: 0 10px 0 10px;
	height:40px;
	border-bottom: dotted 1px #000;
padding-left: 25px;
}

#content_vervolg {
	height: auto;
	min-height: 275px;
	float: left;
	width:90%;
	padding-top: 10px;
	_padding-left: 15px;
padding-left: 25px;
}


/* SUBNAVIGATIE 
**********************************/

#subnav {
display:none;
	min-width: 210px;
	width: 210px;
	float: right;
	_padding-right: 15px;
}

#subnav ul {
	margin-top: 10px;
} 

#subnav li {
	padding:0pt 0pt 10px /*22px*/ 0;
	margin: 10px 0 10px 0;
	list-style:none;
	border-bottom: dotted 1px #000;
}

#subnav li a {
	padding:0pt 0pt 0 22px;
display:block;
width: 100%;
height: 100%;
}

#subnav .on {
	outline-color:invert;
	outline-style:none;
	outline-width:medium;
	color: #000;
	text-decoration: none;
}

#subnav li.on a {
	outline-color:invert;
	outline-style:none;
	outline-width:medium;
	color: #000;
	text-decoration: none;
}

#subnav li a:hover, #subnav li a.on:hover {
	padding:0pt 0pt 0 22px;
	outline-color:invert;
	outline-style:none;
	outline-width:medium;
	color: #000;
	text-decoration: none;
}

/* Content van INDEX pagina
***********************************************/ 
#home #contentcontainer {
	padding: 0 30px 0 30px;
	position: relative;
	_position: absolute;
	top: 100px;
	background-color: #FFF;
}

#gutter	{
	float: left;
	width: 3%;
	height: 1px;
}
		
#col1 {
	float: left;
	width: 90%;
	margin-bottom: 1em;
	padding-right: 3%;
padding-left: 25px;
}
		
#col2 {
	float: left;
	width: 22%;
	margin-left: 4%;
	_margin-left: 2%;
	_margin-right: 2%;
        margin-bottom: 1em;
	padding-right: 3%;
}
		
#col2 li {
	padding:0pt 0pt 0pt 22px;
	margin: 10px 0 5px 0;
	line-height: 17px;
	list-style:none;
        width:90%;
}
		
#col3 {
	float: left;
	width: 90%;
	margin-left: 3%;
	_margin-left: 0; /*5*/
	margin-bottom: 1em;
}

#col3 p {
	width: 100%;
	border-bottom: 1px dotted #000;
	padding-bottom: 10px;
}

#col3 p a {
	padding:5pt 0pt 5pt 22px;
}

	
/* Clearfix hack to contain the layers within */
.clearfix:after {
	clear:both;
	content:".";
	display:block;
	height:0pt;
	visibility:hidden;
}

.clearfix {
	background-color: #FFF;
	width: 100%;
        padding: 0;
} 

.clearfix {
	width: 100%;
	background-color: #FFF;
	display:block;
}


/* Clearfix hack to contain the layers within */
.clearfix2:after {
	clear:both;
	content:".";
	display:block;
	height:0pt;
	visibility:hidden;
}

.clearfix2 {
	width: 100%;
	background-color: #FFF;
	display:block;
}


/* Algemene divjes
************************************/

#righttop {
display:none;
	position:absolute;
	right: 20px;
	top:40px;
	width:auto;
}

#righttop ul {
	left:200px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

#righttop li {
	float:left;
	list-style:none;
}


/* CONTACT Pagina (neemt vervolgpagina regels over)
***********************************************/ 

.form_table input.submit_en {
	color:#FFFFFF;
	font-family:Trebuchet MS,Arial,Helvetica,sans-serif;
	font-weight:bold;
	height:20px !important;
	width:100px !important;
	margin-top: 5px !important;
}

.form_table input.submit_nl {
	color:#000;
	font-family:Trebuchet MS,Arial,Helvetica,sans-serif;
	font-weight:bold;
	height:20px;
	width:100px;
	margin-top: 5px;
}

.form_table input, .form_table textarea {
	border:1px solid #000;
	color:#000;
	margin:0pt 20px 5px;
	padding:1pt;
	width:250px;
}

#menu {
	left:0pt;
	margin:0pt;
	padding:0pt;
	position:absolute;
	top:134px;
	z-index:2;
}



/* plaatjes schijf, ongebruikt tot dusver...
***********************************************/ 

#imgschijf {
	position: absolute;
	right: 0;
	top: 280px;
	min-width: 264px;
	height: 337px;
	width: 264px;
	float: right;
}


/* sIFR CSS styles (voor Flash Headers)
***********************************************/ 
/* These are standard sIFR styles... do not modify  */

.sIFR-flash {
        display:none;
	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 dotted;*/
	padding: 0 0 0px 0;
	margin: 0 0 10px 0;
	visibility: hidden;	
	font-size: 40px;
	/* display: inline; */
	width:405px;
	height:30px;
	/*_width:500px; heeft een breedte anders schaalt site slecht in ie6 */		
}

.sIFR-hasFlash h3 {
	float:left; 
	/*border-bottom:#cad1d7 1px dashed;*/
	padding: 0 0 0px 0;
	margin: 5px 0 0px 0;
	visibility: hidden;	
	font-size: 15px;
	width:100%;
	height: 85px;
	/* _width:500px; heeft een breedte anders schaalt site slecht in ie6 */
} 

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

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

.sIFR-hasFlash h6 {
	float:left; 
	/*border-bottom:#cad1d7 1px dashed;*/
	padding: 0 0 0px 0;
	margin: 5px 0 0px 0;
	visibility: hidden;	
	font-size: 15px;
	width:400px;
	height: 85px;
	/* _width:500px; heeft een breedte anders schaalt site slecht in ie6 */
} 
 

#slideshow {
display:none;
	border: 1px dotted black;
	width:100%;
	height:154px;
}

/* Klanten pagina (kijk klanten.css)
******************************************************** */

.author {
	position: relative;
        bottom: 0;
        float: right;
	font-size: 70%;
        margin-top: -10px;
}



/* Tell A Friend 
****************************************************** */
#tellafriend #content_vervolg {
	height: auto;
	min-height: 275px;
	float: left;
	width:70%;
	padding-top: 10px;
	_padding-left: 15px;
	_padding-bottom: 50px;
}

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

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


/* taal image 
****************************************************************** */

.taalimg {
        position: absolute; 
        right: 0; 
        border: none;
        top: 0;
}


/* Overige
******************************************************************* */

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

.contentul {
margin: 0pt 0pt 3px 20px;
}