/*-------------------------------------- 
Stylesheet voor Belangenvereniging Olofsbuurt - Westerkwartier
Datum gewijzigd: 27-12-2005
Gemaakt door: Arthur van Adrichem 
-------------------------------------- */

/*Standaard Lettertype
De color en background-color elementen kunnen vrij aangepast worden. 
Let er op dat je een goed contrast kiest tussen de fore en background kleuren.
-------------------------------------- */
*					
{font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
body				
{padding-bottom: 10px; padding-top: 0px; margin-top: 10px; text-align: left; background: #fff;  }
h1					
{font-family: Arial, Helvetica, sans-serif;	font-size:18px; }
h2					
{font-family: Arial, Helvetica, sans-serif;	font-size:15px; color:#c0d72f}
h3					
{font-family: Arial, Helvetica, sans-serif;	font-size:12px;}
p {font: 12px Arial, Helvetica, sans-serif; }
table				
{border: 0px;}
th
{
text-align:left; font-weight:bold;
}
img
{
border: 0px;
}
a:link{text-decoration:none; color:#000000;}
a:visited{text-decoration:none; color:#000000;}
a:hover{text-decoration:underline; color:#00adef}
a:active{text-decoration:none; color:#000000;}


/*Standaard Table
De border, color background-color elementen kunnen vrij aangepast worden
-------------------------------------- */
table 						{margin-top: 10px; margin-bottom: 20px; border:0px solid #CCCCCC;} 
th 							{padding-left:3px; height:20px; text-align:left; color:#FFFFFF; background-color:#00309C}
td 							{padding-left:3px; height:20px;}

.roweven					{background-color:#ebf2fa;}
.rowoneven					{background-color:#FFFFFF;}


/* Header opbouw 
Alleen background-image lokatie mag aangepast worden.
-------------------------------------- */
div#header 					{margin-left: auto; margin-right: auto; margin-bottom: 10px; padding:0px; height:120px; width: 928px; background-repeat:no-repeat;  background-position: left top; }
div#titel 					{margin-left: auto; margin-right: auto; padding:3px; width: 922px; background-color:#5A7EDC; }


/* Navigatie opbouw 
De background-color en color zijn vrij aan te passen.
-------------------------------------- */
div#navigatie				{margin-left: auto; margin-right: auto; margin-bottom: 10px; width:928px; height: 24px; margin-top: 0px; color:#FFFFFF; background-color:#00ACEE;}
div#navigatie ul			{list-style-type: none; margin: 0; padding: 0;}
div#navigatie ul li a		{color:#FFFFFF; padding: 0.2em 0.4em; float:left; text-decoration: none; border-right: 1px solid #FFFFFF; font-weight:bold;}
div#navigatie ul li a:hover {color:#CCCCCC;}
div#navigatie ul li 		{display: inline;}


/* Opmaak van een site element 
De background color en bordercolor zijn vrij aan te passen!
-------------------------------------- */
.sitelement 				{ margin-top:14px; margin-bottom:14px; border:1px solid #CCCCCC; padding-bottom: 5px;}

/* Opbouw van de uiteindelijke content van de site.
De border is vrij aan te passen en verder niets!
-------------------------------------- */

div#container 				{border:0px solid #00309C; margin-left: auto; margin-right:auto; width:930px;}

/* Links opbouw 
-------------------------------------- */
div#links  	 				{float:left; width:230px; padding:4px; margin-bottom:20px; border:1px solid #CCCCCC;}
div#downloads				{float:left; width:495px; padding:4px; border:1px solid #CCCCCC;}
div#contact					{float:left; width:495px; padding:4px; border:1px solid #CCCCCC;}
div#lidworden				{float:left; width:495px; padding:4px; border:1px solid #CCCCCC;}
div#wiezijnwij				{float:left; width:495px; padding:4px; border:1px solid #CCCCCC;}
div#leden					{float:left; width:495px; padding:4px; border:1px solid #CCCCCC;}

/* Rechts opbouw 
-------------------------------------- */
div#topper 					{float:left; margin-left: 6px; width:515px; padding:4px; border:1px solid #CCCCCC;}
div#bijeenkomsten			{
	float:left;
	margin-left: 6px;
	width:240px;
	padding:4px;
	border:0px solid #CCCCCC;
}
div#overige 				{
	float:left;
	margin-left: 6px;
	width:240px;
	padding:4px;
	border:0px solid #CCCCCC;
}
div#oproepen				{float:left; margin-left: 6px; width:250px; padding:4px; border:1px solid #CCCCCC;} 

/* Banner opbouw 
-------------------------------------- */
div#advertentie				{float:right; width:145px; padding:4px; border:1px solid #CCCCCC; }


/* Correctie opbouw 
-------------------------------------- */
div#breaker 				{clear:both;}


/* Footer opbouw 
-------------------------------------- */

div#footer 					{
	height: 24px;
	width:925px;
	color:#FFFFFF;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	text-align:center;
	background-color:#00ACEE;
	padding-left: 10px;
}