/*
Theme Name: SFP
Theme URI: none
Description: Custom-theme gemaakt voor Slijkerman Financiële Planning
Version: 1.0
Author: Eclipse webdesign
Author URI: http://www.eclipse-webdesign.nl
Tags: Onafhankelijk Financieel Planner, Eclipse-Webdesign
*/

* {}

/* Basiskleuren van licht naar donker  */
/* blauw1: #9ac1d2;  */
/* blauw2: #69a3b9;  */
/* blauw3: #3584a5;  */
/* blauw4: #004566;  */
/* Comment */

html,body {
	height: 100%; /* heel belangrijk */
	font-family: Arial, Helvetica, sans-serif;
	text-align: center; /*voor IE*/
	background-color: #9ac1d2;
}

body, p {
	font-size: 0.9em;
	font-weight: normal;
	color: #004566;
	margin: 0px;
}

/* LAYOUT */

#container {
	background-color: #fff;
	width: 900px;
	text-align: left; /*voor IE */
	overflow: hidden;
	margin: 0 auto;
	border-left: 1px solid #004566;
	border-right: 1px solid #004566;
}

#header {
	margin: 0; 
	padding-left: 50px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #fff;	
}

.header2 {
	line-height: 50px;
	clear: left;
	margin: 0 0;
	background: url('images/a-active-hover-180.png') repeat-x;
	text-align: left;
	font-size: 1.1em;
	padding-left: 150px;
	border-bottom: 1px solid #fff;
}

/* THIS IS USED TO MOVE THE "GO TO CONTENT" LINK 9999PX TO THE LEFT VISUALLY OFF SCREEN BUT MAINTAINS READABLE FOR SCREENREADERS */
#access, .navigation {
	position: relative;
	left: -9999px;
}

.sitemap {
	margin: 0;
	font-size: 10px;
	float: right;
	padding-right: 10px;
}

#menu {
	width: 750px;
	margin: 0 0;
	padding-left: 75px;
	padding-right: 75px;
}

#content {
	font-size: 1.1em;
	width: 550px;
	margin-left: 150px;
	margin-right: auto;
	margin-top: 0px;
	position: relative;
	bottom: -40px;
}

.logo2 {
	border: 0px;
	float: left;
	position: relative;
	bottom: -160px;
	margin-left: 10px;
}

#logo3 {
	border: 0px;
	position: relative;
	top: -150px;
	left: 200px;
}

#eclipse {
	font-size: 10px;
}

#footer {
	text-align: center;
}
#footer p {margin: 0;}

#puzzle {
	float: right;
}

#cell {
	padding-left: 10px;
	font-size: 12px;
	vertical-align: top;
}

/* END LAYOUT */

/* NAVIGATION */

#navigation a, #navigation a span {
	display: block;
	float: left;
}

/* Hide from IE5-Mac \*/
#navigation a, #navigation a span {
	float: none;
}
/* End hide */


#menu {}

	#navigation li {
		font-size: 1.1em;
		list-style: none;
		float: left;
		margin: 0;
		padding-left: 2px;
		line-height: 1.5em;
	}
		#navigation li a {
			color: #fff;
			background: #004666 url('images/left-tab.png') left top no-repeat;
			text-decoration: none;
			padding-left: 10px;
		}
			#navigation li a span {
				background: url('images/right-tab.png') right top no-repeat;
				padding-right: 10px;
			}
	
		#navigation li a:hover {
			color: #fff;
			background: #9dc2d3 url('images/left-tab-hover.png') left top no-repeat;
			padding-left: 10px;
		}
			#navigation li a:hover span {
				background: url('images/right-tab-hover.png') right top no-repeat;
				padding-right: 10px;
			}

.page-id-5 #navigation li .welkom, .page-id-6 #navigation li .overmij, .page-id-7 #navigation li .finance, .page-id-999 #navigation li .scheiding, .page-id-24 #navigation li .werkwijze, .page-id-55 #navigation li .contact {
	color: #fff;
	background: #9dc2d3 url('images/left-tab-hover.png') left top no-repeat;
	padding-left: 10px;
}

.page-id-5 #navigation li .welkom span, .page-id-6 #navigation li .overmij span, .page-id-7 #navigation li .finance span, .page-id-999 #navigation li .scheiding span, .page-id-24 #navigation li .werkwijze span, .page-id-55 #navigation li .contact span {
	background: url('images/right-tab-hover.png') right top no-repeat;
	padding-right: 10px;
}

/* END NAVIGATION */

/* TYPOGRAPHY */

h1,h2,h3,h4,h5,h6 {
	font-family: garamond;
	color: #004566;
}
	h1 {
		font-size: 1.25em;
	}
	h2 {
		font-size: 1em;
	}
	h3 {
		font-size: 0.75em;
	}
	
p {margin: 20px 0;}

th {
	font-family: garamond;
	text-align: left;
}

a {
	text-decoration: none;
	color: #004566;
}
		a:hover {
		color: #9ac1d2;
	}

img {
	border: 0px;
}

td {
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
}
	td.prijs {
		padding-left: 10px;
		padding-right: 10px;
		text-align: right;
	}

.bluetr {
	background-color: #9ac1d2;
}

.kleiner {
	font-size: 0.7em;
}

li {
	font-size: 0.9em;
	font-weight: normal;
	color: #004566;
	margin: 0px;
}

#links li {
	list-style: none;
}

#form {
	font-size: 1.1em;
}

blockquote {font-family: Georgia; font-size: 10px; color: #3584a5; margin-left: 0;}

/* END TYPOGRAPHY */