/* ----------------------------------------------
	XHTML TAGS
---------------------------------------------- */

html {
	height: 100%;
	font-size: 13px;
}

body {	
	background: #fff;
	color: #333;
	margin: 0;
	padding: 0;
}

body {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.95em;
	*font-size: 0.9em;
}

a:link { 
	color: #1B3640; 
	background-color: transparent; 
	text-decoration: underline; 
}

a:hover  {
	color: #39f;
	text-decoration: underline;
	background-color: transparent;
}

a:visited {
	color: #214388;
	text-decoration: underline;
	background-color: transparent;
}

a:active  {
	color: #39f;
	text-decoration: underline;
	background-color: transparent;
}

p {
	font-style: normal;
	line-height: 1.5em;
	display: inline;
}

hr {
	size: 1px;
	color: #dddddd;
}

img {
border: 0;
}

input,
submit {
font-size: 10px;
}

/* ----------------------------------------------
	IMG Styles
---------------------------------------------- */

img {
	border: 0;
}

img.icon {
	margin-right: .5em;
  vertical-align: middle;
}

/* ----------------------------------------------
	LISTINGS styles (see also: TABS styles) 
---------------------------------------------- */

ul {
	margin-left: 1.2em;
	margin-top: .5em;
	padding-left: 0;
}

/*--------------------
top area
--------------------*/

#top-bar {
width: 700px;
height: 140px;
position: relative;
margin: 10px 50px 5px 10px;
border-bottom: 1px solid #dddddd;
text-align: right;
background-image: url(../img/spnp-header-bg.jpg);
}

#top-bar-alt {
width: 700px;
height: 140px;
position: relative;
margin: 12px 50px 0px 10px;
_margin-left: 20px;
text-align: right;
background-image: url(../img/spnp-header-bg.jpg);
}

#top-bar-alt #home {
margin-top: 112px;
margin-right: 0px;
z-index: 9999;
}

/*--------------------
nav area
--------------------*/

.nav a {
font-size: inherit;
color: #666666;
text-decoration: none;
}

/* ----------------------------------------------
	Header & Footer
----------------------------------------------- */

#header {
width: 700px;
height: 140px;
position: relative;
float: left;
margin-left: 10px;
background-image: url("../img/spnp-header-bg.jpg");
background-repeat: no-repeat;
clear: both;
}

#logo {
width: 140px;
height: 140px;
position: relative;
float: left;
}

#footer {
	width: 700px;
	position: relative;
	float: left;
	margin-top: 5px;
	margin-left: 10px;
	_margin-left: 8px;
	border-top: 1px solid #dddddd;
}
#footer #naw {
	width: 420px;
	position: relative;
	float: left; 
	text-align: left;
	font-size:.8em;
}

#footer #links {
	width: 280px;
	position: relative;
	float: left;
	text-align: right;
	font-size: 1.0em;
}

#footer,
#footer a {
	color: #1A1A1A;
	line-height: 2em;
}

#footer a:link, 
#footer a:visited {
	color: #1A1A1A;
}

#footer a:hover, 
#footer a:active {
	color: #666;	
}


/* ----------------------------------------------
	Generieke stijlen 
---------------------------------------------- */

.txt-light {
	color: #808080;
}

.txt-small {
	font-size: .85em;
}	

.txt-large {
	font-size: 1.05em;
	font-weight: bold;
}

.txt-bold {
	font-weight: bold;
}

.clear {
	clear: both;
}

.pos-l {
	float: left;
}

.pos-r {
	float: right;
}

.pos-m {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

/* ----------------------------------------------
	Tables
---------------------------------------------- */

table {
	border: 0;
	padding: 0;
	margin: 0;
}

/*--------------------
main area
--------------------*/

#outer {
width:720px;
margin: auto;
}

#main {
width: 700px;
position: relative;
float: left;
clear: both;
margin-left: 10px;
}

#threecolumn {
position: relative;
float: left;
}

/*--------------------
nav area
--------------------*/
/*
#mainmenu {
width: 550px;
top: 20px;
left: 150px;
position: relative;
}
*/
/*--------------------
index area
--------------------*/

#row1 {
width: 700px;
height: 280px;
float: left;
font-size: 1em;
line-height: 1.5em;
}

#col1 {
width: 140px;
height: 560px;
float: left;
font-size: 1em;
line-height: 1.5em;
}

/*--------------------
content area
--------------------*/

#content-outer {
width: 560px;
height: 560px;
float: left;
background-image: url("../img/page-bg.gif");
background-repeat: no-repeat;
background-position: left top;
}

#content-outer #bg {
width: 560px;
height: 560px;
float: left;
overflow: auto;
padding: 0;
margin: 0;
}

#content-inner {
width: 500px;
_width: 490px;
height: 540px;
float: left;
font-size: 1em;
text-align: left;
line-height: 1.5em;
margin: 20px 20px 0 20px;
_margin: 10px;
}

#content-inner li {
font-size: 1em;
text-align: left;
line-height: 1.5em;
}

/*--------------------
headlines area
--------------------*/

#headlines {
position: relative;
float: left;
width: 700px;
height: 140px;
font-size: .9em;
margin-top: 140px;
_margin-top: 0px;
}

#headlines #margin15 {
margin: 15px;
}

#headlines input, 
form {
margin: 0;
padding: 0;
}

#headlines a:link {
text-decoration: none;
font-weight: bold;
}

#headlines a:visited {
text-decoration: none;
font-weight: bold;
}

#headlines a:hover {
text-decoration: none;
font-weight: bold;
}

/*--------------------

aankeiler area
--------------------*/

#aankeiler {
width: 140px;
float: left;
position: relative;
}

#aankeiler-inner {
font-size: .9em;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 5px;
padding-left: 20px;
color: #888;
}

#aankeiler-inner a:link {
color: #888;
text-decoration: none;
}

#aankeiler-inner a:visited {
color: #888;
text-decoration: none;
}

#aankeiler-inner a:hover {
color: #000000;
text-decoration: none;
}

#aankeiler-inner img {
border: none;
}

/*--------------------
login area
--------------------*/

#login {
width: 540px;
float: left;
padding-top: 15px;
overflow: hidden;
}

#login-inner {
font-size: 1em;
text-align: left;
padding-top: 20px;
padding-right: 30px;
padding-bottom: 20px;
padding-left: 30px;
overflow: hidden;
line-height: 1.5em;
}

#login-inner td {
font-size: 1em;
line-height: 1.5em;
}

#login-inner input,textarea {
font-size: 1em;
}

/*--------------------
nieuwsbrief area
--------------------*/


#nieuwsbrief {
width: 540px;
height: auto;
float: left;
}

#nieuwsbrief-inner {
width: 480px;
text-align: left;
padding-top: 20px;
padding-right: 30px;
padding-bottom: 20px;
padding-left: 30px;
overflow: hidden;
float: left;
font-size: 1em;
line-height: 1.5em;
}

#nieuwsbrief td {
font-size: 1em;
line-height: 1.5em;
}

/*--------------------
column area
--------------------*/

#column {
width: 540px;
height: auto;
float: left;
}

#column-inner {
width: 480px;
text-align: left;
padding-top: 20px;
padding-right: 30px;
padding-bottom: 20px;
padding-left: 30px;
overflow: hidden;
float: left;
font-size: 1em;
line-height: 1.5em;
}

#column td {
font-size: 1em;
line-height: 1.5em;
}

/*--------------------
zoek area
--------------------*/

#zoek {
width: 180px;
float: right;
}

#zoek-inner {
font-size: 8pt;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 25px;
padding-right: 25px;
color: #888;
}

#zoek-inner a {
text-decoration: none;
}