/* 
 * [n] Lippens Laurence
 * [c] e2e 
 * [w] www.e2e.be
*/



/* 1. Start with Link Colors.... change as needed. */
a:link { color: #E9282F; text-decoration:none;   }
a:visited { color: #E9282F; text-decoration:none;   }
a:hover { color: #323590; text-decoration:underline;  }
a:active,  a:focus { color: #323590;   }
code, pre { color: #c33;   } /* very optional, but still useful. W3C uses about the same colors for codes */

/* 2. Set Site Width  */
.site-width { width:960px; }

/*  Allright, that's it, get css-ing!  */
body{ background:#2e2d30 url(../images/body-bg.jpg) repeat-x;}

.site-width{ width:986px;}

.site-width02{ width:960px;}

.site-wrapper { position:relative; top:75px;}

.top-white 	{background: url(../images/top-whitebox-bg.png) no-repeat;  height:26px;}

.white-bg	{ background:url(../images/white-bg.png) repeat-y;}

.slogan 	{ 
	background:url("../images/slogan-top.png") no-repeat scroll 0 0 transparent;
	height:46px;
	margin-bottom:-46px;
	position:relative;
	top:-25px;
	z-index:50;
	}

.header{ 	}

.logo{	
	background: 	url(../images/logo-piano-goossens-02.png) no-repeat center top; height:154px;
	left:20px;
	position:relative;
	top:35px;
	width:280px;
	}
.logo a	{ 	
		display:block;
		width:173px;
		height:154px;
		}
			
.logo h1 span	{	display:none;} /* Hide SEO Title */
	
.menu				{ clear:both; }

.bottom_wrapper		{ 	}

	.leftCol		{	width:250px; }	
	.contentOne		{  	width:710px; }
	.contentNarrow	{  	width:460px; }
	.contentWide	{  	width:960px; }	
	.rightCol		{ 	width:250px; }
		
		.Offerte, .RightColBox	{ margin:20px 0 0;}
			.RightColBox img 	{ left:10px; position:relative;}
	


.footer	{ background:url(../images/footer-bg.jpg) repeat-x; height:80px;}
.footer table { width:100%; margin:15px 0 0;}
.footer td {padding:1em 1em; width:50%;}
.e2etag { text-align:right;}

/* Typography */

.ReadFont p{ font-size:1.2em; line-height:1.8em; margin:10px 0;}
.contactTable p {font-size:1.1em; line-height:1.6em; margin:3px 0;}
.ReadFont ul, .ReadFont ol{ font-size:1.2em; line-height:1.8em; margin:10px 20px;}
.ReadFont ul { list-style:inside; list-style-type:circle;}

.RightColBox h3 { 	
	background:url("../images/h3-bg.jpg") repeat-x scroll 0 0 transparent;
	font-size:2em;
	height:32px;
	line-height:35px;
	margin:0 0 0.2em;
	text-align:right;
	text-shadow:2px 2px 1px #b7b7b7;
	}	
.RightColBox p {
	text-align:right; 
	color:#717171;
	font-size:1.2em;
	}

hr { 	background-color:#e3e3e3;
color:#e3e3e3;
font-size:0;
height:2px;
line-height:30px;
margin:20px 0;
padding:0;
border:0;
}
	
	/* Extra Classes */
	
	.imgShadow 	{box-shadow:0px 0px 5px #b7b7b7;
						-webkit-box-shadow:0px 0px 5px #b7b7b7;
						-moz-box-shadow: 0px 0px 5px #b7b7b7;
						border:1px solid #fff; margin:10px;}
	.imgRechts 	{ 		box-shadow:0px 0px 5px #00022f;
						-webkit-box-shadow:0px 0px 5px #00022f;
						-moz-box-shadow: 0px 0px 5px #00022f;
						border:1px solid #fff;
						margin:5px 0 10px 20px; float:right;
						
				}
	
	.imgLeft	{ 		margin:5px 20px 10px 0 ; float:left;
						box-shadow:0px 0px 5px #00022f;
						-webkit-box-shadow:0px 0px 5px #00022f;
						-moz-box-shadow: 0px 0px 5px #00022f;
						border:1px solid #fff;
				}