/*  
Theme Name: ACHamme
Theme URI: http://www.achamme.be
Description: Een atletiek website
Version: 1.0
Author: Wouter Seye
Author URI: http://users.telenet.be/wseye
*/

body
{
	text-align: center;
	padding-top: 1em;
}

div#container
{
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
	font-family: Verdana, Arial;
	position: relative;
}

div#header
{
	width: 800px;
	height: 220px;
	background: #fff url(../_pictures/header.jpg) top right no-repeat;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

div#masker
{
	width: 800px;
	background: url(../_pictures/header_mask.png) top no-repeat;
}

div#sidebar
{
	float: left;
	padding: 5px;
	margin: 0px;
	width: 210px;
	font-size: 9px;
	text-align: left;
}

div#content
{
	float: left;	
	padding: 5 5 5 15;
	margin: 0px;
	width: 560px;
	font-size: 11px;
	text-align: left;
}

/****************
* global styles *
****************/

img
{
	border: 0;
}

img.center {display: block;	text-align: center; margin-left: auto;	margin-right: auto;}
img.border {padding: 4px;	background-color: #fff;	border: 1px solid #ccc;}
img.links {float: left; margin-right: 5px;}
img.rechts { float: right; margin-left: 5px;}

A:link
{
	color: #369;
	text-decoration: none;
}

A:visited
{
	color: #369;
	text-decoration: none;
}

A:hover
{
	color: #369;
	text-decoration: underline;	
}

a.toggle						{ color:#cc0014; }
a.toggle:hover					{ text-decoration: none; }
a.arrow.down 					{ padding-right:10px; background:url(http://movies.apple.com/trailers/images/generic/arrow_down.gif) no-repeat 100% 60%; }
a.arrow.up 						{ padding-right:10px; background:url(http://movies.apple.com/trailers/images/generic/arrow_up.gif) no-repeat 100% 60%; }
.toggleWrap						{ padding-top: 10px; }
.toggleText						{ padding-top: 10px; }

th
{
	font-size:12px;
	font-weight:bold;
	text-align: left;
	vertical-align:bottom;
	color:#039 ;
	border-bottom: 2px solid #039;
}

tr.coloredBG
{
	background-color: #F5F5F5;
	height: 20px;
}

tr.coloredBG td
{
	font-size: 11px;
	padding-left: 0 0 0 2px;
	vertical-align: middle;
	margin: 0;
}

td
{
	font-size: 11px;
	vertical-align: top;
	margin: 0;
	padding: 0;
}

td.listtitle
{
	padding: 0 12px 0 0;
	font-size: 11px;
	font-weight: bold;
	vertical-align: top;
}

td.list
{
	padding: 0 0 15px 0;
	font-size: 11px;
}

/***************
* header items *
***************/

img#toplogo
{
	margin-top: 14px;
	margin-left: 12px;
	border: 0;
}

img#backlogo
{
	margin-top: -74px;
	margin-right: 12px;
	border: 0;
	float: right;
}

div#header ul#topnav
{
	position: absolute;
	top: 200px;
	right: 0px;
	margin: 0;
	padding: 0;
	width: 798px;
	text-align: right;	
	background-color: #cbd1c3;
	background-repeat: no-repeat;
	border-style: solid;
	border-width: 1px 0;
	height: auto;
}

div#header ul#topnav li
{
	display: inline;
	padding: 0 0 0 23px;
}

div#header ul#topnav li a 
{
	color: #000;	
	font-size: 11px;
	font-variant: small-caps;
	font-weight: bold;
	text-decoration: none;
	padding: 3px 8px;
}

div#header ul#topnav li a:hover
{
	text-decoration: none;
	background-color:#e1e5db;
}
		
div#header ul#topnav li a.selected
{
	background-color:#e1e5db;
}

/**********
* sidebar *
**********/

div#sidebar .menu {
	color: #333;
	padding: 0 0 3 0;
	margin-bottom: 10px;
}

div#sidebar .menutitle
{
	font-weight:bold;
	font-variant: small-caps;
	color:#000;
	padding-top: 10px;
	padding-bottom: 5px;
}

div#sidebar .menuindent
{
	padding-left: 15px;
}

/**********
* content *
**********/

div#content .bottomMargin			{ margin-bottom: 20px; }
div#content .title					{font-size: 13px; font-weight: bold; font-variant: small-caps; color:#444; padding-top: 10px; padding-bottom: 10px; border-bottom: solid 1px; margin-left: -15px; }
div#content .subtitle				{ font-size: 1em; font-weight: bold; font-variant: small-caps; color: #444; text-align: right; }
div#content table					{ width: 538px; }

div#content h3
{
	font-size: 11px;
	font-weight: bold;
	font-variant: small-caps;
	color:#cc0014;
	margin: 0px;
	margin-top: 15px;
	padding: 0px;
}

div#content .paging
{
	text-align: right;
}

div#content .paging A:link
{
	color: #369;
	text-decoration: none;
	padding-left: 3px;
	padding-right: 3px;
	margin-left: 1px;
	margin-right: 1px;
	border: solid 1px #cbd1c3;
}

div#content .paging A:visited
{
	color: #369;
	text-decoration: none;
	padding-left: 3px;
	padding-right: 3px;
	margin-left: 1px;
	margin-right: 1px;
	border: solid 1px #cbd1c3;
}

div#content .paging A:hover
{
	color: #369;
	text-decoration: none;
	padding-left: 3px;
	padding-right: 3px;
	margin-left: 1px;
	margin-right: 1px;
	border: solid 1px #32CD32;
}

div#content .paging A.selected
{
	color: #369;
	padding-left: 3px;
	padding-right: 3px;	
	margin-left: 1px;
	margin-right: 1px;
	border: solid 1px #32CD32;	
}