@charset "utf-8";
/*
//////////////////////////////////////////////////////////////////
//                                                              //
//  CSS _projectnaam_ door                                      //
//  DESIGNPHUNK | interactief ontwerpwerk                       //
//                                                              //
//  www.designphunk.com                                         //
//  woud@designphunk.com                                        //
//	06 - 21 55 79 16                                            //
//                                                              //
//////////////////////////////////////////////////////////////////
*/

/* -------------------- MASTER RESET --------------------  */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6,  blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	}
body {
	line-height: 1;
	font-size: 62.5%; /* 10px */
	line-height: 1.5em; 
	}
ol, ul {
	list-style: none;
	}
blockquote, q {
	quotes: none;
	}
:focus {
	outline: 0;
	}
ins {
	text-decoration: none;
	}
del {
	text-decoration: line-through;
	}
table /*cellspacing="0" */ {
	border-collapse: collapse;
	border-spacing: 0;
	}

/* Float - display: inline; & overflow:hidden; */
   
body { background: #fff url(../i/bg_main.gif) top left no-repeat; font: 14px/18px Arial, Helvetica, sans-serif; color: #333; }

#top { width: 100%; height: 103px; background:url(../i/header.jpg) top left no-repeat; z-index: -3; position:absolute; }
	#topLink { width: 130px; height: 25px;  top: 78px; left: 685px; position:absolute; z-index: 99; }

#sidebar { width:231px; height: 600px; background:url(../i/sidebar.png) top left no-repeat; z-index: -2; position:absolute;}
	#nav {width: 203px; height: 300px;  margin-right: 14px; position:absolute; padding-top: 197px; padding-left: 14px;}
	#nav ul {  position: relative;}
	#nav li { width: 217px; height: 37px;  margin-bottom: 3px; }
	#nav li a {display: block; width: 217px; height: 37px;  }
	#nav li span { display: none;}
	#nav li.home { background:url(../i/btn_home.png) center center no-repeat; }
	#nav li.home:hover, #nav li.homeActive { background:url(../i/btn_home_over.png) center center no-repeat;}
	#nav li.bedrijfskleding { background: url(../i/btn_bedrijfskleding.png) center center no-repeat;}
	#nav li.bedrijfskleding:hover, #nav li.bedrijfskledingActive {background: url(../i/btn_bedrijfskleding_over.png) center center no-repeat;}
	#nav li.textiel { background: url(../i/btn_textiel.png) center center no-repeat;}
	#nav li.textiel:hover, #nav li.textielActive {background: url(../i/btn_textiel_over.png) center center no-repeat;}
	#nav li.drukwerk { background:url(../i/btn_drukwerk.png) center center no-repeat;}
	#nav li.drukwerk:hover, #nav li.drukwerkActive {background:url(../i/btn_drukwerk_over.png) center center no-repeat;}
	#nav li.relatie { background:url(../i/btn_relatie.png) center center no-repeat;}
	#nav li.relatie:hover, #nav li.relatieActive {background:url(../i/btn_relatie_over.png) center center no-repeat;}
	#nav li.stickers { background:url(../i/btn_stickers.png) center center no-repeat;}
	#nav li.stickers:hover, #nav li.stickersActive {background:url(../i/btn_stickers_over.png) center center no-repeat;}
	#nav li.contact { background:url(../i/btn_contact.png) center center no-repeat;}
	#nav li.contact:hover, #nav li.contactActive {background:url(../i/btn_contact_over.png) center center no-repeat;}

#logo { background: url(../i/logo_01.png) top left no-repeat; height:172px; width:254px; z-index: 3;}

#container { width: 645px;  margin-left: 280px; margin-top: -35px;  }
	#conRechts { float: right; width: 234px; padding-top: 65px; }
	#conRechtsA {float: right;  width: 234px; padding-top: 65px;  }
	#conRechtsA img { margin: 0px 3px 3px 0px; }
	#conLinks {float: left; width: 360px; padding-top: 65px;}
	#conLinks a { color: #e6148a; text-decoration: none; border-bottom: 1px solid #e6148a; font-weight: bold; }
	#conLinks a:hover { color: #333333; }

h1 { font-size:16px; color: #e6148a; margin-bottom: 20px;}
p {margin-bottom: 18px; }
.imgTop { margin-bottom: 10px; }
a.email { color: #e6148a; text-decoration: none; border-bottom: 1px solid #e6148a;  }
a.email:hover { color: #333333; }
span.bigger { font-weight:bold; color: #e6148a; font-size: 16px; }
p.voorraad { font-weight: bold; text-decoration: underline; text-align: center; }

/* -------------------- FORMULIEREN --------------------  */

label {font-weight: bold; display: block; float: left; width: 100%; text-align: left; margin: 0 10px 0 0; padding-bottom: 5px;	clear: left; }
.verplicht { color: #cc0000; }
select { float: left; display: block; width: 298px; margin-bottom: 15px; padding: 3px; font: 1.1em Arial, Helvetica, sans-serif; }
textarea { float: left; position: relative; width: 294px; margin-bottom: 15px; padding: 3px; font: 1.1em Arial, Helvetica, sans-serif;  }
input { font: 1.1em Arial, Helvetica, sans-serif; width: 295px; height: 16px; padding: 3px;}
.btnFormulier {	background: url(../i/btn_verzenden.png) center top; width: 90px; height: 32px; float: right; margin-right: 55px; border: none; cursor:pointer; color: #fff; margin-bottom: 25px;}