/*#######################################################################*\

	Developed by 		: MATTMO CONCEPT | DESIGN
	Version				: 1.00
	Modification by		: Jerry van Heerikhuize
	Description			: Private stylesheet

\*#######################################################################*/


/*-----------------------------------------------------------------------*\
	PNG FIX for IE 6
\*-----------------------------------------------------------------------*/

* html img, * html .png{
    position:relative;
    behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
        this.src = "/_lclresources/media/images/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
        this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
    );
}


/*-----------------------------------------------------------------------*\
	MAINMENU
\*-----------------------------------------------------------------------*/
ul#mainmenu{
	float: right;
	list-style-type: none;
	margin-top:10px;
}

ul#mainmenu li
{
	float: left;
}

/*-----------------------------------------------------------------------*\
	FOOTERMENT
\*-----------------------------------------------------------------------*/
ul#footermenu{
	float: right;
	list-style-type: none;
}

ul#footermenu li
{
	float: left;
}



/*-----------------------------------------------------------------------*\
	LEFTMENU
\*-----------------------------------------------------------------------*/

div#leftmenu { }
div#leftmenu .menu { margin-top: 18px; }

div#leftmenu .banner
{
	margin-top: 18px;
	margin-bottom: 18px;
}

hr.top
{
	border: 0px;
	height: 6px;
	background-color: black;
}

hr.bottom
{
	border: 0px;
	height: 1px;
	background-color: black;
}

div#leftmenu ul { }

div#leftmenu ul li
{
	padding-left: 20px;
	line-height: 24px;
	list-style-type: none;
	font-size: 14px;
	border-bottom: 1px solid #e6e803;
}

div#leftmenu ul li.selected
{
	background-image: url(../media/images/li_leftmenu.gif);
	background-repeat: no-repeat;
	background-position: 0px 10px;
}

/*-----------------------------------------------------------------------*\
	AANBIEDINGEN
\*-----------------------------------------------------------------------*/

/* adbox_home_big */
td.sep_big { width: 10px; }
td.sep_hor_big { height: 11px; }

td.adbox_home_big
{
	width: 356px;
	height: 400px;
}



/* adbox_home_small */
td.sep_small { width: 1px; }
td.sep_hor_small { height: 11px; }

td.adbox_home_small
{	width: 240px;	height: 207px;}



/*-----------------------------------------------------------------------*\
	FLOAT FIX
\*-----------------------------------------------------------------------*/

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

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */






/*-----------------------------------------------------------------------*\
	FOOTER
\*-----------------------------------------------------------------------*/

div.footer table td, div.footer table td a {
	color:#7f7f7f;
}

div.footer table {
	height:80px;
}

div.footer table td td, div.footer table td  {
	vertical-align:middle;
}




/*-----------------------------------------------------------------------*\
	VARIOUS
\*-----------------------------------------------------------------------*/

span.advertentie
{
	font-size: 10px;
	color: #9c8d7d;
	text-transform: lowercase;
}

hr.bottom_space{
	border:0px;
	height:30px;

}



/*-----------------------------------------------------------------------*\
	INFO BOXES OVERZICHTPAGINA
\*-----------------------------------------------------------------------*/

.overzicht_info_top {background-color:#fff; border: 1px solid #e2e500;
										 width: 720px; height:165px; position:relative;}

.overzicht_info_top p {color:#8c8b8d;padding-top:10px;margin-bottom:30px;margin-left:260px;margin-right:10px}
.overzicht_info_top h1 {color:#000000;padding-top:25px;margin-left:260px;}
										 
.overzicht_info_top_pic {position:absolute;top:10px;left:10px;}
										
.overzicht_info_bottom {background-color:#fff; border: 1px solid #e2e500;
											 	width:720px; height:158px;}

.overzicht_info_bottom p {color:#8c8b8d;padding-top:10px;margin-bottom:30px;margin-left:15px;}
			
.overzicht_info_bottom h1 {color:#000000;padding-top:25px;padding-left:15px;}
										
/*Advertenties algemeen*/
.adv {background-color:#ffffff; border: 1px solid #e2e500;}

.specs { color:#999; margin-left: 26px;}

.ruimte { height:145px;}

/*2 Grote advertenties*/
.adv_home_groot { width:356px; height:395px;}

.adv_home_groot_knop {width:356px;border-top: 1px solid #e2e500;}

.adv_home_overzicht {width:240px; height:204px;}

.adv_home_groot h2
{	margin-top: 37px;
	margin-bottom: 6px;
	font-weight: normal;
	font-size: 20px;
	font-family: Trebuchet MS}

.adv_home_groot hr {color:#e9e8e8;border:none;border-top:1px solid #e9e8e8;height:1px;}

.adv_home_groot h3
{	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: normal;
	font-size: 10px;
	font-family: Trebuchet MS}

/*Meer-info knop*/
.bestel {margin-top:4px;margin-right:15px;text-align:right; height:40px;}
.bestel_min_height {min-height:40px; clear:left;}

/*OVER BELLEN PAGINA*/
#overbellen_content {background-color:#fff;}
#overbellen_content h1 {padding:20px;}
#overbellen_content h2 {padding-left:20px;padding-bottom:4px;font-size:125%;font-weight:700;}
#overbellen_content h4 {padding-left:20px;font-weight:600;}
#overbellen_content h5 {font-weight:600;font-size:100%;color:#000;}
#overbellen_content p {padding-left:20px;padding-right:20px;color:#8c8b8d;}
#overbellen_content table {padding-left:15px;padding-right:15px;padding-bottom:15px;}
#overbellen_content td {color:#8c8b8d;}
#overbellen_content ul {padding-left:20px;padding-right:20px;color:#8c8b8d;}

hr.faq {color:#d9d9d9;width:425px;border: 0px; background-color: #d9d9d9; height:1px;}

#blokrechts {float:right;margin: 0px 0px 5px 0px;}
#bloklinks {float:left;margin: 0px 10px 0px 0px;}

ul.blockrechts {list-style-image:url('http://project.bellen.nl/_lclresources/media/images/list_img_overbellen.gif');
							   color:#000;margin-top:20px;margin-left:35px;font-weight:800;font-size:150%;}
ul.br {line-height:1em;}





/*TABELLEN TARIEVENPAGINA VODAFONE*/
.pretty-table {padding: 0;margin:0;border-collapse:collapse;border:1px solid #333;color:#000;background:#fff;}

.pretty-table caption {caption-side:bottom;font-size:0.9em;font-style:italic;text-align:right;padding:0.5em 0;}

.pretty-table th, .pretty-table td {border:1px solid #666;padding:0.5em;text-align:left;color:#000;}

.pretty-table th[scope=col]{color:#000;background-color:#fff;font-size:0.9em;border-bottom:1px solid #333;border-right:1px solid #333;}

.pretty-table th+th[scope=col]{color:#000;background-color:#fff;border-right:1px solid #000;}

.pretty-table th[scope=row] {background-color:#fff;border-right: 1px solid #333;}

.pretty-table tr.alt th, .pretty-table tr.alt td {color: #000;}

.pretty-table tr:hover th[scope=row], .pretty-table tr:hover td {background-color:#d4d4d4;color:#fff;}





/*TABELLEN VOOR DETAIL PAGINA */
.aanbieding-table {padding: 0;margin:0;border-collapse:collapse;border:1px solid #;color:black;background:00000;}

.aanbieding-table caption {caption-side:bottom;font-size:0.9em;font-style:italic;text-align:right;padding:0.5em 0;}

.aanbieding-table th, .aanbieding-table td {border:2px solid #ffffff;padding:0.5em;text-align:left;color:#000;}

.aanbieding-table th[scope=col]{color:#000;background-color:#fff;font-size:0.9em;border-bottom:1px solid #333;border-right:1px solid #333;}

.aanbieding-table th+th[scope=col]{color:#000;background-color:#fff;border-right:1px solid #000;}

.aanbieding-table th[scope=row] {background-color:#fff;border-right: 1px solid #333;}