/**************************************************/
/*              General settings                  */
/**************************************************/
html, body {
	color: #1a171b;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;

	line-height: 123.1%;

	
}

a {
	color: #1a171b;
	text-decoration: none;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
html, body  {
	height: auto !important;}
}

div#container {
	margin: 0 0 0 237px;
	padding: 0 0 25px;
	text-align: left;
}

div#navigation {
	background: #fff;
	color: #191919;
	font-size: 93%;
	height: 100%;
	left: 0;
	overflow: auto;
	padding: 20px 0 0 15px;
	position: fixed;
	top: 0;
	width: 222px;
	z-index: 100;
}

html.js div#navigation div.section {
	display: none;
}

html.js div#navigation div.active {
	display: block;
}


@media screen and (-webkit-min-device-pixel-ratio:0){
html, body  {
	line-height: 16px;}
}

div#mainContent {
	margin: 0;
	padding: 45px 0 30px 22px;
	width: 730px;
}

.branding {
	margin: 0 0 15px;
}

#teaser {
	margin: 0 0 41px;
}

#mainContent {
	font-size: 93%;
}

/*
div#navigation .box {
	margin: 0 0 20px 0;
}

div#mainContent p {
	margin: 0 0 30px;
	letter-spacing: 1px;
	width: 397px;
}
*/
/**************************************************/
/*            Specific color styles               */
/**************************************************/
#navigation a,
.download a {
	color: #1a171b;
	display:inline-block;
	margin: 0 0 0 -2px;
	padding: 0 2px;
	text-decoration: none;
	white-space: normal;
}

#navigation .branding a {
	padding: 0 2px;
}

ul.destinationNavigation a {
	/* FF 2.0 fix */
	display: block;
	/* --- */
	padding: 0;
}

ul.destinationNavigation a span {
	padding: 2px;
}

/* FF 2.0 fix */

ul.pageNavigation li {
	float: left;
	width: 100%;
}

ul.pageNavigation li a {
	float: left;
}

/* --- */

html.translate-googleusercontent-com #translate {
	display: none !important;
}

html.translate-googleusercontent-com #teaser {
	margin: 0 0 15px;
}

#translate a {
	display: inline;
	margin: 0;
	padding: 0;	
}

.destinationNavigation .active span,
.vcard .active,
.pageNavigation .active {
	background-color: #1a171b !important;
}

/* anchors hovers */
.download a {
	background-color: #fff;
	color: #000;
}

.download a:hover,
.download a:visited, 
a:hover.samen span, 
a:hover.taal span, 
a:hover.inspiratie span,
a:hover.contact,
#prev:hover,
#next:hover,
a.link:hover {
	background-color: #000;
	color: #fff !important;
}

a:hover.zwartkopschaap {
	background-color: rgb(226, 226, 226);
}

a:hover.play-and-humour {
	background-color: rgb(242, 212, 202);
}

a:hover.wakker {
	background-color: rgb(223, 203, 212);
}

a:hover.kansrijk {
	background-color: rgb(173, 198, 205);
}

a:hover.samenwerken {
	background-color: rgb(175, 142, 185);
}

a:hover.jutter {
	background-color: rgb(156, 168, 156);
}

a:hover.winst {
	background-color: rgb(199, 197, 185);
}

a:hover.beetjes {
	background-color: #a2c0d8;
}

a:hover.plezier {
	background-color: #d0f3f7;
}

a:hover.ambities {
	background-color: #b6aa94;
}

a:hover.meestalGoed {
	background-color: #aab79d;
}

a:hover.geluk {
	background-color: #867770;
} 

a:hover.graag {
	background-color: #81b0ce;
} 

a:hover.grenzen {
	background-color: #bbcfd8;
} 

a:hover.hartZiel {
	background-color: #aaa1bc;
}

a:hover.economisch {
	background-color: #a89a99;
} 

a:hover.zesje {
	background-color: #84aebe;
} 

a:hover.opvallen {
	background-color: #d85692;
}

a:hover.bedankje {
	background-color: #939592;
}

a:hover.iets {
	background-color: #a0aeb7;
}

a:hover.genoeg {
	background-color: #ffd0e9;
}

a:hover.liggend {
	background-color: #ffff00;
} 

a:hover.staand {
	background-color: #00ffff;
} 

a:hover.met {
	background-color: rgb(0, 156, 221);
} 

a:hover.zonder {
	background-color: rgb(193, 0, 31);
} 


/* body colors */
/*
body.samen {
	background-color: #00ff00;
}

body.taal {
	background-color: #ff00ff;
}

body.inspiratie {
	background-color: #ff8a00;
}
*/

body.zwartkopschaap {
	background-color: rgb(226, 226, 226);
}

body.play-and-humour {
	background-color: rgb(242, 212, 202);
}

body.wakker {
	background-color: rgb(223, 203, 212);
}

body.kansrijk {
	background-color: rgb(173, 198, 205);
}

body.samenwerken {
	background-color: rgb(175, 142, 185);
}

body.jutter {
	background-color: rgb(156, 168, 156);
}

body.winst {
	background-color: rgb(199, 197, 185);
}

body.beetjes {
	background-color: #a2c0d8;
}

body.contact {
	background-color: #bbbbbb;
}

body.plezier {
	background-color: #d0f3f7;
}

body.ambities {
	background-color: #b6aa94;
}

body.meestalGoed {
	background-color: #aab79d;
}

body.geluk {
	background-color: #867770;
} 

body.graag {
	background-color: #81b0ce;
} 

body.grenzen {
	background-color: #bbcfd8;
} 

body.hartZiel {
	background-color: #aaa1bc;
}

body.economisch {
	background-color: #a89a99;
} 

body.zesje {
	background-color: #84aebe;
} 

body.opvallen {
	background-color: #d85692;
}

body.bedankje {
	background-color: #939592;
}

body.iets {
	background-color: #a0aeb7;
}

body.genoeg {
	background-color: #ffd0e9;
}

body.liggend div.pictureHolder a.close:hover,
body.liggend div.pictureHolder a.arrow_next:hover,
body.liggend div.pictureHolder a.arrow_previous:hover {
	background-color: #ffff00;
} 

body.staand div.pictureHolder a.close:hover,
body.staand div.pictureHolder a.arrow_next:hover,
body.staand div.pictureHolder a.arrow_previous:hover {
	background-color: #00ffff;
} 

body.met div.pictureHolder a.close:hover,
body.met div.pictureHolder a.arrow_next:hover,
body.met div.pictureHolder a.arrow_previous:hover {
	background-color: rgb(0, 156, 221);
}

body.zonder div.pictureHolder a.close:hover,
body.zonder div.pictureHolder a.arrow_next:hover,
body.zonder div.pictureHolder a.arrow_previous:hover {
	background-color: rgb(193, 0, 31);
}


/**************************************************/
/*             Specific page styles               */
/**************************************************/
#navigation ul li {
	letter-spacing: 0.25px;
}

#navigation ul.destinationNavigation li {
	letter-spacing: 0.14px;
}

#navigation ul.destinationNavigation li a {
	padding: 0;
}	

/* mainContent */
div#mainContent p {
	letter-spacing: 0.5px;
}

.rengRing div.post p {
	margin: 0 0 10px;
}

div.post {
	margin: 0 0 40px;
}

div#flashContent,
.message {
	margin: 40px 0;
}

body.meestalGoed div#flashContent {
	margin: 40px 0 40px 22px;
}

body.zwartkopschaap div#flashContent {
	margin: 20px 0 60px 0;
}

/* images */

div#mainContent img {
	margin: 0 0 20px -22px;
}

body.zwartkopschaap div#mainContent img,
body.play-and-humour div#mainContent img,
body.wakker div#mainContent img,
body.kansrijk div#mainContent img,
body.samenwerken div#mainContent img,
body.jutter div#mainContent img,
body.winst div#mainContent img,
body.beetjes div#mainContent img {
	margin: 0 0 20px -15px;
}

body.opvallen div#mainContent img,
body.ambities div#mainContent img {
	margin: 0 0 -4px -22px;
}

body.genoeg div#mainContent img {
	margin: 0 0 20px 0;
}

/* ---- */

div#mainContent p {
	width: 455px;
}

div#mainContent .largeContent {
	margin: 60px 0 0;
}

div#mainContent .lastImage {
	margin: 0 0 130px -22px;
}

.vcard .org {
	display: none;
}

#navigation a.contact {
	padding: 0 0 0 2px;
}

/* Week liggend */
div#mainContent .liggendBoxes img,
div#mainContent .staandBoxes img,
div#mainContent .rengringBoxes img,
ul.liggendBoxes li h3,
ul.staandBoxes li h3,
ul.rengringBoxes li h3 {
	margin: 0 0 10px;
}

div#mainContent .liggendBoxes p,
div#mainContent .staandBoxes p,
div#mainContent .rengringBoxes p {
	width: auto;
}

ul.liggendBoxes a,
ul.staandBoxes a,
ul.rengringBoxes a {
	display: block;
	outline: 0;
}

ul.liggendBoxes li {
	float: left;
	height: 268px;
	margin: 0 19px 0 0;
	width: 224px;	
}

ul.staandBoxes li {
	float: left;
	height: 337px;
	margin: 0 75px 0 0;
	width: 168px;	
}

ul.rengringBoxes li {
	float: left;
	height: 324px;
	margin: 0 19px 0 0;
	width: 224px;	
}

/* Lightbox */
div#overlay {
	z-index: 100 !important;
}

/* Voorwaarden */
ol.isVoorwaarden {
	width: 400px;
}

ol.isVoorwaarden span {
	float: left;
	padding: 0 10px 0 0;
}

ol.isVoorwaarden li {
	margin: 0 0 20px;
}

ol.isVoorwaarden li li {
	margin: 0;
	padding: 0;
}

#mainContent ol.isVoorwaarden p {
	margin: 0 0 0 35px;
	width: auto;
}