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

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



/*               Algemene code 
________________________________________________*/

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

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

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

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

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

body#error{
	background-color: #8d1d74;
}

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

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

a:hover {
	color: #c31a9d;
}

h1 a {
	background:transparent url(../_img/logo.gif) 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: #98237e;
	font-weight: bolder;
}

.press { 
        height:100%;
        margin-bottom: 10px;
}

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


/* Re-reset all lists binnenin de content naar normaal */

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

/* Layout */

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

/* rechtsbovenin links */
#righttop {
	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;
}

/* rechter schijf waar plaatje in kan, ongebruikt tot nu toe   */

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


/*              Error pagina's 
________________________________________________*/

#error{
	margin:30px;
	_padding-right: 15px;
}

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

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

#error li {
	background:transparent url(../_img/radar_wit.gif) no-repeat scroll 0pt 2px;
	padding:0pt 0pt 5px 22px;
	margin: 3px 0 3px 0;
	list-style:none;
}

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




/*                  Header
________________________________________________*/

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

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

#nav ul {
	padding-left: 25px;  
	height:38px;
	left:200px;
	bottom: 0px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	background-image: url(../_img/navbg.gif);
}

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

#menu a {
        border:medium none;
        display:block;
        height:38px;
}

#menu a span {
        left:-9999px;
        position:absolute;
}

#menu #menu_multimedialease {
background:transparent url(../_img/nav/menu_multimedialease_1.gif) no-repeat scroll 0%;
width:139px;
}
#menu #menu_oplossingen {
background:transparent url(../_img/nav/menu_oplossingen_1.gif) no-repeat scroll 0%;
width:114px;
}
#menu #menu_klanten {
background:transparent url(../_img/nav/menu_klanten_1.gif) no-repeat scroll 0%;
width:85px;
}
#menu #menu_nieuws {
background:transparent url(../_img/nav/menu_nieuws_1.gif) no-repeat scroll 0%;
width:79px;
}
#menu #menu_contact {
background:transparent url(../_img/nav/menu_contact_1.gif) no-repeat scroll 0%;
width:88px;
}
#menu #menu_customers {
background:transparent url(../_img/nav/menu_customers_1.gif) no-repeat scroll 0%;
width:106px;
}
#menu #menu_news {
background:transparent url(../_img/nav/menu_news_1.gif) no-repeat scroll 0%;
width:68px;
}
#menu #menu_solutions {
background:transparent url(../_img/nav/menu_solutions_1.gif) no-repeat scroll 0%;
width:98px;
}




#menu #menu_multimedialease a:hover, #menu #menu_multimedialease .on {
background:transparent url(../_img/nav/menu_multimedialease_2.gif) no-repeat scroll 0%;
}
#menu #menu_oplossingen a:hover, #menu #menu_oplossingen .on {
background:transparent url(../_img/nav/menu_oplossingen_2.gif) no-repeat scroll 0%;
}
#menu #menu_klanten a:hover, #menu #menu_klanten .on {
background:transparent url(../_img/nav/menu_klanten_2.gif) no-repeat scroll 0%;
}
#menu #menu_nieuws a:hover, #menu #menu_nieuws .on {
background:transparent url(../_img/nav/menu_nieuws_2.gif) no-repeat scroll 0%;
}
#menu #menu_contact a:hover, #menu #menu_contact .on {
background:transparent url(../_img/nav/menu_contact_2.gif) no-repeat scroll 0%;
}
#menu #menu_customers a:hover, #menu #menu_customers .on {
background:transparent url(../_img/nav/menu_customers_2.gif) no-repeat scroll 0%;
}
#menu #menu_news a:hover, #menu #menu_news .on {
background:transparent url(../_img/nav/menu_news_2.gif) no-repeat scroll 0%;
}
#menu #menu_solutions a:hover, #menu #menu_solutions .on {
background:transparent url(../_img/nav/menu_solutions_2.gif) no-repeat scroll 0%;
}

/*     Image-vak (#imgvak) plaatje 
________________________________________________*/

#home #imgvak {
	position: absolute;
	width:100%;
	height:200px;
	top: 116px;
	background: #b4569f;
}

#multimedialease #vervolg_imgvak {
	position: absolute; 
	width:100%;
        height:79px;
	_height: 85px;
	top: 117px;
	background: url(../_img/fotos/foto_mml_8.jpg) no-repeat #b4569f;
}

#econocom #vervolg_imgvak {
	position: absolute; 
	width:100%;
        height:79px;
	_height: 85px;
	top: 117px;
	background: url(../_img/fotos/foto_mml_13.jpg) no-repeat #b4569f;
}

#oplossingen #vervolg_imgvak {
	position: absolute; 
	width:100%;
        height:79px;
	_height: 85px;
	top: 117px;
	background: url(../_img/fotos/foto_mml_2.jpg) no-repeat #b4569f;
}

#aanvullendeopties #vervolg_imgvak {
	position: absolute; 
	width:100%;
        height:79px;
	_height: 85px;
	top: 117px;
	background: url(../_img/fotos/foto_mml_4.jpg) no-repeat #b4569f;
}

#extraservices #vervolg_imgvak {
	position: absolute; 
	width:100%;
        height:79px;
	_height: 85px;
	top: 117px;
	background: url(../_img/fotos/foto_mml_5.jpg) no-repeat #b4569f;
}

#leaseproducten #vervolg_imgvak {
	position: absolute; 
	width:100%;
        height:79px;
	_height: 85px;
	top: 117px;
	background: url(../_img/fotos/foto_mml_10.jpg) no-repeat #b4569f;
}

#rapportages #vervolg_imgvak {
	position: absolute; 
	width:100%;
        height:79px;
	_height: 85px;
	top: 117px;
	background: url(../_img/fotos/foto_mml_1.jpg) no-repeat #b4569f;
}

#klanten #vervolg_imgvak {
	position: absolute; 
	width:100%;
        height:79px;
	_height: 85px;
	top: 117px;
	background: url(../_img/fotos/foto_mml_9.jpg) no-repeat #b4569f;
}

#tellafriend #vervolg_imgvak {
	position: absolute; 
	width:100%;
        height:79px;
	_height: 85px;
	top: 117px;
	background: url(../_img/fotos/foto_mml_19.jpg) no-repeat #b4569f;
}

#nieuws #vervolg_imgvak {
	position: absolute; 
	width:100%;
        height:79px;
	_height: 85px;
	top: 117px;
	background: url(../_img/fotos/foto_mml_18.jpg) no-repeat #b4569f;
}

#contact #vervolg_imgvak {
        position: absolute; 
        width:100%;
        height:79px;
        _height: 85px;
        top: 117px;
        background: url(../_img/fotos/foto_mml_16.jpg) no-repeat #b4569f;
}

#flashslogan{ /* Flash dat naast IMGVAK staat */
        height: 79px;
        _height: 85px;
        float:left; 
        position:absolute; 
        margin:0 0 0 555px;
        padding:0;
}


/*                  Home 
________________________________________________*/

#home {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	line-height: 20px;
	background-color: #FFF;
}

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

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

/*        Content vervolg pagina's
________________________________________________*/

#contentcontainer {
	padding: 0 30px 0 30px;
	position: relative;
	_position: absolute;
	top: 200px;
        _top: 196px;
	background-color: #FFF;

}

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

#content_vervolg {
	background: transparent url(../_img/bgvv.gif) no-repeat 100% 0px;
	min-height: 275px;
	float: left;
	width:64%;
	padding-top: 10px;
	_padding-left: 25px;
	padding-left: 35px;
        margin-bottom:100px;


}

/*#econocom #content_vervolg {
	background: transparent url(../_img/econocom_bg.gif) no-repeat 100% 0px;
}*/


.form_table {
        font-size: 100%;
}

/*             Sub-navigatie 
________________________________________________*/

#subnav {
	min-width: 210px;
	width: 210px;
	float: left;
        position: relative;
}


#subnav ul {
        margin-top:10px;
        _margin-top:0;
        width:210px;
} 

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

#subnav li a {
	padding:0 0 0 22px;
	background:transparent url(../_img/ico_sn.gif) no-repeat 0pt 2px;
	display:block;
	width: 100%;
	height: 100%;
}

#subnav li a.on {
	background:transparent url(../_img/nav/ro_sub_on.gif) no-repeat 0pt 2px;
	outline-color:invert;
	outline-style:none;
	outline-width:medium;
	color: #e035ba;
	text-decoration: none;
}

/* voor nieuws, werkt ff anders... */
#subnav li.on a {
	background:transparent url(../_img/nav/ro_sub_on.gif) no-repeat 0pt 2px;
	outline-color:invert;
	outline-style:none;
	outline-width:medium;
	color: #e035ba;
	text-decoration: none;
}

#subnav li a:hover, #subnav li a.on:hover {
	background:transparent url(../_img/nav/ro_sub_n.gif) no-repeat 0pt 2px;
	padding:0pt 0pt 0 22px;
	outline-color:invert;
	outline-style:none;
	outline-width:medium;
	color: #e035ba;
	text-decoration: none;
}

#subnav li:hover {
	background:transparent url(../_img/nav/ro_sub_n.gif) no-repeat 0pt 2px;
}

.reset {
        padding-left:0 !important;
}

/*            Content van Home 
________________________________________________*/

#home #contentcontainer {
	padding: 0 30px 0 30px;
	position: relative;
	_position: absolute;
	top: 320px;
	background-color: #FFF;
}

#gutter	{
	float: left;
	width: 3%;
	height: 1px;
}
		
#col1 {
	float: left;
	width: 40%;
        _width: 40%;
	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 {
	background:transparent url(../_img/ico.gif) no-repeat scroll 0pt 2px;
	padding:0pt 0pt 0pt 22px;
	margin: 10px 0 5px 0;
	line-height: 17px;
	list-style:none;
}
		
#col3 {
	float: left;
	width: 20%;
	margin-left: 3%;
	_margin-left: 1%;
	margin-bottom: 1em;
}

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

#col3 p a {
	background:transparent url(../_img/ico.gif) no-repeat scroll 0pt 6px;
	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;
}


/*   Contact pagina (neem vervolg regels over) 
________________________________________________*/

.form_table input.submit_en {
	background:transparent url(../_img/submit_button.gif) no-repeat scroll 0% 50% !important;
	color:#FFFFFF;
	font-family:Trebuchet MS,Arial,Helvetica,sans-serif;
	font-weight:bold;
        border:0 !important;
	height:20px !important;
	width:100px !important;
	margin-top: 5px !important;
}

.form_table input.submit_en_rollover {
	background:transparent url(../_img/submit_button_ro.gif) no-repeat scroll 0% 50% !important;
	color:#FFFFFF;
	font-family:Trebuchet MS,Arial,Helvetica,sans-serif;
	font-weight:bold;
        border:0 !important;
	height:20px !important;
	width:100px !important;
	margin-top: 5px !important;
}

.form_table input.submit_nl {
	background:transparent url(../_img/verstuur_button.gif) no-repeat scroll 0% 50% !important;
	color:#FFFFFF;
	font-family:Trebuchet MS,Arial,Helvetica,sans-serif;
	font-weight:bold;
        border: 0 !important;
	height:20px !important;
	width:100px !important;
	margin-top: 5px !important;
}

.form_table input.submit_nl_rollover {
	background:transparent url(../_img/verstuur_button_ro.gif) no-repeat scroll 0% 50% !important;
	color:#FFFFFF;
	font-family:Trebuchet MS,Arial,Helvetica,sans-serif;
	font-weight:bold;
        border:0 !important;
	height:20px !important;
	width:100px !important;
	margin-top: 5px !important;
}

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




/*        sIFR CSS styles voor Flash
________________________________________________*/
/* 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 dotted;*/
	padding: 0 0 0px 0;
	margin: 0 0 10px 0;
	visibility: hidden;	
	font-size: 40px;
color: red;
	/* 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 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 */
} 



/*               Tell a friend
________________________________________________*/

#tellafriend #content_vervolg {
	height: 100%;
	background: transparent url(../_img/bgvv.gif) no-repeat 100% 0px;
	/*min-height: 275px;*/
	float: left;
	width:70%;
	padding-top: 10px;
        padding-left:25px;
	_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:#e3e2e6 none repeat scroll 0% 50%;
	border:1px solid #e3e2e6;
	color:#333333;
	margin:0;
	padding:0;
	width:340px;
}




/*           Overige CSS styles
________________________________________________*/

.inlinePhoto { /*links*/
padding: 10px 10px 10px 0;
}

.inlinePhoto2 { /*links*/
padding: 10px 0 10px 10px;
}

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

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