html, body {width: 100% !important;}

body, table
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #253281;
	line-height: 18px;
	background: #3E5A99 url(art/bg2.gif) top left repeat-x;
	margin: 0;
}

table {
	background: transparent;
}

#wrapper {
	margin: 0 8%;
}
#wrappercontent {
}

#top {
	height: 128px;
	background: #9EB920 url(art/top_image.gif) top left no-repeat;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
}
#top ul {
	margin: 0;
	padding: 1em 1em 0 0;
	text-align: right;
}
#top li {
	margin: 0 0 5px 0;
	padding: 0;
	list-style-type: none;
}
#top a img {
	border: none;
}

a.logo {
	float: left;
	background: transparent;
	height: 84px;
	width: 152px;
	margin-top: 13px;
}

#content {
	background: #fff;
	padding: 2%;
}

#menu {
	float: left;
	width: 140px;
	padding: 1em 0;
	border-top: 1px solid #7F0D19;
	text-align: center;
}

#menu ul {
	margin: 0;
	padding: 0;
}
#menu li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#menu a img {
	margin: 2px 0;
	border: none;
}

#menu ul li.intern a {
	height: 29px;
	width: 137px;
	margin: 0 0 8px 0;
	display: block;
}

a.home, a.home:active, a.home:visited {
	background: transparent url(./art/home.png) top left no-repeat;
}
a.home:hover {
	background: transparent url(./art/home.png) 0px -29px no-repeat;
}

a.methode, a.methode:active, a.methode:visited {
	background: transparent url(./art/de_methode.png) top left no-repeat;
}
a.methode:hover {
	background: transparent url(./art/de_methode.png) 0px -29px no-repeat;
}
a.boek, a.boek:active, a.boek:visited {
	background: transparent url(./art/boek-bestellen.png) top left no-repeat;
}
a.boek:hover {
	background: transparent url(./art/boek-bestellen.png) 0px -29px no-repeat;
}
a.cursus, a.cursus:active, a.cursus:visited {
	background: transparent url(./art/cursus.png) top left no-repeat;
}
a.cursus:hover {
	background: transparent url(./art/cursus.png) 0px -29px no-repeat;
}
a.stoppertest, a.stoppertest:active, a.stoppertest:visited {
	background: transparent url(./art/stoppertest.png) top left no-repeat;
}
a.stoppertest:hover {
	background: transparent url(./art/stoppertest.png) 0px -29px no-repeat;
}
a.coach, a.coach:active, a.coach:visited {
	background: transparent url(./art/je_coach.png) top left no-repeat;
}
a.coach:hover {
	background: transparent url(./art/je_coach.png) 0px -29px no-repeat;
}
a.meedoen, a.meedoen:active, a.meedoen:visited {
	background: transparent url(./art/meedoen.png) top left no-repeat;
}
a.meedoen:hover {
	background: transparent url(./art/meedoen.png) 0px -29px no-repeat;
}
a.hulptroepen, a.hulptroepen:active, a.hulptroepen:visited {
	background: transparent url(./art/hulptroepen.png) top left no-repeat;
}
a.hulptroepen:hover {
	background: transparent url(./art/hulptroepen.png) 0px -29px no-repeat;
}
a.schemas, a.schemas:active, a.schemas:visited {
	background: transparent url(./art/schemas.png) top left no-repeat;
}
a.schemas:hover {
	background: transparent url(./art/schemas.png) 0px -29px no-repeat;
}
a.recensies, a.recensies:active, a.recensies:visited {
	background: transparent url(./art/recensies.png) top left no-repeat;
}
a.recensies:hover {
	background: transparent url(./art/recensies.png) 0px -29px no-repeat;
}
a.links, a.links:active, a.links:visited {
	background: transparent url(./art/links.png) top left no-repeat;
}
a.links:hover {
	background: transparent url(./art/links.png) 0px -29px no-repeat;
}
a.kwis, a.kwis:active, a.kwis:visited {
	background: transparent url(./art/kwis.png) top left no-repeat;
}
a.kwis:hover {
	background: transparent url(./art/kwis.png) 0px -29px no-repeat;
}
a.nieuws, a.nieuws:active, a.nieuws:visited {
	background: transparent url(./art/nieuws.png) top left no-repeat;
}
a.nieuws:hover {
	background: transparent url(./art/nieuws.png) 0px -29px no-repeat;
}

a.normal {
}
a.normal {
	color: #53B12F;
	text-decoration: none;
}
a.normal:visited {
	color: #53B12F;
}
a.normal:active {
	color: #53B12F;
}
a.normal:hover {
	color: #9F1616;
}

#menu p {
	margin: 1em 0 0 0;
}

#menu li.zine {
	background: transparent;
	color: #fff;
	border-top: 1px solid #7F0D19;
	border-bottom: 1px solid #7F0D19;
	margin: 8px 0 10px 0;
	padding: 10px;
}

#text {
	margin-left: 160px;
	padding: 1em;
	border-top: 1px solid #7F0D19;
}

#text a {
	color: #53B12F;
	text-decoration: none;
}
#text a:visited {
	color: #53B12F;
}
#text a:active {
	color: #53B12F;
}
#text a:hover {
	color: #9F1616;
}

#text a img {
	border: none;
}

.foto {
	border: none;
}

.rechts {
	float: right;
	margin: 1em 0 0 1em;
}
.links {
	float: left;
	margin: 0 1em 0 0;
}
.center {
	text-align: center;
}

h1 {
	font-size: 18px;
	color: #925771;
	margin: 0 0 1em 0;
}

h2 {
	font-size: 20px;
	color: #253281;
	padding: 0px;
	margin: 0px;
}
h2 span {
	font-size: 12px;
}
h2 span.rood {
	color: #CD3807;
}

h3 {
	font-size: 18px;
	color: #253281;
	padding: 0px;
	margin: 0px;
}

h4 {
	font-size: 12px;
	color: #253281;
	padding: 0;
	margin-bottom: 0;
	line-height: 12px;
}
h4.rood {
	color: red;
}

ul.nostyle {
	margin: 0;
	padding: 0;
}
ul.nostyle li {
	list-style-type: none;
}

blockquote {
	background: #F1F2F8;
	margin: 0.5em 0 1em 0;
	padding: 0;
}
blockquote p {
	padding: 0.2em;
	margin: 0;
}

table.goeddoel td {
	text-align: center;
}

table.spaargeld td {
	padding: 0 0.2em;
	text-align: center;
}

span.small {
	margin-left: 1em;
	font-size: 10px;
}

#countdown {
	float: right;
	margin: 0 0 0 1em;
	padding: 1px;
	width: 140px;
	border: 1px solid #53B12F;
	text-align: center;
}
#countdown a {
	color: #53B12F;
	display: block;
	text-decoration: none;
	margin: 1em 0;
}

#countdown a.link1, a.link1:visited {
	color: #53B12F;
}
#countdown a.link2, a.link2:visited {
	color: #D93434;
}
#countdown a.link4, a.link4:visited {
	color: #D93434;
}
#countdown a.link5, a.link5:visited {
	color: #E59333;
}

#countdown a:hover {
	color: #9F1616;
	text-decoration: underline;
}

p.lijn {
	margin: 1em 0 2em 0;
	height: 1px;
	border-bottom: 1px solid #7F0D19;
	clear: right;
}
p.countdownbalk {
	margin: 0;
	padding: 0;
	height: 5px;
	background: #CC3333;
}
p.symbols {
	padding: 0.2em;
	text-align: center;
	clear: right;
	border: 1px solid #fff;
	width: 100%;
}
p.symbols img {
	padding: 0.2em;
	display: inline;
}

img.stappen {
	height: 38px;
	width: 150px;
	margin: 1em 0 0 0;
}

.purple {
	color: #660066;
} 

.list { 
	height: 25px;
	background-color: #efefef;
	border-bottom: 1px solid black;
	padding-bottom: 1px;
}
.textDisplay {
	font-size: 12px;
	color: #253281;
	font-weight: bold;
	padding: 3px;
}

.textRemarks {
	font-size: 12px;
	color: #253281;
	font-weight: normal;
	font-style: italic;
}

form {
	margin-top: 2em;
}

.inputbox {
	border: solid 1px #969d99;
	font-size: 12px;
	color: #000000;
	width: 250px;
	padding: 2px;
}

.inputarea {
	border: solid 1px #969d99;
	font-size: 12px;
	color: #000000;
	width: 250px;
	padding: 2px;
}

.button {
	border: solid 1px #969d99;
	font-size: 12px;
	cursor: pointer;
}

.error {
	font-size: 14px;
	color: red;
	font-weight: bold;
}

.menutop {
	background-color: #dbd1d1;
	border: solid 1px #bdaeae;
	padding: 4px;
}

.menutop a {
	font-weight: bold;
	font-size: 12px;
	color: #253281;

	text-align:center;
	text-decoration:none;
}

.listbutton {
	display:inline;
	padding: 5px;
	color: #333333;
	font-size: 11px;
}

.listbutton a {
	color: #333333;
	font-size: 11px;
	text-decoration: none;
}

.sort { 
	color:#1F619B;
}

.sort a{
	color:#1F619B;
	font-weight: bold;
}

.sortRow {
	background-color: #afafaf;
}


.headerTable {
	border: dotted 2px #afafaf; 
	padding: 3px;
}

.headerTop {
	background-color: #afafaf;
}

.headerButtons {
	background-color: #e7e7e7;
}

.style1 {color: #3C2E78}
.style3 {color: #FF0000}
.style4 {color: #0000FF}
.style7 {color: #CC0000}

#clear {
	height: 0;
	padding: 0;
	margin: 0;
	clear: both;
}

#footer {
	padding: 0.3em;
	color: #fff;
	background: #9EBA20 url(./art/bottom_image.gif) top left repeat-x;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	text-align: center;
}
#footer a {
	color: #fff;
}
address {
	font-style: normal;
}
