/**
 * Stylesheet voor nieuwe OSBO website Nu (4-9-07) nog testomgeving SBO
 * Moet nog opgeschoond, netjes gegroepeerd en gedocumenteerd worden.
 *
 */



/**
 * CSSCheck: de meeste 'foutjes' zijn eruit, maar niet die van de underscore.
 * De _ is officieel niet toegestaan in klasse-namen, maar IE6 en Firefox hebben er geen moeite mee.
 */
	/*background: url(http://www.sboschaak.net/new/upload/pics/Achtergrond/backgroundblue.jpg) white repeat;
	*/

body {
	background: url(../blue/fancy.jpg) white fixed;
	background-attachment: fixed;
	color: black;
	font-family : Verdana, Arial, sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
/*	font-size: smaller;*/ /* Gaat niet bij Harry */
}

span.courier {
	font-family: "Courier New", Courier, monospace;
}

.main            { background-color: transparent; }
.rbroundbox      { background: transparent /*url(../blue/bg.jpg)*/ no-repeat top;}
.title_content   { background: transparant url(../blue/bg_titel.jpg) repeat top; color: white; }
.title_klvl      { background: url(../blue/bgtitelklvl.png) repeat-x top; color: white; padding-top: 3px;}
.linksrechts     { background: url(../blue/lr.jpg) repeat-y right; background-color: transparent; }
.linksrechts2    { background: url(../blue/lr.jpg) repeat-y left; background-color: transparent; }
.bottom          { background: url(../blue/lr.jpg) repeat-x bottom; background-color: transparent;  }
.rbcontent       { background-color: transparent; }


table.framed, table.alternative {
/*
	background-color: #F8F7D5;
*/
	
	background-color: #FFFFEF;

}

table.framed tr.shaded, table.alternative tr.shaded {
	background-color: #FFFFEF;
}

table.framed {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;

	border: 1px solid gray;
	border-collapse: collapse;
}

table.framed tr td, table.framed tr th {
	border: 1px solid gray;
	border: 1px solid gray;
}

table.framed tr th {
	border-bottom: 1px dashed black;
}

table.alternative {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	border: 1px dotted gray;
}

img.smiley {
	border-width:0;
	border-style: none;
}

table.alternative tr {
/*
	opacity: 1;
	filter: alpha(opacity=1000);
	-moz-opacity: 1;
*/
}

table.alternative tr th {
	border-bottom: 1px dotted black;
}

table.alternative tr td, table.alternative tr th {
	padding: 1 5 1 5;
}
/*
table.framed tr td.tdleft, table.framed tr th.tdleft {
	border-left: 1px solid black;
}
table.framed tr.trtop td, table.framed tr.trtop th {
	border-top: 1px solid black;
}
table.framed tr td.tdright, table.framed tr th.tdright {
	border-right: 1px solid black;
}
table.framed tr.trbottom td, table.framed tr.trbottom th {
	border-bottom: 1px solid black;
}
*/
.tabletop
{
	width: 100%;
	height: 30px;
	border-width: 0px;
	border-spacing: 0px 0px;
	border-collapse: collapse;
	background-color: transparent;
}



.tabletop *
{
	background-color: transparent;
	color: white;
	text-align: center;
}

.hoeklb, .hoekrb, .hoeklo, .hoekro, .hoekloblauw, .hoekroblauw
{
	width: 23px;

}

.hoeklb
{

	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/new/blue/lb.png', sizingMethod='crop'); /** doorzichtig **/

}

.hoekrb
{

	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/new/blue/rb.png', sizingMethod='crop'); /** doorzichtig **/
}

.hoeklb[class]
{
	background: transparent url(../blue/lb.png) no-repeat top left;
}

.hoekrb[class]
{
	background: transparent url(../blue/rb.png) no-repeat top right;
}



.titlecell
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-width: 0px;
	background: url(../blue/bg_titel.png) repeat;
	vertical-align: top;
}

.bottomtable
{
	width: 100%;
	border-width: 0px;
	border-spacing: 0px 0px;
	border-collapse: collapse;

}

.bottomtable[class]
{
	/* fix: hersteld kapot maken boxje door float */
	clear: left;
}


.hoeklo
{
	background-position: bottom left;

	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/new/blue/lo.png', sizingMethod='crop'); /** doorzichtig **/
}

.hoeklo[class]
{
	background: url(../blue/lo.png) no-repeat bottom left;
}
.hoekro
{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/new/blue/ro.png', sizingMethod='crop'); /** doorzichtig **/
}


.hoekro[class]
{
	background: url(../blue/ro.png) no-repeat bottom right;
}

.hoekroblauw
{
	background-position: bottom left;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/new/blue/ro_blauw.png', sizingMethod='crop'); /** doorzichtig **/
}

.hoekroblauw[class]
{
	background: url(../blue/ro_blauw.png) no-repeat bottom right;
}


.hoekloblauw
{
	background-position: bottom left;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/new/blue/lo_blauw.png', sizingMethod='crop'); /** doorzichtig **/
}

.hoekloblauw[class]
{
	background: url(../blue/lo_blauw.png) no-repeat bottom left;
}

.ondercenterblauw
{
	height: 25px;
	color: white;
	font-size: xx-small;
	background: url(../blue/bgonderklvl.png) repeat-x bottom;
}



.ondercenter
{
	height: 25px;
	color: white;
	font-size: xx-small;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/new/blue/bb.png', sizingMethod='scale'); /** doorzichtig **/
}

.ondercenter[class]
{
	background: url(../blue/bb.png) repeat-x bottom;
}



.ondercenter *, .ondercenterblauw *
{
	color: white;
	font-size: xx-small;
}

.ondercenter table, .ondercenterblauw table
{
	width: 100%;
}

.bottom_yellow_bg { background: url(../blue/bg_geel.jpg) repeat; color: black; }
.bottom_yellow   { background: url(../blue/bb.jpg) repeat-x bottom; color: black; }
.bottom_yellow_border { background: url(../blue/rand_blauw_hor.jpg) repeat-x top; color: black; }
.rbbot_yellow    { background: url(../blue/lo_geel.jpg) no-repeat bottom left; color: black; }
.rbbot2_yellow   { background: url(../blue/ro_geel.jpg) no-repeat bottom right; color: black; }

.rbbot_yellow_text table
{
	font-size: smaller;
	text-align: left;

}

.rbbot_yellow_text
{
	margin: 0px 0px 0px 0px;
	padding: 3px 15px 8px 15px;
	height: 20px;
}


.titletable
{
	padding: 0px 0px 0px 0px;

}




.rbbot2_yellow, .rbbot_yellow, .bottom_yellow, .bottom_yellow_bg, .bottom_yellow_border
{
	width: 100%;

}



.title_content, .rbtop {
	width: 100%;


}

.rbbot2, .rbbot, .bottom {
 	width: 100%;
	height: 25px;

}


.title2
{

	padding: 8px 15px 8px 15px;

	height: auto;
	font-size: larger;
	text-align: center;

}

.title2 *
{
	background-color: transparent;
}

.title2 table
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: transparent none no-repeat;
	color: white;
}

.title2 tr, .title2 td
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.rbcontent {
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 0px 0px;
}

.rbcontent table {
	font-size: smaller;
}

.rbcontent td {
	font-size: larger;
}

.rbcontent li, .rbcontent table, .rbcontent tr, .rbcontent td, .rbcontent form, .rbcontent p, .rbcontent center, .rbcontent span, .author, .date {
/*	font-size: smaller;*/
}

.rbcontent h2
{
/*	font-size: medium;*/
}

.rbcontent h3
{
/*	font-size: small;*/
}

.rbcontent ul {
	margin: 0px 0px 0px 25px;
}

/*
.news_item img {
/*	border-width: 1;
	border-color: black; */
}
*/

.rbcontent li
{
	margin: 1px 1px 1px 1px;
	padding: 0px 0px 0px 0px;
}

.rbroundbox {
 	margin-top: 10px;
	margin-bottom: 10px;
	width: 100%;
	background-color: transparent;
}

/**
 * Transparantie van een rbroundbox (wrapper)
 */
.transp
{
	/* Mozilla ignores crazy MS image filters, so it will skip the following */
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/new/blue/trans40.png', sizingMethod='scale'); /** doorzichtig **/
	background-color: transparent;
	width: 100%;
}

/* IE ignores styles with [attributes], so it will skip the following. */
.transp[class] {
  background-image:url(../blue/trans40.png);
}

.left .plaatje_link, .left .plaatje_geenlink, .right .plaatje_link, .right .plaatje_geenlink {
	width: 80%;
}

.plaatje_klein
{
	width: 50%;
}

/*Positionering van de divs*/
.main
{
	width:100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.left, .headerleft
{
	float: left;
	width: 21%;
	min-width: 120px;
	margin: 0 0 1% 1%;
	font-size: smaller;
}

.content
{
	float: left;
	width: 60%;
	margin: 0 0 3% 3%;
	font-size: smaller;
}

.contentleft
{
	float: left;
	width: 48%;
	margin: 0 0 1% 1%;
	font-size: smaller;
}

.contentright
{
	float: left;
	width: 20%;
	margin: 0 0 1% 31;
	font-size: smaller;
}

.content_full, .headercontent
{
	float: left;
	width: 70%;
	min-width: 450px;
	margin: 0 0 1% 1%;
	font-size: smaller;
}

.content_100
{
	float: left;
	width: 97%;
	min-width: 200px;
	margin: 0 0 1% 1%;
	font-size: smaller;
}

div.forum_menu
{
	float: left;
	width: 89%;
	min-width: 0px;
	margin: 0 0 0 4.5%;
	font-size: smaller;
}

.right
{

	float: left;
	width: 10%;
	margin: 0 0 1% 1%;
	font-size: smaller;
}


.menu ul, .file_browser ul {
	margin: 0 0 0 0;
}

.menu li, .menu ul, .file_browser li, .file_browser ul
{
	padding: 1px 1px 1px 1px;
}

.menu li {
	list-style: none;
	margin: 0px 0px 0px 10px;
}

.file_browser li {
	list-style: none;
	margin: 0px 0px 0px 25px;
}

.menu a, .file_browser a {
	text-decoration: none;
}

a {
	text-decoration: none;
}

.menu .selected, .file_browser .selected {
	font-weight: bold;
}

.file_browser .dir_link {
/*	font-style: italic;*/
}


table.file_browser tr, table.file_browser tr td {
	margin: 0 0 0 0;
	padding: 0 0 0 0;

}

img.icon_delete {
	position:relative;
	left:0px;
	top:4px;
}

img.icon_folder_open {
	position:relative;
	left:-3px;
	top:4px;
}

img.icon_folder_closed {
	position:relative;
	left:-2px;
	top:4px;
}

.newscat
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.title2 .cat_li_1,  .title2 .cat_li_sel_1 {
	background: url(../blue/sr.gif) no-repeat;
	color: white;
}

.title2 .cat_li_2,  .title2 .cat_li_sel_2  {
	background: url(../blue/jr.gif) no-repeat;
	color: white;
}

.title2 .cat_li_3, .title2 .cat_li_sel_3 {
	background: url(../blue/gp.gif) no-repeat;
	color: white;
}


.title2 .cat_li_1, .title2 .cat_li_2, .title2 .cat_li_3, .title2 .cat_li_sel_1, .title2 .cat_li_sel_2, .title2 .cat_li_sel_3, .title2 .cat_li_sel_0
{
	display: inline;
	margin: 0px 0px 0px 10px;
	padding: 0px 3px 3px 20px;
	height: 20px;


}

.title2 .cat_li_z
{
	list-style-image: url(../blue/bg_titel.jpg);

	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: inline;
}

.title2 ul
{
	/*padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;*/

}

.title2 a
{
	text-decoration: underline;
	color: white;


}

.title2 .title_rechts
{
/*	font-size: small;*/
}

.title_rechts
{
	text-align: right;
}

/* Gallery */

img.blackborder {
/*	border-color: black;*/
	border-width: 1;
/*	border-style: solid;*/
}

/*
img.noborder {
	border-width: 0;
	border-style: none;
}
*/

div.picture_gallery img {
	border-width: 1;
/*
	border-color: black;
	border-style: solid;
*/
}

img {
	border-color: black;
	border-style: solid;
	border-width: 0;
}

div.thumbnail {
	width: 150;
	height: 200;
	/* float: left; */
}

.picture_gallery
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
}

div.centeredthumbnail {
	float: left;
	width: 160px;
	height: 210px;
	font-size: smaller;
	margin: 2px 2px 2px 2px;
	padding: 2px 2px 2px 2px;
}

.picgal
{
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
}


.reglementlink img
{
	vertical-align: middle;
	border-width: 0;
}

.header
{
	width: 100%;
	height: 204px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/new/blue/Header_full7.png', sizingMethod='crop'); /** doorzichtig **/
	color: black;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.header[class]
{
	background-image: url(../blue/Header_full7.png);
	background-repeat: no-repeat;
	background-position: center center;
}

.wrapheader
{
	width: 100%;
	height: 204px;
	color: black;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.headerleft
{
	background: url(../blue/bannerlinks.jpg) no-repeat top;
	color: black;
	height: 100px;
}

.headercontent
{
	background: url(../blue/bannermid.jpg) no-repeat top;
	color: black;
	height: 100px;
}

.osbologo
{
	width: 141px;
	height: 220px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/new/blue/osbologo.png', sizingMethod='crop'); /** doorzichtig **/
	color: black;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

}

.osbologo[class]
{
	background-image: url(../blue/osbologo.png);
	background-repeat: no-repeat;
	background-position: center center;
}

.logojong
{
	width: 220px;
	height: 138px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/new/blue/JW_logo_web.png', sizingMethod='crop'); /** doorzichtig **/
	color: black;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

}

.logojong[class]
{
	background-image: url(../blue/JW_logo_web.png);
	background-repeat: no-repeat;
	background-position: center center;
}

.archief_posts
{
	font-style:italic;
}

/**
 * Knoppen
 */
.knoptable
{

	border-width: 0px;
	border-spacing: 0px 0px;
	border-collapse: collapse;
	background-color: transparent;
}

.knoptable *
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


.knopwrap
{

	margin: 5px 5px 5px 5px;
	color: white;
}

.knoplinks
{
	width: 13px;
	height: 25px; color: white;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/new/blue/knoplinks.png', sizingMethod='scale'); /** doorzichtig **/
}

.knoplinks[class]
{
	background: url(../blue/knoplinks.png) no-repeat bottom right; color: white;
}

.knoprechts
{
	width: 13px;
	height: 25px; color: white;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/new/blue/knoprechts.png', sizingMethod='scale'); /** doorzichtig **/
}

.knoprechts[class]
{
	background: url(../blue/knoprechts.png) no-repeat bottom right;
}

.knoptekst {
	width: 100%;
	height: 25px;
	color: white; font-weight: bold; text-align: center;
	/*font-size: smaller;*/
	background: url('../blue/bgtitelklvl.png') repeat-x;
	line-height: 25px;
}
.rbcontent a:link {

	text-decoration: none;
	color: #126B75;
}
.rbcontent a:visited {
	text-decoration: none;
	color: #126B75;

}
.rbcontent a:hover {
	text-decoration: underline;
	color: #126B75;

}
.rbcontent a:active {
	text-decoration: none;
	color: #126B75;

}

.knoptekst a, .knoptekst a:visited, .knoptekst a:link, .knoptekst a:active, .knoptekst a:hover
{
	background: transparent;
	color: white;
	text-decoration: none;
}

.knoplink
{
	background: transparent none;
	color:white;
	text-decoration: none;
}

.readmore
{
	text-align: right;
	width: 100%; /* Lost bug op in IE en opera, anders maakt een button de box kapot */

}

/***************************
 * Compman                 *
 ***************************/

/* table voor vakjes van de crosstable */

.crosstable .crosstableblauw, .crosstable .ctheader, .crosstable .crosstableblauwnaam, .stand, .stand *, .uitslag, .uitslag *, .navbar, .navbar *
{
	background-color: #F8F7D5;
}

.crosstable .crosstableblauw
{
	height: 44px;
	width: 44px;
}


.crosstable, .stand, .uitslag, .navbar
{
	border-collapse: collapse;
}

.crosstable td, .crosstable .ctheader
{
	border: 2px solid black;
	text-align: center;
}

.crosstable .ctheader
{
	font-size: xx-small;
	height: 50px; 
}


.crosstableself
{
	background-color: black;
}

.crosstableinvisible
{
	border: 0px solid white;
	background-color: transparent;
}



.crosstablevakje
{
	height: 44px;
	width : 44px;
	background: url(../blue/streep_diagonaal.gif) no-repeat center center;

}

.crosstablevakje td
{
	width: 50%;
	text-align: center;
	border: 0px solid white;
}

.competitietable .even
{
	background-color: #C4DED5;
}

.competitietable .oneven
{
	background-color: #F8F7D5;
}

.competitietable td
{
	padding-left: 3px;
	padding-right: 3px;

.competitietable .invisible
{
	background-color: none;	
	
}


.stand th, .stand td, .uitslag td, .uitslag th, .navbar td, .navbar th
{
	padding: 3px 7px 3px 7px;
	border: 1px solid black;
	text-align: center;
}

.stand, .uitslag, .navbar
{
	border: 2px solid black;
	text-align: center;
}