html, body  {
	text-align: center;
	background-color:#D5D5D5;
	height: 100%;
	font-family: 'Oxygen', Helvetica, Arial, Verdana, sans-serif;
	font-size: 15px;
	color: #555;
	line-height: 135%;
	font-weight: normal;
	font-variant: normal;
	font-size:16px;
	line-height:20px;
	color:#666666;
/*	background-attachment: fixed;
	background-image: url(Afbeeldingen/Achtergrond_papier3.jpg);
	background-repeat: no-repeat;
	background-position: center center;*/
}
img, div {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}
/*div p, div H1, div H2 {
	-webkit-user-select:text;
	-khtml-user-select: text;
	-moz-user-select: text;
	-o-user-select: text;
	user-select: text;
}*/
/*h1, h2 {
	font-family: 'Anton', 'Architects Daughter', 'Walter Turncoat', 'Gloria Hallelujah', 'lucida grande', tahoma, verdana, arial, sans-serif;
	line-height:100%;
	margin-left:50px;
	margin-bottom:10px;
	font-size: 26px;
	font-weight:normal;
	color: #734327;
	color:#666;
	color: #a3886d;
}*/
h1, h2 {
    font-family: 'Oxygen', Helvetica, Arial, Verdana, sans-serif;
    line-height: 100%;
    margin-left: 50px;
    margin-bottom: 10px;
    font-size: 34px;
    font-weight: bold;
    color: #734327;
    color: #666;
    color: #0087be;
}

h2 {
	color: #d9a577;
	color: #5D5D5D;
	font-size: 22px;
}
h3 {
	padding: 0 0 0.6em;
	color: #888984;
	/*text-shadow: #ddd 1px 1px 2px;*/
	font-size: 1.2em;
	font-style: italic;
}
h4 {
	padding: 0;
	color: #333;
	/*text-shadow: #ddd 1px 1px 2px;*/
	/*font-family: helvetica, arial, sans-serif;*/
/*	font-family: 'Anton', 'Architects Daughter', 'Walter Turncoat', 'Gloria Hallelujah', 'lucida grande', tahoma, verdana, arial, sans-serif;*/
font-family: 'Oxygen', Helvetica, Arial, Verdana, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: bold;
}
p {
	margin-left:50px;
	margin-right:50px;
	text-align:left;
}
.insprongL {
	margin-left:50px;
}
.insprongR {
	margin-right:50px;
}
.insprongLR {
	margin-left:50px;
	margin-right:50px;
	text-align: left;
}
.geenInsprong {
	padding-left:0px;
	padding-right:0px;
}
.centreerTekst{
	text-align:center;
	width:100%;
}
#Content {
	background-color:none;
	position:relative;
	top:60px;
	display:block;
	width:100%;
}
#achtergrondAfbeelding{
	display:block;
	height:1200px;
	width:1920px;
	position:fixed;
	background-attachment: fixed;
	background-image: url(Afbeeldingen/Achtergrond_papier4.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	z-index:0;
}
#containerSchaduw {
	background-attachment: fixed;
	background-image: url(Afbeeldingen/Schaduw960x1px.png);
	background-repeat: repeat-y;
	background-position: center top;
	display: block;
	position: absolute;
	height: 100%;
	width: 960px;
	z-index: 1;
	left:-20px;
}
#containerSchaduwwitBlok {
	background-color:white;
	display: block;
	position: fixed;
	height: 100%;
	/*margin-left: -460px;
	left:50%;
	margin-right: auto;*/
	width: 920px;
	z-index: 2;
}
.header {
	height: 190px;
}
.marginLeftNul {
	margin-left:0px;
}
.marginTopVijftig {
	margin-top:50px;
}

a {
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#204d6c;
	text-decoration:none;
}
a:hover {
	color: #276490;
}
.negentigProcent {
	font-size:90%;
}


/*p {
	padding: 0 0 1em;
	color: #666;
	font: 1em/1.4em arial,sans-serif;
}*/
.download {
	position: absolute;
	right: 0;
	top: 160px;
}
.websiteThumbnail {
	top:120px;
	position:absolute;
	z-index:10;
}
/*.praatWolk {
	position:inherit;
	margin-top:0px;
	margin-left:-20px;
	visibility:block;
	z-index:20;
}*/
#praatwolk {
	position:absolute;
	top:0px;
	display: none;
	height: 290px;
	width: 389px;
	z-index:200;
	background-image:url(Afbeeldingen/Layout-praatwolk.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#kader {
	position:absolute;
	display: none;
	height: 290px;
	width: 389px;
	z-index:200;
	background-image:url(Afbeeldingen/Layout-praatwolk.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.zwartKader {
	background-color:none;
	padding: 6px;
	padding-left:18px;
	height: 36px;
	width: 390px;
}
/*#beschrijvingSite_Bexon, #beschrijvingSite_BVR, #beschrijvingSite_CarloTuinen, #beschrijvingSite_CharlesDenTex, #beschrijvingSite_DeOntmoeting, #beschrijvingSite_Frezoli, #beschrijvingSite_InterieurIllusies, #beschrijvingSite_JulianAssange, #beschrijvingSite_KaderAbdolah, #beschrijvingSite_Schrauwen, #beschrijvingSite_TierlanTijn, #beschrijvingSite_FagusAsterix, #beschrijvingSite_Zuiderplastics {
	position:absolute;
	top:170px;
	display: none;
	height: 64px;
	width: 430px;
	z-index:201;
}*/
.verborgenSitebeschrijving {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	position:absolute;
	text-align:center;
	color:#666666;
	top:18%;
	display: none;
	height: 64px;
	width: 430px;
	z-index:201;
}
.siteBeschTekst{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:center;
	font-size: 11px;
	font-weight: normal;
	color: #A59761;
	color: #a3886d;
	padding: 6px;
	padding-left:0px;
	height: auto;
	width: 390px;
}
.siteBeschTekst p {
	margin-left:0px;
	margin-right:0px;
	margin-top:5px;
	text-align:center;
	line-height:normal;
}
.fontSize10 {
	font-size:10px;
}
.fontSize12 {
	font-size:12px;
}
/*.facebookKnop {
	background-image:url(Afbeeldingen/YaroonsOpFacebook.jpg);
	margin-top:4px;
	display:block;
	height:12px;
	width:140px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}
.facebookKnop:hover {
	background-position: -140px;
	}*/
.facebookButton18px, .GoogleplusButton18px, .LinkedInButton18px, .YoutubeButton18px, .SpreadshirtButton18px, .PinterestButton18px, .InstagramButton18px {
	background-image: url(Afbeeldingen/socialMediaLogos.jpg);
	margin-top:4px;
	margin-right:3px;
	display: block;
	float: left;
	height: 18px;
	width: 18px;	
}
.facebookButton18px{
	background-position: -18px 0px;
}
.GoogleplusButton18px{
	background-position: -18px -18px;
}
.LinkedInButton18px{
	background-position: -18px -36px;
}
.YoutubeButton18px{
	background-position: -18px -54px;
}
.SpreadshirtButton18px{
	background-position: -18px -72px;
}
.PinterestButton18px{
	background-position: -18px -90px;
}
.InstagramButton18px{
	background-position: -18px -108px;
}
.facebookButton18px:hover,
.SpreadshirtButton18px:hover,
.GoogleplusButton18px:hover,
.LinkedInButton18px:hover,
.YoutubeButton18px:hover,
.SpreadshirtButton18px:hover,
.PinterestButton18px:hover,
.InstagramButton18px:hover
 {
	margin-top:2px;
}

.contactLink:hover {
	color: #F60;
	cursor:pointer;
}
.kader1px, a.kader1px {
	border: 1px solid #000;	
}
.kader1pxGrijs, a.kader1pxGrijs {
	border: 1px solid #CCC;	
}
.tekst80_procent {
	font-size:80%;
	}
.quote {
	font-family: 'Arvo', serif;
	color:#069;
	text-shadow:#CCC 2px 2px 6px;
	font-size:155%;
	margin-left:170px;
	line-height:normal;
	font-weight: 700;
	font-style:italic;
}
.quoteApostroph { 
font-size:600%;
line-height:15px;
drop-initial-after-baseline: central ;
}
.wpButton, .YouTubeButton, .YouTubeButtonEN,.BeeldmanipulatieButton {
	display:inline-block;
	width:340px;
	height:40px;
	background-image: url(Afbeeldingen/WP_button_340x40.jpg);
	background-position: 0px -40px;
	text-indent:-9999px;
}
.YouTubeButton {
	background-image:url(Afbeeldingen/YouTube_button_340x40.jpg);
}
.YouTubeButtonEN {
	background-image:url(Afbeeldingen/YouTube_button_EN_340x40.jpg);
}
.BeeldmanipulatieButton {
	background-image:url(Afbeeldingen/Beeldmanipulatie_button_340x40.jpg);
}
.wpButton:hover, .YouTubeButton:hover, .YouTubeButtonEN:hover, .BeeldmanipulatieButton:hover {
	background-position: 0px 0px;	
}
.ja {
	float:left;
	line-height: 20px;
	background-image: url(Afbeeldingen/mogelijk.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 22px;
}
.nee {
	float:left;
	line-height: 20px;
	background-image: url(Afbeeldingen/nietmogelijk.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 22px;
}
.optioneel {
	float:left;
	line-height: 20px;
	background-image: url(Afbeeldingen/optioneel.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 68px;
}
#wpmogelijkheden td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color:#E9E9E9
}
#wpmogelijkheden td strong{
	border-bottom-color:#333;
	line-height:22px;
}
#logoSlideShow {
	width:425px;
	height:375px;
	display:block;
	background-color:#FFF;
}
#logoSlideShow .logoSlider {
	width:425px; !important
	display:block;
	background-color:#FFF;
}
#logoSlideShow .nivo-controlNav {
	display:none;
}
.cmykfolder {
	margin-top:20px;
	margin-bottom:20px;
}
#sitemaptabel img {
	margin-right:25px;
	margin-bottom:50px;
}
#sitemaptabel tr td {
	background-image:url(Afbeeldingen/thumbsSitemap/bg.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}
#sitemaptabel img:hover
{
	transform: rotateY(180deg);
}
.EngelseVlag, .NederlandseVlag {
	margin-top:30px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: 30px;
	display: block;
	height: 18px;
	width: auto;
	font-size:90%;	
}
.EngelseVlag {
	background-image: url(Afbeeldingen/taalSwitch_EN.png);
}
.NederlandseVlag {
	background-image: url(Afbeeldingen/taalSwitch_NL.png);
}
.EngelseVlag:hover, .NederlandseVlag:hover {
	background-position: 0px -18px;
}

/* SINDS MEI 2018 */ 
#YouTube-include {

}

.wrapper-res {
	background-color:none;
	max-width: 920px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -140px; /* the bottom margin is the negative value of the footer's height */
}

.container-res {
    background-color: #FFF;
    position: relative;
    display: block;
    height: 100%;
    margin: 0 auto 0;
    max-width: 920px;
    text-align: left;
    z-index: 5;
}

.footer-res {
	line-height:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:left;
	position: relative;
	width: 100%;
	background-color:white;
	padding-top:10px;
	display: block;
	height: 130px;
	z-index:10;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	background-image: url(Afbeeldingen/horizontaleLijn1px.jpg);
	background-repeat: no-repeat;
	background-position: center 10px;
	z-index:60;
	margin-bottom:50px;
}
.footer-res a {
	font-size:10px;
	text-align:left;
	color: #000;
	text-decoration: none;
	border: 0;
	font-weight: normal;
}
#footerCol1-res, #footerCol2-res, #footerCol3-res, #footerCol4-res {
	width: 20%;
	display: block;
	float: left;
	margin-right: 0px;
	background-color:none;
	margin-top:20px;
}
#footerCol1-res {
	width: 25%;
	margin-left: 50px;
	margin-right: 20px;
}
#footerCol2-res {
	width: 30%;
	margin-right:30px;
}
#footerCol3-res {
	width: 15%;
	margin-right:20px;
}
#footerCol4-res {
	width: 15%;
	margin-right:0px;
}
#footerCol2socialMedia-res {
	position: relative;
    margin-top: -60px;
    width: 215px;
    display: block;
    float: right;
    right: 0px;
	z-index: 300;
}
#footerColLogo-res {
    position: relative;
    display: block;
    left: 0px;
    margin-left: 50px;
    margin-top: 0px;
    margin-bottom: 20px;
    z-index: 30;
}

ol {
  list-style-type: none;
  counter-reset: item;
  margin: 0;
  padding: 0;
}

li.title { 
                font-size: 20px; 
                font-weight: lighter; 
                padding: 15px; 
                counter-increment: ordem; 
            }
            .foo { 
                counter-reset: foo; 
                padding-left: 15px; 
            }
            .foo li { 
                list-style-type: none; 
            }
            .foo li:before { 
                counter-increment: foo; 
                content: counter(ordem) "." counter(foo) " "; 
            }
	
	
	.algemenevoorwaarden {
		background-color: #FFF;
	}





@media only screen and (max-width: 900px) {
	#footerCol1-res, #footerCol2-res, #footerCol3-res, #footerCol4-res {
	width: 40%;
	display: block;
	float: left;
	margin-right: 0px;
	background-color:none;
	margin-top:20px;
	margin-left: 40px;
}
#footerCol3-res {
	margin-bottom:0;
}

#footerCol4-res {
	margin-top:0;
	margin-bottom:40px;
}

#footerCol2socialMedia-res {
	position:relative;
}
	


}