html {
    position: relative;
    height: auto !important;
    height: 100%;
    min-height: 100%;
}
body {
    /*position: relative;*/
    height: auto !important;
    height: 100%;
    min-height: 100%;
    background-color: #FFF;
	background: url(/images/bg/stripe_bg.png);
    border:1px solid #fff;
}
#wrapper1 {
width:972px;
margin:0 auto;
background:transparent url(/images/bg1.gif) left top repeat-y;
background-color:#FFF;
}
#wrapper2 {
width:972px;
background:transparent url(/images/bg2.gif) right top repeat-y;
}
#wrapper3 {
width:964px;
padding:0px 4px 0px 4px;
}
#wrapper4 {
position:relative;
overflow:hidden;
}
#d_f {
height:4px;
overflow:hidden;
background:transparent url(/images/bg3.gif) left top repeat-x;
}
div, p, a, input, textarea, td, option, select {
	font: 11px Arial;
	color:#666;
}
li { list-style: url('/images/li.png'); }
a {
    text-decoration: none;
    font-weight: bold;
}
    a:hover { text-decoration: underline; }
img {
    -ms-interpolation-mode: bicubic;
}

/* globals */

.bg {
    position: absolute;
	top:0px;
    overflow: hidden;
}  
.bg img {
    position: relative;
    width: 968px;
} 
.alert {
    color: #f41717;
}
.imgAlert {
    width: 12px;
    height: 12px;
    background-image: url("/images/alert.png");
}

/* areas */

input[type="text"], input[type="password"], textarea {
    border: 1px solid #CCC;
    padding: 2px;
	width:100px;
}
select {
	border: 1px solid #CCC;
}

/* buttons, selects */

input[type="button"], input[type="submit"] {
	cursor:pointer;
	height: 20px;
    border: 1px solid #999;
    color: #333;
    padding: 0;
    margin: 0;
    font-weight: bold;
	background-image: url('/images/input_button.png');
    padding: 0 10px 0 10px;
}

input[type="button"]:hover, input[type="submit"]:hover {
	color:#000;
}
	
/* logotype */

#logotype {
	position: absolute;
	top: 42px;
	left: 92px;
}

/* menu */

#menu {
	position: absolute;
	width: 125px;
	top:175px;
z-index:1000px;
}
    #menu * { font-weight: bold !important; }
	#menu .n1, #menu .n5 {
		height: 8px;
		width: 100%;
		background-repeat: repeat-x;
		background-position: 10px;	
	}
	#menu .n2, #menu .n4 {
		position: absolute;
		right: -8px;
		width: 8px;
		height: 8px;
	}
	#menu .n3 {
		width: 100%;
		padding-left: 8px;
        background-color: #dbefd0 !important; 
	}
	#menu .n1 { background-image: url('/images/menu1.png'); }	
	#menu .n2 {	background-image: url('/images/menu2.png');	}
	#menu .n3 {	background: url('/images/menu3.png') repeat-y 100%; }
	#menu .n4 {	background-image: url('/images/menu4.png');	}
	#menu .n5 {	background-image: url('/images/menu5.png');	}
	#menu ul { padding-right: 18px; }
		#menu ul li {
			display:block;
			border-top: 1px solid #DFDFDF;
			padding: 17px 0px 17px 15px;
			background:transparent url('/images/li_deactive.png') 2px 20px no-repeat;
/*			list-style: url('/images/li_deactive.png') inside;*/
		}
        #menu ul > li:first-child { border: 0; }
        #menu ul li.active { /*list-style: url('/images/li_active.png') inside;*/ background-image: url('/images/li_active.png');}
        #menu ul li.active span { text-decoration: underline; }
        
/* text */

h1 {
    font: 19px Arial;
    color: #666;
}
.messageBox_info {
	color:red;
	font-weight:bold;
	line-height:30px;
	margin-top:15px;
	padding-left:37px;
	background: url('/images/warning.gif') no-repeat 10px center;
}
tr.tableRow1 {
	background-color:#333;
}
tr.tableRow2 {
	background-color:#fff;
}
tr.tableRow1 td, tr.tableRow2 td {
	padding: 3px !important;
}

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.col-content {  width:950px; clear:both; padding-top:8px; margin:0 10px 0 10px;color:#6a6a6a; }
#info {float:left;background:url('/images/balk.gif'); width:950px; height:155px;margin:0 10px 0 6px;}
#info a { color:#6a6a6a; }
#info p { margin:6px 0 12px 0; }
#info img { position:relative; }
#info .infoblock { float:left; width:278px; min-height:132px; background:url('/images/info_sep.gif') no-repeat right top; padding:18px; }
#info .infoblock.last { background-image:none !important; }
.infoblock .payment { height:32px; margin-left:62px; }
.infoblock .payment img { margin-right:7px; }
.infoblock .shipping { height:32px; margin-left:68px; }
.infoblock .shipping img { margin-right:7px; }
.infoblock .social { height:32px; margin-left:80px; }
.infoblock .social img { margin-right:7px; }
#info .block-content { padding:12px 0 0 0; }

#bottomframe { width:930px; height:97px; padding:5px 5px 10px 5px; margin-left:10px;border:1px solid #CCC; background:url('/images/balk.gif');}
.block {float:left;width:220px; border-right:1px solid #CCC; padding:0 5px 0 7px;}
.blocklast {float:left;width:220px; border:none; padding:0 5px 0 5px;}
.blockcontent {margin-left:5px; font-size:11px;}
.blockcontent h3 {color:#333; font-size:12px; font-weight:bold; margin-top:4px;}
.blockcontent h3 a {color:#333;}
.blockcontent a:hover {color:#F60;}
#blockimage {float:left;width:55px; height:50px; padding-right:5px}
.Payment {background: url('/images/ico_euro.png') no-repeat;}
.Bezorging {background: url('/images/ico_carBig_copy.png') no-repeat;}
.Levering {background: url('/images/Ico_handBig.png') no-repeat;}
.Bereikbaar {background: url('/images/ico_woman.png') no-repeat;}

/******   H3    */
ul#menu{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	position:relative;
	display:block;
	height:36px;
	text-transform:uppercase;
	background:transparent url('/images/OFF.gif') repeat-x top left;
	font-family:Arial,sans-serif;
	border-bottom:1px solid #999;
	border-top:1px solid #999;
}
ul#menu li{
	display:block;
	float:left;
	margin:0;
	pading:0;}
ul#menu li a{
	display:block;
	float:left;
	color:#666;
	text-decoration:none;
	text-transform:uppercase;
	font-size:12px;
	padding:10px 25px 0 25px;
	height:24px;
	background:transparent url('/images/DIVIDER.gif') no-repeat top right;
	}

ul#menu li a:hover{
	background:transparent url('/images/HOVER.gif') no-repeat top right;	
	}
	
	.container { width:100%}
			#header { margin-top:2px; display:block; width:705px; height:320px; float:left; background:url('/images/header.png') top left no-repeat;}
			#modules { display:block; width:230px; height:320px; float:left; margin-left:4px;}
			
			.service {
					padding:5px 0 0 10px;
					width: 235px;
					height: 104px;
					background:url('/images/costumerservice.png') top left no-repeat;
				}
			.newsletter {
					padding:5px 0 0 10px;
					width: 235px;
					height: 104px;
					background:url('/images/newsletter.png') top left no-repeat;
				}
			.news {
					padding:5px 0 0 10px;
					width: 235px;
					height: 104px;
					background:url('/images/news.png') top left no-repeat;
				}
			
				.text .tman {
					padding:0 3px 0 3px;
					width: 235px;
					height: 104px;
					background: url('/images/customerservice.png') left no-repeat;
				}
			.text .tman h1{
				padding:3px;
			
			}
			.text .twoman {
					padding:0 3px 0 3px;
					width: 230px;
					border: 1px solid #CCC;
				}
				.text .twoman h1 {
				border-bottom: 1px solid #CCC;
				padding:3px;
				}


