
* {
	margin: 0;
	padding: 0;
}


html {
	color: #da0120;
	font: 11px Arial, Helvetica, sans-serif;
	background: #fff url("bg.gif") repeat-x top left;
}

body {
	width: 859px;
	margin: 0 auto;
	/* [beginfix] */
	overflow-y: scroll;
	*overflow-y: none;
	/* [eind] */
	text-align:center;
}

div#container {
	float: left;
	width: 859px;
	background: #fff;
	border-left: 1px solid #49b8ed;
	border-right: 1px solid #49b8ed;
	border-bottom: 1px solid #49b8ed;
	padding-bottom: 30px;
	position:relative;
	text-align:left;
}

a {
	color: #da0120;
	text-decoration: none;
}

a:hover {
	color: #014b96;
}

a.link {
	color: #014b96;
	font-weight: bold;
	text-decoration: none;
}

a.link:hover {
	color: #da0120;
}

/*************************/
/* Bovenkant */
/*************************/
#header {	
float: left;
width: 859px;
height: 88px;
overflow:hidden;
line-height:normal;
margin: 0px;
padding: 0px;
}
#headerframe {
width: 859px;
height: 88px;
overflow:hidden;
clear:both;
}


h1 {
	float: left;
	width: 859px;
	height: 25px;
	overflow: hidden;
	text-indent: -9999px;
	background: #da0120 url("vliegles.gif");
	margin: 0px;
	padding: 0px;
	line-height:normal;
}

div#zoeken {
	float: left;
	width: 209px;
	height: 44px;
}

div#zoeken input {
	float: left;
	padding: 2px;
	color: #da0120;
	margin: 18px 0 0 10px;
	border: 1px solid #da0120;
	font: 11px Arial, Helvetica, sans-serif;
}

div#zoeken img {
	float: left;
	border: 0;
	margin: 22px 0 0 10px;
}

ul#menu {
	float: left;
	width: 650px;
	height: 44px;
}

ul#menu li {
	float: left;
	height: 14px;
	list-style: none;
}

ul#menu li a {
	height: 14px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	margin: 22px 35px 0 0;
}

ul#menu li a#home {
	width: 43px;
	background: url("menu/home.gif");
}

ul#menu li a#home:hover {
	background: url("menu/home-over.gif");
}

ul#menu li a#bestel {
	width: 119px;
	background: url("menu/bestellen.gif");
}

ul#menu li a#bestel:hover {
	background: url("menu/bestellen-over.gif");
}

ul#menu li a#aanbied {
	width: 103px;
	background: url("menu/aanbiedingen.gif");
}

ul#menu li a#aanbied:hover {
	background: url("menu/aanbiedingen-over.gif");
}

ul#menu li a#wie {
	width: 96px;
	background: url("menu/wiezijnwij.gif");
}

ul#menu li a#wie:hover {
	background: url("menu/wiezijnwij-over.gif");
}

ul#menu li a#help {
	width: 34px;
	background: url("menu/help.gif");
}

ul#menu li a#help:hover {
	background: url("menu/help-over.gif");
}

ul#menu li a#contact {
	width: 55px;
	margin: 22px 0 0 0;
	background: url("menu/contact.gif");
}

ul#menu li a#contact:hover {
	background: url("menu/contact-over.gif");
}

/*************************/
/* Linkergedeelte (menu) */
/*************************/

div#left {
	float: left;
	width: 209px;
}

div#left ul#sidemenu {
	float: left;
	width: 209px;
	list-style: none;
}

div#left ul#sidemenu li {
	width: 170px;
	margin: 5px 0 0 10px;
	padding: 0 0 5px 15px;
	border-bottom: 1px solid #da0120;
	background : url("arrow.gif") no-repeat 0 50%;
}

div#left ul#sidemenu li a {
	color: #da0120;
	text-decoration: none;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;	
}

div#left ul#sidemenu li a:hover {
	color: #014b94;
	text-decoration: underline;
}

div#left img.bestellijst {
	border: 0;
	width: 163px;
	margin: 10px 10px 10px 20px;
}

/*************************/
/* Rechtergedeelte (content)*/
/*************************/

div#right {
	float: left;
	width: 628px;
	border: 1px solid #024c94;
	padding-bottom: 20px;
}

div#right img.kop {
	border: 0;
	float: left;
	width: 628px;
	height: 81px;
}

div#right div#text {
	float: left;
	width: 323px;
	height: 400px;
	margin: 10px 0 0 10px;
	_margin: 10px 0 0 5px;
}

div#right div#text p {
	line-height: 18px;
	margin-top: 20px;
}

div#right div#kaart {
	float: right;
	width: 255px;
	height: 280px;
	overflow:hidden;
	margin: 10px 10px;
	border: solid 1px #49b8ed;
	padding: 5px;
	background-image: url(Kadozoeker-bg.jpg);
	background-position:right top;
	background-repeat:no-repeat;
	position:relative;
}

	div#right div#kaart strong {
	font-size:12pt;
	margin-bottom: 4px;
	display:block;
	clear:both;
	}

	div#right div#kaart #Select {
	width: 70px;
	height: 45px;
	float:right;
	font-size: 7pt;
	margin-top: 170px;
	}
	
	div#right div#kaart #Select a {
	color: #014b96;
	font-size: 7pt;
	}
	
	
	div#right div#kaart #Zoekbox {
	clear:both;
	width: 255px;
	height: 40px;
	color: #000066;
	padding-top: 10px;
	line-height:normal;
	}
	
	div#right div#kaart #Zoekbox input,
	div#right div#kaart #Zoekbox select {
	border: solid 1px #6699cc;
	width: 175px;
	height: 22px;
	float:left;
	margin: 0px 8px 0px 0px;
	clear:left;
	padding: 0px;
	line-height:normal;
	}
	
	div#right div#kaart #Zoekbox a {
	color:#000066;
	font-size: 9pt;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	width: 70px;
	height: 18px;
	background-color:#bdd3e9;
	border: solid 1px #6699cc;
	padding: 2px;
	margin-top: 3px;
	text-align:center;
	line-height:normal;
	line-height:normal;
	position:relative;
	top: 2px;
	}
	
	div#right div#kaart #Zoekbox a:hover {
	background-color:#fff;
	}
		

div#right div#kaart img {
	border: 0;
}

div#right div#pagina {
	float: left;
	width: 608px;
	margin-left: 10px;
	_margin-left: 5px;
	padding: 7px 0;
	border-top: 1px solid #49b8ed;
	border-bottom: 1px solid #49b8ed;
	margin-bottom: 15px;
}

div#right div#pagina span {
	color: #014b94;
	margin-left: 20px;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
}

div#right div#pagina span a {
	color: #014b94;
	text-decoration: underline;
}

div#right div#pagina span a:hover {
	color: #da0120;
	text-decoration: none;
}

div#right div.item {
	float: left;
	width: 198px;
	border-top: 12px solid #da0120;
	border-left: 1px solid #da0120;
	border-right: 1px solid #da0120;
	border-bottom: 1px solid #da0120;
	margin-left: 7px;
	_margin-left: 5px;
	margin-bottom: 15px;
	padding-top: 7px;
	overflow:hidden;
}

div#right div.item a.itemkop {
	clear: both;
    color: #DA0120;
    display: block;
	margin-left: 8px;
	text-decoration: none;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
}

div#right div.item div.itemleft {
	float: left;
	width: 83px;
	margin-left: 8px;
	_margin-left: 4px;
	margin-top: 7px;
}

div#right div.item div.itemleft img {
	border: 0;
	margin-bottom: 10px;
}


div#right div.item div.itemleft span {
	color: #000066;
}

div#right div.item div.itemright {
	float: left;
	width: 90px;
	color: #666;
	margin-left: 8px;
	margin-top: 7px;
}

div#right div.item .meerinfo img {
	border: 0;
	float:left;
}

div#right div.item .meerinfo {
	width: 198px;
	clear:both;
}

div#right div.extendeditem {
	float: left;
	width: 260px;
	border-top: 12px solid #da0120;
	border-left: 1px solid #da0120;
	border-right: 1px solid #da0120;
	border-bottom: 12px solid #da0120;
	margin-left: 20px;
	_margin-left: 10px;
	margin-top: 15px;
	padding: 10px;
}

div#right div.extendeditem strong {
	font: bold 14px Arial, Helvetica, sans-serif;
}

div#right div.extendeditem p {
	color: #666;
	margin-top: 1em;
}

/*************************/
/* Detailpagina */
/*************************/

div#detail h2.balk {
	float: left;
	color: #fff;
	width: 618px;
	height: 20px;
	margin-top: 10px;
	background: #da0120;
	padding: 5px 0 0 10px;
	font: bold 14px Arial, Helvetica, sans-serif;
}

h2.grotebalk {
	float: left;
	color: #fff;
	width: 618px;
	height: 23px;
	background: #014b96;
	padding: 4px 0 0 10px;
	font: bold 16px Arial, Helvetica, sans-serif;
}

h2.grotebalk a,
h2.grotebalk a:link,
h2.grotebalk a:visited,
h2.grotebalk a:hover,
h2.grotebalk a:active {
	float: left;
	color: #fff;
	width: 618px;
	height: 23px;
	background: #014b96;
	font: bold 16px Arial, Helvetica, sans-serif;
}


div#detail h2.kleinebalk {
	float: left;
	color: #fff;
	width: 618px;
	height: 18px;
	margin-top: 20px;
	background: #da0120;
	padding: 3px 0 0 10px;
	font: bold 11px Arial, Helvetica, sans-serif;
}

div#detail div#detailleft {
	float: left;
	width: 290px;
	margin: 30px 0 0 20px;
	_margin: 30px 0 0 10px;
}

div#detail div#detailleft strong {
	color: #666;
	margin-top: 10px;
	font: bold 17px Arial, Helvetica, sans-serif;
}

div#detail div#detailleft img {
	border: 0;
	float: left;
	margin: 15px 0 0 0;
}

div#detail div#detailleft small a {
	color: #da0120;
	text-decoration: none;
	font: bold 10px Arial, Helvetica, sans-serif;
}

div#detail div#detailleft p {
	width: 600px;
	color: #666;
	margin: 10px 0 30px;
}

div#detail div#detailleft small a:hover {
	color: #666;
	text-decoration: underline;
}

div#detail div#detailright {
	float: right;
	width: 220px;
	margin: 10px 20px 0 0;
	_margin: 10px 10px 0 0;
	position:relative;
}

div#detail div#detailright img {
	border: 0;
	float: left;
	margin: 15px 0 0 0;
}

div#detail div#detailtekst {
	color: #666;
	float: left;
	width: 570px;
	margin: 20px 20px 20px 20px;
	_margin: 10px;
}

div#detail div#detailtekst .Bestelbutton img {
border: 0px;
margin-top: 3px;
}

div#detail div#detailtekst strong {
	color: #014b96;
}

div#detail ul#detaillijst {
	float: left;
	width: 155px;
	margin-left: 40px;
	_margin-left: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
}

div#detail ul#detaillijst li.kopje {
	color: #666;
	list-style: none;
	list-style-position: outside;
	font: bold 15px Arial, Helvetica, sans-serif;
}

div#detail ul#detaillijst li {
	list-style: square;
	color: #ccc;
	margin-top: 2px;
	list-style-position: inside;
}

hr {
	border: none;
	height: 1px;
	background: #ddd;
	color: #ddd;
}

/*************************/
/* Footer */
/*************************/
#footer {
position:relative;
}

ul#footer {
	float: left;
	list-style: none;
	margin: 7px 0 20px;
}

ul#footer li {
	float: left;
	height: 13px;
	border-right: 1px solid #666;
	padding: 0 10px;
}

ul#footer li a {
	font-weight: bold;
}

/*************************/
/* Winkelwagen */
/*************************/

.font_blue {
	color: #666;
}

input.inputbox {
	font-size: 11px;
	color: #014b96;
}

input.formbutton {
	background: #fff;
	font-size: 11px;
	border: 1px solid #fff;
	padding: 1px 3px;
}


/* Tell a frend */
.TellfrendButton {
clear: both;
height: 35px;
}

	.TellfrendButton  a, 
	.TellfrendButton  a:link, 
	.TellfrendButton  a:visited, 
	.TellfrendButton  a:hover, 
	.TellfrendButton  a:active {
	color:#014B96 ;
	font-weight:bold;
	padding: 20px 0px 0px 0px;
	margin-left: 5px;
	float:left;
	font-size: 14px;
	display:block;
	}
	.TellfrendButton img {
	padding: 0px;
	}

.Tellfrend input,
.Tellfrend textarea,
.Tellfrend select {
border: solid 1px #014B96;
}

.Tellfrend h1 {
	clear:both;
	width: 300px;
	height: 25px;
	overflow: hidden;
	text-indent: 1px;
	background: #014B96;
	font-size: 18px;
	color:#FFFFFF;
	margin: 0px;
	padding: 0px;
	line-height:normal;
}


.Tellfrend .link,
.Tellfrend .link a,
.Tellfrend .link a:link,
.Tellfrend .link a:visited,
.Tellfrend .link a:active,
.Tellfrend .link a:hover {
color:#FFFFFF;
}

	.Tellfrend  .header01 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 16px;
		font-style: italic;
		font-weight: bold;
		color: #FFF;
	}
	
	.Tellfrend .font {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #000;
	}
	
	.Tellfrend textarea {
	width: 540px;
	}
	
	#detailHelp {
	padding: 10px;
	line-height: 16px;
	}
	
	h2.grotebalk2 {
	float: left;
	color: #fff;
	width: 618px;
	height: 23px;
	background: #014b96;
	padding: 4px 0 0 10px;
	margin-bottom: 10px;
	font: bold 16px Arial, Helvetica, sans-serif;
}

.Youtubefilm {
width: 225px;
height: 200px;
overflow:hidden;
position:absolute;
top: 0px;
right: 0px;
background-color:#fff;
z-index: 20;
}

#bubble_tooltip {
display:none;
position:absolute;
width:300px;
z-index: 200;
}
#bubble_tooltip .bubble_top {
background-image:url(bubble_top.gif);
background-repeat:no-repeat;
height:16px;
}
#bubble_tooltip .bubble_middle {
background-image:url(bubble_middle.gif);
background-position:left bottom;
background-repeat:repeat-y;
padding-left:7px;
padding-right:7px;
}
#bubble_tooltip .bubble_middle span {
font-family:Verdana,Lucida Sans Unicode,Arial,sans-serif;
font-size:11px;
position:relative;
top:-8px;
}
#bubble_tooltip .bubble_bottom {
background-image:url(bubble_bottom.gif);
background-repeat:no-repeat;
height:44px;
position:relative;
top:-6px;
}

.addthis{
	margin-top:15px;
	
	width:300px;
	float:left;
}	
.addthis.detail{

}

