/* @GROUP RESET ______________________________________________________________________________________________________________________*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strike, strong, sub, sup, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td , button{
	font-size:100%;
	font-style:normal;
	vertical-align:baseline;
	text-decoration:none;
	background:transparent;
	margin:0;
	padding:0;
	border:0;
}

ul {
	list-style:none;
}
img {
	display:block;
	max-width:100%;
}

/*outline: 1px dotted black;*/

/* @END RESET ________________________________________________________________________________________________________________________*/

/*
_____CLEMMINCK.COM INDEX______________________________________________________________________________________________________________*/

body{
	background:floralwhite;
	hyphens:auto;
}

.shutterstock{
	width:100%;
	min-width:320px;
	height:175px;
	line-height:30px;
	position:relative;
	bottom:0;
	float:left;
	border-top:1px solid rgba(16,16,16,0.1);
	text-indent:1.5em;
	font-size:0.6em;
	color:rgba(255,250,240,0.8);
	font-family:'museo-sans-rounded', 'Century Gothic', Helvetica, Arial, Sans-Serif;
	letter-spacing:1.5px;
	background:Black;
}

.shutterstock img{
	/*border:1px solid rgba(255,255,255,0.1);*/
	border-radius:50%;
	max-height:45px;
	max-width:45px;
	margin:0 auto;
	margin-bottom:-18px;
	margin-left:-12px;
	display:inline;
}

.footercopyright{
	width:100%;
	min-width:320px;
	line-height:80px;
	position:relative;
	bottom:0;
	float:left;
	font-size:0.7em;
	text-align:center;
	letter-spacing:1.5px;
	font-family:'museo-sans-rounded', 'Century Gothic', Helvetica, Arial, Sans-Serif;
	color:rgba(255,250,240,0.7);
	background:black;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}



.balkbovenindex{
	width:100%;
	min-width:320px;
	height:64px;
	position:fixed;
	z-index:10000;
	border-bottom:1px solid rgba(16,16,16,0.1);
	border-top:10px solid rgba(0,0,0,1);
	font-size:100%;
}

.indexwrapper{
	margin:0 auto;
	width:100%;
	min-width:320px;
	position:relative;
	padding-bottom:0;
	top:75px;
}

.balkbovenindex img{
	position:absolute;
	height:48px;
	right:3px;
	top:7px;
}
@media screen and (max-width: 600px) {
.balkbovenindex img{
	position:absolute;
	height:40px;
	right:3px;
	top:12px;
}
}

.balkbovenindex .ccchomearrow img{
	position:absolute;
	height:15px;
	width:15px;
	left:6px;
	top:8px;
}

/*_________IndexFooterMenu___________________________________________________________________________________________________*/

ul.indexfootermenu{
	width:100%;
}

@media screen and (max-width: 600px) {
	ul.indexfootermenu{
	display:none;
}
}

ul.indexfootermenu li{
	float:left;
	display:inline;
	height:200px;
	margin:0 2em 0 2em;
	overflow:hidden;/*nodig om li mail te clippen!*/
}

ul.indexfootermenu li:nth-child(3){
	margin:0.5em 0em -0.5em 1em;
}

ul.indexfootermenu li a img{
	max-width:100px;
}

ul.indexfootermenu li:nth-child(4) a img{
	max-width:85px;
	margin:0.5em 0em -0.5em 0em;
}

ul.indexfootermenu a{
	height:100%;
	display:block;
	/*outline: 1px dotted black;*/
}

/*_________IndexCCC Menu___________________________________________________________________________________________________*/

ul.indexccc{
	width:100%;
	margin:0 auto;
	position:relative;
}

ul.indexccc li{
	background:floralwhite;
	width:50%;
	min-width:320px;
	float:left;
	display:inline;
	height:700px;
	border-top:1px solid rgba(0,0,0,0.15);
	overflow:hidden;/*nodig om li mail te clippen!*/
	/*outline:1px dotted black;*/
}
@media screen and (max-width:600px) {
	ul.indexccc li{
	height:500px;
	width:100%;
}
}
@media screen and (max-width:1900px) {
	ul.indexccc li{
	width:100%;
}
}

ul.indexccc li:first-child, ul.indexccc li:nth-child(2){
	margin-top:0;
	border-top:none;
}

@media screen and (max-width:1900px) {
ul.indexccc li:nth-child(2), ul.indexccc li:nth-child(4), ul.indexccc li:nth-child(6), 
ul.indexccc li:nth-child(8), ul.indexccc li:nth-child(10), ul.indexccc li:nth-child(12), 
ul.indexccc li:nth-child(14), ul.indexccc li:nth-child(16), ul.indexccc li:nth-child(18){
	display:none;
}
}

ul.indexccc li:last-child, ul.indexccc li:nth-child(19){
	border-bottom:1px solid rgba(0,0,0,0.15);
	height:350px;
	/*background:rgba(245,245,245,1);/*html color name WhiteSmoke*/
	width:50%;
}

@media screen and (max-width:960px) {
ul.indexccc li:last-child, ul.indexccc li:nth-child(19){
	border-bottom:none;
	width:100%;
}
}

@media screen and (max-width:960px) {
ul.indexccc li:last-child{
	/*background:rgba(230,230,230,1);/*html color name WhiteSmoke*/
}
}



ul.indexccc li:last-child p{
	width:50%;
	font-size:150%;
	font-family:'le-monde-journal-std-2', Georgia, Serif;
	color:rgba(0,10,32,0.8);
	line-height:140%;
	position:relative;
	top:25%;
	border-bottom:1px solid rgba(0,0,0,0.15);
}
@media screen and (max-width:1366px) {
ul.indexccc li:last-child p{
	font-size:120%;
	top:30%;
}
}
@media screen and (max-width:600px) {
ul.indexccc li:last-child p{
	font-size:95%;
}
}

ul.indexccc li:last-child a{
	display:inline;
	color:rgba(0,10,32,0.8);
}
ul.indexccc li:last-child a:hover{
	color:rgba(0,10,32,1);
}

ul.indexccc li:nth-child(19) img{
	border:1px solid rgba(0,0,0,0.1);
	border-radius:50%;
	max-height:180px;
	max-width:180px;
	margin:0 auto;
	margin-top:30px;
}
@media screen and (max-width:600px) {
ul.indexccc li:nth-child(19) img{
	max-height:150px;
	max-width:150px;
	margin-top:45px;
}
}

ul.indexccc li a img{
	width:275px;
	margin:0 auto;
	/*outline: 1px dotted black;*/
}
@media screen and (max-width:600px) {
ul.indexccc li a img{
	width:200px;
}
}

/*ul.indexccc li:first-child a img, */


ul.indexccc li:nth-child(7) a img, ul.indexccc li:nth-child(7) a img{
	
	margin-top:4em;
}

@media screen and (max-width:600px) {
ul.indexccc li:nth-child(7) a img{
	margin-top:3.5em;
}
}

@media screen and (max-width:600px) {
ul.indexccc li:first-child a img{
	max-height:300px;
	margin-top:1em;
}
}




.camicon{
	background:url(afbeeldingen/camicon2.png) no-repeat 50% 50%;
	background-size:contain;
	position:relative;
	bottom:45px;
	left:10px;
	height:45px;
	width:45px;
	float:left;
	/*outline:1px dotted blue;*/
}



ul.indexccc a{
	width:100%;
	/*width:275px;*/
	height:100%;
	display:block;
	text-align:left;
	margin:0 auto;
}

ul.indexccc p{
	margin:0 auto;
	width:50%;
	font-size:220%;
	font-family:'le-monde-journal-std-2', Georgia, Serif;
	color:rgba(0,10,32,0.8);
	line-height:135%;
	position:relative;
	top:25%;
}
ul.indexccc p:hover{
	color:rgba(0,0,0,1);
	/*color:rgba(0,0,0,1);*/
}

.indexccc p:first-of-type:first-line{
	font-size:120%;
}

.indexccc li:last-child p:first-of-type:first-line{
	font-size:100%;
}

/*_________Einde IndexCCC Menu___________________________________________________________________________________________*/

.table{
	display:table; /*centreren*/
	margin:0 auto;
}

.clemminckhome{
	line-height:64px;display:block;font-family:"museo-sans-rounded", 'Century Gothic', 'Helvetica', 'Arial', 'Sans-Serif'; 
	font-size:175%;letter-spacing:1px;color:rgba(0,0,0,0.8);text-indent:0.5em;
	background:rgba(255,250,240,0.95);
}
@media screen and (max-width:600px) {
	.clemminckhome{ 
	font-size:150%;
}
}

.clemminckhome:hover{
	color:rgba(0,0,0,1);
}


h4{
	font-size:100%;
	color:rgba(12,12,12,.5);
	font-family:'myriad-pro', calibri, helvetica, sans-serif;
	font-weight:400;
	letter-spacing:2px;
	text-transform:uppercase;
	padding:10px 0 15px 2px;
	text-indent:1.25em;
}
@media screen and (max-width: 600px) {
	.indexwrapper h4{
	font-size:75%;
	letter-spacing:2px;
	padding:5px 0 15px 2px;
}
}

h5{
	font-size:100%;
	color:rgba(12,12,12,1);
	font-family:'myriad-pro', calibri, helvetica, sans-serif;
	font-weight:400;
	letter-spacing:2px;
	text-transform:uppercase;
	padding:15px 0 15px 2px;
	text-indent:1em;
}
@media screen and (max-width: 600px) {
	.indexwrapper h5{
	font-size:75%;
	letter-spacing:2px;
}
}

h6{
	color:rgba(200,80,2,1);
	color:rgba(12,12,12,0.8);
	font-family:'myriad-pro', calibri, helvetica, sans-serif;
	letter-spacing:1px;
	font-size:200%;
	text-indent:.5em;
	/*margin-top:15px;*/
	padding:15px 0px 0px 0px;
	font-weight:800;
}
@media screen and (max-width: 600px) {
	.indexwrapper h6{
	font-size:150%;
	padding:10px 0 0 0;
}
}


strong{
	font-weight:800;
}

/*
_____EINDE CLEMMINCK.COM INDEX__________________________________________________________________________________________________*/


/*___HAMLET_____________________________________________________________________________________________________________________*/

.balkbovenhamlet{
	width:50%;
	min-width:320px;
	height:32px;
	position:absolute;
	font-size:100%;
	/*outline: 1px dotted blue;*/
}

.balkbovenhamlet img{
	vertical-align:middle;
	height:36px;
	position:absolute;
	right:3px;
	top:-1px;
}

.balkbovenhamlet .ccchomearrow img{
	vertical-align:middle;
	position:absolute;
	left:6px;
	top:8px;
	width:15px;
	height:15px;
}

ul.hamlet{
	top:232px;
	width:100%;
	height:100%;
	margin:0 auto;
	position:relative;
	/*outline:1px dotted yellow;*/
}

ul.hamlet li{
	height:100%;
	line-height:500%;
	width:33.33%;
	position:relative;
	float:left;
	font-family:'arial black';
	font-size:2.5em;
	color:rgba(232,202,165,1);
	text-align:center;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
ul.hamlet li img{
	margin:0 auto;
	max-height:300px;
	
}
ul.hamlet li:first-child{
	background:url(afbeeldingen/5bij5zwart.png) repeat 0% 0%;
	color:rgba(232,202,165,1);
}
ul.hamlet li:nth-child(2){
	font-size:2em;
	font-family:'adobe devanagari';
}
ul.hamlet li:last-child{
	background:black;
	color:rgba(232,202,165,1);
}




/*________SAAFTINGERS-PAGINA___________________________*/

.balkbovenindexsaaftingers{
	width:100%;
	min-width:320px;
	height:64px;
	position:absolute;
	z-index:10000;
	border-bottom:1px solid rgba(16,16,16,0.1);
	border-top:10px solid rgba(0,0,0,.3);
	font-size:100%;
}

.clemminckhomesaaftingers{
	line-height:64px;display:block;font-family:"museo-sans-rounded", 'Century Gothic', 'Helvetica', 'Arial', 'Sans-Serif'; 
	font-size:175%;font-weight:100;letter-spacing:1px;color:rgba(255,255,255,0.5);text-indent:.5em;
	background:rgba(0,0,0,.25);
}
@media screen and (max-width:600px) {
	.clemminckhomesaaftingers{ 
	font-size:150%;
}
}

.clemminckhomesaaftingers:hover{
	color:rgba(255,255,255,.7);
}

.storm{
	width:100%;
	/*min-width: 46em;*/
	height:100%;
	position:absolute;
	top:0;
	z-index:1000;
	background:rgba(0,0,0,1) url(afbeeldingen/saaftinge.jpg) no-repeat 0% 0%;
	background-size:cover;
}

.storm a{
	display:block;
	width:100%;
	height:100%;
	position:absolute;
}

.stormfilter{
	background:rgba(46,15,0,.4);
	width:100%;
	height:100%;
	position:relative;
	top:0;
}

.indexwrapperstorm{
	margin:0 auto;
	position:relative;
	top:30%;
	left:0%;
	width:50%;
	/*outline:1px solid black;*/
}
@media screen and (max-width: 800px) {
.indexwrapperstorm{
	top:20%;
}
}


.indexwrapperstorm p{
color:rgba(255,255,255,.9);
	font-family:'Acumin-Pro-Wide', sans-serif; 
	font-size:1.8em;
	font-weight:100;
	text-align:left
}
@media screen and (max-width: 800px) {
.indexwrapperstorm p{
	font-size:1.3em;
}
}

h3{
	color:rgba(12,12,12,.9);
	font-family:'myriad-pro', calibri, helvetica, sans-serif;
	letter-spacing:12px;
	font-size:200%;
	/*margin-top:15px;*/
	font-weight:800;
}
@media screen and (max-width:800px) {
	h3{
	font-size:120%;
	letter-spacing:6px;
}
}