/* StyleGramSite monitor css */

#paginainhoud{ 
	display:none;		/* site - versie */ 
	} 
  
#main-header{ 
	position:fixed; 
	z-index:2; 
	width:100%; 
	/* float:center;  */
	padding:15px 0; 
	top:0; 
	height:40px; 
	text-align:center; 
	/*	font-size:3em; */ 
	left:0; 
	} 
	 
#main-header p { 
	float:right; 
	width:400px; 
	margin:0; 
	} 
 
.left-banner { 
	width:15%;	/* van geheel? vgl body-table-td1 ! */
	position:fixed; 
	top:50px; 
	left: 0; 
	height:100%; 
/*	color:#00CCFF; */ 
	border-radius:15px; 
	z-index:97; 
	} 
 
.left-banner-div{ 
	/* width:18%;	van geheel? */
	text-align:center; 
	/* align:center;  */
	height:100%;  
	margin-top:10% 
	} 
/*  
@med on scr and (max-width: 992px) {	/* 768 992
.left-banner {
	display: none;
}
}
 */
.lb-table{ 
	/* cols:1 ;  */
	/* align:center ;  */
	width:80% ; 
	height:80%; 
	margin-left: auto; 
	margin-right: auto; 
	} 
.lb-table-td-betekenis{ 
	height:15%; 
/*	width:100% 
	position: relative; */ 
	color:black; 
	padding:5px; 
	border-radius:10px; 
	/* -moz-border-radius:10px;  zie ook StyleWoorSite en StyleGramPrint
	-webkit-border-radius:10px;  */
	} 
	 
.lb-table-td-syntax{ 
	height:15%; 
	color:black; 
	padding:5px; 
	border-radius:10px; 
	/*-moz-border-radius:10px; 
	-webkit-border-radius:10px;  */
	} 
	 
.lb-table-td-grammatica{ 
	height:15%; 
	color:black; 
	padding:5px; 
	border-radius:10px; 
	/* -moz-border-radius:10px; 
	-webkit-border-radius:10px;  */
	} 
	 
.lb-table-td-schrift{ 
	height:15%; 
	color:black; 
	padding:5px; 
	border-radius:10px; 
	/* -moz-border-radius:10px; 
	-webkit-border-radius:10px;  */
	} 
	 
.lb-table-td-uitspraak{ 
	height:15%; 
	color:black; 
	padding:5px; 
	border-radius:10px; 
	/* -moz-border-radius:10px; 
	-webkit-border-radius:10px;  */
	} 
	 
.lb-table-td-l1{ 
	height:2%; 
	} 
	 
.lb-table-td-l2{ 
	height:2%; 
	} 
	 
.lb-table-td-l3{ 
	height:2%; 
	} 
	 
.lb-table-td-l4{ 
	height:2%; 
	} 
	 
.lb-table td{ 
	height:8%; 
	border:0; 
	} 
 
 /* tot right-banner ontbreekt in StyleGramSiteVanRimaGRcss */
.lb-table {color:#000000;}
.lb-table .lb-table-td-betekenis {background:#FCC4C0;} /*rood*/ 
.lb-table .lb-table-td-syntax {background:#FFFF99;}	/*geel*/ 
.lb-table .lb-table-td-grammatica {background:#B0FFB0;}	/*groen voorheen: #64e986;*/ 
.lb-table .lb-table-td-schrift {background:#CCFFFF;}	/* lichtblauw */ 
.lb-table .lb-table-td-uitspraak {background:#F5F5D7;}	/* zand */ 

/* afkomstig van StyleGramAlg */
.td-lb-radius{
	border-style:solid;
	border-color:black;
	border-bottom-width: 0;
	border-top-left-radius:20px;
	/* -moz-border-top-left-radius:20px;
	-webkit-border-top-left-radius:20px;  nodig voor Safari? */
	}
.td-rb-radius{
	border-style:solid;
	border-color:black;
	border-bottom-width: 0;
	border-top-right-radius:40px;
	/* -moz-border-top-right-radius:40px;
	-webkit-border-top-right-radius:40px;  nodig voor Safari? */
	}
.td-lo-radius{
	border-style:solid;
	border-color:black;
	border-bottom-width: 0;
	border-bottom-left-radius:20px;
	/* -moz-border-bottom-left-radius:20px;
	-webkit-border-bottom-left-radius:20px;  nodig voor Safari? */
	}
.td-ro-radius{
	border-style:solid;
	border-color:black;
	border-bottom-width: 0;
	border-bottom-right-radius:40px;
	/* -moz-border-bottom-right-radius:40px;
	-webkit-border-bottom-right-radius:40px;  nodig voor Safari ?*/
	}

.c-bg-left-banner{color:black;background:#E0E0E0;} 
.c-bg-lb-table{background:none;}	

#right-banner { 
	width:20%; 
	position:fixed; 
	top:50px; 
	right: 0; 
	height:100%; 
	padding:5px; 
/*	color:#00CCFF; */ 
	border-radius:15px; 
	z-index:98; 
	} 
	 
#right-banner p{ 
	margin-top:10%; 
	text-align:left; 
	}	 
#right-banner p.indent{ 
	margin-top:0; 
	margin-bottom:0; 
	padding-left:10px; 
	text-indent:-8px; 
	padding-bottom:0; 
	} 
/*   
@med on scr and (max-width: 768px) {	/* 1000
#right-banner {
	display: none;
}
}
*/
/*afkomstig van StyleGramAlg direct  
vanaf: ul-navbar{ 
tot: .td-lb-radius{ 
*/ 
/*afkomstig van StyleGramAlg: */
/* Element (td.plus) is overqualified, just use .plus without element name. */
 #right-banner td.ster{padding-top: 8px; border:0}
#right-banner td.noster{border:0}
#right-banner td.plus{padding-top: 1px; border:0}
/* Heading (h1) should not be qualified. */
#right-banner h1 span.full {color: #000000; font-weight:bolder;}	/* onduidelijk is of er een spatie voor de . moet komen xxxx */
#right-banner h1 span.half {color: #A0A0A0;}
#right-banner h2 span.full {color: #000000; font-weight:bolder;}
#right-banner h2 span.half {color: #A0A0A0;}
#right-banner h3 span.full {color: #000000; font-weight:bolder;}
#right-banner h3 span.half {color: #A0A0A0;}
#right-banner tabel100 {position:relative; width:100%;}
#right-banner table{position:relative; text-align:center;width:80%;}
 
#footer { 
		text-align:center; 
		position:fixed; 
		bottom:0; 
		z-index:99; 
		width:100%; 
		/* float:center;  */
		padding:8px 0; 
/*		color:#00CCFF; */ 
/*		background:#6633CC;	 */ 
	} 
 
#footer div{ 
	text-align:center; 
	/* align:center;  */
	height:100%; 
	} 
	 
#footer table{ 
	/* cols:4 ;  */
	/* align:center ;  */
	width:100% ; 
	height:100%; 
	margin-left: auto; 
	margin-right: auto; 
	} 
	 
#footer table td{ 
	/* Rule is empty. */
	/* width:15% */ 
	} 
  
/* Nb de breedte van kolommen alleen in body-tablle-col definieren */
/* Nb col1+col2+col3=100, col1+col2werkw+col3werkw=100 */
.body-table-col1{ width:15%; 	} 
.body-table-col2{ width:64%; 	} 
.body-table-col2-werkw{ width:67%; 	} 
.body-table-col3{ width:21%; 	} 
.body-table-col3-werkw{ width:15%; 	} 
.body-table-td1{ ; } 
.body-table-td2{ padding:5px; 	} 
.body-table-td3{ ; 	} 
.desktop {display:inline;	}
.mobiel {	display:none;	}
.left-banner {display: inline;}
.right-banner {	display: none;}
 
@media only screen and (max-width: 992px) { /* 1200 */
.body-table-col1{ width:1%; 	} 
.body-table-col2{ width:76%; 	} 
.body-table-col2-werkw{ width:76%; 	} 
.body-table-col3{ width:23%; 	} 
.body-table-col3-werkw{ width:23%; 	} 
.desktop {display:none;	}
.mobiel {	display:inline;	}
.left-banner {display: inline;}
.right-banner {	display: none;}
}
@media only screen and (max-width: 768px) { /* 1000 */
.body-table-col1{ width:1%; 	} 
.body-table-col2{ width:98%; 	} 
.body-table-col2-werkw{ width:98%; 	} 
.body-table-col3{ width:1%; 	} 
.body-table-col3-werkw{ width:1%; 	} 
.desktop {display:none;	}
.mobiel {	display:inline;	}
.left-banner {display: none;}
.right-banner {	display: none;}
.lijst .regel1 {display: none;}
.lijst .celtoev1 {display: none;} /* deze accolades van de opsomming mogen NIET gevolgd worden door een puntkomma */
.lijst .celtoev2 {display: none;} /* deze accolades van de opsomming mogen NIET gevolgd worden door een puntkomma */
/* .buttons tr .medhid {display: none;} /* deze accolades van de opsomming mogen NIET gevolgd worden door een puntkomma */
td.butmedhid {display: none;} /* deze accolades van de opsomming mogen NIET gevolgd worden door een puntkomma */
}

.body-table-heen-terug{ 
	/* cols:3;  */
	width:99%;; 
	margin-left: 5px; 
	border-bottom-width:0; 
	border-top-width:1px; 
	border-left-width:1px; 
	border-right-width:1px; 
	border-color:#C0C0C0; 
	border-style:solid;  
	} 
 
.body-table-heen-terug-td1{ 
	width:13.6%; 
	padding:2px; 
	} 
 
.body-table-heen-terug-td1.empty { 
	width:15%; 
	color: #C0C0C0; 
	} 
   
.body-table-heen-terug-td2{ 
	width:70%; 
	padding:2px; 
	} 
  
.body-table-heen-terug-td3{ 
	width:15%; 
	padding:2px; 
	} 
 
.body-table-heen-terug-td1 a.empty { 
	text-decoration: none; 
	color: #C0C0C0; 
	} 
.body-table-heen-terug-td3 a.empty { 
	 text-decoration: none; 
	 color: #C0C0C0; 
	} 
 
.body-table-ga{ 
	/* cols:2;  */
	width:99%;; 
	margin-left: 5px; 
	border-bottom-width:1px; 
	border-top-width:1px; 
	border-left-width:1px; 
	border-right-width:1px; 
  	/* border-width:1px;	 omlijsting table-ga*/ 
	border-color:#C0C0C0; 
	border-style:solid;   
	} 
	 
.body-table-ga-td1{ 
	width:14%; 
	padding:2px; 
	} 
  
.body-table-ga-td2{	/* de centrale kolom van de body */ 
	width:81%; 
	padding:2px; 
	} 
 
 .body-table-boom, .body-table-ond-boom, .body-table-bov-boom{ 
	width:96%;; 
	margin-left: 5px; 	/* 3px */
	border-bottom-width:0px; 
	border-top-width:0px; 
	border-left-width:1px; 
	border-right-width:0px; 
  	/* border-width:1px;	 omlijsting table-boom */ 
	border-color:#C0C0C0; 
	border-style:solid;  
	} 
/*
.b-t-o-boom{ 
	width:95%; 
	margin-left: 5px; 
	border-bottom-width:0; 
	border-top-width:0; 
	border-left-width:1px; 
	border-right-width:0; 
  	/* border-width:1px;	 omlijsting table-boom
	border-color:#C0C0C0; 
	border-style:solid;  
	} 
 */
 
.col-synt{ 
	background:#FFFF99; /*geel */ 
	} 
.col-morf{ 
	background:#C0FFC0; /*groen */ 
	} 
 /*
.b-t-b-b{ 
	width:96%; 
	margin-left: 5px; 
	border-bottom-width:0; 
	border-top-width:0; 
	border-left-width:1px; 
	border-right-width:0; 
  	/* border-width:1px;	 omlijsting table-boom
	border-color:#C0C0C0; 
	border-style:solid;  
	} 
*/
.body-table-bov-boom-td{	 
	padding:2px; 
	text-align:center; 
	border-bottom-width:0; 
	border-top-width:1px; 
	border-left-width:0; 
	border-right-width:1px; 
  	/* border-width:1px;	 omlijsting table-boom */ 
	border-color:#C0C0C0; 
	border-style:solid;  
	} 

.body-table-fono-boom{ 
	/* cols:2;*/ 
	width:99%; 
	margin-left: 5px; 
	border-bottom-width:0; 
	border-top-width:0; 
	border-left-width:1px; 
	border-right-width:0; 
  	/* border-width:1px;	 omlijsting table-fono-boom */ 
	border-color:#C0C0C0; 
	border-style:solid;  
	} 
.body-table-fono-boom-td{	 
	padding:2px; 
	text-align:center; 
	border-bottom-width:1px; 
	border-top-width:0; 
	border-left-width:0; 
	border-right-width:1px; 
  	/* border-width:1px;	 omlijsting table-fono-boom */ 
	border-color:#C0C0C0; 
	border-style:solid;  
	} 
.body-table-fono-boom-td a.empty{ 
	 text-decoration: none; 
	 color: #C0C0C0; 
	} 
.body-table-fono-boom .body-table-fono-boom-td { 
	background:#F5F5D7; /*zand */ 
	} 
 
#marge-blok-top{	
	padding-top: 20px; 
	margin-left:10px;
	/* height:0;*/ 
	} 
#marge-blok-bottom{ 
	padding-bottom:1000px; 
	} 
 
#paginainhoud{ 
	display: none} 
 
#copyrightprint{ 
	display: none} 
	
.col-gram{ 
	background:#DDE0F1; /*tussen: #EBC7E6 en CCFFFF */ 
	/* background:#EBC7E6; light lila: #BFACE2, donker lila: A084DC  */ 
	/* background:#E2E2E2; very light grey, donker grijs: E0E0E0  */ 
	} 
.col-alfa{ 
	background:#CCFFFF; /*licht blauw */ 
	} 
.col-fono{ 
	background:#F5F5D7; /*zand  */ 
	} 
.col-morf{ 
	background:#C0FFC0; /*groen */ 
	} 
.col-synt{ 
	background:#FFFF99; /*geel */ 
	} 
.col-sema{ 
	background:#FCC4C0; /*rood #E2E9EB #FADADA #F7ADAD;*/ 
	/* background:#F7C6C7; rood #F7ADAD;*/ 
	} 
.col-none{ 
	background:#FFFFEE; /* pale yellow, almost white */ 
	}