* {
margin: 0;
padding: 0;
}

img {border: 0; }


h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 72px;
	font-weight: bold;
	color: #FF9933;
	font-variant: small-caps;
	text-decoration: none;
    margin-bottom: 5px;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #9bc7df;
	text-decoration: none;
    margin-bottom: 5px;
}

a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #002e6a;
	text-decoration: underline;
	letter-spacing: normal;
}
a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #002e6a;
	text-decoration: underline;
	letter-spacing: normal;
}
a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #002e6a;
	text-decoration: underline;
	letter-spacing: normal;
}
a:hover {
	color: #ff9933;
	text-decoration: underline;
}

body {
	background-image: url(http://www.interimage.nl/imgs/achtergrond.gif);
	background-position: top center;
	background-repeat:  no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #002e6a;
	text-decoration: none;
	letter-spacing: normal;
    margin: 0;
}



div#container{
margin: 0 auto 0 auto;
}



div#top{
width: 100%;
height: 155px;
}

div#balk{
width: 100%;
height: 20px;
background-image: url(http://www.interimage.nl/imgs/streepbalk-trans.png);
background-position: top center;
background-repeat: no-repeat;
padding-bottom: 15px;
}

div#logo{
position: absolute;
width: 100%;
height: 167px;
top: 0px;
text-align: center;
}

div#contactmenu{
position: absolute;
left: 49%;
top: 80px;
width: 280px;
height: 80px;
margin-left: 200px;
border: 0px solid black;
text-align: center;
}

div#login{
position: absolute;
left: 50%;
top: 10px;
width: 270px;
height: 80px;
margin-left: 290px;
border: 0px solid black;
text-align: center;
}

div#breadcrumb{
float: left;
height: 16px;
width: 560px;
margin-bottom: 1px;
margin-left: 13px;
margin-top: 5px;
border: 0px dashed #ff9933;
border-bottom: 1px dashed #9bc7df;
font-size: 10px;
}
div#breadcrumb a:link { font-weight: normal; font-size: 10px; color: #002e6a; text-decoration: underline;}
div#breadcrumb a:visited { font-weight: normal; font-size: 10px; color: #002e6a; text-decoration: underline;}
div#breadcrumb a:active { font-weight: normal; font-size: 10px; color: #002e6a; text-decoration: underline;}
div#breadcrumb a:hover { font-weight: normal; font-size: 10px; color: #ff9933; text-decoration: underline;}


div#kopproducten{
float: left;
width: 930px;
padding: 10px;
margin-bottom: 10px;
margin-left: 0px;
margin-top: 15px;
border: 0px dashed #ff9933;
font-size: 12px;
text-align: left;
  background-color:#ffffff; 
    filter: alpha(opacity=80); 
    -moz-opacity: 80; 
    opacity: .80; 

}

#linkoverzicht { position: relative; border: 1px solid #ffffff; float: left;	margin-left: -1px;	margin-top: -1px;}



div#bestsellersp{
position: relative; 
float: left;	 
margin-left: 0px;	
width:152px;
}

#master a img          { position: relative; border: 1px solid #bebebe; float: left;	margin-left: 0px;	margin-bottom: 5px;}
#master a:hover  img                        { border: 1px solid #ffffff;}
div#master a:link { font-weight: normal; font-size: 10px; color: #9bc7df; text-decoration: underline;}
div#master a:visited { font-weight: normal; font-size: 10px; color: #9bc7df; text-decoration: underline;}
div#master a:active { font-weight: normal; font-size: 10px; color: #9bc7df; text-decoration: underline;}
div#master a:hover { font-weight: normal; font-size: 10px; color: #002e6a; text-decoration: underline;}

#master2 a img          { position: relative; border: 1px solid #f0f0f0; float: left;	margin-left: 0px; left: 10px; margin-bottom: 5px;}
#master2 a:hover  img                        { border: 1px solid #bebebe;}
div#master2 a:link { font-weight: normal; font-size: 10px; color: #9bc7df; text-decoration: underline;}
div#master2 a:visited { font-weight: normal; font-size: 10px; color: #9bc7df; text-decoration: underline;}
div#master2 a:active { font-weight: normal; font-size: 10px; color: #9bc7df; text-decoration: underline;}
div#master2 a:hover { font-weight: normal; font-size: 10px; color: #002e6a; text-decoration: underline;}


#thumbs a img          { position: relative; border: 1px solid #f0f0f0; float: left;	margin-left: 0px; left: 10px; margin-bottom: 5px;}
#thumbs a:hover  img                        { border: 1px solid #bebebe;}
div#thumbs a:link { font-weight: normal; font-size: 10px; color: #9bc7df; text-decoration: underline;}
div#thumbs a:visited { font-weight: normal; font-size: 10px; color: #9bc7df; text-decoration: underline;}
div#thumbs a:active { font-weight: normal; font-size: 10px; color: #9bc7df; text-decoration: underline;}
div#thumbs a:hover { font-weight: normal; font-size: 10px; color: #002e6a; text-decoration: underline;}




div#container2{
margin: 0 auto 0 auto;
width: 954px;
}
div#menu{
position: relative;
top: 0px;
float: left;
width: 950px;
height: 35px;
margin-bottom: 1px;
border: 0px solid black;
z-index: 1000;
}

div#midden1{
float: left;
position: relative;
top: 6px;
width: 600px;
background: url(http://www.interimage.nl/imgs/txtbg-trans.png);
background-position: top;
background-repeat:  no-repeat;
border: 0px solid #ff9933;
}

div#midden2{
float: left;
position: relative;
top: 6px;
width: 600px;
background: url(http://www.interimage.nl/imgs/txtbg-trans.png);
background-position: top;
background-repeat:  no-repeat;
border: 0px solid #ff9933;
}
#midden2 a img          { position: relative; border: 2px solid #CCCCCC;}
#midden2 a:hover  img                        { border: 2px solid grey;}

div#tekstoverii{
float: left;
position: relative;
left: 16px;
top: 0px;
padding-top: 10px;
width: 560px;
height: 200px;
border: 0px solid #ff9933;
border-bottom: 1px dashed #9bc7df;
}
div#tekstoverii b{color: #9bc7df;}




div#tekstoverii2{
float: left;
position: relative;
left: 16px;
top: 0px;
padding-top: 10px;
width: 560px;
height: 200px;
border: 0px solid #ff9933;
border-bottom: 1px dashed #9bc7df;
}
div#tekstoverii b{color: #9bc7df;}



div#oranje2{
color: #9bc7df;
}
div#oranje3{
color: #ff9933;
font-style: italic;
}


div#item{
float: left;
position: relative;
left: 0px;
top: 0px;
padding-top: 20px;
padding-left: 16px;
padding-right: 24px;
width: 560px;
background: url(http://www.interimage.nl/imgs/txtbgmid-trans.png);
border: 0px solid #ff9933;
}
div#item b{color: #9bc7df;}


div#itemnext{
float: left;
position: relative;
left: 0px;
top: 0px;
padding-top: 8px;
padding-left: 16px;
padding-right: 24px;
width: 560px;
background: url(http://www.interimage.nl/imgs/txtbgmid-trans.png);
border: 0px solid #ff9933;
}
div#item b{color: #9bc7df;}



div#itemnb{
float: left;
position: relative;
left: 0px;
top: 0px;
padding-top: 20px;
padding-left: 16px;
padding-right: 24px;
width: 560px;
background: url(http://www.interimage.nl/imgs/txtbgmid-trans.png);
border: 0px solid #ff9933;
}
div#item b{color: #9bc7df;}


div#item2{
float: left;
position: relative;
left: 0px;
top: 0px;
padding-top: 20px;
padding-left: 16px;
padding-right: 24px;
width: 560px;
background: url(http://www.interimage.nl/imgs/txtbgmid-trans.png);
border: 0px solid #ff9933;
}
#item2 a img          { position: relative; border: 2px solid #CCCCCC;}
#item2 a:hover  img                        { border: 2px solid grey;}


div#lijntje{
position: relative;
float: left;
width: 560px;
margin-top: 15px;
border-bottom: 1px dashed #9bc7df;
}

div#kop1{
font-size: 16px; 
font-weight: bold; 
color: #ff9933; 
padding-top: 3px; 
padding-bottom: 10px;
}


div#leesmeer{
padding-top: 3px; 
padding-right: 20px;
padding-bottom: 2px;
text-align: right;
}

div#bottom{
position: relative;
float: left;
margin-top:6px;
padding-top: 20px;
padding-left: 21px;
padding-right: 24px;
width: 555px;
height: 30px;
border: 0px solid black;
background: url(http://www.interimage.nl/imgs/txtbgfoot-trans.png);
background-repeat: no-repeat;
}

div#footer{
position: relative;
float: left;
padding-left: 16px;
width: 938px;
border: 0px solid black;
font-size: 10px;
text-align: left;
padding-bottom: 20px;
margin-top: 20px;
border-top: 0px dashed #9bc7df;
}
div#footer td{text-align: left; padding-left: 5px; padding-right: 25px;}

div#footer a:link { font-weight: normal; font-size: 10px; color: #002e6a; text-decoration: none;}
div#footer a:visited { font-weight: normal; font-size: 10px; color: #002e6a; text-decoration: none;}
div#footer a:active { font-weight: normal; font-size: 10px; color: #002e6a; text-decoration: none;}
div#footer a:hover { font-weight: normal; font-size: 10px; color: #ff9933; text-decoration: none;}




div#bloktop{
float: left;
width: 343px;
height: 77px;
margin-left: 5px;
margin-top: 10px;
font-size:11px; 
text-align: left; 
color: #ff9933; 
font-weight: bold;
font-style: normal;
}
div#bloktop a:link { font-bold: normal; font-size: 11px; color: #ff9933; text-decoration: underline;}
div#bloktop a:visited { font-bold: normal; font-size: 11px; color: #ff9933; text-decoration: none;}
div#bloktop a:active { font-bold: normal; font-size: 11px; color: #ff9933; text-decoration: none;}
div#bloktop a:hover { font-bold: normal; font-size: 11px; color: #002e6a; text-decoration: none;}







div#blok1{
float: left;
width: 333px;
height: 20px;
margin-left: 5px;
margin-top: 10px;
padding-bottom: 10px;
padding: 5px;
border: 0px solid #002e6a;
color: #ffffff;
text-align: center;
font-size: 16px;
font-weight: bold;
background: url(http://www.interimage.nl/imgs/bgkopjesrechts-trans.png);
background-repeat: no-repeat;
}
div#blok1 a:link { font-bold: normal; font-size: 16px; color: #ffffff; text-decoration: underline;}
div#blok1 a:visited { font-bold: normal; font-size: 16px; color: #ffffff; text-decoration: underline;}
div#blok1 a:active { font-bold: normal; font-size: 16px; color: #002e6a; text-decoration: underline;}
div#blok1 a:hover { font-bold: normal; font-size: 16px; color: #002e6a; text-decoration: underline;}


div#bloklinksa{
float: left;
width: 163px;
height: 163px;
margin: 4px;
margin-top: 10px;
border: 0px solid black;
padding: 0px;
border: 0px solid #002e6a;
}

div#blokrechtsa{
float: left;
width: 163px;
height: 163px;
margin: 4px;
margin-left: 8px;
margin-top: 10px;
border: 0px solid black;
padding: 0px;
border: 0px solid #002e6a;
}


div#bloklinksb{
float: left;
width: 163px;
height: 163px;
margin: 4px;
margin-top: 10px;
border: 0px solid black;
padding: 0px;
border: 0px solid #002e6a;
}

div#blokrechtsb{
float: left;
width: 163px;
height: 163px;
margin: 4px;
margin-left: 8px;
margin-top: 10px;
border: 0px solid black;
padding: 0px;
border: 0px solid #002e6a;
}


div#bloklinksc{
float: left;
width: 163px;
height: 163px;
margin: 4px;
margin-top: 10px;
border: 0px solid black;
padding: 0px;
border: 0px solid #002e6a;
}
#bloklinksc a img          { position: relative; border: 2px solid #CCCCCC;}
#bloklinksc a:hover  img                        { border: 2px solid grey;}



div#blokrechtsc{
float: left;
width: 163px;
height: 163px;
margin: 4px;
margin-left: 8px;
margin-top: 10px;
border: 0px solid black;
padding: 0px;
border: 0px solid #002e6a;
}
#blokrechtsc a img          { position: relative; border: 2px solid #CCCCCC;}
#blokrechtsc a:hover  img                        { border: 2px solid grey;}


div#bloklinksd{
float: left;
width: 163px;
height: 163px;
margin: 4px;
margin-top: 10px;
border: 0px solid black;
padding: 0px;
border: 0px solid #002e6a;
}
#bloklinksd a img          { position: relative; border: 2px solid #CCCCCC;}
#bloklinksd a:hover  img                        { border: 2px solid grey;}


div#blokrechtsd{
float: left;
width: 163px;
height: 163px;
margin: 4px;
margin-left: 8px;
margin-top: 10px;
border: 0px solid black;
padding: 0px;
border: 0px solid #002e6a;
}
#blokrechtsd a img          { position: relative; border: 2px solid #CCCCCC;}
#blokrechtsd a:hover  img                        { border: 2px solid grey;}



div#bloklinkse{
float: left;
width: 163px;
height: 163px;
margin: 4px;
margin-top: 10px;
border: 0px solid black;
padding: 0px;
border: 0px solid #002e6a;
}
#bloklinkse a img          { position: relative; border: 2px solid #CCCCCC;}
#bloklinkse a:hover  img                        { border: 2px solid grey;}


div#blokrechtse{
float: left;
width: 163px;
height: 163px;
margin: 4px;
margin-left: 8px;
margin-top: 10px;
border: 0px solid black;
padding: 0px;
border: 0px solid #002e6a;
}
#blokrechtse a img          { position: relative; border: 2px solid #CCCCCC;}
#blokrechtse a:hover  img                        { border: 2px solid grey;}


div#blokyoutube{
float: left;
width: 334px;
height: 213px;
margin: 4px;
margin-left: 8px;
margin-top: 10px;

padding: 0px;
}
#bloktwitter a img          { position: relative; border: 2px solid #CCCCCC;}
#bloktwitter a:hover  img                        { border: 2px solid grey;}

div#bloktwitter{
float: left;
width: 334px;
height: 328px;
margin: 4px;
margin-left: 8px;
margin-top: 10px;

padding: 0px;
}
#bloktwitter a img          { position: relative; border: 2px solid #CCCCCC;}
#bloktwitter a:hover  img                        { border: 2px solid grey;}


#nav, 
#nav ul {padding:5; margin:0; margin-left:3px; list-style:none; font: 10px arial, verdana, sans-serif; background:url(http://www.interimage.nl/imgs/transparant2-trans.png); position:relative; z-index:100;}
#nav {height:34px; width:947px; padding:0; background:url(http://www.interimage.nl/imgs/menu-trans.png);}

#nav table {border-collapse:collapse;}
#nav li {float:left;}
#nav li li {float:none;}
/* a hack for IE5.x and IE6 */
#nav li a li {float:left;}

#nav li a {display:block; float:left; color:#002e6a; height:28px; font-size: 12px; padding:5px 38px 0 14px; line-height:22px; text-decoration:none; white-space:nowrap; font-weight:bold; border-left:0px solid #fff; }
#nav li li a {height:20px; font-size: 11px; line-height:20px; float:none;}

#nav li:hover {position:relative; z-index:100;}
#nav a:hover {position:relative; z-index:100; background:url(http://www.interimage.nl/imgs/menu2-trans.png); color:#002e6a; border-left:0px solid #fff;}
#nav li:hover > a {border-left:0px solid #fff; background:url(http://www.interimage.nl/imgs/menu2-trans.png); color:#002e6a;}

#nav :hover  ul {left:5px; top:32px; border-left:1px solid #fff; z-index:300;}
#nav a:hover ul {left:-1px;}

#nav ul {position:absolute; left:-9999px; top:-9999px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {left:0; margin-left:100%; top:0;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav li:hover li:hover > a {background:url(http://www.interimage.nl/imgs/transparant-trans.png); color:#ffffff; border-left:0px solid #fff;}

#nav li a:hover ul li a:hover {background:url(http://www.interimage.nl/imgs/transparant-trans.png);}

/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul
{left:100%; top:0;}

/* keep further levels hidden */
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
