/* CSS Document */
/* ############### tales.be css framework v0.1 (by kvd) ###############  */


/* ############### SITESPECIFIC CSS - KVD ############### */
/* ############### SITEWIDE RULES - SITESPECIFIC ############### */
html, body{	background-color: #999999;}


a{	}

/* ############### BASIC BUILDING BLOCKS ADDONS ############### */
#pagewrapper{
	width: 875px;
	/*margin-left: 0;*//* for lefthanded layout instead of centered*/
	 margin-top: 50px;  /* offset from pagetop */
}

#header{ height: 248px}
#content{
	background-color: #fff;
	margin-top: 0px !important;
	margin-top: -5px;
	}
#footer{
	display: block;
	height: 43px;
	width: 662px;
	background: url(../gfx/basics/back.footer.gif) repeat-x;
	position: relative;
	top: -48px;
	left: 213px;
	padding: 5px 0 0 0;
	}

#topnav{
	background-color: #9b9b9b;
	background-image: url(../gfx/basics/back.topnav.gif);
	background-repeat: repeat-y;
	width: 875px;
	height: 24px;
	z-index: 100;
	/*padding: 10px 0 0 0;*/
}

#crumbpath{
	display: none;
}


/* ############### 2 COLUMN LAYOUT ADDONS: dimensions, colors, backgrounds ############### */


.twoCols#header .col1{
	
	color: #000;
	height: 248px;
	width: 213px !important;}
.twoCols#header .col2{
	background-color: silver;
	color: #fff;
	height: 248px;
	width: 662px; /* = pagewrapper.width - col1.width  */}

	
/* ############### 3 COLUMN LAYOUT ADDONS: dimensions, colors, backgrounds ############### */
/* 256 + 1 + 413 + 205 = 875 */
.twoCols#content .col1{
	width: 176px;/* 213px */
	padding: 65px 0 22px 37px;}
.twoCols#content .col2{
	background-color: #fff;
	width: 540px;
	padding: 65px 0 50px 0;
	/*border: 1px solid red;*/
}

.productfiche .twoCols#content .col2{
	width: 451px;
	padding: 0 20px 50px 0;
}
/*.news .twoCols#content .col2{
	width: 540px;
	padding: 65px 0 50px 0;
}

*/


.twoCols#content .col2 {min-height: 200px; padding-bottom: 30px;} /* mozilla + IE7 */
*html* .twoCols#content .col2 {height: 200px; padding-bottom: 30px;} /* IE6 */



/* ############### HEADER ADDONS ############### */
.twoCols#header .col1{ background-image: url(../gfx/basics/logo.jpg); background-repeat: no-repeat; background-color: #eceae3}

.maintemplate .twoCols#header .col2,
.productfiche .twoCols#header .col2,
.news .twoCols#header .col2,
.contact .twoCols#header .col2{
	/*background-image: url(../gfx/headers/header1.jpg); background-repeat: no-repeat;*/}

.home .twoCols#header .col2{ /*background-image: url(../gfx/headers/header1.jpg); background-repeat: no-repeat;*/}

.twoCols#header .col1 a{
	display: block;
	width: 213px;
	height: 248px;
}