/*
Seeyoo
Algemene stijlen
Door Tijs Vrolix (versie 09-05-2007)
*/

/* HTML selectors */
body {
	font: 12px "Trebuchet MS", Verdana, sans-serif;
	background: #EDEBE7;
}
body, p, form, fieldset, input, img, ul, h1, h2, h3, h4, h5, h6, dl, dt, dd {
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}
h1 {
	color: #669900;
	font-size: 18px;
	padding: 5px 0 15px 0;
}
h2 {
	color: #595441;
	margin: 0 0 15px 0;
	padding: 5px 0 5px 10px;
	text-align: left;
	font-size: 14px;
	border-bottom: 1px solid #D5D3C8;
}
#middle h2 span {
	color: #595441;
	padding: 5px 8px;
	background: url(../img/tab.png);
	border: 1px solid #D5D3C8;
	border-bottom: 1px solid #fff;
}
h3 {
	color: #595441;
	font-size: 14px;
	padding-bottom: 10px;
}

/* Links */
a, ul.opsomming a {
	color: #669900;
	text-decoration: underline;
}
a:hover, a:active, ul.opsomming a:hover, ul.opsomming a:active {
	color: #422C21;
}
a.uit {
	background: url(../img/uit.gif) no-repeat right top;
	padding-right: 11px;
}
a.uit:hover, a.uit:active {
	background: url(../img/uit.gif) no-repeat right top;
}
h3 a {
	color: #595441;
}
h3 a:hover, h3 a:active {
	color: #669900;
}
ul a {
	color: #000;
	text-decoration: none;
}
ul a:hover, ul a:active {
	color: #669900;
}
a.wat {
	color: #000;
	cursor: help;
}
a.wat:hover, a.wat:active {
	color: #422C21;
}
#subnav a {
	color: #B8AF9C;
	text-decoration: none;
}
#subnav a:hover, #subnav a:active {
	color: #595441;
}
#subnav a.actief {
	text-decoration: underline;
}
#sidebar .cta a {
	color: #000;
	text-decoration: none;
}
#sidebar .cta a:hover, #sidebar .cta a:active {
	text-decoration: underline;
}
#sidebar ul a {
	color: #595441;
}
#sidebar ul a:hover, #sidebar ul a:active {
	color: #000;
}
#bottom a {
	color: #fff;
}
#bottom a:hover, #bottom a:active {
	color: #FFBF01;
}
#footer a {
	color: #B8AF9C;
}
#footer a:hover, #footer a:active {
	color: #595441;
}

/* Positie */
#container {
	margin: 0 auto;
	width: 760px;
}
.clear {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}

/* Header */
#header {
	margin-top: 26px;
	padding: 0 10px 0 44px;
}
#logo {
	background: url(../img/logo.png) no-repeat;
	float: left;
	margin-bottom: 8px;
}
#logo, #logo a {
	height: 35px;
	width: 174px;
}
#logo a {
	display: block;
}
#logo a:hover, #logo a:active {
	background: url(../img/logo.png) no-repeat 0px -35px;
}
#logo a span {
	display: none;
}
#subnav {
	float: right;
}
.koppelteken {
	color: #CDC7BA;
	background: url(../img/koppelteken.png) no-repeat center center;
	padding: 0 1px;
}

/* Main */
#main {
	background: url(../img/achtergrond.png) repeat-y;
}
#top {
	background: url(../img/achtergrond_boven.png) no-repeat;
	height: 90px;
	padding-top: 34px;
}
.kader {
	background: #fff;
	margin-left: 670px;
	padding: 3px;
	width: 48px;
	height: 48px;
	border: 1px solid #59A3BA;
}
#top img {
	width: 48px;
	height: 48px;
}
.annulatie {
	color: #595441;
}
.opgelet {
	color: #FF9900;
}

/* Menu */
#menu {
	padding: 4px 0 0 34px;
	float: left;
}
#menu li {
	display: inline;
	font-size: 14px;
}
#menu li a {
	color : #fff;
	background: #96D2E7;
	display: block;
	margin-right: 1px;
	padding: 0 10px;
	height: 29px;
	line-height: 29px;
	text-decoration: none;
	border:none;
	float: left;
}
#menu li a:hover, #menu li a:active {
	color: #000;
	background: #E0F2F8;
}
#menu li.actief a {
	color : #000;
	background: #fff;
	height: 30px;
	line-height: 30px;
}
#menu li.actief a:hover, #menu li.actief a:active {
	text-decoration: underline;
	background: #fff;
}
.accesskey {
	text-decoration: underline;
}

/* Content */
#middle {
	margin: 25px 34px 0 34px;
}
#middle p, #bottom p, #footer p, dl {
	line-height: 18px;
	padding-bottom: 15px;
}
dt {
	color: #595441;
}
dd {
	margin-left: 20px;
}
#sidebar p {
	padding-bottom: 10px;
}
#sidebar p.openid {
	background: url(../img/logo_openid.png) no-repeat;
	margin-top: 20px;
	padding: 0 0 10px 45px;
}
#content {
	float: left;
	width: 420px;
	margin-bottom: 15px;
}
#middle ul, #bottom ul {
	padding-bottom: 15px;
}
#middle li, #bottom li {
	line-height: 18px;
	list-style: none;
}
#middle li span {
	color: #595441;
}
#bottom li span {
	color: #B8AF9C;
}
#sidebar {
	float: right;
	width: 250px;
	margin: 5px 0 15px 0;
}
#sidebar h3, #sidebar p, #sidebar ul, #middle ul.uitnodiging li span {
	color: #595441;
}
#sidebar ul {
	border-top: 1px solid #D5D3C8;
}
#sidebar li {
	border-bottom: 1px solid #D5D3C8;
	line-height: 24px;
}
#bottom {
	background: #595441 url(../img/logo_water_bruin.png) no-repeat 600px 25px;
	margin: 0 14px 0 14px;
	padding: 10px 150px 0 20px;
}
#bottom h1 {
	color: #FFBF01;
}
#bottom p, #bottom ul {
	color: #fff;
}
#middle .nieuw {
	font-size: 11px;
	color: #000;
	background: #FFEFC0;
}
#sidebar .cta {
	background: #fff;
	border: 1px solid #69BFDD;
	padding: 1px;
	font-size: 14px;
	margin-bottom: 25px;
}
#sidebar .cta p {
	background: #E0F2F8;
	padding: 7px 10px;
	margin: 0;
}
#middle div.goed, #sidebar div.goed {
	background: #fff;
	border: 1px solid #669900;
	margin-bottom: 15px;
	padding: 1px;
}
#middle div.goed p, #sidebar div.goed p {
	color: #000;
	background: #D9E6C0;
	padding: 7px 10px;
	margin: 0;
}
#middle div.fout, #sidebar div.fout {
	background: #fff;
	border: 1px solid #cc0000;
	margin-bottom: 15px;
	padding: 1px;
}
#middle div.fout p, #sidebar div.fout p {
	color: #000;
	background: #F5CDCD;
	padding: 7px 10px;
	margin: 0;
}
#middle ul.acties li {
	padding-bottom: 6px;
}
#middle div.naam {
	float: left;
	width: 270px;
}
#middle div.actie {
	float: right;
	width: 130px;
}
#middle div.actie a {
	color: #000;
	background: #E0F2F8;
	text-decoration: none;
	padding: 3px 5px;
}
#middle div.actie a:hover, #middle div.actie a:active {
	color: #fff;
	background: #96D2E7;
}
#middle ul.uitnodiging li.a1 {
	background: url(../img/status_aanwezig.png) no-repeat 0 4px;
	padding-left: 22px;
}
#middle ul.uitnodiging li.a2 {
	background: url(../img/status_nietaanwezig.png) no-repeat 0 4px;
	padding-left: 22px;
}
#middle ul.uitnodiging li.a3 {
	background: url(../img/status_onbekend.png) no-repeat 0 4px;
	padding-left: 22px;
}
#middle ul.uitnodiging li a.ja, #middle ul.uitnodiging li a.nee {
	font-size: 11px;
	text-decoration: none;
}
#middle ul.uitnodiging li a.ja {
	color: #669900;
}
#middle ul.uitnodiging li a.nee {
	color: #cc0000;
}
#middle ul.uitnodiging li a.ja:hover, #middle ul.uitnodiging li a.ja:active, #middle ul.uitnodiging li a.nee:hover, #middle ul.uitnodiging li a.nee:active {
	color: #000;
	text-decoration: underline;
}
#middle ul.adressen li a:hover, #middle ul.adressen li a:active {
	text-decoration: underline;
}
#middle ul.adressen li a.gebruiker {
	background: url(../img/status_gebruiker.png) no-repeat right center;
	padding-right: 20px;
}
.c1 {
	float: left;
	width: 200px;
}
.c2 {
	float: right;
	width: 200px;
}
#map {
	width: 410px;
	height: 310px;
	margin-bottom: 15px;
	border: 1px solid #979797;
}
#indicator {
	margin-left: 10px;
	width: 220px;
	height: 19px;
}

/* Footer */
#footer {
	color: #B8AF9C;
	background: #EDEBE7 url(../img/achtergrond_onder.png) no-repeat;
	padding: 20px 10px 0 10px;
}
#footer p {
	padding: 0;
}
#footer p.mobileweb {
	padding: 0 0 5px 110px;
	background: url(../img/logo_mobileweb.png) no-repeat;
}

/* Formulier */
fieldset {
	border: none;
}
legend {
	display: none;
}
input.field {
	font: 14px "Trebuchet MS", Verdana, sans-serif;
	background: #fff;
	width: 280px;
	border: solid 1px #D5D3C8;
	margin: 3px 0;
}
input.smal {
	width: 160px;
}
input.mini {
	width: 40px;
}
input.submit, .submit {
	margin-top: 10px;
	border: none;
}
textarea {
	font: 14px "Trebuchet MS", Verdana, sans-serif;
	background: #fff;
	width: 350px;
	border: solid 1px #D5D3C8;
	margin: 3px 0;
}
label {
	font-size: 11px;
}
form span {
	color: #B8AF9C;
}
form .fout, .fout {
	color: #cc0000;
}
form .goed, .goed {
	color: #669900;
}
#middle ul.formulier {
	list-style: none;
	padding-bottom: 5px;
}
ul.formulier li {
	padding-bottom: 6px;
}
ul.formulier li.scheiding {
	margin-top: 7px;
	padding-top: 10px;
	border-top: 1px solid #E3DFD8;
}
h2.scheiding {
	padding-top: 15px;
}