/*	STICHTING WANDEL KOMITEE ZEVENAAR
	Deze website is gemaakt door Charlotte webdesign (c) 2008.
	www.charlottewebdesign.nl
*/	

html, body { 
	background: url('afb/bg-body1.jpg') fixed repeat #b2b1d8; 
	margin: 0; 
	padding: 0; 
	font-family: verdana, arial, 'sans serif'; 
	height: 100%; 
}

/* HEADER */
#header { 
	background: url('afb/bg-body1.jpg') repeat transparent; 
	width: 100%; 
	height: 150px; 
}
#logo { 
	width: 800px; 
	height: 150px; 
	margin: 0 auto; 
	background: url('afb/bg-logo2.jpg') no-repeat 0px 0px transparent; /* afstand: links - boven */
}
h3 {	font-size: 14px; color: #333; text-align: right; padding-right: 20px; margin-top: 50px;}
.logo-tekst { margin-left: 20px; margin-top: 10px; }

/* MENU */
#menu { 
	background: #121097; 
	width: 100%; 
	height: 20px;
	text-align: center;
}

ul.menu { 
	list-style-type: none;
	display: inline;
}
ul.menu li { 
	display: inline;
	margin: 0.5em;
	font-size: 10pt;
	color: #fff;
	text-decoration: none;
}

a.menu:link { 	color: #fff; text-decoration: none; }
a.menu:visited {	color: #fff; text-decoration: none; }
a.menu:active {	color: #fff; text-decoration: none; }
a.menu:hover {	color: #a1b2ee; text-decoration: none; }

/* CONTAINER */
#container { 
	width: 800px;
	min-height: 100%; 
	margin: 0 auto;
	background: #a1b2ee;
	padding-top: 10px;
}

/* submenu */
#submenu { 
	width: 136px;
	float: left;
	margin-left: 10px;
	padding: 5px;
	background: #fff;
	border: 2px solid #121097;
}

ul.submenu { 
	list-style: none outside;
	padding-left: 0;
	margin-left: 0;
}
ul.submenu li { 
	font-size: 10pt;
	color: #000;
	text-decoration: none; 
	padding: 1px;
	padding-left: 0;
	margin-left: 0;
} 
ul.submenu li:hover { 
	background-color: #a1b2ee;
}

ul.subsub { 
	list-style-type: none; 
} 
ul.subsub li {  
	font-size: 9pt; 
	padding: 1px;
	margin-left: -20px;
}
ul.subsub li:hover { 
	background-color: #a1b2ee;
}

a.submenu:link { 	color: #000; text-decoration: none; }
a.submenu:visited {	color: #000; text-decoration: none; }
a.submenu:active {	color: #000; text-decoration: none; }
a.submenu:hover {	color: #121097; text-decoration: none; }

/* content */
#content { 
	width: 600px;
	height: 100%; 
	margin: 0 0 10px 170px;
	padding: 10px;
	background: #fff;
}

h1 {	font-size: 18pt; color: #121097; display: inline; }
h2 {	font-size: 14pt; color: #a1b2ee; } 
p {	font-size: 10pt; color: #000; }

a:link { 	font-size: 10pt; color: #121097; text-decoration: none; }
a:visited { 	color: #121097; text-decoration: none; }
a:active {	color: #a1b2ee; text-decoration: none; }
a:hover {	color: #121097; text-decoration: underline; }

.klein,small {	font-size: 8pt; color: #000; }
.top { font-size: 9pt; font-variant: small-caps; color: #121097; } 
	.top a { font-variant: small-caps; font-size: 9pt; } 

#content table { border: 0; width: 100%; font-size: 10pt; color: #000; } 
#content td { vertical-align: top; }
#content ul { font-size: 10pt; color: #000; }

hr { width: 50%; color: #a1b2ee; } 
img { border: 0; }

.reparatiekit { 
   height: 1px; 
   clear: both; 
   font-size: 1px; 
}

/* formulier */

fieldset { border: 1px solid #121097; width: 545px; background: transparent; }
legend { font-size: 10pt; color: #121097; background: transparent; } 
.formleft { 
	width: 110px; 
	float: left; 
	text-align: right; 
	color: #000; 
	font-size: 10pt; 
	padding: 0px 5px 0 0; 
	margin: 0; 
	background: transparent; 
}
input { border: 1px solid #121097; background: transparent; margin: 2px 0 2px 0; font-family: verdana, arial, sans-serif; font-size: 10pt; } 
input[type="submit"] { margin: 2px 0 2px 115px; } /* boven rechts onder links */
textarea { border: 1px solid #121097; background: transparent; margin: 2px 0 2px 0; font-family: verdana, arial, sans-serif; font-size: 10pt; } 
.geheimevraag { font-size: 10pt; display: block; float: left; margin: 0; padding: 0; background: transparent; } 

/* footer */
#footer { 
	width: 100%;
	height: 17px;
	margin: 0 auto;
	padding-top: 3px;
	background: #121097;
	text-align: center;
}	
#footer p { 			font-size: 8pt; color: #fff; display: inline; }
#footer a:link { 	color: #fff; text-decoration: underline; }
#footer a:visited { 	color: #fff; text-decoration: underline; }
#footer a:active { 	color: #fff; text-decoration: underline; }
#footer a:hover { 	color: #a1b2ee; text-decoration: none; }