/* --------------------------------------- common tag redefinitions --------------------------------------- */
html, body, form, fieldset {
	font:100% Times new roman;
	margin:0;
	padding:0;
}
html {
	font-size:100.01%; /* see remark bottom */
}
body {
	background:url(../images/bck_page.gif);
	color:#000;
	line-height:1.4em;
	font-size:0.8em;
	background-color:#fff;
}
a {
	color:#000;
}
a:visited {
	color:#666;
}
a:hover {
	color:#E42F26;
}
a img {
	border:none; /* avoids border when img is link */
}
fieldset {
	border:none;
}
/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, hr, address {
    margin:0.9em 0;
    padding:0;
}
h1 {
	color:#E42F26;
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.5em;
	line-height:1.2em;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.2em;
}
h3 {
	color:#777;
	font-size:1.2em;
	font-weight:normal;
	line-height:1.4em;
}
h4 ,h5, h6 {
	color:#777;
	font-weight:bold;
}
hr {
	border:none;
	border-bottom:1px solid #E42F26;
	height:1px;
}
input, select, textarea {
	font-size: 100%;
	font-family: "Times New Roman", Times, serif;
	color:#877863;
}
select, textarea { /* similar to class 'inputfield' */
	background-color:#fff;
	border:1px solid #bbac99;
	padding:2px;
}
td {
	/*font-size:0.9em;*/
	vertical-align:top; /* relevant in most cases, i.e. in application layout */
}
td td {
	font-size:1em; /* avoid smaller font in nested tables */
	padding:2px 10px;
}

.img_left {
	margin: 0px 8px 5px 0px;
	float:left;
}
.img_right {
	margin: 0px 0px 5px 8px;
	float:right;
}

/* --------------------------------------- common styles --------------------------------------- */
input.button {
	background-color:#E42F26;
	border:none;
	color:#fff;
	font-weight:bold;
	padding:1px 5px;
	cursor:pointer;	
	margin:0 0 0 1em;	
}
.tableForm td.button {
	padding-top:8px;
	padding-bottom:16px;
	text-align:right;
}
div.button {
	margin:8px 0 16px 0;
	text-align:right;
}
.tableForm {
	background-color:#aaa;
	border:none;
	border-collapse:collapse;
}
.tableForm td, .tableForm th {
	background-color:#fff;
	border:none;
	padding:1px 10px;
}
.tableForm th {
	background-color:#E42F26;
	color:#fff;
}
.border {
	border: solid 1px #aaa;
}
.border th {
	border: solid 1px #E42F26;
}
.border td {
	border: solid 1px #aaa;
}
.clearfloats {
	clear:both;
}
.alignR {
	text-align:right;
}
.alignC {
	text-align:center;
}
.floatL {
	float:left;
}
.floatR {
	float:right;
}
.inputfield {
	background-color:#fff;
	border:1px solid #aaa;
	height:14px;
	padding: 1px 2px;
}
.radio, .checkbox {
	margin:1px 0.2em;
	vertical-align:middle;
}
.nowrap {
	white-space:nowrap;
}
.nonBold {
	font-weight:normal;
}
.smaller {
	font-size:75%;
}

/* --------------------------------------- width styles for form elements --------------------------------------- */
.XS { width:20px;}
.XS2 { width:29px;}
.S { width:50px;}
.M2 { width:129px;}
.M { width:150px;}
.L { width:200px;}
.XL { width:300px;}
.prct100{ width:100%;}

/* --------------------------------------- containers --------------------------------------- */
#topNav {
	background-color:#E42F26;
	margin:30px auto 8px auto;
	width:900px;
}
#topNav a {
	display:block;
	float:left;
	height:38px;
	margin:0 13px 0 14px; /* tijdelijk om witruimte weggelaten forum tabke op te vangen */
	text-indent:-10000px;
}
#topNav a.item1 {
	background:url(../images/nav_nieuws.gif);
	width:70px;
}
#topNav a.item2 {
	background:url(../images/nav_org.gif);
	width:89px;
}
#topNav a.item3 {
	background:url(../images/nav_lesbrieven.gif);
	width:84px;
}
#topNav a.item4 {
	background:url(../images/nav_gazet.gif);
	width:73px;
}
#topNav a.item5 {
	background:url(../images/nav_nieuwsbrf.gif);
	width:98px;
}
#topNav a.item6 {
	background:url(../images/nav_idkijker.gif);
	width:95px;
}
#topNav a.item7 {
	background:url(../images/nav_tips.gif);
	width:48px;
}
#topNav a.item8 {
	background:url(../images/nav_forum.gif);
	width:61px;
}
#topNav a.item9 {
	background:url(../images/nav_contact.gif);
	width:72px;
}
#topNav a:link, #topNav a:visited {
	background-position: 0 0;
}
#topNav a:hover, #topNav a:link.active , #topNav a:visited.active {
	background-position: 0 38px;
}
#main {
	background-color:#FFF;
	border:5px solid #E42F26;
	margin:0 auto;
	padding:5px;
	width:880px; /* 690 - padding - border*/
}
#body {
	background-color:#FFF;
	border:5px solid #000;
	height:575px;
	overflow:hidden;
	padding:5px;
}
#left, #right {
	float:left;
}
#left {/* */
	background-color:#E42F26;
	height:575px;/* */
	position:relative;
	width:151px;
}
#leftNav {
	background-color:#E42F26;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:0.8em;
	height:517px;
	line-height:1.1em;
	position:relative;
	text-transform:uppercase;
}
#left .item0 {
	background:url(../images/fot_00.gif) 0 219px no-repeat;
}
#left .item1 {
	background:url(../images/fot_01.gif) 0 219px no-repeat;
}
#left .item2 {
	background:url(../images/fot_02.gif) 0 219px no-repeat;
}
#left .item3 {
	background:url(../images/fot_03.gif) 0 219px no-repeat;
}
#left .item4 {
	background:url(../images/fot_04.gif) 0 219px no-repeat;
}
#left .item5 {
	background:url(../images/fot_05.gif) 0 219px no-repeat;
}
#left .item6 {
	background:url(../images/fot_06.gif) 0 219px no-repeat;
}
#left .item7 {
	background:url(../images/fot_07.gif) 0 219px no-repeat;
}
/* fot 08 nog niet aangemaakt > forum tab */
#left .item9 {
	background:url(../images/fot_09.gif) 0 219px no-repeat;
}
#xtra {
	position:absolute;
	top:240px;
	left:31px;
	text-align:center;
}
#leftNav a {
	color:#000;
	text-decoration:none;
}
#leftNav a:hover, #leftNav a.active {
	text-decoration:underline;
}
#leftNav ul {
	background-color:#E42F26; /* */
	/*bottom:0px;*/ /* */
	height:auto!important; /* for sane browsers, keep it as default */
	height:200px;
	margin:0;
	min-height:200px;
	padding:10px;
	/*position:absolute;*/ /* */
	text-align:right;
	width:131px; /* width leftnav - padding */
}
#leftNav li {
	list-style-type:none;
	padding:0 0 0.4em 0;
}
#brand { /* totally new */
	bottom:0;
	position:absolute;
}
#right {
	padding: 0 30px;
	height:575px;
	overflow:auto;
	width:649px;  /* width main - borderBody - paddingBoddy - width left - padding */
}

/* --------------------------- webring  */

#webring {
	background:#fff;
	margin:5px auto 5px auto;
	width:862px;
	color:#E42F26;
	padding: 0 19px 0 19px;
	font-size:0.95em;
	text-align:center;
}
#webring a:link, #webring a:visited {
	color:#E42F26;
	text-decoration:none;
}
#webring a:hover {
	text-decoration:underline;
}