/****************************************************************/
/*   Design:   Multiflex-5.4                                    */
/*   Type:     Design without sidebar                           */
/*   File:     Content Toolbox                                  */
/*--------------------------------------------------------------*/
/*   Design:   www.1234.info                                    */
/*   Date:     March 13, 2008                                   */
/*--------------------------------------------------------------*/
/*   License:  Fully open source without restrictions.          */
/*             Please keep footer credits with the words        */
/*             "Design by 1234.info". Thank you!                */
/****************************************************************/

/*************/
/*  CONTENT  */
/*************/


/* HEADING -- Standard icon (1-Column / 2-Column / 3-Column) */
.content h1 {margin:0; padding:5px 50px 12px 20px; border-bottom:solid 1px rgb(215,215,215); background: url(../img/icon_celltitle_level1.gif) no-repeat; background-position:914px 5px; color:rgb(75,75,75); font-weight:bold; font-size:220% !important /*Non-IE6*/; font-size:200% /*IE6*/;}
.content-2col-box-leftcolumn h1, .content-2col-box-rightcolumn h1 {margin:0; padding:5px 50px 12px 20px; border-bottom:solid 1px rgb(215,215,215); background: url(../img/icon_celltitle_level1.gif) no-repeat; background-position:430px 3px; color:rgb(75,75,75); font-weight:bold; font-size:220% !important /*Non-IE6*/; font-size:200% /*IE6*/;}
.content-3col-box-leftcolumn h1, .content-3col-box-middlecolumn h1, .content-3col-box-rightcolumn h1 {margin:0; padding:5px 50px 12px 20px; border-bottom:solid 1px rgb(215,215,215); background: url(../img/icon_celltitle_level1.gif) no-repeat; background-position:269px 3px; color:rgb(75,75,75); font-weight:bold; font-size:220% !important /*Non-IE6*/; font-size:200% /*IE6*/;}

.content h2 {clear:both; /*Start IE Hack*/ position:relative; z-index:1; top:-1px /* End IE Hack to remove vertical -1px margin bug otherwise produced by margin*/; margin: 0 20px 0 20px; padding:15px 35px 5px 0; border-top:solid 1px rgb(215,215,215); background: url(../img/icon_celltitle_level2.gif) no-repeat;  background-position:right 15px; color:rgb(75,75,75); font-weight:bold; font-size:180% !important /*Non-IE6*/; font-size:160% /*IE6*/;}
.content h3 {margin:1.0em 0 -0.3em 0; padding:0 20px 0 20px; color:rgb(75,75,75); font-weight:bold; font-size:180% !important /*Non-IE6*/; font-size:160% /*IE6*/;}
.content h3.line {/*Start IE Hack*/ position:relative; z-index:1; top:-1px; /* End IE Hack vertical alignment to blend top border with h1, if directly after each other*/ margin:0 20px -0.3em 20px; padding:1.0em 0 0 0; border-top:solid 1px rgb(215,215,215);}
.content h4 {margin:1.0em 0 -0.3em 0; padding:0 20px 0 20px; color:rgb(75,75,75); font-weight:bold; font-size:160% !important /*Non-IE6*/; font-size:140% /*IE6*/;}
.content h5 {margin:1.0em 0 -0.5em 0; padding:0 20px 0 20px; color:rgb(75,75,75); font-weight:bold; font-size:140% !important /*Non-IE6*/; font-size:125% /*IE6*/;}
.content h6 {margin:0.4em 0 0.5em 0; padding:0 20px 0 20px; color:rgb(50,50,50); font-weight:normal; font-size:130% !important /*Non-IE6*/; font-size:115% /*IE6*/;}

/* HEADING -- Special icon (1-Column / 2-Column / 3-Column) */
.content h1.contact {background: url(../img/icon_celltitle_contact.gif) no-repeat; background-position:898px 5px;}
.content h1.login {background: url(../img/icon_celltitle_login.gif) no-repeat; background-position:917px 5px;}
.content h1.search {background: url(../img/icon_celltitle_search.gif) no-repeat; background-position:918px 5px;}
.content h1.video {background: url(../img/icon_celltitle_video.gif) no-repeat; background-position:919px 5px;}
.content h1.audio {background: url(../img/icon_celltitle_audio.gif) no-repeat; background-position:913px 5px;}
.content h1.webtemplate {background: url(../img/icon_celltitle_webtemplate.gif) no-repeat; background-position:914px 5px;}
.content h1.document {background: url(../img/icon_celltitle_document.gif) no-repeat; background-position:917px 5px;}
.content h1.blog {background: url(../img/icon_celltitle_blog.gif) no-repeat; background-position:921px 5px;}
.content h1.forum {background: url(../img/icon_celltitle_forum.gif) no-repeat; background-position:917px 5px;}

.content-2col-box-leftcolumn h1.contact, .content-2col-box-rightcolumn h1.contact {background: url(../img/icon_celltitle_contact.gif) no-repeat; background-position:414px 5px;}
.content-2col-box-leftcolumn h1.login, .content-2col-box-rightcolumn h1.login {background: url(../img/icon_celltitle_login.gif) no-repeat; background-position:433px 5px;}
.content-2col-box-leftcolumn h1.search, .content-2col-box-rightcolumn h1.search {background: url(../img/icon_celltitle_search.gif) no-repeat; background-position:429px 5px;}
.content-2col-box-leftcolumn h1.video, .content-2col-box-rightcolumn h1.video {background: url(../img/icon_celltitle_video.gif) no-repeat; background-position:435px 5px;}
.content-2col-box-leftcolumn h1.audio, .content-2col-box-rightcolumn h1.audio {background: url(../img/icon_celltitle_audio.gif) no-repeat; background-position:429px 5px;}
.content-2col-box-leftcolumn h1.webtemplate, .content-2col-box-rightcolumn h1.webtemplate {background: url(../img/icon_celltitle_webtemplate.gif) no-repeat; background-position:430px 5px;}
.content-2col-box-leftcolumn h1.document, .content-2col-box-rightcolumn h1.document {background: url(../img/icon_celltitle_document.gif) no-repeat; background-position:433px 5px;}
.content-2col-box-leftcolumn h1.blog, .content-2col-box-rightcolumn h1.blog {background: url(../img/icon_celltitle_blog.gif) no-repeat; background-position:437px 5px;}
.content-2col-box-leftcolumn h1.forum, .content-2col-box-rightcolumn h1.forum {background: url(../img/icon_celltitle_forum.gif) no-repeat; background-position:433px 5px;}

.content-3col-box-leftcolumn h1.contact, .content-3col-box-middlecolumn h1.contact, .content-3col-box-rightcolumn h1.contact {background: url(../img/icon_celltitle_contact.gif) no-repeat; background-position:253px 5px;}
.content-3col-box-leftcolumn h1.login, .content-3col-box-middlecolumn h1.login, .content-3col-box-rightcolumn h1.login {background: url(../img/icon_celltitle_login.gif) no-repeat; background-position:272px 5px;}
.content-3col-box-leftcolumn h1.search, .content-3col-box-middlecolumn h1.search, .content-3col-box-rightcolumn h1.search {background: url(../img/icon_celltitle_search.gif) no-repeat; background-position:268px 5px;}
.content-3col-box-leftcolumn h1.video, .content-3col-box-middlecolumn h1.video, .content-3col-box-rightcolumn h1.video {background: url(../img/icon_celltitle_video.gif) no-repeat; background-position:274px 5px;}
.content-3col-box-leftcolumn h1.audio, .content-3col-box-middlecolumn h1.audio, .content-3col-box-rightcolumn h1.audio {background: url(../img/icon_celltitle_audio.gif) no-repeat; background-position:268px 5px;}
.content-3col-box-leftcolumn h1.webtemplate, .content-3col-box-middlecolumn h1.webtemplate, .content-3col-box-rightcolumn h1.webtemplate {background: url(../img/icon_celltitle_webtemplate.gif) no-repeat; background-position:269px 5px;}
.content-3col-box-leftcolumn h1.document, .content-3col-box-middlecolumn h1.document, .content-3col-box-rightcolumn h1.document {background: url(../img/icon_celltitle_document.gif) no-repeat; background-position:272px 5px;}
.content-3col-box-leftcolumn h1.blog, .content-3col-box-middlecolumn h1.blog, .content-3col-box-rightcolumn h1.blog {background: url(../img/icon_celltitle_blog.gif) no-repeat; background-position:276px 5px;}
.content-3col-box-leftcolumn h1.forum, .content-3col-box-middlecolumn h1.forum, .content-3col-box-rightcolumn h1.forum {background: url(../img/icon_celltitle_forum.gif) no-repeat; background-position:272px 5px;}

/* HEADING -- No icon */
.main54 h1.pagetitle-noicon {margin:0 0 0.5em 0; padding:1px 0 1px 0; background:none; color:rgb(255,255,255); font-weight:normal; font-size:220% !important /*Non-IE6*/; font-size:200% /*IE6*/;}
.content h1.noicon {background:none;}
.content h2.noicon {background:none;}

/* PARAGRAPH TEXT */
.content p {margin:1.0em 0 1.0em 0; color:rgb(0,0,0); line-height:1.3em; padding: 0 20px 0 20px; font-size:131% !important /*Non-IE6*/; font-size:115% /*IE6*/;}
.content p.details {margin:-0.2em 0 1.0em 0; line-height:1.0em; font-size:120% !important /*Non-IE6*/; font-size:110% /*IE6*/;}
.content blockquote {clear:both; margin:0 30px 0.6em 30px; font-size:90%;}

/* LIST */
.content ul {margin:1.4em 0 1.0em 0; padding:0em 20px 0em 20px; list-style:none;}
.content ul li {margin:0 0 0.3em 2px; padding:0 0 0 12px; background:url(../img/bg_bullet_square.gif) no-repeat 0 0.5em; line-height:1.3em; font-size:131% !important /*Non-IE6*/; font-size:115% /*IE6*/;}
.content ol {margin:1.4em 0 1.0em 0; padding:0 20px 0 40px !important /*Non-IE6*/; padding:0 20px 0 50px /*IE6*/;}
.content ol li {list-style-type:decimal; list-style-position:outside; margin:0 0 0.3em 3px; line-height:1.3em; font-size:131% !important /*Non-IE6*/; font-size:115% /*IE6*/;}
.content ul.indent {padding:0 50px 0 50px;}
.content ol.indent {padding:0 20px 0 70px !important /*Non-IE6*/; padding:0 20px 0 80px /*IE6*/;}


/**********/
/* IMAGES */
/**********/

.main54 img {clear:both; float:left; margin:3px 15px 7px 0;  /*border:solid 3px rgb(200,200,200);*/}
.main54 img.center {clear:both; float:none; display:block; margin:0 auto;  border:solid 3px rgb(200,200,200);}
.main54 img.right {clear:both; float:right; margin:3px 0 7px 10px; border:solid 3px rgb(200,200,200);}

/*********/
/* LINKS */
/*********/

/* Text links */
.main54 a {color:rgb(70,122,167); font-weight:bold; text-decoration:none;}
.main54 a:hover {color:rgb(42,90,138); text-decoration:underline;}
.main54 a:visited {color:rgb(42,90,138);}

/*Image links */
.main54 .productListing-image a img {border:solid 3px rgb(200,200,200);}
.main54 .productListing-image a:hover img {border:solid 3px rgb(175,175,175);}

/******************************************/
/*  ADDITIONAL USER STYLES                */
/*  If you want to add your own styles,   */
/*  then add them here in order to avoid  */
/*  a mixup with the default styles.      */
/******************************************/

/*DE TITELLIJST*/
.productListing td {height:3.0em; padding:2px 7px 2px 7px; border:solid 2px rgb(245,245,245); /*background-color:rgb(255,255,255);*/ text-align:left; font-weight:normal; color:rgb(80,80,80); font-size:120% !important /*Non-IE6*/; font-size:110% /*IE6*/;}

.productListing-heading {
	background-color:rgb(160,202,226);
  	color: #FFFFFF;
  	font-weight: bold;
	}
.productListing-heading A {color:#fff}
.productListing-even{
	background-color:rgb(255,255,255);
	color:#000;
	}
.productListing-even A{
	color:#000;
	}
.productListing-odd{
	background-color:rgb(237,235,236);
	color:#000;
	}
.productListing-odd A{color:#000}

.productListing-price, .productListing-buynow {
	vertical-align:bottom;
	margin:0;
	}

/*TITEL INFO PAGINA*/
.main54 #productpopup img{
	width:auto;
	height:300px;
	}
#productpopup{
	float:left;
	height:350px;
	background-color:rgb(245,245,245);
	margin:1.5em;
	}

#productinfo {font-size:130%;padding:1.5em;color:#000}
#productprice{float:right}



/*Rounded Corners*/
.corner-content-1col-top-nosidebar {clear:both; width:958px; height:7px; background:transparent url(images/multiflex54/bg_corner_content_nosidebar_1col_top.gif) no-repeat; overflow:hidden;}
.corner-content-1col-bottom-nosidebar {clear:both; width:958px; height:7px; margin-bottom:10px; background:transparent url(images/multiflex54/bg_corner_content_nosidebar_1col_bottom.gif) no-repeat; overflow:hidden;}

/*Rounded Corners Red*/
.corner-content-1col-top-nosidebar-dpetrol {clear:both; width:958px; height:7px; background:transparent url(images/multiflex54/bg_corner_content_nosidebar_1col_top_dpetrol.gif) no-repeat; overflow:hidden;}
.corner-content-1col-bottom-nosidebar-dpetrol {clear:both; width:958px; height:7px; margin-bottom:10px; background:transparent url(images/multiflex54/bg_corner_content_nosidebar_1col_bottom_dpetrol.gif) no-repeat; overflow:hidden;}

/*Rounded Corners Petrol*/
.corner-content-1col-top-nosidebar-petrol {clear:both; width:958px; height:7px; background:transparent url(images/multiflex54/bg_corner_content_nosidebar_1col_top_petrol.gif) no-repeat; overflow:hidden;}
.corner-content-1col-bottom-nosidebar-petrol {clear:both; width:958px; height:7px; margin-bottom:10px; background:transparent url(images/multiflex54/bg_corner_content_nosidebar_1col_bottom_petrol.gif) no-repeat; overflow:hidden;}

/*HEADER */
.navbar UL UL LI.cat_lev_1 {display:none}
.navbar UL LI.selected{background:rgb(121,177,214) /*url(images/multiflex54/bg_navbar_sel.png) repeat-x;*/}
.navbar ul li.selected a {color:#fff}
.navbar ul li.selected a:visited {color:rgb(245,245,245)}
.navbar ul li a:visited {color:rgb(255,255,255)}
.navbar ul li a:active {color:rgb(0,0,0)}

.header-bottom LI{float:left;padding:0.5em 1.5em;border-right:1px solid #444;}
.header-bottom ul li a:visited {color:rgb(245,245,245)}
.breadcrumbs ul li a:visited {color:rgb(245,245,245)}


/*FORMULIEREN*/
.productlistfilter{background:rgb(215,215,215);vertical-align:bottom;margin:5px;padding:5px;border:1px solid rgb(100,100,100)}

/*SPECIALS*/
.smallTextSpecials{background:rgb(245,245,245);border:1px solid rgb(145,145,145);min-height:200px;}

/*CHECKOUT PROCEDURE*/
.paymentContents {margin:10px;border:1px solid rgb(150,150,150);background:rgb(255,255,200);color:#000}
.paymentContentsHeading{background:rgb(255,255,200);border:1px solid rgb(150,150,150);font-size:130%}
.paymentBox{margin:10px}

.loginBoxContents {background:rgb(255,255,200);color:#000;border:1px solid rgb(123,78,36)}
.content .loginBox .loginBoxContents A{color:#000}

/**** GENERAL ******************************************/
.smallText A{font-size:130%}
.content FORM {margin:0 10px 10px 10px}
TD.main {padding:5px}
TD.pageHeading {font-size:200%;font-weight:bold;margin: 0 20px 0 20px; padding:10px 35px 0px 25px;}


/*INFOBOXES*/
.content .infoBox .infoBoxContents, .content .infoBox A{
	color:#000;
	}
.content .infoBoxHeading {
	font-size:200%;
	/*color:#fff;*/
	}