/* Stylesheet door Xedo.nl Webdesign Haarlem - info@xedo.nl */

html {
	margin: 0;
	padding: 0;
	border: 0;
	background-color: #231f20;
	text-align: left;
	background: url(../img/bg.gif);
	background-repeat:repeat-x;
	
}
* html body { height: 100%; }

body {
	margin: 0 auto;
	width: 990px;
	background-color: #e8f4f5;
	font-family: "Verdana", Arial, Trebuchet MS, Tahoma;
	font-size: 11px;
	color: #000;
}




/* Content */

#header {
	margin: 0;
	list-style: none;
	width: 990px;
	height: 130px;
	background: url(../img/header.gif) no-repeat;
}

#header a {
	display: block;
	width: 990px;
	height: 130px;
	text-indent: -99999px;
	overflow: hidden;
}



#menu
{
   margin: 0;
   padding: 0;
}
#menu li
{
   list-style-type: none;
   float: left;
   width: 114px;
   height: 18px;
   margin: 2px;
   padding: 0;
}
#menu li a
{
   display: block;
   width: 100%;
   height: 100%;
   font-weight:bold;
   text-align:center;
   font-size:13px;
   text-decoration:none;
}
#menu li a:hover
{
   background-color: #cf1f2c;
   text-decoration:none;
}

#menu li a:active,visited
{
   text-decoration:none;
}





#content {
float:left;
text-align:left;
width: 205px;
height: 530px;
background-color: #bfc4c3;
border-bottom: 1px solid #000;
border-right: 1px solid #aeaeae;
}

#content h1 {text-align:left;margin-left:5px;font-weight:bold;margin-top:30px;color:#111010;font-size: 13px;}
#content p {text-align:left;margin-left:5px;margin-right:10px;color:#000;font-size:11px;text-align:justify;}
#content img {border:0;}
#content img.top {border:0;}

#winkels {
float:left;
text-align:left;
width: 578px;
height: 530px;
background-color: #8f9795;
border-bottom: 1px solid #000;
overflow:auto;
}

#winkels img {padding-top:15px;}
#winkels img.top {padding:10px;}
#winkels h1 {text-align:left;margin-left:10px;font-weight:bold;margin-top:30px;color:#111010;font-size: 13px;}
#winkels h2 {text-align:left;margin-left:10px;font-weight:bold;margin-top:30px;color:#111010;font-size: 13px;}
#winkels p {text-align:left;margin-left:10px;margin-right:10px;color:#000;font-size:11px;text-align:justify;}
#winkels a {text-decoration:none;}
#winkels a:hover {text-decoration:underline;}

#winkels img.none {padding:0;margin:0;padding-left:5px;padding-top:5px;}

#rechts {
float:left;
text-align:left;
width: 205px;
height: 530px;
background-color: #bfc4c3;
border-bottom: 1px solid #000;
border-left: 1px solid #aeaeae;
}

#rechts img {border:0;}



a:link {text-decoration:underline;color: #000;}

a:visited {text-decoration:none;color: #000;}

a:active {text-decoration: none;color:#000;}

a:hover {text-decoration : none;color : #151313;}



input, textarea, select {
    background-color: #e8edee;
    border: 1px;
}
input:hover, input:focus, textarea:hover, textarea:focus, select:hover, select:focus {
        background-color: #beccd0;
        color: #000;
}

#submenu {
position: relative;
width:558px;
height:388px;
}

#submenu ul {
width: 558px;
height: 388px;
padding: 0; 
margin: 0;
background-image: url(../img/winkelkeuze.gif);
background-repeat: no-repeat;
}

#submenu li{
	float:left;
	padding: 0;
	margin: 0;
	position:absolute;
	list-style:none;
}

#submenu li, #submenu a{
display:block;
height:388px;
}

#submenu li a {
	text-indent: -9999px;
	text-decoration: none;	
	padding: 0;
	margin: 0;
}


		#relatie{ top: 0; left: 0; width: 115px; }
		#kleding  { top: 0; left: 115px; width: 115px; }
		#bedrijf  { top: 0; left: 230px; width: 115px; }
		#sport  { top: 0; left: 345px; width: 115px; }
		#promotie  { top: 0; left: 460px; width: 115px; }
	
		
		#relatie a { background: none; border:none;}
		#kleding a { background: none; border:none;}
		#bedrijf a { background: none; border:none;}
		#sport a { background: none; border:none;}
		#promotie a { background: none; border:none;}

		#relatie a:hover { background: url(../img/winkelkeuze.gif) 0 -388px no-repeat; }
		#kleding a:hover { background: url(../img/winkelkeuze.gif)  -115px -388px no-repeat; }
		#bedrijf a:hover { background: url(../img/winkelkeuze.gif) -230px -388px no-repeat; }
		#sport a:hover { background: url(../img/winkelkeuze.gif)  -345px -388px no-repeat; }
		#promotie a:hover { background: url(../img/winkelkeuze.gif)  -460px -388px no-repeat; }
		
		
		
		
		
		
		
		
		
		
		
		
		
		
#snelmenu {
position: relative;
width:205px;
height:131px;
}

#snelmenu ul {
width: 205px;
height: 131px;
padding: 0; 
margin: 0;
background-image: url(../img/snelmenu.gif);
background-repeat: no-repeat;

}
#snelmenu li{
	padding: 0;
	margin: 0;
	position:absolute;
	list-style:none;
}

#ssnelmenu li, #snelmenu a {
display:block;
height:131px;
}

#snelmenu li a {
	text-indent: -9999px;
	text-decoration: none;	
	padding: 0;
	margin: 0;
}


		#snelrelatie{ top: 0; left: 0; width: 205px; }
		#snelkleding  { top: 26px; left: 0; width: 205px; }
		#snelbedrijf  { top: 52px; left: 0; width: 205px; }
		#snelsport  { top: 78px; left: 0; width: 205px; }
		#snelpromotie  { top: 104px; left: 0; width: 205px; }
	
		
		#snelrelatie a { background: none; border:none;}
		#snelkleding a { background: none; border:none;}
		#snelbedrijf a { background: none; border:none;}
		#snelsport a { background: none; border:none;}
		#snelpromotie a { background: none; border:none;}

		#snelrelatie a:hover { background: url(../img/snelmenu.gif) 0 -131px no-repeat; }
		#snelkleding a:hover { background: url(../img/snelmenu.gif)  0 -157px no-repeat; }
		#snelbedrijf a:hover { background: url(../img/snelmenu.gif) 0 -183px no-repeat; }
		#snelsport a:hover { background: url(../img/snelmenu.gif)  0 -209px no-repeat; }
		#snelpromotie a:hover { background: url(../img/snelmenu.gif)  0 -235px no-repeat; }