/* 	WYP2005/NL website stylesheet
	by Jasper Groenewegen 

	Indeling van dit document:	
	1. Opmaak normale, niet geclassificeerde tags
	2. Opmaak standaard body
	3. Opmaak speciale body's
		a. Home
		b. Custom
		c. Black
	4. Opmaak specifieke pagina's
		a. Reglementen
		b. Eureka Cup
		c. Basisschool
		d. Agenda
	5. Opmaak vaste pagina-onderdelen.
*/


/*	1. Opmaak normale, niet geclassificeerde tags */

body {
	background: #000 url(images/bg-body.jpg);
	color: #000;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	}

a, a:visited, a:active, a:link {
	color: #000;
	text-decoration: underline;
	font-weight: normal;
	}

a:hover {
	color: #0100a3;
	}
	
img {
	border: 0px;
	}

ul {
	list-style-image: url(images/cone-list3.gif);
	}

h1 {
	margin: 10px 0px;
	font-size: 22px;
	font-weight: bold;
	}
	
#main-title {
	background: transparent url(images/h2-bg.jpg);
	padding: 20px 0px 25px;
	margin: 0px auto 10px;
	border: 0px;
	}
		
#main-title h2 {
	margin: 0px 0px 0px 90px;
	font-size: 18px;
	font-weight: bold;
	}

h3 {
	margin: 10px 0px;
	font-size: 14px;
	font-weight: bold;
	}

h4 {
	margin: 5px 0px 10px;
	font-size: 12px;
	font-weight: bold;
	}

h4 a {
	font-weight: bold;
	}

h5 {
	margin: 10px 0px 5px;
	font-size: 12px;
	font-weight: normal;}
	
.img_right {float: right; padding: 7px}
.img_left {float: left; padding: 7px}
.img_center {float: center; padding: 7px}

/*	2. Opmaak standaard body */

#main {
	background: transparent;
	line-height: 1.5em;
	margin: 0px;
	padding: 5px 20px 5px 10px;
	}
	

/*	3. Opmaak speciale body's */

/*	3.	a. Home */

#home {
	border-collapse: collapse;
	color: #fff; 
	background: #000 url(images/bg.jpg) no-repeat;
	width: 800px;
	height: 512px;
	font-weight: bold;
	font-size: 14px;
	}

#home td {
	vertical-align: top;
	padding: 10px;
	}
	
#home ul {
	list-style-image: url(images/cone-list3.gif);
	}
	
#home a{
	color: #fff;
	font-weight: bold;
	}
	

/*	3.	b. Custom */

#custom { 
	color: #fff; 
	font-size: 12px; 
	font-family: arial, verdana, helvetica, sans-serif; 
	background: transparent; 
	margin: 0; 
	padding: 0; 
	border: 0;
	}
	

/*	3.	c. Black */

#black {
	color: #000; 
	font-size: 12px; 
	font-family: arial, verdana, helvetica, sans-serif; 
	background: transparent;
	}
	

/*	4. Opmaak specifieke pagina's	*/

/*	4.	a. Reglementen */

.regels tr {
	vertical-align: text-top;
	}

.regels td {
	width: 340px;
	}
	
.regels {
	font-size: 10px;
	line-height: 1.2em;
	}
	
.regels ol {
	margin-bottom: 10px;
	}
	

/*	4.	b. Eureka Cup */

.eureka {
	background-color: #0100a3;
	}
	
.eureka a, .eureka a:link, .eureka a:visited {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
	text-decoration: none;
	}

.eureka a:hover {
	text-decoration: underline;
	}

.opdrachten {
	background: transparent url(images/kader_wyp.jpg) no-repeat;
	padding: 20px 20px 5px 35px;
	vertical-align: top;
	}

.red {
	color: #de2304;
	}

.text {
	color: #000000;
	}


/*	4.	c. Basisschool */

.basisschool {
	}

.basisschool a, .basisschool a:link, .basisschool a:visited {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
	text-decoration: none;
	}

.basisschool a:hover {
	text-decoration: underline;
	}


/*	4.	d. Agenda */	

.agenda {
	width: 100%;
	border: 1px solid gray;
	background-color: #fdffff;
	}

.agenda th {
	vertical-align: top;
	background-color: #0100a3;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	text-align: left;
	padding: 10px 5px;
	border: 1px solid black;
	}
	
.agenda-maand {
	background-color: #df2405;
	vertical-align: top;
	font-weight: bold;
	}

.agenda td {
	border-width: 1px;
	border-style: solid;
	border-color: black gray gray black;
	}

/*	5. Opmaak vaste pagina-onderdelen. */

#container {
	width: 100%;
	margin: 0 auto;
	padding: 0px;
	}

#header {
	text-align: center;
	margin: 10px 0 0 0;
	}

#navcontainer {
	margin: 0px;
	padding: 0px;
	}

#navcontainer table {
	border-collapse: collapse;
	}

#navcontainer td {	
	text-align: center;
	padding: 0px;
	width: 12%;
	}

#navcontainer a {
	width: 10%px;
	height: 28px;
	border: 0px;
	padding: 0px 5px 0px 5px;
	margin: 0px;
	display: block;
	text-align: center;
	line-height: 1.1em;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	}

	td#link0 {background: #000 url(images/bar_einstein.jpg) no-repeat; }
	td#link1 {background: #000 url(images/bar_turbine.jpg) no-repeat; }
	td#link2 {background: #000 url(images/bar_form.jpg) no-repeat; }
	td#link3 {background: #000 url(images/bar_super.jpg) no-repeat; }
	td#link4 {background: #000 url(images/bar_saturn.jpg) no-repeat; }
	td#link5 {background: #000 url(images/bar_cell.jpg) no-repeat; }
	td#link6 {background: #000 url(images/bar_seven.jpg) no-repeat; }
	td#link7 {background: #000 url(images/bar_eight.jpg) no-repeat; }

#backgroundwrapper {
	border-collapse: collapse;
	}

#backgroundwrapper table {
	border-collapse: collapse;
	}
	
#background {
	background: #fff url(images/bg-content.jpg);
	width: 100%;
	vertical-align: top;
	padding: 0px;
	}

#footer {
	color: #fff;
	height: 30px;
	}

#footer a {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	}

#footer a:hover {
	color: #7fdfff;
	}

#gong {
	font-size: 9px;
	margin-right: 200px;
	}

.twee-kolom tr {
	vertical-align: text-top;
	}

.twee-kolom td {
	width: 340px;
	}

#side-menu-holder {
	background: #fff url(images/side-menu-blue-bg.gif) repeat-y 3px;
	width: 163px;
	margin: 0px;
	border: 0px;
	padding: 0px;
	vertical-align: top;
	}

#side-menu-holder h2 {
	background: transparent url(images/side-menu-blue-top.gif) no-repeat;
	margin: 0px;
	margin-left: 3px;
	padding-top: 20px;
	padding-bottom: 5px;
	}

#side-menu-holder h2 a {
	color: #fff;
	margin: 0px;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
	margin-left: 10px;
	}
	
.side-menu {
	width: 150px;
	list-style-image: none;
	background: transparent;
	margin: 0px;
	margin-left: 8px;
	padding: 0px;
	padding-top: 8px;
	}	
	
.side-menu li {
	display: block;
	border: 0px;
	color: #fff;
	padding: 0px;
	margin: 0px;
	padding-left: 5px;
	background: transparent;
	}
		
.side-menu a {
	text-align: left;
	color: #fff;
	text-decoration: none;
	font-weight: normal;
	}	

.side-menu a:hover {
	text-decoration: underline;
	color: #fff;
	}

.side-menu-bottom {
	background: transparent;
	width: 150px;
	margin-left: 8px;
	height: 13px;
	margin-bottom: 5px;
	}

.side-menu-sub {
	width: 140px;
	list-style-image: none;
	background: transparent;
	margin: 0px;
	margin-left: 3px;
	padding: 0px;
	padding-top: 8px;
	border-left: 1px solid #fff;
	}
	
.side-menu-sub li {
	display: block;
	border: 0px;
	border-bottom: 1px solid #fff;
	padding: 0px;
	margin: 0px;
	padding-left: 5px;
	background: transparent;
	}
		
.side-menu-sub a {
	text-align: left;
	color: #fff;
	text-decoration: none;
	font-weight: normal;
	}			

.side-menu-sub-bottom {
	background: transparent;
	width: 140px;
	margin-left: 3px;
	height: 13px;
	}

.home-red-top {
	background: transparent url(images/home-red-top.gif) no-repeat bottom left;
	height: 11px;
	width: 100%;
	}
.home-red-middle {
	background: transparent url(images/home-red-middle.gif) repeat-y;
	width: 95%;
	height: 70px;
	}
.home-red-bottom {
	background: transparent url(images/home-red-bottom.gif) no-repeat top left;
	width: 100%;
	height: 11px;
	margin-bottom: 15px;
	}
	
.home-green-top {
	background: transparent url(images/home-green-top.gif) no-repeat bottom left;
	width: 100%;
	height: 11px;
	margin-left: 50px;
	}
.home-green-middle {
	background: transparent url(images/home-green-middle.gif) repeat-y;
	width: 95%;
	margin-left: 50px;
	height: 70px;
	}
.home-green-bottom {
	background: transparent url(images/home-green-bottom.gif) no-repeat top left;
	width: 100%;
	height: 11px;
	margin-bottom: 15px;
	margin-left: 50px;
	}
	
.home-blue-top {
	background: transparent url(images/home-blue-top.gif) no-repeat bottom left;
	width: 100%;
	height: 11px;
	}
.home-blue-middle {
	background: transparent url(images/home-blue-middle.gif) repeat-y;
	width: 95%;
	height: 70px;
	color: #fff;
	}
.home-blue-bottom {
	background: transparent url(images/home-blue-bottom.gif) no-repeat top left;
	width: 100%;
	height: 11px;
	margin-bottom: 15px;
	}
	
.home-yellow-top {
	background: transparent url(images/home-yellow-top.gif) no-repeat bottom left;
	width: 100%;
	height: 11px;
	margin-left: 50px;
	}
.home-yellow-middle {
	background: transparent url(images/home-yellow-middle.gif) repeat-y;
	width: 95%;
	margin-left: 50px;
	height: 70px;
	}
.home-yellow-bottom {
	background: transparent url(images/home-yellow-bottom.gif) no-repeat top left;
	width: 100%;
	height: 11px;
	margin-bottom: 15px;
	margin-left: 50px;
	}
	
.plaatje-r {
	float: right;
	background-color: white;
	width: 70px;
	height: 70px;
	font-size: 8px;
	margin-left: 5px;
	}

.plaatje-l {
	float: left;
	background-color: white;
	width: 70px;
	height: 70px;
	font-size: 8px;
	margin-right: 5px;
	}
			
/* Einde WYP2005/NL website stylesheet */