/* ALGEMEEN */
body {
	margin: 0 auto;
	padding: 0 0 0 0;
	text-align:center;
	position:relative;
}

img {
	border:none;
}

/* LAY-OUT TEKST */

.titel {
	font-family: sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #666666;
}

.ondertitel {
	font-family: sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
}

.rodetekst {
	font-family: sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: red;
}
.tekst {
	font-family: sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
}
.footer-tekst {
	font-family: sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
}
.assortiment_tekst {
	font-family: sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align:right;
	color: #666666;
}
.assortimentgrotetabel {margin-top:5px;}

.assortimenttabel {
	font-family: sans-serif;
	font-size: 12px;
	background-color: #333333;
	font-weight: normal;
	text-align:center;
	color: #666666;
}

a:assortimenttabel hover{
	font-family: sans-serif;
	font-size: 12px;
	background-color: #333333;
	font-weight: normal;
	text-align:center;
	color: #666666;
}


.link {
	font-family: sans-serif;
	font-size: 12px;
	color: #006699;
	font-weight: bold;


}
.borderlink {
border-style:solid;
border-width:2px;
border-color: #006699;
padding: 2px 2px 0px 2px;
}



.link2 {
	font-family: sans-serif;
	font-size: 10px;
	color: #006699;
	font-weight: bold;
}

.linkmenu {
	font-family: sans-serif;
	font-size: 12px;
	color: #006699;
	font-weight: bold;
	text-align:left;
}

.opsommingmenu {
	font-family: sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	list-style-image: url(images/opsomming.jpg);
	text-align:left;
}

.opsommingmenu3 {
	font-family: sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	background-color: #000099;
	list-style-image: url(images/opsomming.jpg);
	text-align:left;
}

.letters {
	font-family: "Verdana, Arial, Helvetica, sans-serif";
	font-size: 28px;
	color: #666666;
	font-weight: bold;
	vertical-align:top;
}

/* FOOTER: SITEMAP/ALGEMENE VOORWAARDEN/WETTELIJKE BEPALINGEN */
a:link.wit {
	font-family: sans-serif;
	color: #006699;
	text-decoration: none;
	text-align:right;
	font-weight:bold;
	font-size:11px;
}

a:visited.wit { 
	font-family: sans-serif;
	color:#006699;
	text-decoration: none;
	text-align:right;
	font-weight:bold;
	font-size:11px;
}

a:hover.wit {
	font-family: sans-serif;
	color:#666666;
	text-align:right;
	font-weight:bold;
	font-size:11px;
}

a:active.wit {
	font-family: sans-serif;
	color:#006699;
	text-decoration: none;
	text-align:right;
	font-weight:bold;
	font-size:11px;
} 
.foto {
	vertical-align:bottom;
}

/* DIVS */

.outerwrapper {
	position:relative;
	text-align: center;
	height:100%;
	width:100%;
	vertical-align:top;
	margin: 0 auto;
	padding:0 auto;
}

.outerwrapper3 {
	position:relative;
	background-color:#c8dee9;
	text-align: center;
	height:100%;
	width:100%;
	vertical-align:top;
	margin: 0 auto;
	padding:0 auto;
}

.bovenblok {
	height:25px;
}

.wrapper {
	width: 960px;
	text-align: center;
	margin: 0 auto;
	}

.wrapper3 {
	width: 960px;
	text-align: center;
	margin: 0 auto;
	}


.header {
	background-image:url(images/top_rpt.jpg);
	background-repeat: repeat-x;
	height: 150px;
	margin: 0 auto;
	position:relative;
	vertical-align:bottom;
	text-align:center;
}
.header3 {
	background-image:url(images/top_rpt3.jpg);
	background-repeat: repeat-x;
	height: 150px;
	margin: 0 auto;
	position:relative;
	vertical-align:bottom;
	text-align:center;
}

.menu {
	overflow:visible;
	width: 190px;
	float:left;
	background-image:url(images/menu.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

.content {
	text-align:left;
	width: 730px;
	float:right;
	margin-bottom:0;
	margin-left:10px;
	margin-right: 0;
	margin-top:10px;
	padding: 0 auto;
}

.landingspage {
	font-family: sans-serif;
	font-size: 12px;
	color: #666666;
	text-align:left;
	width: 730px;
	float:right;
	margin-bottom:0;
	margin-left:10px;
	margin-right: 0;
	margin-top:10px;
	padding: 0 auto;
}

.topbanner {
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	padding: 0 auto;
	position: relative;
	top: 15px;
	right: 92px;
}
.topbanner3 {
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	padding: 0 auto;
	position: relative;
	top: 15px;
	right: 92px;
}


.button {
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	padding: 0 auto;
	position: relative;
	right: 92px;	
}

.achtergrond {
	background-color:#3084B0;
	width:100%;
	overflow:hidden;
	height:50px;
}
.achtergrond3 {
	background-color:#333;
	width:100%;
	overflow:hidden;
	height:50px;
}

div {
	border: 0px coral solid;
}

.footer {
	width:100%;
	background-image:url(images/bottom_rpt.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	clear:both;
	margin-top:5px;
}
.footer3 {
	width:100%;
	background-image:url(images/bottom_rpt3.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	clear:left;
}
/* LINKS */

a:link {
	color: #3084B0;
	text-decoration: none;
}

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

a:hover {
	color:#666666;
}

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

/*TABELLEN */

h1 {
	font-family: sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #666666;
	text-align: left;	
}

h2 {
	font-family: sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #666666;
	text-align: left;	
}

td.hoofding {
	font-family: sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #666666;
	text-align: left;	
}

td.link {
	font-family: sans-serif;
	font-size: 12px;
	color: #006699;
	width: 300px;	
	text-align: left;
	font-weight: bold;
}

td.linkpasen {
	font-family: sans-serif;
	font-size: 12px;
	color: #006699;
	width: 400px;	
	text-align: left;
	font-weight: bold;
}

td.link2 {
	font-family: sans-serif;
	font-size: 12px;
	color: #006699;
	font-weight: bold;
}


#product_menu_first {
	background: #333;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 12em;
}
#product_menu_first li {
	font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
#product_menu_first a {
	background: #333;
	color: #FFF;
	display: block;
	margin: 0;
	padding: 6px 6px;
	text-decoration: none;
}
#product_menu_first a:hover {
	background: #3084ab url("http://www.hsg-relatiegeschenken.com/images/hover.gif") left center no-repeat;
	color: #fff;
	padding-bottom: 6px;
}


#product_menu {
	background: #eee;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 12em;
}
#product_menu li {
	font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
#product_menu a {
	background: #333;
	color: #FFF;
	display: block;
	margin: 0;
	padding: 6px 6px;
	text-decoration: none;
}
#product_menu a:hover {
	background: #3084ab url("http://www.hsg-relatiegeschenken.com/images/hover.gif") left center no-repeat;
	color: #fff;
	padding-bottom: 6px;
}


.clearit {
	margin: 0;
	padding: 0;
	height: 0;
	clear: both;
}

/* BUBBLE PLASTIC HORIZONTAL MENU */

.bubplastic.horizontal {
	width: 100%;
	height: 41px;
	margin: 0;
	padding: 0;
}
.bubplastic.horizontal ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.bubplastic.horizontal ul li {
	float: left;
	margin: 0;
	padding: 0;
	background: #333333;
}

.bubplastic.horizontal ul li a {
	display: block;
	height: 41px;
	font-weight: bold;
	padding-left: 35px;
	float: left;
	font-family: "Helvetica Neue","helvetica","microsoft sans serif","arial,sans-serif";
	font-size: 90%;
	color: #FFFFFF;
	text-decoration: none;
}

.bubplastic.horizontal ul li a span.menu_ar {
	display: block;
	float: left;
	height: 33px;
	padding-top: 8px;
	padding-right: 35px;
	background: #333333;
	cursor: pointer;
}
/* END BUBBLE PLASTIC HORIZONTAL MENU */



/* BUBBLE PLASTIC VERTICAL MENU */

.bubplastic.vertical {
	width: 250px;
	margin: 0;
	padding: 0;
	display: block;
}
.bubplastic.vertical ul {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}
.bubplastic.vertical ul li {
	display: block;
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	background: transparent url(images/bg-bubplastic-button.gif) top left no-repeat;
}

.bubplastic.vertical ul li a {
	display: block;
	margin: 0;
	width: 100%;
	padding-left: 35px;
	text-transform: uppercase;
	font-family: "Helvetica Neue","helvetica","microsoft sans serif","arial,sans-serif";
	font-size: 90%;
	color: #FFFFFF;
	text-decoration: none;
	background: transparent url(images/bg-bubplastic-button.gif) top left no-repeat;
}

.bubplastic.vertical ul li a span.menu_ar {
	display: block;
	margin: 0;
	width: 100%;
	height: 22px;
	padding-top: 5px;
	padding-right: 35px;
	background: transparent url(images/bg-bubplastic-button.gif) top right no-repeat;
	cursor: pointer;
}
/* END BUBBLE PLASTIC VERTICAL MENU */



/* AQUA HOVER */
.bubplastic.aqua ul li a:hover,
.bubplastic.aqua ul li.highlight a {
	background: transparent url(images/bg-bubplastic-h-aqua.gif) top left no-repeat;
}
.bubplastic.aqua ul li a:hover span.menu_ar,
.bubplastic.aqua ul li.highlight a span.menu_ar {
	background: transparent url(images/bg-bubplastic-h-aqua.gif) top right no-repeat;
}


/* BLUE HOVER */
.bubplastic.blue ul li a:hover,
.bubplastic.blue ul li.highlight a {
	background: #3084ab;
}
.bubplastic.blue ul li a:hover span.menu_ar,
.bubplastic.blue ul li.highlight a span.menu_ar {
	background: #3084ab;
}


/* GRAY HOVER */
.bubplastic.gray ul li a:hover,
.bubplastic.gray ul li.highlight a {
	background: transparent url(images/bg-bubplastic-h-gray.gif) top left no-repeat;
}
.bubplastic.gray ul li a:hover span.menu_ar,
.bubplastic.gray ul li.highlight a span.menu_ar {
	background: transparent url(images/bg-bubplastic-h-gray.gif) top right no-repeat;
}


/* LIME HOVER */
.bubplastic.lime ul li a:hover,
.bubplastic.lime ul li.highlight a {
	background: transparent url(images/bg-bubplastic-h-lime.gif) top left no-repeat;
}
.bubplastic.lime ul li a:hover span.menu_ar,
.bubplastic.lime ul li.highlight a span.menu_ar {
	background: transparent url(images/bg-bubplastic-h-lime.gif) top right no-repeat;
}


/* ORANGE HOVER */
.bubplastic.orange ul li a:hover,
.bubplastic.orange ul li.highlight a {
	background: transparent url(images/bg-bubplastic-h-orange.gif) top left no-repeat;
}
.bubplastic.orange ul li a:hover span.menu_ar,
.bubplastic.orange ul li.highlight a span.menu_ar {
	background: transparent url(images/bg-bubplastic-h-orange.gif) top right no-repeat;
}


/* PINK HOVER */
.bubplastic.pink ul li a:hover,
.bubplastic.pink ul li.highlight a {
	background: transparent url(images/bg-bubplastic-h-pink.gif) top left no-repeat;
}
.bubplastic.pink ul li a:hover span.menu_ar,
.bubplastic.pink ul li.highlight a span.menu_ar {
	background: transparent url(images/bg-bubplastic-h-pink.gif) top right no-repeat;
}


/* PURPLE HOVER */
.bubplastic.purple ul li a:hover,
.bubplastic.purple ul li.highlight a {
	background: transparent url(images/bg-bubplastic-h-purple.gif) top left no-repeat;
}
.bubplastic.purple ul li a:hover span.menu_ar,
.bubplastic.purple ul li.highlight a span.menu_ar {
	background: transparent url(images/bg-bubplastic-h-purple.gif) top right no-repeat;
}


/* RED HOVER */
.bubplastic.red ul li a:hover,
.bubplastic.red ul li.highlight a {
	background: transparent url(images/bg-bubplastic-h-red.gif) top left no-repeat;
}
.bubplastic.red ul li a:hover span.menu_ar,
.bubplastic.red ul li.highlight a span.menu_ar {
	background: transparent url(images/bg-bubplastic-h-red.gif) top right no-repeat;
}

#test li {
	display: block;
	border: solid 1px red;
}


#top_menu {
	background: #333;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0 0 0 0;
	width: auto;
}
#top_menu li {
	float: left;
	font: 100% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

/* AQUA HOVER 
.bubplastic.aqua ul li a:hover,
.bubplastic.aqua ul li.highlight a {
	background: transparent url(images/bg-bubplastic-h-aqua.gif) top left no-repeat;
}*/

#top_menu a {
	background: #333 url("images/seperator.gif") bottom right no-repeat;
	color: #ccc;
	display: block;
	float: left;
	margin: 0;
	padding: 8px 12px;
	text-decoration: none;
}



#top_menu a:hover,
#top_menu highlight a {
	background: #2580a2 url("images/hover_up.gif") bottom center no-repeat;
	color: #fff;
	padding-bottom: 8px;
}

#top_menu highlight{
	background: #2580a2;
	color: #fff;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

/* PRODUCT ASSORTIMENT LIJST */

.assortimenttekst {
	font-family: sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
}
.assortimentfoto { margin-left:5px; width:100px;}










.product_lijst_geheel{
	border: solid 0px green;
	width: 99%;
	height: 195px;
	padding-left:2px;
	padding-right:2px;
	padding-top:2px;
	padding-bottom: 2px;
	text-align: top;
	display: block;
	clear: left;
}

.product_lijst_links{
	width: 290px; 
	height: 175 px;
	border: solid 1px #d8d9da;
	padding-left:0px;
	padding-top:0px;
	padding-bottom:0px;
	float: left;
	clear: left;
	display: inline;
}

#productdoosje{
float:left;
margin: 0 0 0 20px;

}


#productdoosje .foto{

}


#productdoosje .titel{
vertical-align:top;
color:#0000CC;
font-size:15px;
}


#productdoosje .omschrijving{
vertical-align:top;
color:#0000CC;
font-size:15px;
}


#productdoosje .prijs{

}


#productdoosje .meerinfo{

}

/* VC */

#productcontent{
		background-color:#f9f8f4;
		border-left: solid 1px #9bb6d2; 
		min-height:550px;
		width:764px;
		margin-left:200px;
		padding: 10px 25px 10px 10px 
	}


#productcontent #prodlist table{background:#FFFFFF;}
#productcontent #prodlist td{padding:5px 0 5px 20px;}

#productcontent #prodlist .l-rondom{border:1px solid #eaeff5; background:#f6f8fb;}
#productcontent #prodlist .l-top{border-top:1px solid #eaeff5; background:#f6f8fb;}
#productcontent #prodlist .l-top-rechts{border-top:1px solid #eaeff5;border-right:1px solid #eaeff5; background:#f6f8fb;}
#productcontent #prodlist .l-bottom{border-bottom:1px solid #eaeff5; background:#f6f8fb;}
#productcontent #prodlist .l-bottom-right{border-bottom:1px solid #eaeff5;border-right:1px solid #eaeff5; background:#f6f8fb;}
#productcontent #prodlist .pic{ padding:4px 0;}

#productcontent #prodlist .blank{ height:5px; background:#f9f8f4;}
#productcontent #gen{font-family:"Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif;color:#5f4c16;}
#productcontent #gen ul{margin-left:25px;color:#372a04;}
#productcontent #gen h1{color:#004360;}
#productcontent #gen p{
	font-size:13px;
	
	padding-bottom:10px;
}
#productcontent #gen table p{font-size:11px;}
#productcontent #gen td{
	padding:4px;
	background:#f3f0e5;
}
#productcontent #gen th{
	background: #01445F;
	color:#fff;font-weight:normal;
	padding:4px;
}
.smallinfo{	width:75%;}
.promoprice{ color:#004360;}

/* TOP NAVIGATIE NIEUW*/
.top-grijs{
text-align:center;
font-family: sans-serif;
font-size: 16px;
font-weight: bold;
float: left;
margin-right: 7px;
margin-top: 23px;
height: 55px;
width:110px;
background-image:url(buttons/grijs.jpg);
}

.top-blauw{
font-family: sans-serif;
font-size: 16px;
font-weight: bold;
margin-right: 7px;
margin-top: 23px;
float: left;
height: 55px;
width:110px;
background-image:url(buttons/blauw.jpg);
}
.smallgrey{
font-family: sans-serif;
font-size: 10px;	
color:#8d8d8d;
padding-left:15px;
}