body,td,th {
	color: #323233;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:18px;
}
body {
	margin:0px;
	padding:0px;
	background:#4f4f4f;
}

body, html{
	height:100%;
}

a:link {
	color: #323233;
	text-decoration: underline;
}
a:visited {
	color: #323233;
	text-decoration: underline;
}
a:hover {
	color:#323233;
	text-decoration: underline;
}
a:active{
	color: #323233;
	text-decoration: underline;
}

h1,h2,h3,h5,h6,p {
	padding:0;
	margin:0 0 1em 0;
}
h1{ font-size:11px; font-family:"Verdana", Arial, Helvetica, sans-serif;}
h2{ font-size:14px; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; }
h3{ font-size:13px; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; }

img {
	border:none;
	vertical-align:top;
}

* { outline:none; }

.left{ float:left; }
.right{ float:right; }
.hidden{ display:none; }

img.left{ margin:5px 10px 10px 0px; }
img.right{ margin:5px 0px 10px 10px; }
img.block{ display:block; margin:10px 0; }

form{
	margin:0px;
	padding:0px;
}

.error{
	border:1px solid #e5322c;
	color:#e5322c;
	font-weight:bold;
	margin-bottom:5px;
	padding:5px;
}

.alert{
	border:1px solid #F9DD34;
	color:#000000;
	font-weight:bold;
	margin-bottom:5px;
	padding:5px;
	background-color:#FCF7DC
}


.clear{ clear:both; }

.clearfix:after{
	content: ".";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}

.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix { height:1%; }
*+html .clearfix { height:1%; }
.clearfix { display:block; }
/* End hide from IE-mac */


/*--------------------- */
/* WRAPPERS				*/
/*--------------------- */

#container{
	position:relative;
	height:100%;
	width:100%;

}

#wrapper{
	position:relative;
	width:980px;
	height:608px;
	margin:0px auto;
	background:url(../img/bg.jpg) no-repeat top left;
}

#stroke{
	height:632px;
	width:100%;
	background:url(../img/strokebg.gif) repeat-x 0 -2px;
}

#main{
	position:absolute;
	width:973px;
	height:450px;
	top:148px;
	left:65px;
	z-index:2;
}

#logo{
	position:absolute;
	top:35px;
	left:530px;
}

#logo a{
	display:block;
	height:80px;
	width:405px;
}

#logo span{display:none;}

#welcome_text{
	position:absolute;
	width:602px;
	height:365px;
	top:169px;
	left:290px;
	z-index:6;
	background:url(../img/welcome_text.png) no-repeat 0 0;
}

#content{
	position:absolute;
	height:320px;
	width:628px;
	top:182px;
	left:318px;
	background:#FFF;
	/*opacity: 0.9;
    filter: alpha(opacity = 90);*/
	z-index:7;
	background:url(../img/content_bg.png) repeat;
}

#text_box{
	position:absolute;
	width:380px;
	height:250px;
	top:33px;
	left:14px;
	z-index:8;
	text-align:left;
	padding:15px 0 0 5px;
}

#offerteform{
	position:absolute;
	width:600px;
	height:250px;
	top:33px;
	left:14px;
	z-index:8;
	text-align:left;
	padding:15px 0 0 5px;
}

.scroll{
	width:380px;
	height:250px;
}

#content h1{
	position:absolute;
	top:12px;
	left:5px;
	text-transform:uppercase; 
	width:370px; 
	text-align:center;
}

#footer{
	position:absolute;
	width:805px;
	height:20px;
	background:url(../img/fotos.gif) no-repeat 0 -1px;
	top:569px;
	left:165px;
	z-index:6;
}

#footer ul{
	margin:0;
	padding:0 0 0 78px;
	list-style:none;
}

#footer li{
	float:left;
	height:20px;
	width:20px;
	background:#999;
	margin-right:8px;
}

#footer span{
	position:absolute;
	top:1px;
	right:0;
	font-size:12px;
}

#offerte_link{
	position:absolute;
	z-index:10;
	top:515px;
	left:835px;
}
#megadeal_link{
	position:absolute;
	z-index:10;
	top:210px;
	left:835px;
}

.opmerkingen_textarea{
	width:365px;
	height:58px;
}

#form_offerte{margin:0;}
.form_left{padding-right:55px;}

/*--------------------- */
/* H1   				*/
/*--------------------- */

.promokleding h1{color:#b81015!important;}
.veiligheid_werk h1{color:#cda762!important;}
.geschenken h1{color:#9a9283!important;}
.sportkleding h1{color:#e55934!important}
.bedrukken_borduren h1{color:#201d17!important}
.vlaggen_spandoeken h1{color:#a2ab61!important}
.contact h1{color:#2c7aa2!important}
.aanbieding_vervolg h1{color:#b81015!important}

/*--------------------- */
/* aanbiedingen			*/
/*--------------------- */

#aanbiedingen{
	margin:10px 0 0 10px;
	padding:0;
	list-style:none;
}

#aanbiedingen li{
	float:left;
	height:300px;
	width:196px;
	margin:0 10px 0 0;
}

#aanbiedingen a{
	font-weight:bold;
	font-size:12px;
	color:#b81015;
	text-decoration:none;
}

#aanbiedingen img{margin-bottom:5px; display:block; }

#form_aanbieding{margin:10px 0 0 0;}

.verstuur_button{
	background:#d82d2d;
	color:#FFF;
	font-weight:bold;
	margin-top:5px;
}

/*--------------------- */
/* NAV					*/
/*--------------------- */

#nav{
	position:absolute;
	height:469px;
	width:296px;
	top:132px;
	left:0;
	background:url(../img/navbg.png) no-repeat;
	z-index:4;
}

#nav ul{
	position:absolute;
	top:25px;
	left:145px;
	list-style:none;
	padding:0;
	margin:0;
}

#nav li{
	padding:0;
}

#nav li a{display:block;}
#nav li span{display:none;}

.promotionele_kleding_li {width:134px; height:52px; margin-bottom:5px;}
.veiligheid_werk_li {width:150px; height:52px; margin-bottom:4px;}
.geschenken_li {width:137px; height:32px; margin-bottom:5px;}
.sportkleding_li {width:140px; height:35px; margin-bottom:9px;}
.bedrukken_borduren_li {width:123px; height:48px; margin-bottom:5px;}
.vlaggen_spandoeken_li {width:146px; height:57px; margin-bottom:10px;}
.contact_li {width:115px; height:37px; margin-bottom:2px;}
.aanbieding_li {width:146px; height:45px;}

.promotionele_kleding_li a{width:134px; height:52px;}
.veiligheid_werk_li a{width:150px; height:52px; }
.geschenken_li a{width:137px; height:32px;}
.sportkleding_li a{width:140px; height:35px;}
.bedrukken_borduren_li a{width:123px; height:48px;}
.vlaggen_spandoeken_li a{width:146px; height:57px;}
.contact_li a{width:115px; height:37px;}
.aanbieding_li a{width:146px; height:45px;}


#gallery{
	position:absolute;
	top:12px;
	left:407px;
	width:210px;
	height:302px;
}

#gallery_ul{
	padding:0;
	margin:0;
	list-style:none;
	height:286px;
	width:210px;
	overflow:hidden;	
}

#gallery li{float:left;}

#gallery_nav{
	width:210px;
	height:10px;
	margin:4px 0 0 10px!important;
}

#gallery_nav a{
	height:0px; 
	width:6px; 
	display:block; 
	float:left;
	overflow:hidden;
	background:url(../img/gallery_button.png) no-repeat center 2px; 
	padding:10px 20px 0px 20px;
}
#gallery_nav a:hover{background:url(../img/gallery_button.png) no-repeat center -6px;}
#gallery_nav a.activeSlide{background:url(../img/gallery_button.png) no-repeat center -6px;}

.map_link{
	position:absolute;
	top:272px;
	left:63px;
}

/* IMAGE GALLERIES

ul.gallery, ul.imagelist, ul.preview{
	list-style:none;
	margin:0;
	padding:0;
}
ul.gallery li, ul.imagelist li, ul.preview li{
	display:inline;
	margin:0;
	padding:0;
}

ul.gallery img, ul.imagelist img, ul.preview img{
	margin:0 5px 5px 0;
}
 */





/*--------------------- */
/* FOOTER				*/
/*--------------------- */










/* ------------------------- */
/* PRINT  					 */
/* ------------------------- */


@media print {
	body,td,th, h1, h2, h3, h4, p, a{
		color: #000000 !important;
	}
	
	a:link, a:visited, a:hover, a:active {
		color: #000000 !important;
	}
	
	#header, #nav, #footer{
		display:none !important;
	}
	
	#wrapper, #main, #content{
		float:none !important;
		width:100% !important;
		margin:0 !important;
		padding:0 !important;
	}
	
}