/* 	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
		e. Inschrijfformulier SU
		f. Programma SU
		g. Nieuws
	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-list.gif);
	}

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

h3.red  { 
	color: DF2405;
	font-stretch: condensed
	}
	
h3.blue {
	color: #0100a3;
	font-stretch: expanded
	}

h3.green {
	color: #26892e;
	font-style: italic
	}
	
	
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;}
		
h6 {
	background: transparent url(images/cone-list.gif) no-repeat left;
	margin: 5px 0px 5px 10px;
	padding: 0px 0px 0px 20px;
	font-size: 12px;
	font-weight: normal;
	}
		
.img_right {
	float: right;
	padding: 7px
}

.img_left {
	float: left;
	padding: 7px
}

.center {
	text-align: center;
}

/*	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-list.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;
	}

.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;
	}


/*	4.	e. Inschrijfformulier */	


#inschrijfformulier {
	margin: 0px 10px;
	border-collapse: separate;
	}

#inschrijfformulier td {
	padding: 1px 3px;
	border-collapse: separate;
	}


/*	4.	f. Programma Science Unlimited */

.programma {
	width: 100%;
	margin-bottom: 10px;
	}
	
.programma td {
	border-width: 1px;
	border-style: solid none;
	border-color: black;
	}
	
/* 4. g. Nieuws */

#terugblik a {
text-decoration: none;
}
	

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

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

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

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

#navcontainer table {
	border-collapse: collapse;
	background: url(images/bg-content.jpg);
	}

#navcontainer td {	
	text-align: center;
	padding: 0px;
	height: 128px;
	width: 100px;
	}

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

#navcontainer a:hover {
	color: #0100a3;
	}
	
	td#link0 {background: transparent url(images/bar_einstein.jpg) no-repeat; }
	td#link0 a:hover {background: #01008C url(images/bar_einstein.jpg) no-repeat; color: white;}
	td#link1 {background: transparent url(images/bar_turbine.jpg) no-repeat; }
	td#link1 a:hover {background:  #026B04 url(images/bar_turbine.jpg) no-repeat; color: white;}
	td#link2 {background: transparent url(images/bar_form.jpg) no-repeat; }
	td#link2 a:hover {background: #E4AA49 url(images/bar_form.jpg) no-repeat; color: white;}
	td#link3 {background: transparent url(images/bar_super.jpg) no-repeat; }
	td#link3 a:hover {background: #C5281F url(images/bar_super.jpg) no-repeat; color: white;}
	td#link4 {background: transparent url(images/bar_saturn.jpg) no-repeat; }
	td#link4 a:hover {background: #01008C url(images/bar_saturn.jpg) no-repeat; color: white;}
	td#link5 {background: transparent url(images/bar_cell.jpg) no-repeat; }
	td#link5 a:hover {background: #026B04 url(images/bar_cell.jpg) no-repeat; color: white;}
	td#link6 {background: transparent url(images/bar_seven.jpg) no-repeat; }
	td#link6 a:hover {background: #D5A908 url(images/bar_seven.jpg) no-repeat; color: white;}
	td#link7 {background: transparent url(images/bar_eight.jpg) no-repeat; }
	td#link7 a:hover {background: #A11D10 url(images/bar_eight.jpg) no-repeat; color: white;}

#backgroundwrapper {
	border-collapse: collapse;
	}

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

#footer {
	background: url(images/bg_footer.jpg);
	height: 20px;
	}

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

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

#gong {
	font-size: 9px;
	color:#ccc;
	margin-right: 300px;
	margin-left: 12px;
	float: left;
	}
	

.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-holder h2 a:hover {
	text-decoration: none;
	color: #e4b408;
	}
	
.side-menu {
	width: 150px;
	list-style-image: none;
	background: transparent;
	margin: 0 0 10px 8px;
	padding: 5px 0 0;
	}	
	
.side-menu li {
	display: block;
	border: 0px;
	color: #ccc;
	margin: 0px;
	padding-left: 5px;
	background: transparent;
	border-top: 2px solid #ccc;
	padding: 5px 0px 3px 0;
	}
		
.side-menu a, .side-menu a:visited {
	text-align: left;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	}

.side-menu a:hover {
	text-decoration: none;
	color: #e4b408;
	}

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

.side-menu-sub {
	width: 140px;
	list-style-image: none;
	background: transparent;
	margin: 3px 0 5px 10px;
	padding: 0px;
	border-left: 1px solid #ccc;
	}

.side-menu-sub li {
	display: block;
	border-top : 0px solid #ccc;
	border-bottom : 0px solid #ccc;
	padding: 3px 0 3px 5px;
	margin: 0;
	background: transparent;
	}
.side-menu-sub a, .side-menu-sub a:visited {
	font-weight: normal;
	}
	
.side-menu-subsub {
	width: 140px;
	list-style-image: none;
	background: transparent;
	margin: 3px 0 3px 5px;
	padding: 0px;
	border-left: 1px solid #ccc;
	}

.side-menu-subsub li {
	display: block;
	border-top : 0px solid #ccc;
	border-bottom : 0px solid #ccc;
	padding: 3px 0 3px 5px;
	margin: 0;
	background: transparent;
	}
.side-menu-subsub a, .side-menu-subsub a:visited {
	font-weight: normal;
	}
	

	
.home-red-top {
	background: transparent url(images/home-red-top.gif) no-repeat bottom left;
	height: 11px;
	width: 551px;
	margin-left: 30px;
	}
.home-red-middle {
	background: transparent url(images/home-red-middle.gif) repeat-y;
	width: 541px;
	padding: 0px 5px;
	height: 80px;
	margin-left: 30px;
	}
.home-red-bottom {
	background: transparent url(images/home-red-bottom.gif) no-repeat top left;
	width: 551px;
	height: 11px;
	margin-bottom: 15px;
	margin-left: 30px;
	}
	
.home-green-top {
	background: transparent url(images/home-green-top.gif) no-repeat bottom left;
	width: 551px;
	height: 11px;
	margin-left: 30px;
	}
.home-green-middle {
	background: transparent url(images/home-green-middle.gif) repeat-y;
	width: 541px;
	padding: 0px 5px;
	height: 70px;
	margin-left: 30px;
	}
.home-green-bottom {
	background: transparent url(images/home-green-bottom.gif) no-repeat top left;
	width: 551px;
	height: 11px;
	margin-bottom: 15px;
	margin-left: 30px;
	}
	
.home-blue-top {
	background: transparent url(images/home-blue-top.gif) no-repeat bottom left;
	width: 551px;
	height: 11px;
	margin-left: 30px;
	}
.home-blue-middle {
	background: transparent url(images/home-blue-middle.gif) repeat-y;
	width: 541px;
	padding: 0px 5px;
	height: 70px;
	color: #fff;
	margin-left: 30px;
	}
.home-blue-middle a {
	color: #fff;
	}
.home-blue-middle a:hover {
	color: #ccc;
	}
.home-blue-bottom {
	background: transparent url(images/home-blue-bottom.gif) no-repeat top left;
	width: 551px;
	height: 11px;
	margin-bottom: 15px;
	margin-left: 30px;
	}
	
.home-yellow-top {
	background: transparent url(images/home-yellow-top.gif) no-repeat bottom left;
	width: 551px;
	height: 11px;
	margin-left: 30px;
	}
.home-yellow-middle {
	background: transparent url(images/home-yellow-middle.gif) repeat-y;
	width: 541px;
	padding: 0px 5px;
	height: 50px;
	margin-left: 30px;
	}
.home-yellow-bottom {
	background: transparent url(images/home-yellow-bottom.gif) no-repeat top left;
	width: 551px;
	height: 11px;
	margin-bottom: 15px;
	margin-left: 30px;
	}
	
.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 */