/* CSS Document */

* { margin:0; padding:0;  font-family:Arial, Helvetica, sans-serif; font-size:14px; }
html, body {
	margin:0; padding:0; width:100%;
}
body {
	background:#EEEEEE url(layout/background.jpg) repeat-x;
	}
div		#backgroundWrapper {
	background:url(layout/background.jpg) repeat-x; width:100%; margin:0px auto;
	min-height:358px; text-align:center;
	}
div		#headingWrapper {
	width:970px; margin:0px auto; height:358px;
	}
div		#contentWrapper {
	width:970px; clear:both; margin:0px auto; text-align:left; padding-left: 40px; 
	}
div		#logoImage {
	width:240px; height:150px; margin-top:144px; float:left; background:url(layout/logo.jpg) no-repeat; margin-bottom:64px; }
div		#headImage {
	width:730px; height:328px; margin-top:30px; float:left; background:url(layout/headImage1.png) no-repeat; }
div		#navigationContainer {
	width:220px; float:left; clear:both; text-align:right; }
div		#mainWrapper {
	width:730px; float:left; }
div		#mainText {
	width:675px; background:url(layout/mainBack.jpg) repeat-y; padding:20px 25px 10px 30px; min-height:305px; }
div		#mainFooter { color:#666666;
	width:730px; height:18px; background:url(layout/mainFoot.jpg) no-repeat; margin-top:-10px; font-size:8px; padding:15px 0 0 15px; }
#mainFooter a { color:#666666; font-size:8px; }
		
div #garantieImage 
{
	width:209px; height:175px; background:url(layout/garantie.jpg) no-repeat; float:right; margin-right:-15px; margin-top:-21px; 
}

	
/* the following rules apply only to IE6 */
* html div #garantieImage
{
	width:209px; height:175px; background:url(layout/garantie.jpg) no-repeat; float:right; margin-right:5px; margin-top:-10px; 	
}

div		#infoBox {
	width:165px; float:right; clear:right; margin:10px 20px 0 20px; padding:10px; background:#fdff2c; }
	
/* Navigation */
#navigationContainer ul { border-top:1px silver solid; }
#navigationContainer li { border-bottom:1px silver solid; list-style-type:none; }
#navigationContainer li:hover { background-color:#72aee3; }
#navigationContainer li.active { background-color:#c5dfb2; }
#navigationContainer li a	{ display:block; color:#000000; text-decoration:none; padding:4px; }
#navigationContainer li a:hover { color:#FFFFFF; }
#navigationContainer li ul { border-right:5px #72aee3 solid; background-color:#DDDDDD; }

/* Content */
h1	{ font-size:x-large; color:#f0a82b; margin-bottom:10px; margin-right:30px; border-bottom:2px silver solid; padding-bottom:7px; display:block; clear:left; }
h2	{ font-size:larger; color:#f0a82b; margin-bottom:10px; clear:left; margin-right:30px; }

#mainText p	{ margin-bottom:10px; margin-right:30px; }
#mainText img { float:left; border:0; margin:0 10px 10px 0; }
#mainText ol { margin-left:30px; }
#mainText ul { margin-left:30px; }
#mainText li { margin-bottom:10px; }

#mainText table img	{ padding:0 0 0 0; margin:0 0 0 0; }
#mainText th	{ border:1px silver solid; background-color:#eee; padding:3px; }
#mainFooter abbr	{ font-size:8px; }