/* page.css
 *
 * Plaats hier alle pagina stijlen
 *
 */
body {
	margin: 0px;
	padding: 0px;
	border: none;
	background: #000000 url(../images/gridvert.gif) repeat-y fixed;
	color:#FFFFFF;
	overflow: hidden;
	font-family: Arial,Verdana,Helvetica, sans-serif;
	font-size: 10px;
}

th {
	font-family: Arial,Verdana,Helvetica, sans-serif;
	font-size: 12px;
	color: #ffFFff;
	font-variant: small-caps;
}

td {
	font-family: Arial,Verdana,Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}

input.button {
	border: none;
	width:95%;
	height: 12px;
	font-family: Arial,Verdana,Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	background-color: #000000;
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: right;
	text-align: right;
	padding-right: 15px;
}

.leftframe {
	font-family: Arial,Verdana,Helvetica, sans-serif;
	background-color:#FFFFFF;
	position:absolute;
	width:125px;
	height:100%;
	z-index:200;
	top:0px;
	left: 0px;
}

.logo  {
	font-family: Arial,Verdana,Helvetica, sans-serif;
	vertical-align: top;
	height: 55px;
}
.left  {
	font-family: Arial,Verdana,Helvetica, sans-serif;
	vertical-align: top;
}


.rightframe {
	font-family: Arial,Verdana,Helvetica, sans-serif;
	position:absolute;
	width:150px;
	height:100%;
	z-index:2;
	left:626px;
}

.banner {
	font-family: Arial,Verdana,Helvetica, sans-serif;
	height: 120px;
	width: 150px;
	text-align:center;
	vertical-align: top;
}

.right  {
	font-family: Arial,Verdana,Helvetica, sans-serif;
	vertical-align: top;
}

div.middleframe {
	font-family: Arial,Verdana,Helvetica, sans-serif;
	position:absolute;
	z-index:1;
	overflow:auto;
	height:100%;
	width:100%;
	background-image: url(../images/grid.gif);
	background-repeat: no-repeat;
	background-attachment: fixed;
}

div.middleinner {
	font-family: Arial,Verdana,Helvetica, sans-serif;
	position:absolute;
	left: 250px;
	width: 375px;
}

table.middleinner {
	font-family: Arial,Verdana,Helvetica, sans-serif;
	height:100%;
	width:100%;
	margin-top:10px;
}

.top {
	font-family: Arial,Verdana,Helvetica, sans-serif;
	text-align:left;
	width:100%;
}

table.bodytable {
	font-family: Arial,Verdana,Helvetica, sans-serif;
	width: 100%;
	height: 100%;
	margin-top: 40px; /* uitlijnen met content mozilla */
	/margin-top: 20px; /* uitlijnen met content IE */
}


#top ul li {
	font-family: Arial,Verdana,Helvetica, sans-serif;
	list-style-type: none;
	text-indent: 0px;
	display: inline;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
}

#mainlevel-nav {
	font-family: Arial,Verdana,Helvetica, sans-serif;
	margin-left:0px;
	padding-left:0px;
	list-style-type: none;
	text-indent: 0px;
	text-align:left;
}

#nieuwsbrief {
	font-family: Arial,Verdana,Helvetica, sans-serif;
	margin-left:0px;
	padding-left:0px;
	list-style-type: none;
	text-indent: 0px;
	text-align:left;
	position:absolute;
	left: 300px;
	top: 10px;

}

a:link.mainlevel_nieuwsbrief, a:visited.mainlevel_nieuwsbrief, a:active.mainlevel_nieuwsbrief {
	font-family: Arial,Verdana,Helvetica, sans-serif;
	color:#B4DAA5;
}

/*
aanpassing voor (top) menu, de captials zorgen ervoor dat de tabel te groot wordt en te veel naar rechts schuift
*/
.moduletable_TOP {
	font-family: Arial,Verdana,Helvetica, sans-serif;
	position: relative;
	margin-left: 0px;
}

td.top   { 	font-family: Arial,Verdana,Helvetica, sans-serif; }
td.topmenu { 	font-family: Arial,Verdana,Helvetica, sans-serif; background: #55FF55; }

td.banner { 	font-family: Arial,Verdana,Helvetica, sans-serif; }

td.center { 	font-family: Arial,Verdana,Helvetica, sans-serif; background: #00ff00; }
td.right { 	font-family: Arial,Verdana,Helvetica, sans-serif; }
td.sponser { 	font-family: Arial,Verdana,Helvetica, sans-serif; background: #111111;  }

td.user1 { font-family: Arial,Verdana,Helvetica, sans-serif; background: #99aabb; }
td.user2 { font-family: Arial,Verdana,Helvetica, sans-serif; background: #aabbcc; }
td.user3 { font-family: Arial,Verdana,Helvetica, sans-serif; background: #334455; }
td.user4 { font-family: Arial,Verdana,Helvetica, sans-serif; background: #445566; }
td.user5 { font-family: Arial,Verdana,Helvetica, sans-serif; background: #556677; }
div#user6 { 	font-family: Arial,Verdana,Helvetica, sans-serif; margin-right: 5px; }
td.user7 { font-family: Arial,Verdana,Helvetica, sans-serif; }
td.user8 { font-family: Arial,Verdana,Helvetica, sans-serif; background: #8899aa; }
td.leftuser { font-family: Arial,Verdana,Helvetica, sans-serif; background: #aabb00; }
td.rightuser { font-family: Arial,Verdana,Helvetica, sans-serif; background: #bb00dd; }
td.content { font-family: Arial,Verdana,Helvetica, sans-serif; }

td a#menu41 { margin-top: 20px; } /* iets meer marge tussen olympisch netwerk en SPORT MEDISCH CENTRUM */
td a#menu46 { margin-top: 10px; } /* idem met OLYMPISCH NETWERK ROTTERDAM */
td a#menu110 { margin-top: 10px; } /* idem met TOPSPORT ONDERWIJS PLATFORM */

/* Dit is om het volgende euvel te verhelpen;
 * http://rts.rts.nl/nl  brengt de bezoeker naar het eerste item in het hoofdmenu
 * en dat is knap rot als dat niet home is. Vandaar dat home er stiekem in staat
 * In css gooi ik de style op niet-zichtbaar voor id 'menu64' (home)
 */
#menu64 {
	font-family: Arial,Verdana,Helvetica, sans-serif;
	display: none;
	visibility: hidden;
	position: absolute;
	left: 50000px;
	top:  50000px;
}

/* aanpassing CSS voor category-blog lijsten, 24 aug 2006 */
td.repeattitle_header {
	font-family: Arial,Verdana,Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 100; /* font-size niet aangepast, maar minder bold gemaakt */
	color: #51b948;
	font-variant: small-caps;
}
span.repeatdate_header {
	padding-left:  5px;
	padding-right: 5px;
}
span.introtext { /* introtext starts at newline */
	display: block;
	clear: left;
	font-size: 12px;
}

/* tr.sectiontableentry1 td a.sectiontabletitle ,tr.sectiontableentry2 td a.sectiontabletitle,   */
div#content a.sectiontabletitle {
	text-decoration: none;
	font-size: 12px;
	font-weight: 900;
	color: #ffFFff;
	text-transform: capitalize;
}
div.sectiontablestop {
	margin-top: 20px;
}
/*
Staat uit, hoeft even niet.
.sectiontabledecoration {
	width: 200px;
	height: 1000px;
	position: absolute;
}
*/