* {
    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;
	margin-bottom: 1em;
}

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

p.alinea {
	clear: left;
	margin-top: 1em;
}

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;
	width: 100%;
}

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: 1000px;
	padding: 0em 0em 0em 0em;  /* top right bottom left */
	border-bottom: 3px solid #d5d5ce;
}

/* totale breedte van de content onder header -geen invloed op navigation horizontal en footer*/
table.main-content {
	width: 100%;
	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 */
td.main-right {
	padding: 0em 2em 1em 1em;  /* top right bottom left */
}

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

/* 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;
	margin: 1em 2em;
}

div.navigation-horizontal a {
	margin: 0em 1em;
}

/* favoriete folders op homepage */
div.show-favorites {
	width: 98%; 
	border: 1px solid #7EB60F;
	background: #fff1c1; 
	padding: 1em;
}

div.show-favorites h2 {
	font-size: 110%; 
	font-weight: bold; 
	color: black; 
	margin-bottom: 0.5em;
}

div.show-favorites p {
	font-size: 90%; 
	font-weight: normal; 
	color: brown; 
	margin-bottom: 0.5em;
}

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

/* presentatie in segmenten zonder padding-top KAN VOLGENS MIJ WEG */
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-container {
	height: 150px;
	width: 124px;
	float: left;
	text-align: center;
}

div.shop-logo {
	float: left;
	border: 1px solid #d5d5ce;
	width: 95px;
	height: 90px;
	margin: 0em 0em 0em 0em;  /* top right bottom left */
	padding: 0.5em;
	text-align: center;
	display: block;
}

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

div.shop-logo a {
	display: block;
}

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 {
	position: relative;
	height: 40px;
	text-align: center;
}

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

/* presentatie add shoptweet icoon + aantal shoptweets onder shoplogo --> valt nog binnen shop container */
table.tweet-summary {
	width: 100%;
}

td.nr-tweets {
	text-align: center;
	vertical-align: top;
}

/* presentatie counter in shop-container --> bij populairste folders */
.counter {
	font-size: 100%; 
	color: gray;
	font-weight: bold;
}


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

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 vooral bij toelichting tweets gebruikt */
.info-box-brown {
	border: 1px solid brown; 
	padding: 0.5em; 
	margin-bottom: 1em; 
	background: #fff2f2; 
	margin-top: 1em; 
	width: 750px;
}

.info-box-brown td {
	padding: 0em 0.5em; 
}

.info-box-brown a {
	color: brown;
}

/* winkeltips op voorpagina */
.folder-tips-container {
	width: 100%; 
	height: 35px; 
	margin-top: 10px; 
	padding: 0em 0em; 
	text-align: left;
}

.folder-tip {
	margin-right: 2em; 
	float: left;
} 

/* tweets op homepage en retail pagina */
.tweet-table {
	width: 700px;
	text-align: left;
}

.tweet-table td {
	padding: 0.5em;
	text-align: left;
	vertical-align: top;
}

p.tweet-date {
	color: gray; 
	font-size: 80%;
}

a.add-tweet {
	font-size: 80%; 
	color: gray; 
	text-decoration: none;
}

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

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

/* KAN VOLGENS MIJ WEG */
div.newsletter:hover{
	background: #fffbd9;
	border: 1px solid #7EB60F;
}

table.icon-shop {
	margin: 15px 0px;
}

table.icon-shop td {
	padding: 0em 1em;
}


/* 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;
	text-align: center;
}

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 KAN VOLGENS MIJ WEG */
div.print-seo-term {
	font-size: 80%;
	color: gray;
}

/* KAN VOLGENS MIJ WEG */
div.print-seo-term a {
	color: gray;
	text-decoration: none;
}

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

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

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

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

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

div.page-message a {
	color: red;
}

/* paginatie */
div.pagination-container {
	border-top: 1px solid gray; 
	margin-top: 1em; 
	padding-top: 0.5em;
	text-align: center;
	color: gray;
}

.page-link {
	margin: 0em 1em;	
}

span.active-pages {
	margin: 0em 2em;
}

a.active-page-link {
	margin: 0em 0.2em;
}

/* tabel met mijn gegevens */
table.account-info td {
	padding-right: 2em;	
}

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

/* KAN VOLGENS MIJ WEG */
div.newsletter-logo:hover {
	background: #e6ffb5;
	border: 1px solid #7EB60F;
}

/* KAN VOLGENS MIJ WEG */
div.newsletter-logo img{
	border: none;
}

/* presentatie formulieren */
table.form {
	margin: 1em 0em;
	padding: 0.5em 0.5em;
	background: #efefef;
	border: 1px solid gray;
}

table.form td {
	padding: 1em 0em;
}

.helptext {
	font-size: 90%;
	color: gray;
}

/* KAN WEG ?? */
td.folderinfo-retailer {
	font-size: 100%;
}

/* KAN WEG ?? */
td.new-folders {
	color: #932d00;
	font-weight: bold;
}

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

/* presentatie winkeloverzicht (alfabetisch) */
td.shops-alfabetical-header {
	padding: 0em 0.5em 0em 0em;  /* top right bottom left */
	color: gray;
}

td.shops-alfabetical-content {
	padding: 1em 0.5em 1em 1em;  /* top right bottom left */
	line-height: 1.2em;
	vertical-align: top;
}

/* KAN VOLGENS MIJ WEG */
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;
}

/* controleren van aanbiedingen */
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;
}