@charset "utf-8";
/* CSS Document */
body {
	background-color: #58a145;
	margin: 0px;
	padding: 0px;
	font-family:Tahoma, Geneva, sans-serif;
}
form {
	margin: 0px;
	padding: 0px;
}
/* achtergrond elementen */
#content_achtergrond {
	background-image:url(images/achtergrond.gif);
}
#content {
	width: 930px;
	background-color:#ffffff;
	background-image: url(images/konijn_boven.png);
	background-position: bottom left;
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 10px;
}
#onderkant_wit {
	background-image:url(images/achtergrond_onder_wit.gif);
	background-position:top center;
	background-repeat:repeat-y;
	padding:0px;
}
#dierafbeelding {
	background-image:url(images/konijn_onder.png);
	background-repeat:no-repeat;
	background-position:top center;
	margin-left: auto;
	margin-right: auto;
}
#onderkant {
	background-image:url(images/achtergrond_onder.png);
	background-position:top center;
	background-repeat:no-repeat;
	padding-top: 70px;
}
#onderkant_content {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	padding: 30px;
}

/* inhoud elementen */
#logo {
	background-image:url(images/logo.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	width: 269px;
	height: 110px;
	margin-top: 8px;
	float: left;
	cursor: pointer; cursor: hand;
}
#foto {
	background-image:url(images/foto.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	width: 375px;
	height: 118px;
	margin-right: 10px;
	float: left;
}
#winkeltas {
	width: 276px;
	height: 118px;
	float: left;
}
#smallmenu {
	font-size: 0.8em;
	text-align: right;
	margin-bottom: 5px;
}
#smallmenu a:link { color: #371c50; text-decoration: none; }
#smallmenu a:visited { color: #371c50; text-decoration: none; }
#smallmenu a:hover { color: #4187a3; text-decoration: underline; }
#smallmenu a:active { color: #4187a3; text-decoration: underline; }
#winkeltas_top {
	height: 21px;
	background-image:url(images/winkeltas_top.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}
#winkeltas_content {
	background-image:url(images/winkeltas_achtergrond.jpg);
	background-position:top left;
	background-repeat:repeat-y;
	height: 76px;
	color: #371c50;
}
#winkeltas_content p.head { margin: 0px; padding: 0px; font-size: 1.0em; font-weight: bolder; }
#winkeltas_content p { margin: 0px; padding: 0px; font-size: 0.8em; }
#winkeltas_content a:link { color: #7b668e; text-decoration: none; }
#winkeltas_content a:visited { color: #7b668e; text-decoration: none; }
#winkeltas_content a:hover { color: #7b668e; text-decoration: underline; }
#winkeltas_content a:active { color: #7b668e; text-decoration: underline; }
.cb {
	clear: both;
	height: 0px;
}
/* Top menu */
#menu {
	height: 43px;
	width: 930px;
	margin-bottom: 25px;
}
#topmenu {
	width:930px;
	height: 43px;
	border-collapse: collapse;
	background-image:url(images/topmenu_achtergrond.png);
}
#topmenu td {
	text-align: center;
	vertical-align: middle;
	height: 43px;
	padding: 0px;
	margin: 0px;
	line-height: 43px;
}
#menu a {
	color: #FFFFFF;	
	text-decoration: none;
	font-size: 0.8em;
	background-color: transparent; 
}
#menu a div {
	height: 43px;
	cursor: pointer;
	cursor: hand;
	background-position: top left;
	background-repeat: no-repeat;	
}
#menu a:hover {
	text-decoration: none;
}
#menu a .span1 {
	background-image:url(images/topmenu_notsel_links.png);
	padding-left: 9px;
}
#menu a .span2 {
	background-image:url(images/topmenu_notsel_rechts.png);
	background-position: top right;
	width: 0px;
	float: right;
	padding-right: 9px;
}
#menu #first a .span1 { background-image:none; }
#menu #last a .span2 { background-image:none; }
#menu a:hover .span1 { background-image:url(images/topmenu_selected_links.png); }
#menu #first a:hover .span1 { background-image:url(images/topmenu_selected_links.png); }
#menu a:hover .span2 { background-image:url(images/topmenu_selected_rechts.png); }
#menu #last a:hover .span2 { background-image:url(images/topmenu_selected_rechts_last.png); }
#menu a#selected .span1 { background-image:url(images/topmenu_selected_links.png); }
#menu a#selected .span2 { background-image:url(images/topmenu_selected_rechts.png); }
#menu #last a#selected .span2 { background-image:url(images/topmenu_selected_rechts_last.png); }

/* kolom definities */
#kolom_links {
	width: 219px;
	margin-right: 31px;
	float: left;
	border: 0px solid #00000;
}
#kolom_rechts {
	width: 680px;
	float: left;
	border: 0px solid #00000;
}
/* zoek */
#zoek {
	background-image:url(images/zoek_achtergrond.gif);
	background-position: top left;
	background-repeat: no-repeat;
	height: 39px;
	margin-bottom: 10px;
}
#zoekveld {
	float:right;
	margin-top: 11px;
	margin-right: 8px;
	width: 155px;
}
#frmZoekveld {
	width: 150px;
	padding:0px;
	margin:0px;
	border: 0px solid #ff0000;
	border-collapse: collapse;
	background-color: #f0eef2;
	color: #979797;
	font-size: 0.8em;
}
#zoekknop {
	width: 36px;
	height: 39px;
	float: right;
}

/* submenu */
#submenu {
	background-image:url(images/menu_top.gif);
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #4187a3;
	padding-top: 9px;
}
#submenu_bottom {
	background-image:url(images/menu_bottom.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	background-color: #4187a3;
	height: 9px;
	padding: 0px;
	margin-bottom: 93px; 
}
#submenu ul {
	list-style: none;
	margin: 0px;
	padding: 0em;
	width: 219px;
}
#submenu li {
	border-top: 1px solid #6a99b2;
	font-weight: normal;
	font-size: 0.95em;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 20px;
	padding-right: 5px;
}
#submenu li a {
	
}

#submenu a:link { color: #FFFFFF; text-decoration: none; }
#submenu a:visited { color: #FFFFFF; text-decoration: none; }
#submenu a:hover { color: #FFFFFF; text-decoration: underline; }
#submenu a:active { color: #FFFFFF; text-decoration: underline; }

#submenu li ul {
	list-style: none;
	padding-top: 3px;
	width: 199px;
}
#submenu li ul li.first {
	border-top: 1px solid #6a99b2;
	margin-left: -20px;
}
#submenu li ul li {
	border-top: none;
	font-size: 0.8em;
	font-weight: normal;
	margin-left: -20px;
}

#submenu p.topsubmenu {
	margin: 0px; 
	margin-left: 10px;
	margin-bottom: 10px;
	padding: 0px; 
	font-size: 1.3em; 
	font-weight: bolder;
	color:#FFFFFF;
}

/* home */
.fotoframehome_c {
	background-image:url(images/fotoframe_home.png);
	width: 155px;
	height: 268px;
	padding-top: 140px;
	cursor: pointer;
	cursor: hand;
}
.fotoframehome_tekst {
	top: 140px;
	padding-left: 10px;
	padding-right: 10px;
	background-image:url(images/wit80procent.png);
}
#kolom_rechts .fotoframehome_tekst h1 {  color: #4187a3; margin: 0px; padding: 0px; margin-bottom: 5px; font-size: 1.2em; font-weight: bolder; }
#kolom_rechts .fotoframehome_tekst h2.van {  color: #5e5e5e; margin: 0px; padding: 0px; margin-left: 10px; padding-bottom: 5px; font-size: 0.7em; font-weight: bolder; text-decoration:line-through; }
#kolom_rechts .fotoframehome_tekst h2.voor {  color: #381d52; margin: 0px; padding: 0px; margin-left: 10px; padding-bottom: 5px; font-size: 0.7em; font-weight: bolder; }

.fotoframehome {
	width: 155px;
	height: 268px;
	float: left;
	margin-right:20px;
	margin-bottom: 20px;
}
.fotoframehome_last {
	width: 155px;
	height: 268px;
	float: left;
	margin-right:0px;
}


/* overige pagina's */
.infobox_content { color: #4187a3; }
#kolom_rechts .infobox_content h1 { margin: 0px; padding: 0px; padding-bottom: 15px; font-size: 1.0em; font-weight: bolder; }
#kolom_rechts .infobox_content p.naam { margin: 0px; padding: 0px; padding-bottom: 15px; font-size: 0.8em; font-weight: bolder; color: #58a145; }
#kolom_rechts .infobox_content p.producturl { margin: 0px; padding: 0px; padding-bottom: 15px; font-size: 0.8em; font-weight: bolder; color: #58a145; }
#kolom_rechts .infobox_content h3 { margin: 0px; padding: 0px; padding-bottom: 5px; font-size: 0.8em; font-weight: bolder; color: #4187a3; }
#kolom_rechts .infobox_content p.van { margin: 0px; padding: 0px; padding-bottom: 5px; font-size: 0.8em; font-weight: bolder; color: #4187a3; text-decoration:line-through; }
#kolom_rechts .infobox_content p.voor { margin: 0px; padding: 0px; padding-bottom: 5px; font-size: 0.8em; font-weight: bolder; color: #4187a3; }
#kolom_rechts .infobox_content p { margin: 0px; padding: 0px; padding-bottom: 15px; font-size: 0.8em; font-weight: normal; }
.infobox_top_left { height: 13px; background-image:url(images/h_lb.png); background-position: top left; background-repeat:no-repeat; }
.infobox_top_right { height: 13px; background-image:url(images/h_rb.png); background-position: top right; background-repeat:no-repeat;  }
.infobox_content {
	border-left: 1px solid #cecece;
	border-right: 1px solid #cecece;
	padding-left: 10px;
	padding-right: 10px;
}
.infobox_bottom_left { height: 13px; background-image:url(images/h_lo.png); background-position: bottom left; background-repeat:no-repeat; }
.infobox_bottom_right { height: 13px; background-image:url(images/h_ro.png); background-position: bottom right; background-repeat:no-repeat; }


#kolom_rechts h1 {  color: #4187a3; margin: 0px; padding: 0px; margin-bottom: 5px; font-size: 2.0em; font-weight: normal; }
#kolom_rechts h2 {  color: #381d52; margin: 0px; padding: 0px; margin-bottom: 5px; font-size: 1.6em; font-weight: normal; }
#kolom_rechts h3 {  color: #381d52; margin: 0px; padding: 0px; margin-bottom: 5px; font-size: 1.1em; font-weight: normal; }
#kolom_rechts p {  color: #381d52; margin: 0px; padding: 0px; padding-bottom: 5px; font-size: 0.8em; line-height: 1.4em;  }
#kolom_rechts ul {  color: #381d52; font-size: 0.8em; line-height: 1.4em;  }
#kolom_rechts a:link { color: #58a145; text-decoration: none; }
#kolom_rechts a:visited { color: #58a145; text-decoration: none; }
#kolom_rechts a:hover { color: #381d52; text-decoration: underline; }
#kolom_rechts a:active { color: #381d52; text-decoration: underline; }
#kolom_rechts hr {
	border: 0;
	color: #58a145;
	background-color: #58a145;
	height: 1px;
	width: 100%;
	text-align: left;
}

.prijstag {
	float: right;
}
a.button  {
	background-image:url(images/arrow.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 14px;
	padding-bottom: 3px;
	font-size: 0.9em;
}
span.button {
	background-image:url(images/arrow.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 14px;
	padding-bottom: 3px;
	font-size: 0.9em;
}


/* onderkant */
#onderkant_content p.bottom-head { width: 200px; margin: 0px; padding: 0px; padding-bottom: 5px; margin-bottom: 15px; border-bottom: 1px solid #96c58a; color: #ffffff; font-size: 1.0em; font-weight: bolder; }
#onderkant_content p { margin: 0px; padding: 0px; margin-bottom: 10px; font-size: 0.8em; font-weight: normal; color: #ffffff; }
#onderkant_content a:link { color: #ffffff; text-decoration: none; }
#onderkant_content a:visited { color: #ffffff; text-decoration: none; }
#onderkant_content a:hover { color: #ffffff; text-decoration: underline; }
#onderkant_content a:active { color: #ffffff; text-decoration: underline; }


/* foto gallerij */
a.prev_button  {
	background-image:url(images/arrow_left.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 14px;
	padding-bottom: 3px;
	font-size: 0.9em;
}
a.next_button  {
	background-image:url(images/arrow.gif);
	background-position: right;
	background-repeat: no-repeat;
	padding-right: 14px;
	padding-bottom: 3px;
	font-size: 0.9em;
}
.gallery_demo{width:680px;margin:10px auto;}
.gallery_demo li{width:50px;height:50px;border:3px single #111;margin: 4px;background:#000;}
.nav { font-size: 0.8em; }

#message_box {
	position: absolute;
	top: 0; left: 0;
	z-index: 10;
	background:#ffc;
	padding:5px;
	border:1px solid #CCCCCC;
	text-align:center;
	font-size: 0.8em;
	width:99%;
	margin-left: auto;
	margin-right: auto;
}
#message_box p {
	margin: 0px;
}


/* order tabel */
#ordertabel {
	width: 100%;
}
#ordertabel th {
	text-align:left;
	font-size: 0.9em;
	border-bottom: 1px solid #96c58a;
	padding: 2px;
	color:#371c4f;
}
#ordertabel td {
	text-align: left;
	padding: 4px;
	font-size: 0.75em;
}
#ordertabel td input {
	width: 30px;
	text-align: right;
}
#ordertabel .getal {
	text-align: right;
}
#ordertabel .even td {
	background-color:#eafae5;
}
#ordertabel #subtotaal td {
	border-top: 2px solid #96c58a;
	text-align: right;
}
#ordertabel #verzendkosten td {
	border-top: 1px dotted #96c58a;
	text-align: right;
}
#ordertabel #totaal td {
	border-top: 2px solid #371c4f;
	font-weight: bolder;
	text-align: right;
}

#formb_top {
	background-image:url(images/formb_top.png);
	background-position: top left;
	background-repeat: no-repeat;
	height: 10px;
	width: 680px;
}
#formb_middle {
	background-image:url(images/formb_middle.png);
	background-position: top left;
	background-repeat: repeat-y;
	width: 640px;
	padding: 20px;
}
#formb_bottom {
	background-image:url(images/formb_bottom.png);
	background-position: top left;
	background-repeat: no-repeat;
	height: 10px;
	width: 680px;
}
#formb_middle .label {
	font-size: 0.8em;
}
#formb_middle .melding {
	font-size: 0.8em;
	background-color:#FFC;
	border: 1px solid #FC0;
	padding: 10px;
}
#gegevensinvoer {
	font-size: 0.9em;
	margin-left:auto;
	margin-right: auto;
}
#gegevensinvoer th {
	padding: 4px;
	text-align: left;
}
#gegevensinvoer td {
	padding: 4px;
}
#gegevensinvoer td input {
	margin-right: 20px;
}
#gegevensinvoer hr {
	border: 0;
	color: #dedede;
	background-color: #dedede;
	height: 1px;
	width: 100%;
	text-align: left;	
}
#gegevensinvoer .label {
	text-align: left;
	color: #5e5e5e;
	font-size: 0.9em;
}
#gegevensinvoer .waarde {
	padding-right: 20px;
	color:#371c4f;
	font-weight: bolder;
	font-size: 0.8em;
}
input.error {
	background-color:#FFC6C7;
	border: 1px inset #5e5e5e;
	color: #b50e0e;
}

.klein {
	font-size: 7px;
	color: #cecece;
}
#aflevergegevens td input {
	margin-right: 0px;
}
table.error {
	background-color:#FFC6C7;
	color: #b50e0e;
}
.bestelbutton {
	font-weight: bolder;
	font-size: 1.2em;
}



#dialog-modal .fotoframehome_tekst h1 {  color: #4187a3; margin: 0px; padding: 0px; margin-bottom: 5px; font-size: 1.2em; font-weight: bolder; }
#dialog-modal .fotoframehome_tekst h2.van {  color: #5e5e5e; margin: 0px; padding: 0px; margin-left: 10px; padding-bottom: 5px; font-size: 0.7em; font-weight: bolder; text-decoration:line-through; }
#dialog-modal .fotoframehome_tekst h2.voor {  color: #381d52; margin: 0px; padding: 0px; margin-left: 10px; padding-bottom: 5px; font-size: 0.7em; font-weight: bolder; }
#dialog-modal h1 {  color: #4187a3; margin: 0px; padding: 0px; margin-bottom: 5px; font-size: 2.0em; font-weight: normal; }
#dialog-modal h2 {  color: #381d52; margin: 0px; padding: 0px; margin-bottom: 5px; font-size: 1.6em; font-weight: normal; }
#dialog-modal h3 {  color: #381d52; margin: 0px; padding: 0px; margin-bottom: 5px; font-size: 1.1em; font-weight: normal; }
#dialog-modal p {  color: #381d52; margin: 0px; padding: 0px; padding-bottom: 5px; font-size: 0.8em; line-height: 1.4em;  }
#dialog-modal ul {  color: #381d52; font-size: 0.8em; line-height: 1.4em;  }
#dialog-modal a:link { color: #58a145; text-decoration: none; }
#dialog-modal a:visited { color: #58a145; text-decoration: none; }
#dialog-modal a:hover { color: #381d52; text-decoration: underline; }
#dialog-modal a:active { color: #381d52; text-decoration: underline; }
#dialog-modal hr {
	border: 0;
	color: #58a145;
	background-color: #58a145;
	height: 1px;
	width: 100%;
	text-align: left;
}
#dialog-modal .infobox_content h1 { margin: 0px; padding: 0px; padding-bottom: 15px; font-size: 1.0em; font-weight: bolder; }
#dialog-modal .infobox_content h2 { margin: 0px; padding: 0px; padding-bottom: 15px; font-size: 0.8em; font-weight: bolder; color: #58a145; }
#dialog-modal .infobox_content h3 { margin: 0px; padding: 0px; padding-bottom: 5px; font-size: 0.8em; font-weight: bolder; color: #4187a3; }
#dialog-modal .infobox_content h3.van { margin: 0px; padding: 0px; padding-bottom: 5px; font-size: 0.8em; font-weight: bolder; color: #4187a3; text-decoration:line-through; }
#dialog-modal .infobox_content h3.voor { margin: 0px; padding: 0px; padding-bottom: 5px; font-size: 0.8em; font-weight: bolder; color: #4187a3; }
#dialog-modal .infobox_content p { margin: 0px; padding: 0px; padding-bottom: 15px; font-size: 0.8em; font-weight: normal; }


.infobalk-left {
	background-image:url(images/infobalk-left.png);
	background-position: top left;
	background-repeat: no-repeat;
	height: 36px;
	padding-left: 8px;
	float: left;
	margin-left: 10px;
}
.infobalk-middle {
	background-image:url(images/infobalk-middle.png);
	background-position: top left;
	background-repeat: repeat-x;
	height: 16px;
	text-align: center;
	line-height: 16px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	color: #ffffff;
	font-size: 0.9em;
}
.infobalk-right {
	background-image:url(images/infobalk-right.png);
	background-position: top right;
	background-repeat: no-repeat;
	height: 36px;
	padding-right: 8px;
}
.levertijd {
	color:#666;
	font-size:12px;
}