/**********************************************
/ Css bestand voor website Scouts Strombeek   /
/                                             /
/ Gemaakt door     : Bavo Teerlynck           /
/ Naam             : main.css                 /
**********************************************/

/****************** Pagina opmaak **************************/

/** Globale opmaak **/
td { 			text-align: left;
   				padding: 0px;
				border-style: none;
				color: #663333;
				background-color: transparent;
				font-size: 10pt;}
				
table {			padding: 0px;
	  			border-style: none;
				border-collapse: collapse; }

body {			margin-top: 0px;
				margin-bottom: 0px;
				background-color: #99CC99;
				color: #663333;
				font-size: 10pt;
				font-family: Tahoma, Arial, sans-serif; }
				
body.main {		background-color: #993333;
				color: #663333; }
				
h1 {			text-align: center;
		  		font-size: 25pt;
		   		font-weight: bold;
				color: #663333;
				background-color: transparent;
		   		margin-top: 13px;
		   		margin-bottom: 20px;}

h2 {			text-align: center;
		   		font-size: 18pt;
				color: #663333;
				background-color: transparent;
		   		margin-top: 7px;
		   		margin-bottom: 7px;}

h3 {			text-align: left;
		   		font-size: 15pt;
				color: #663333;
				background-color: transparent;
		   		margin-top: 5px;
		   		margin-bottom: 5px;}

img {			 border-style: none; }

a {				 font-size: 10pt;
		   		 color: #003333;
				 background-color: transparent;
		   		 font-family: Tahoma, Arial, sans-serif;
		   		 text-decoration: none;}
				 
a:hover{   		 text-decoration: underline;}

/** div-classes **/

.d-center {		text-align: center;}

.d-right {		text-align: right;}

/** h- (main layout classes) **/

.h-table {	 	margin-top: 0px;
		 		margin-bottom: 0px;
				margin-left: auto;
				margin-right: auto;
				text-align: center;
				border-width: 1px;
				border-color: #000000;
				border-style: solid;
				width: 750px;
				height: 100%;  }

.h-head {  	 	background-image: url(../images/design_01.gif);
			 	width: 750px;
				height: 130px;
				margin: 0px;}
								
.h-links { 		background-image: url(../images/design_02.gif);
		  		width: 185px;
				background-repeat: no-repeat;
		  		background-color: #99CC99;
				color: #663333;
				vertical-align: top;
				height: 100%;}
				
.h-rechts { 	background-image: url(../images/design_03.gif);
		  		width: 565px;
				background-repeat: no-repeat;
		  		background-color: #99CC99;
				color: #663333;
				vertical-align: top;
				height: 100%;
				padding-right: 5px;}
				
.h-foot {  		background-image: url(../images/design_04.gif);
				width: 750px;
				height: 50px;}
				
/** m- (menu lay-out classes) **/

.m-table {	  	width: 173px;
			  	margin-left: 5px;
		   	  	margin-top: 45px; }

.m-boven {	  	background-image: url(../images/tabel_01.gif);
		 	  	width: 173px;
			  	height: 8px; }
			  
.m-midden {	  	background-image: url(../images/tabel_02.gif);
		 	  	width: 173px;}
			  
.m-onder  {	  	background-image: url(../images/tabel_03.gif);
		 	  	width: 173px;
			  	height: 10px; }
				
.m-mtable {		border-collapse: separate;
				padding: 3px;
				margin-left: 10px;
				margin-top: 5px;
				width: 150px;
				color: #C3E199;
	  			background-color: transparent;}
			  
.m-cell  {	  	border-width: 1px;
		  	  	border-style: solid;
		 	  	border-color: #000000;
			  	width: 150px;}
				
.m-cellk {		color: #C3E199;
	  			background-color: transparent; }
				
.menu {			color: #C3E199;
	  			background-color: transparent;
	  			font-size: 11pt;
				margin-left: 10pt;}

.menu:hover {	text-decoration: none; }

.menu2 {			color: #C3E199;
	  			background-color: transparent;
	  			font-size: 11pt;
				margin-left: 10pt;}

.menu2:hover {	text-decoration: underline; }

/** r- (reclame lay-out) **/

.r-table {	  	width: 173px;
			  	margin-left: 5px; }

.r-cell {		border-width: 1px;
		  	  	border-style: solid;
		 	  	border-color: #000000;
			  	width: 173px; 
				height: 50px; 
				text-align: center;}
				
/** t- (takken lay-out classes **/
			  	  			  
.t-table {		width: 100%;
				border-width: 1px;
		   		border-style: solid;
		   		border-color: #000000; }
				
.t-cell1 {		height: 25px; }

.t-cell2 { 		border-width: 1px;
		   		border-style: solid;
		   		border-color: #000000;
				vertical-align: top; 
				padding: 5px; }
				
.t-imp {		border-width: 1px;
		   		border-style: solid;
		   		border-color: #660000;
				vertical-align: top; 
				padding: 5px;
				font-weight: bold; }

.t-cell50 {		width: 50%;
		  		border-width: 1px;
		   		border-style: solid;
		   		border-color: #000000;
				vertical-align: top; 
				padding: 5px; }
				
.t-cell33 {		width: 33%;
		  		border-width: 1px;
		   		border-style: solid;
		   		border-color: #000000;
				vertical-align: top; 
				padding: 5px; }

/** Andere **/

.fullwidth {	width: 100%; }

.border {  		border-width: 1px;
		   		border-style: solid;
		   		border-color: #000000;}
				
.footer {		font-size: 9pt;
				margin-left: 400px;
				color: #663333;
				background-color: transparent;}