/*tai chi*/
/*18-3-2019*/
/*18-3-2019*/
/*18-3-2019
tabel caption 
*/

/*22-2-2019
html5 header nav 
*/

nav.lang{
	float: right;
}
nav.tc{
	font-size: 110%;
}

nav.tc a{
	display: inline-block;
	padding: 8px;
}


/*21-2-2019
  html5
  header, footer, article,  section
*/
/*color active page link*/
.ct_in #in, 
.ct_ws #ws,
.ct_tcg #tcg, 
.ct_qgg #qgg{color: orange; background-color: rgb(95, 95, 95); font-style:oblique; text-decoration: underline;} 

/*21-2-2019*/
/*21-2-2019*/
/*14-5-2018
	nav_lang
*/
/*12-2-2018*/
/*15-12-2017*/
/*------------------------------------------www.marioncoenen.nl-----------------------------*/
/*---------------------------------------atelier@marioncoenen.nl-----------------------------*/
body {
background-color : #ccc;
color : rgb(75, 75, 75);
font-family : verdana, arial, helvetica, sans-serif;
font-style : normal;
font-weight : normal;
text-align : center;
} 
/*------------------------------------------------midden opzoeken vertical align content*/
* { margin: 0; padding: 0; }
html, body { height: 100%; }
#all {
	display: table;
	height: 100%;
	margin: 0 auto;
	margin-left:auto; margin-right:auto;
	width: 100%;
}
#valign{
	display: table-cell;
	padding-left: 1%; padding-right: 1%;
	vertical-align: middle;
}

header{
	background-color: pink;
	display: inline;
}

/*-----------------------------------------------nav_03-10-2017*/
/**/
ul#nav_{
	background-color: transparent;
	clear: both;
	font-size: 110%; 	
	height: 50px;
	margin-left: 0;
	position: absolute;
	margin-top: 0;
	width: 100%;
	z-index: 900;
}	
ul#nav_ li{
/*	background: orange;*/
	display: inline-block;
	float: right;
	min-height: 25px;
	list-style: none;
	margin: 0 3px auto auto;
	min-width: 12px;
	overflow-x: hidden;
} 
.main{
	background-color: #ccff00;
	color: #666;
	font-size: 100%; 	
	font-style: normal;
	padding-top: 5px;
	width:11%;
		}
.main a{text-decoration: none; 
}
.lang{
/*	background-color: #666;*/
/*	color: whitesmoke;*/
 	color : rgb(95, 120, 15); /*id. H%*/
	font-size: 100%; 	
	font-style: italic;
	list-style: square;
	width:14%;
}
.sec{
	background-color: orange;
	color: whitesmoke;
	font-size: 80%; 	
	font-style: italic;
	width:6%;}
#nav_ a{
	}
#nav_ a:link {
	}
#nav_ a:visited{
	}
#nav_ a:hover{
		color: #ccc;
	}
/*-----------------------------------------------einde nav_03-10-2017*/

/*03-10-2017--------------------------------------------p#lang*/
nav.lang{
/*	display: inline-block;
	color: whitesmoke;
	font-size: 110%; 	
	font-style: italic;
	list-style: none;
	height: 25px;
	margin: 0 3px auto auto;
	width: 12%;
*/}
nav.lang a{
/*	background-color: transparent;
	padding: 3px;	
	text-decoration: none;
*/	}
/*03-10-2017--------------------------------------------end #lang*/


/*-----------------------------------------------nav sec 19-04-2017----------kan weg?*/
ul#nav_sec{
/*	background-color: transparent;
	clear: both;
	font-size: 80%; 	
	height: 50px;
	margin-left: 0;
	position: absolute;
	margin-top: 0;
	width: 100%;
	z-index: 900;
}	
ul#nav_sec li{
	background: orange;
	display: inline-block;
	float: right;
	height: 25px;
	list-style: none;
	margin: 0 15px auto auto;
	min-width: 15px;
	width:11%;
*/
} 
.terzijde, .rss{
/*	color: whitesmoke;
	font-style: italic;
*/	}

/*-----------------------------------------------einde nav sec 19-04-2017*/


/*------------------------------------------------tai chi*/
#nav_tc a:hover{color: #fff;}
article a:hover{ color:#fff;}
article.info, article.overzicht{
/**/background-image:url(https://www.marioncoenen.nl/tai-chi/img/bg/bg_info.png);
	background-repeat: repeat;
	margin-top: 40px;	
	margin-left: 10%;	
	text-align : left;
	width : 80%;
}
.info table{
	margin-left: 10%;
	width : 80%;	
}
.info table caption{
	color: rgb(95, 120, 15);
	font-weight: 600;
	vertical-align: top;
	text-align: left;
}
.info table td{
	background-color: greenyellow;
	padding: 1%;
	vertical-align: top;
}

h1{
	text-align : center;
}
h4{
/*background-color: #ccc;*/
	background-color: orange;
	text-indent: 10%;	
	text-align: left;
}
h5{
	background-color: transparent;
	color : rgb(95, 120, 15);
	font-size: 100%;
	text-indent: 10%;	
	text-align: left;
}
p {
	margin : 0 auto 10px auto;
	padding-top: 0;
	width : 80%;
}

a:link {
	color : #666;
	text-decoration : none;
}

a:visited {
	color : #666;
	text-decoration : none;
}

a:hover {
	color : #ccc;
	text-decoration : none;
}

/*-----------------------------------------footer*/
footer p{
	background : #ccff66;
	clear : both;
	font-size : x-small;
	text-align : center;
	width : 80%;
}
footer a {
	color : #999999;
	text-decoration : none;

}
footer a:hover {
	background : #ccff33;	color : #cccccc;	text-decoration : none;
}