/* --- BASIC HTML  --- */

body {
	background: #2B3856;  
	margin: 50px 0 0 0;
	padding: 0 0 20px 0;
	font-family: verdana;
}
h1 { 
	margin: 0;
	padding: 0;
	text-align: center; 
}
h1 {
	position: absolute;
	left: 35px;
	top: -5px;
}

h2 {
	font-size: 22px;
	margin: 0;
	padding: 0;
	color: #c66;
	font-weight: bold;
	font-family: "MS Trebuchet";
	letter-spacing: -0.9px;
}
 h3 {
	font-size: 18px;
	color: #2B3856;
	background: url(../images/h3bg2.gif) no-repeat left center;
	padding-left: 35px;
	line-height: 23px;
	margin-top: 20px;
}
h4 {
	color: #c66;
	font-weight: bold;
	font-family: Arial;
	letter-spacing: -0.3px;
	font-size:17px;
	margin: 15px 0 5px 0;
	padding: 0px;
	
}

h1 img { 
	behavior: url(iepngfix.htc); 
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="header.png", sizingMethod="scale");
	width: 501px;
	height: 100px;
}

p, ul, ol {
color: #000;
font-size: 12px;
}
a:link, a:visited, a:active { 
	font-size: 12px;
	color: #8B31C7;
	text-decoration: none;
}
a:hover {
	background-image: none;
	text-decoration: underline;
}
/* --- MAIN LAYOUT --- */

#mainframe {
	position:absolute;
	left:50%;
	margin-left: -400px;
	width: 800px;
	background: #fff url(../images/mainframebackground.gif) repeat-y top right;
}

#header {
	background: #fff url(../images/headerbackground.gif) no-repeat top left;
	height: 100px;
	border-bottom: 1px solid #fff;
}
#header img {
	position: absolute;
	left: 30px;
	top: 16px;
} 



#content {
	padding: 15px 0 15px 15px;
	width: 580px;
}
.queen {
	margin: -15px 15px 10px -15px;
}
.title {
	margin: -17px 0 0 -5px;
}
.titlebox {
	min-height: 88px;
	padding-left: 10px;
	margin: 10px 20px 0 55px;
	
}

.titlebox p {
	color: #6D7B8D;
	font-size: 13px;
	letter-spacing: -1px;
	font-weight: bold;
	margin-top: 10px;
	
}

#footer {
	font-size: 10px;
	color: #999;
	text-align: center;
	border-top: 1px solid #c66;
	margin: 15px 0 0 0;
	padding: 5px 0;
	background-color: #eee;
} 

/* Various styles in different pages */

.backtotop {
	text-align: right;
	height: 30px;
	background: url(../images/backtotop2.gif) no-repeat right center;
	margin: 0 20px 0 0;
	padding: 16px 40px 0 0;
}
a:link .backtotop, a:visited .backtotop, a:active .backtotop {
	font-size: 10px;
	color: #fff;
	font-weight: bold;
}
a:hover .backtotop{
	background: url(../images/backtotop.gif) no-repeat right center;
	color: #2B3856;
	text-decoration: none;
}

/* --- NAVIGATION --- */ 

#sidebar {
	position: absolute;	
	right: 0px;
	width: 200px;
	background-color: #F9966B;
	
}
#sidebar dl {
	border-bottom: 1px solid #fff;
	padding: 5px 10px;
	margin: 0 ;
}

/* Definition Title Styles */

#sidebar a:link dt, #sidebar a:visited dt , #sidebar a:active dt, #sidebar dt {
	font-family: verdana;
	font-size: 14px;
	font-weight: normal;
	color: #F9966B;
	text-align: right;
	text-decoration: none;
	line-height: 26px;
}
#sidebar a:link.home dt, #sidebar a:visited.home dt, #sidebar a:active.home dt{
	background: url(../images/navi-home.png) no-repeat -10px -26px;
	text-decoration: none;  /* gewijzigd op 9/9/09 */
}
#sidebar a:link.links dt, #sidebar a:visited.links dt, #sidebar a:active.links dt {
	background: url(../images/navi-links.png) no-repeat -10px -26px;
}
#sidebar a:link.contact dt, #sidebar a:visited.contact dt, #sidebar a:active.contact dt {
	background: url(../images/navi-contact.png) no-repeat -10px -26px;
}
#sidebar a:hover.home dt {
	background: url(../images/navi-home.png) no-repeat -10px 0px;
	color: #F9966B;
	text-decoration: none;  /* gewijzigd op 9/9/09 */
}
#sidebar a:hover.links dt {
	background: url(../images/navi-links.png) no-repeat -10px 0px;
	color: #F9966B;
}
#sidebar a:hover.contact dt {
	background: url(../images/navi-contact.png) no-repeat -10px 0px;
	color: #F9966B;
}
.navi { margin: -3px  0 -5px -10px; }

/* Definition Data Styles */

#sidebar dd {
	padding: 0 0 0 25px;
	margin: 5px 0 0 0px; 	/* gewijzigd op 9/9/09 */
	height: 15px;
}
#sidebar a:link dd, #sidebar a:visited dd, #sidebar a:active dd {
	color: #000;
	text-decoration: none; /* gewijzigd op 11/10/09 */
}	
#sidebar a:hover dd {
	background: url(../images/linkbackgroundwhite.png) no-repeat;
	color: #000;
	text-decoration: none; /* gewijzigd op 9/9/09 */
}

#sidebar a:hover { text-decoration: none;  }

/* Current Page Styles */

#activiteiten a.activiteiten dd, #historiek a.historiek dd, #werking a.werking dd, #leden a.leden dd, 
#klassement a.klassement dd, #kalender a.kalender dd, #overzicht a.overzicht dd,
#openinfo a.openinfo dd, #openklassement a.openklassement dd, #openkalender a.openkalender dd,
#interclub a.interclub dd, #elo a.elo dd, #fotos a.fotos dd, #downloads a.downloads dd,
#clubkampioenschap a.clubkampioenschap dd, #christmasblitz a.christmasblitz dd, #beker a.beker dd, #archiefinterclub a.archiefinterclub dd {
	background: url(../images/currentpage.png) no-repeat;	
	font-weight: bold;
}
#home a:link.home dt, #home a:visited.home dt, #home a:hover.home dt, #home a:active.home dt {
	background: url(../images/navi-home.png) no-repeat -10px -52px;
}
#links a:link.links dt, #links a:visited.links dt, #links a:hover.links dt, #links a:active.links dt {
	background: url(../images/navi-links.png) no-repeat -10px -52px;
}
#contact a:link.contact dt, #contact a:visited.contact dt, #contact a:hover.contact dt, #contact a:active.contact dt {
	background: url(../images/navi-contact.png) no-repeat -10px -52px;
}
/* --- END OF CSS DOCUMENT --- */