/* CSS Document */

/* 
groen = #99CC66; oud = #74c712;
*/

/****************************************
				GENERAL
****************************************/

:root {
	--color-groeninga: #4f6c55;
	--color-bakstain: #a72836;
	--color-hike-groen: #f7c120;
	--color-nachthemel: #133351;
	--color-wad: #b1b4a0;
	/* --color-hike-bruin: #029e59; */
	 --color-hike-bruin: #02884b; 
	--color-ploeg: #f3a2b2;
	--color-graan: #dcbe86;
	--color-pronk: #15a8a1;
	--color-patina: #accdac;
	--color-borg: #fdfbf3;
	--color-klei: #484942;
	--color-goud: #e7b27c;
    --color-hike-bruin: #820200;
    --color-hike-groen: #008a55;
}
*{
	margin: 0;
	padding: 0;
	font-family: Verdana, Geneva, sans-serif;
	color: #000000;
	font-size: 16px;
	text-decoration: none;
	/*border:none;*/
}
body {
        width:1000px;
}
/*
@page {
	margin: 35px 60px 35px 60px;
}
*/
#container
{
	

}
.h1
{
	font-size: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.h2
{
	font-size: 22px;
	color: var(--color-hike-bruin);
	font-weight: bold;
	/*margin: 0 0 10px 0;*/
	border-bottom: 1px solid var(--color-hike-bruin);
	
	
}
#teaserImage
{
	margin-top: 10px;
	margin-bottom: 10px;
}
.tourImgWrapper {
    width: 250px;
    float: right;
}
#days
{
	float: left;
	text-decoration: italic;
}
#price
{
	float: left;
	color: var(--color-hike-bruin);
	font-weight: bold;
}
#contact_block
{
    background-color: var(--color-hike-bruin);
    clear: both;
    
    width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}
#contact_block p,
#contact_block *
{
	color: #fff;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	padding: 5px;
}
#tour_info
{
	padding: 0 0 5px 0;

}
#price
{
	font-style: italic;
}
#price span
{
}
.tab
{
	margin: 55px 15px 15px 0;
	clear:both;
}
#kaart
{
	 float:left;
	 margin-right:15px;
	 margin-top: 10px;
    width: 300px;
}
#info
{
	margin-top: 10px;	
}
#info *{
	font-size:18px;
}
.infoIconsContainer {
    padding: 15px 0;
}
.infoIcon {
	clear: both;
	padding: 15px 0;
}
.infoIconsContainer .imgContainer {
    float: left;
    width: 50px;
}
.infoIconsContainer .imgContainer img {
    max-width: 100%;
}
.infoIconsContainer .iconText {
    float: left;
    padding-top: 5px;
	padding-left: 50px;
	width:750px;
}
.infoIconsContainer .iconText, 
.infoIconsContainer .iconText p, 
.infoIconsContainer .iconText span, 
.infoIconsContainer .iconText *  {
	color: #000 !important; 
	font-family: Arial, univia-pro !important; 
	font-size: 14px !important;
}
.accoContainer {
	width: 100%;
	border: 1px solid #d3d3d3;
	padding: 15px;
	margin-bottom: 15px;
}
.accoContainer:after {
	content:"";
	display: block;
	clear: both;
}
.accoContainer .accoImages,
.accoContainer .accoDescriptionContainer {
	float: left;
}
.accoContainer .accoImgContainer {
	float: none;
	margin-right: 15px;
}


.accoContainer .accoDescriptionContainer .accoName {
	font-weight: bold;
}
.accoContainer .accoImgContainer {
                width: 120px;
        }
.accoContainer .accoDescriptionContainer {
                width: 290px;
        }