body {
	text-align: center;
	background: url(/images/background/body.gif) top left repeat-x;

}

#container {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}

#header {
	height: 73px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
}

#header h1 {
	margin-top: 7px;
}

#header p{
	position: absolute;
	top: 0px;
	right: 10px;
}
#header p a {
	text-decoration: none;
	padding: 2px 2px 2px 24px;
}
#header p a:hover {
	background-color: #009DDC;
	color: white;
}
/* Icons: http://www.iconfinder.net/search/3/?q=iconset:coquette */
a.profile { background: url(/images/icon/sprite.png) 0 -137px no-repeat;  }
a.logout { background: url(/images/icon/sprite.png) 0 -425px no-repeat;  }

#logo {
	margin-left: 30px;
}

#main {
	float: left;
	width:100%;
	min-height: 350px;
	padding-bottom: 40px;
}

#contents {
	position: relative;
	margin-left: 250px;
	padding-bottom: 35px;
	margin-right: 10px;
}

.overview #contents, .messages #contents, .view-profile #contents {
	margin-right: 250px;
}

#navigation {
	float: left;
	width: 220px;
	margin-top: 5px;
	margin-left: -950px;
	background: url(/images/background/sprite.png) -810px bottom no-repeat;
	padding-bottom: 20px;
	font-family: Verdana, Geneva, sans-serif;
}

#navigation ul.nav, #navigation ul.steps, #navigation ul#steps, #navigation form {
	background: url(/images/background/sprite.png) -590px top no-repeat;
	min-height: 175px;
}
#navigation ul.menu {
	margin-bottom: 20px;
	padding: 0;
}
#navigation ul { 
	list-style: none;
	padding: 15px 0px 0 0px; 
	margin: 0;
}	
#navigation ul li {
	padding: 2px 5px;
	margin: 2px 0;
}
#navigation ul.nav li:hover {
	background-color: #965418;
}
#navigation ul.nav li:hover a{
	color: white;
}
#navigation ul.menu a{
	font-size: 1.3em;
	font-weight: bold;
	margin: 2px 0;
}
#navigation ul.menu a:hover{
	color: #35B4E7;
}
#navigation ul.menu li.selected a:hover{
	color: #D81920;
}
#navigation ul#steps li {
	color: #906e40;
	padding: 2px 10px;
}

.edit-test #navigation ul#steps li.stap1 { background: url(/images/icon/acceptstep.png) 185px 8px no-repeat; }
.edit-photo #navigation ul#steps li.stap1 { background: url(/images/icon/acceptstep.png) 185px 8px no-repeat; }
.edit-photo #navigation ul#steps li.stap2 { background: url(/images/icon/acceptstep.png) 185px 8px no-repeat;}
.register-finish #navigation ul#steps li.stap1 { background: url(/images/icon/acceptstep.png) 185px 8px no-repeat; }
.register-finish #navigation ul#steps li.stap2 { background: url(/images/icon/acceptstep.png) 185px 8px no-repeat;}
.register-finish #navigation ul#steps li.stap3 { background: url(/images/icon/acceptstep.png) 185px 8px no-repeat;}

#navigation ul li a  {
	display: inline-block;
	color: #906e40;
	text-decoration: none;
	width: 100%;
	background: none;
	padding: 2px 10px;
}
#navigation ul li.selected a{
	font-weight: bold;
	color: #D81920;
}
#navigation ul#steps li.selected {
	background-color: #965418;
	color: white;
}
#navigation form  {
	padding: 20px 13px 0 13px; margin: 0;
}

#navigation form h3 {
	margin: 0;
	margin-bottom: 7px;
	color: #965418;
	background: url(/images/icon/U.png) 0 0 no-repeat;
	padding: 1px 0 5px 25px;
}
#navigation form input {
	width: 190px;
	margin-bottom: 12px;
}
#navigation form input[type=checkbox] {
	width: auto;
	margin-top: 4px;
	margin-bottom: 0px;
}
#navigation form label {
	font-size: 11px;
}
#navigation form label.remember {
	font-size: 0.9em;
}

#navigation form input.login {
	color: white;
	background: url(/images/background/sprite.png) 0 0 no-repeat;
	border: none;
	height: 22px;
	width: 85px;
	float: right;
	margin-bottom: 8px;
}

#navigation form input.login:hover {
	background-position: -170px 0;
}
#navigation form input.login:active {
	background-position: -85px 0;
}

#navigation form br {
	clear: both;
}
#navigation form p {
	margin-bottom: 11px;
}

#navigation form p.lost-password {
	font-size: 0.7em;
}
#navigation form a {
	color: #965418;
	
}
.login #navigation {
	display: none;
}

#leden-banner {
	position: absolute;
	top: 340px;
	left: 10px;
}

#showIntro, #intro, #A, #B, #C, #D, #E, #F, #G, #H {
	display: none;
}

#footer {
	width: 940px;
	clear: both;
	padding: 15px 0 5px 0;
	margin: 0 auto;
	text-align: left;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
}

a.help { 	background: url(/images/icon/sprite.png) 0px -19px  no-repeat; }
a.send2friend { 	background: url(/images/icon/sprite.png) 0 -39px no-repeat; }
a.twitter { 	background: url(/images/icon/sprite.png) top left no-repeat; }
a.blog { 	background: url(/images/icon/sprite.png) 0 -58px no-repeat; }
a.facebook { 	background: url(/images/icon/sprite.png) 0 -77px no-repeat; }
a.privacy { 	background: url(/images/icon/sprite.png) 0 -97px no-repeat; }
span.copyright { 	background: url(/images/icon/sprite.png) 0 -116px no-repeat; }
span.copyright strong { 	display: none; }


#footer a, #footer span {
	padding: 3px 2px 3px 24px;
	text-decoration: none;
}
#footer a:hover {
	background-color: #009DDC;
	color: white;
}

#showIntro {
	position: fixed;
	top: 0;
	right: 0;
	display: block;
	width: 99px;
	height: 99px;
	text-indent: -5555px;
	background: url(/images/background/hoekvlag.png) center center no-repeat;
}

/* Shoutbox */
#shoutbox.show {
	width: 250px;
	height: auto;
}
#shoutbox {
	text-align: left;
	position: fixed;
	right: 4%;
	bottom: 0;
	border: 1px solid #CCC;
	background: #f5f4f5 url(/images/background/fieldset.gif) top left repeat-x;
	border-top-right-radius: 6px;
 	-moz-border-radius-topright: 6px;
 	-webkit-border-top-right-radius: 6px;
	border-top-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
 	-webkit-border-top-left-radius: 6px;
	border-bottom: 0;
	margin: 0;
	padding: 5px 10px;
	width: 87px;
	height: 17px;
	z-index: 150;
}

#shoutbox textarea, #shoutbox input, #shoutbox label {
	display: none;
}
#shoutbox.show textarea, #shoutbox.show input, #shoutbox.show label {
	display: block;
}
#shoutbox textarea {
	width: 248px;
}

#shoutbox a {
	background: url(/images/icon/shoutbox.png) left center no-repeat;
	padding: 1px 5px 0px 28px;
	text-decoration: none;
}
#shoutbox a:hover {
	background-color: #009DDC;
	color: white;

}

#shoutConfirm, #showShoutConfirm {
	display: none;
}
#ajaxFeedback {
	border-bottom-right-radius: 6px;
 	-moz-border-radius-bottomright: 6px;
 	-webkit-border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
 	-webkit-border-bottom-left-radius: 6px;
	background: #FFF24B;
	display: none;
	text-align: left;
	position: fixed;
	left: 48%;
	top: 0;
	height: 17px;
	width: auto;
	padding: 3px 5px;
}