* {
    margin: 0;
    padding: 0;
}

body {
	width: 100%;
	color: black;
    background: #fff;
    font: 13px Verdana, sans-serif;
}

a {
	color: #689a08;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/* vemeldingen folderaanbiedingen - websites en productaanbiedingen binnen segment */
p.segment-categories {
	color: gray;
	font-weight: bold;
	padding-top: 1em;
}

p.tip-segment {
	font-size: 90%;
	color: gray;
}

/* wordt gebruikt op homepage */
p.tip-general {
	font-size: 90%;
	color: gray;
}

img {
	border: none ;
}


img.header {
	border: none;
}

h1.header {
	color: white;
	font-size: 120%;
}

h2 {
	font-size: 100%;
	color: gray;
}

h2.segment {

}

h2.homepage {
	margin-top: 2em;
	color: gray;
}

h2.newsletter {
	margin: 1em 0em;
	color: gray;
}

div.main {
	min-width: 1000px;
}

div.header {
	position: relative;
	background: #7EB60F;
	background-image:url('/media/folderplaats/img/bg-header.png');
	background-repeat:no-repeat;
	background-position:top right;
	min-width: 800px;
	padding: 0em 0em 0em 0em;  /* top right bottom left */
	border-bottom: 3px solid #d5d5ce;
}

div.navigation {
	border: 0px solid #d5d5ce;
	margin: 0em 0em 0em 0em;  /* top right bottom left */
	padding: 0.8em 2em; /* positionering van de volledige balk, items in de balk worden gepaald door navigation-horizontal */
	
}

/* totale breedte van de content onder header -geen invloed op navigation horizontal en footer*/
div.main-content {
	clear: both;
	min-height: 500px; /* om te voorkomen dat menu vertical over footer heen valt - bijv. bij aanmelden nieuwsbrief */
	text-align: left;
	margin: 0em 0em 0em 0em;  /* top right bottom left */
	padding: 0em 0em 1em 2em;  /* top right bottom left */
}

/* veld onder header rechts van menu */
div.main-right {
	padding: 0em 0em 1em 1em;  /* top right bottom left */
	float: left;
}

/* menu weergave links onder header */
div.main-left {
	width: 210px;
}

/* menu horizontaal bovenaan site + groen kader op homepage met link naar login */
div.navigation-horizontal {
	border: 1px solid #7EB60F; 
	padding: 0.3em 0.5em; 
	background: #ffffff; 	
	color: gray;
}

/* o.a. gebied weergave iconen in segment */
div.shops-area {
	clear: both;
	margin: 0em 0em 0em 0em;  /* top right bottom left */
	padding-top: 0em;	
}

/* presentatie in segmenten zonder padding-top */
div.shops-area {
	clear: both;
	margin: 0em 0em 0em 0em;  /* top right bottom left */
}

/* creert extra ruimte onderin segment pagina */
div.segment-spacer {
	clear: both;
	height: 10px;
}

/* container van het plaatsen van shoplogo en shopnaam */
div.shop-logo {
	border: 1px solid #d5d5ce;
	width: 95px;
	height: 90px;
	margin: 1em 1em 0em 0em;  /* top right bottom left */
	padding: 0.5em;
	text-align: center;
	cursor: pointer;
}

div.shop-logo:hover {
	background: #e6ffb5;
	border: 1px solid #7EB60F;
}

div.shop-logo a:hover {
	text-decoration: none;
}

/* zorgt voor positionering van het logo binnen de div en dat shopnames eronder goed worden uitgelijnd */
/* thumbnails.py filter staat nu ingesteld op max breedte van 95px of max hoogte van 45px */
div.shop-logo-img {
	height: 40px;
}

/* voorkomt dat er een rand om shoplogo wordt geplaatst ivm href= */
div.shop-logo img {
	padding-top: 1em;
	border: none;
}

/* zorgt voor highlight van een nieuw verschenen folder */
div.shop-logo-highlight {
	border: 1px solid #ffae00;
	width: 95px;
	height: 90px;
	margin: 1em 1em 0em 0em;  /* top right bottom left */
	padding: 0.5em;

	text-align: center;
	background: #fff29b;
	cursor: pointer;
}

div.shop-logo-highlight:hover {
	background: #e6ffb5;
	border: 1px solid #7EB60F;
}

div.shop-logo-highlight a:hover {
	text-decoration: none;
}

/* voorkomt dat er een rand om shoplogo wordt geplaatst ivm href= */
/* zorgt voor positionering van het logo binnen de div en dat shopnames eronder goed worden uitgelijnd */
/* thumbnails.py filter staat nu ingesteld op max breedte van 95px of max hoogte van 45px */
div.shop-logo-highlight img {
	padding-top: 1em;
	border: none;
}


/* wordt gebruikt in formulier yourmailinglistprovider */
div.newsletter-signup-form {
	height: 50px; 
	padding-top: 1em;
}

/* gebruikt in show-newsletter.html */
div.newsletter {
	background: #e6ffb5;
	border: 1px solid #d5d5ce;
	padding: 0.5em 1em 0.5em 1em;  /* top right bottom left */	
}

div.newsletter:hover{
	background: #fffbd9;
	border: 1px solid #7EB60F;
}


/* related shops op retailer pagina */
div.related-shops {
	clear: both;
	margin: 2em 0em;
	padding-top: 1em;
}

/* presentatie gerelateerde winkels op productoffers pagina retailer */
div.related_shops_productoffers_container {
	width: 80%; 
	border: 1px solid orange; 
	margin: 1em; 
	padding: 0.5em; 
	color: gray; 
	background: #fff1d3;
}

div.footer {
	clear: both;
	min-width: 800px;
	height: 100px;
    bottom:0;
	padding: 2em 0em 4em 0em;  /* top right bottom left */
	margin: 0em 0em;
	background: #d5d5ce;
	background-image:url('/media/folderplaats/img/bg-footer.png');
	background-repeat:repeat-x;
	text-align: center;
	border-top: 3px solid #7EB60F;
	color: #669acc;
}

div.footer a{
	color: #669acc;
}

div.footer a:hover{
	text-decoration: none;
}

/* weergave van term folder / website / producten onder icoon en winkelnaam */
div.print-seo-term {
	font-size: 80%;
	color: gray;
}

div.print-seo-term a {
	color: gray;
	text-decoration: none;
}

/* weergave verwijder link onder icoon en winkelnaam --> zichtbaar voor ingelogde users */
div.remove-link {
	margin-top: 0.2em;
	font-size: 80%;
	color: red;
	width: 95px;
	text-align: center;
}

div.remove-link a {
	color: red;
	text-decoration: none;
}

/* weergave toevoeg link onder icoon en winkelnaam --> zichtbaar voor ingelogde users */
div.add-to-favorite-link {
	margin-top: 0.2em;
	font-size: 80%;
	color: blue;
	width: 95px;
	text-align: center;
}

div.add-to-favorite-link a {
	color: blue;
	text-decoration: none;
}

/*  bericht bovenaan pagina bij verlopen tweet of bij verwijderen / toevoegen folder aan favorieten */
div.page-message {
	color: red; padding: 0.5em; border: 1px solid red; margin-top: 1em; margin-bottom: 1em; background: #fff5f5;
}

/* show_newsletter.html */
div.newsletter-logo {
	float: left;
	margin: 1em;
	padding: 1em;
	height: 60px;
	width: 100px;
	border: 1px solid #FFFFFF;
	text-align: center;
}

div.newsletter-logo:hover {
	background: #e6ffb5;
	border: 1px solid #7EB60F;
}

div.newsletter-logo img{
	border: none;
}

table.form {
	margin: 1em 0em;
	padding: 0.5em 0.5em;
	background: #e8e8e8;
	border: 1px solid gray;
}

td.folderinfo-retailer {
	font-size: 100%;
}

td.new-folders {
	color: #932d00;
	font-weight: bold;
}

td.newsletter-signup-form {
	padding: 0.5em 0.5em 0.5em 0em;  /* top right bottom left */
}

td.shops-alfabetical-header {
	padding: 0em 0.5em 0em 0.5em;  /* top right bottom left */
	width: 250px;
	color: gray;
}

td.shops-alfabetical-content {
	padding: 1em 0.5em 1em 0.5em;  /* top right bottom left */
	line-height: 1.6em;
	border-left: 1px solid #d5d5ce;
	vertical-align: top;
}

td.new-folders-content {
	padding: 0em 0.5em 0em 0.5em;  /* top right bottom left */
	line-height: 2em;
	border-bottom: 1px solid #d5d5ce;
	color: gray;
}

td.check-offers-header {
	padding: 3em 0em 1em 0em;  /* top right bottom left */
}


td.check-offers-content {
	width: 150px;  /* top right bottom left */
	border-bottom: 1px solid #d5d5ce;
	color: gray;
}

/* online shop */

/* uitleg / stappen bovenaan bestelpagina's */
div.order-proces {
	float: left; padding: 0.5em; border: 1px solid gray; margin-bottom: 1em; margin-right: 0.5em; color: gray; height: 50px;
}

div.order-proces-active {
	float: left; padding: 0.5em; border: 1px solid #7EB60F; margin-bottom: 1em; margin-right: 0.5em; color: #7EB60F; height: 50px; background: #ecffc6;
}