/* CSS Document */
/* 

STYLE SHEET FOR Intercel WEB SITE
Created by Ine Marijke Schurink imProductDesign
www.impd.nl 

 1. defaults
 2. basicstructure
 3. menubox structure
  3.1 menu producten
 4. contentbox structure
  4.1 hedaer contentbox structure
  4.2 basic contentbox structure
 5. rightbox structure
 6. footer structure
 7. insite editor styles
 8. sitemap styles
 9. search styles
*/

/* --------- 1. defaults  --------- */
* {
 margin: 0;
 padding: 0;
  }

body {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: /*9pt;*/ 0.7em;
 text-align: left;
 background-color: #adadad;
    height: 100%;
}

p, ul {
	color: #383838;
	line-height: 1.25em;
	list-style-type: none;
}
a, a:link, a:visited {
 text-decoration: none;
}
a:hover {
 background-color: #ccc;
}

h1 {
	color: #383838;
	font-size: 2.0em;
	line-height: 1.25em;
}
h2,h3,h4 {
	color: #383838;
	font-size: 1.25em;
	line-height: 1.25em;
}

/*  --------- 2. basicstructure  --------- */
.page {
 display: block;
 background-color: #fff;
 margin: auto;
 height: auto;
 width: 980px;
}

/*  --------- 3. menubox structure  --------- */
.menubox {
 display: block;
 background-color: #fff;
 padding-bottom: 20px;
 float: left;
 width: 205px;

}
.logo {
 background-image: url(../images/intercelbv.png);
 height: 55px;
 width: 205px;
 cursor: hand;
}
.energy {
/* background-image: url(../images/wave_grijs.jpg);  ------ aangepast 08 10 28 ----- */
 height: 120px;
 width: 205px;
 text-decoration: none; /*------ aangepast 08 12 04 ----- */
}
.menuproduct {
 width: 205px;
}
  /*  --------- 3.1 menu producten  --------- */
.menu {
 display:block;
 list-style-type: none;
 background-color: #adadad;
 margin-left: 40px;
 width: 143px;
 text-indent: 10px;
}
ul.menu li {
 border-bottom: 1px solid #fff;
 color: #383838;
 display: block;
 line-height: 28px;
}
ul.menu li a{
 color: #383838;
 display: block;
 line-height: 28px;
}
ul.menu a:link {
 color: #383838;
}
ul.menu a:visited {
 color: #383838;
}
ul.menu a:hover {
 text-decoration: none;
 display: block;
 color: #000;
}
span.submenu li a{
 color: #383838;
 background-color: #d1d1d1;
 display: block;
 line-height: 28px;
}
span.submenu a:link {
 color: #383838;
 
}
span.submenu a:visited {
 color: #383838;
 
}
span.submenu a:hover {
 display: block;
 background-color: #ee963f;
 color: #000;
}
.active {
 background-color: #383838;
 color: #fff;
}
.menubanner 
{
	text-align: center;
	padding-top: 30px;
}

/*  --------- toegevoegd 070926 - snelzoeken --------- */
option {
	background-color: #d1d1d1;
	color: #383838;
	padding-left: 20px;
	border-bottom: 1px solid #ffffff;
}

/*  --------- 4. contentbox structure  --------- */
.contentbox {
 display: block;
 padding-bottom: 20px;
 float: left;
 width: 555px;
 height: 100%;
}
 /*  --------- 4.1 hedaer contentbox structure  --------- */
/*
	kleuren
	rood: #ac191c
	grijs: #383838
	oranje: #ee963f

*/


.info {/*  ------ aangepast 08 10 28 ----- */
 background-image:url(../images/infobg.jpg);
 height: 55px;
}
.info_naw {
 display: block;
 padding-left: 90px;
 padding-top: 20px;
 color:#000;
 font-size: 0.9em;
}
span.info_naw a, a:link, a:visited {
 color: #000;
 line-height: 18px;
}
span.info_naw a:hover {
 color: #ac191c;
}
.subheader_menublok {
 display: block;
 color: #999;
 font-size: 0.9em;
 width: 100%;
}
.menucompany {
 color: #383838;
 margin-left: 20px;
 margin-top: 40px;
 height: 20px;
}
span.menucompany_text a, a:link {
 color: #383838;
}
span.menucompany_text a:visited {
 color: #383838;
}
span.menucompany_text a:hover {
 color: #000;
}

.breadcrumbs {
 margin-left: 20px;
 margin-top: 40px;
 height: 20px;
 color: #ac191c;
}
span.breadcrumbs_text a, a:link {
 color: #ac191c;
}
span.breadcrumbs_text a:visited {
 color: #ac191c;
}
span.breadcrumbs_text a:hover {
 color: #000;
}
 /*  --------- 4.2 basic contentbox structure  --------- */
.basic {
 margin-left: 20px;
}

.basictext {
 list-style-position: inside;
 list-style-type: decimal;
 padding-bottom: 20px;
}
span.basictext p, li {
 line-height: 1.5em;
}

span.basictext a, a:link, a:visited {
 font-size: 1em;
 color: #ac191c;
}
span.basictext a:hover {
 color: #000;
}

/*  --------- 5. rightbox structure  --------- */
.rightbox {
 display: block;
 background-color: #fff;
 padding-bottom: 20px;
 float: left;
 width: 220px;
 height: 100%;
}

.search {	/*  ------ aangepast 08 10 28 ----- */
 background-image:url(../images/searchbg.jpg);
 height: 55px;
}
.search table {
 margin-left: 20px;
 width: 180px;
 height: 55px;
 color: #fff;
}
.search table tr td{
 padding-left: 10px;
 padding-bottom: 2px;
 padding-top: 2px;
 width: 160px;
}
span.searchbutton a, a:link, a:visited {
 color: #fff;
}
span.searchbutton a:hover {
 color: #ee963f;
}
.subheader_shopandsearch {
 height: 120px;
}
.shop {
/* background-image: url(../images/winkelwagen.png);*/
 height: 52px;  /*--- 090403 aangepast van 60 px naar 52px -----*/
}
.winkelwagen {
 display: block;
 padding-left: 80px;
 padding-top: 40px;
}
span.winkelwagen a, a:link, a:visited {
 color: #c03d39;
}
span.winkelwagen a:hover {
 color: #000;
}
.search_product {
 height: 60px;
 line-height: 12px;
}
.search_product table {
 background-color: #ee963f;
 margin-left: 20px;
 width: 180px;
 height: 60px;
 color: #666;
}
.search_product table tr td{
 padding-left: 10px;
 padding-bottom: 2px;
 padding-top: 2px;
 width: 160px;
}
.search_product table tr td select {
 width: 160px;
}
.banner_mood {
/* background-image: url(../images/banner_mood2.jpg);*/
 background-repeat: no-repeat;
 margin-left: 20px;
 height: 525px;
}

/*  --------- 6. footer structure  --------- */
.foot {
 float: left;
 background-color: #fff;
 width: 100%;
 height: 22px;
}
.whitespace_menu {
 float: left;
 background-color: #fff;
 height: 17px;
 width: 225px;
}
.footer {
 float: left;
 color: #bbb;
 font-size: 0.8em;
 height: 17px;
}
.footmenu {float:left; display:block;}

.footmenu a, a:link, a:visited {
 color: #383838; /*  --------- aangepast 081219 ws #bbb  --------- */
}
.footmenu a:hover {
 background-color: #d1d1d1;
 color: #000;
}

.clear {
 display: block;
 clear: both;
 width: 100%;
 height: 1px;
 overflow: hidden;
}

a.tableLink, a.tableLink:link, a.tableLink:visited {
 text-decoration: none;
 color: #C03D39;
}
a.tableLink:hover {
 text-decoration: underline;
}

/*  --------- 7. insite editor styles  --------- */

#boxInsite 
{
	border-bottom: solid 1px #adadad;
	padding:3px 5px;
}
tr.editRow
{
	background-color: #d1d1d1;
}

.editRow td
{
	padding: 3px;
	height: 23px;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
}

.editRow td.intro
{
	padding: 3px;
	height: 23px;

}

/*  --------- 8. sitemap styles  --------- */

.sitemap {
	color: #ac191c;
}
.sitemap li {
	list-style-type:none;
	line-height: 1.5em;
}
.top {
	color: #ac191c;
}
.top:visited {
	color: #ac191c;
}
.sub {
	margin-left: 10px;
	color: #000;
}
.sub:link {
	color: #000;
	list-style-image: url(../images/iconen/groterdan.jpg);
	list-style-position: inside;
}
.sub:visited {
	color: #000;
	list-style-image: url(../images/iconen/groterdan.jpg);
	list-style-position: inside;
}

/*  --------- 9. search styles  --------- */

.search_result table{
	color: #000;
	text-indent: 10px;
	line-height: 28px;
}
.search_resulttitle {
	background-color: #ee963f;
	border-bottom: 1px solid #fff;
	
}