@charset "utf-8";
/* CSS Document */
*{
	padding:0px;
	margin:0px;
}
body{
	background-color:#079faf;
	height:100%;
}
#container{
	background-color:#079faf;
	height:50px;
	margin:0 auto;
	min-height:100%;
	position:relative;
	text-align:left;
	width:960px;
}
#header{
position:relative;
left:20px;
top:25px;
height:90px;
width:920px;
background-color:#FFF;
}
#logo{
position:absolute;
top:0px;
left:0px;
width:200px;
height:90px;
background-color:#000;
}
#logoImage{
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	width:200px;
	height:90px;
	background-image:url(../images/homeImageAlphaModus.png);
	background-repeat:no-repeat;
}
#links{
	position:absolute;
	top:0px;
	left:280px;
	width:618px;
	height:90px;
	background-color:#FFF;
}
#visie{
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	width:66px;
	height:90px;
	background-image:url(../images/visie.png);
	background-repeat:no-repeat;
}
#visie:hover{
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	width:66px;
	height:90px;
	background-image:url(../images/visieHH.png);
	background-repeat:no-repeat;
}
#visie:focus{
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	width:66px;
	height:90px;
	background-image:url(../images/visieHH.png);
	background-repeat:no-repeat;
}
#product{
	display:block;
	position:absolute;
	top:0px;
	left:134px;
	width:68px;
	height:90px;
	background-image:url(../images/producten.png);
	background-repeat:no-repeat;
}
#product:hover{
	display:block;
	position:absolute;
	top:0px;
	left:134px;
	width:68px;
	height:90px;
	background-image:url(../images/productenHH.png);
	background-repeat:no-repeat;
}
#product:focus{
	display:block;
	position:absolute;
	top:0px;
	left:134px;
	width:68px;
	height:90px;
	background-image:url(../images/productenHH.png);
	background-repeat:no-repeat;
}
#offerte{
	display:block;
	position:absolute;
	top:0px;
	left:270px;
	width:90px;
	height:90px;
	background-image:url(../images/gratisOfferte.png);
	background-repeat:no-repeat;
}
#offerte:hover{
	display:block;
	position:absolute;
	top:0px;
	left:270px;
	width:90px;
	height:90px;
	background-image:url(../images/gratisOfferteHH.png);
	background-repeat:no-repeat;
}
#offerte:focus{
	display:block;
	position:absolute;
	top:0px;
	left:270px;
	width:90px;
	height:90px;
	background-image:url(../images/gratisOfferteHH.png);
	background-repeat:no-repeat;
}
#contact{
	display:block;
	position:absolute;
	top:0px;
	left:428px;
	width:54px;
	height:90px;
	background-image:url(../images/contact.png);
	background-repeat:no-repeat;
}
#contact:hover{
	display:block;
	position:absolute;
	top:0px;
	left:428px;
	width:54px;
	height:90px;
	background-image:url(../images/contactHH.png);
	background-repeat:no-repeat;
}
#contact:focus{
	display:block;
	position:absolute;
	top:0px;
	left:428px;
	width:54px;
	height:90px;
	background-image:url(../images/contactHH.png);
	background-repeat:no-repeat;
}
#referenties{
	display:block;
	position:absolute;
	top:0px;
	left:535px;
	width:78px;
	height:90px;
	background-image:url(../images/referenties.png);
	background-repeat:no-repeat;
}
#referenties:hover{
	display:block;
	position:absolute;
	top:0px;
	left:535px;
	width:78px;
	height:90px;
	background-image:url(../images/referentiesHH.png);
	background-repeat:no-repeat;
}
#referenties:focus{
	display:block;
	position:absolute;
	top:0px;
	left:535px;
	width:78px;
	height:90px;
	background-image:url(../images/referentiesHH.png);
	background-repeat:no-repeat;
}
#visieA{
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	width:66px;
	height:90px;
	background-image:url(../images/visieH.png);
	background-repeat:no-repeat;
}
#productA{
	display:block;
	position:absolute;
	top:0px;
	left:134px;
	width:68px;
	height:90px;
	background-image:url(../images/productenH.png);
	background-repeat:no-repeat;
}
#offerteA{
	display:block;
	position:absolute;
	top:0px;
	left:270px;
	width:90px;
	height:90px;
	background-image:url(../images/gratisOfferteH.png);
	background-repeat:no-repeat;
}
#contactA{
	display:block;
	position:absolute;
	top:0px;
	left:428px;
	width:54px;
	height:90px;
	background-image:url(../images/contactH.png);
	background-repeat:no-repeat;
}
#referentiesA{
	display:block;
	position:absolute;
	top:0px;
	left:535px;
	width:78px;
	height:90px;
	background-image:url(../images/referentiesH.png);
	background-repeat:no-repeat;
}
#content{
position:absolute;
left:20px;
top:115px;
height:575px;
width:920px;
}
#leftBar{
position:absolute;
left:15px;
top:10px;
height:475px;
width:185px;
}
#aUrl{
	color:#FFF;
	text-decoration:none;
	font-size:12px;
}
#aUrl:hover, #aUrl:focus{
	color:#FFF;
	text-decoration:underline;
}
#menu{
position:absolute;
left:0px;
top:25px;
height:450px;
width:185px;
}
#medischeKledij{
	display:block;
	position:absolute;
	top:64px;
	left:0px;
	height:10px;
	width:185px;
	background-image:url(../images/medischeKledij.png);
	background-repeat:no-repeat;
}
#representatieveKledij{
	display:block;
	position:absolute;
	top:138px;
	left:0px;
	height:10px;
	width:185px;
	background-image:url(../images/representatieveKledij.png);
	background-repeat:no-repeat;
}
#vakmanKledij{
	display:block;
	position:absolute;
	top:216px;
	left:0px;
	height:10px;
	width:185px;
	background-image:url(../images/vakmanKledij.png);
	background-repeat:no-repeat;
}
#horecaKledij{
	display:block;
	position:Absolute;
	top:294px;
	left:0px;
	height:10px;
	width:185px;
	background-image:url(../images/horecaKledij.png);
	background-repeat:no-repeat;
}
#studentEnSchoolKledij{
	display:block;
	position:absolute;
	top:372px;
	left:0px;
	height:26px;
	width:185px;
	background-image:url(../images/studentEnSchoolKledij.png);
	background-repeat:no-repeat;
}
#siteContent{
position:absolute;
left:280px;
top:54px;
height:475px;
width:640px;

font-family:"Arial", Gadget, sans-serif;
font-size:12px;
color:#FFF;
text-decoration:none;
line-height:2;
}
#siteContent img{
	border:none;
}
#footer{
	color:#377290;
	text-decoration:none;
	background-color:#FFF;
	height:20px;
	margin:0 auto;
	min-height:100%;
	position:relative;
	top:600px;
	text-align:center;
	width:920px;
}
#footer a{
	color:#377290;
	text-decoration:none;
}
a, a:hover, a:focus{
	
	text-decoration:none;
}
#notNeededText{
	visibility:hidden;
	text-decoration:none;
}
ul{
	float:left;
	list-style-type:none;
}
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}