/*kleuren
rood: #CC0E29
*/
/* ============================================================	*/ 
/* ========	HTML STANDAARDEN  	===============================	*/
/* ============================================================	*/ 

html 				{height:100%;width:100%;}
body 				{margin:0 0 0 0;width:100%;height:100%;text-align:center;font-size:14px;background:#99D3E7 url(../gfx/pageback.png) repeat-x 0px 150px;}
body, table, th, td, p, input, textarea, select {font-family:"Trebuchet MS", Arial, Helvetica, Sans-serif;font-size:13px;color:#000;}	
a 					{}
a:hover 			{}
h1 					{}
h2 					{font-size:15px;margin-bottom:5px;}
 h2 span				{float:right;font-size:11px;color:#CC0E29;margin-right:25px;}
h3 					{margin-bottom:10px;font-size:18px;font-weight:bold;color:#CC0E29;}
 h3 span				{float:right;font-size:11px;color:#CC0E29;margin-right:0px;}
h4 					{}
h5 					{}
h6 					{}	
p 					{margin:0 0 20px 0;}
	
ol 					{}
ul 					{}
li 					{}
li li 				{}

label 				{}
.cB 				{clear:both;}

/* ============================================================	*/ 
/* ========	LAYOUT BLOCKEN  	===============================	*/
/* ============================================================	*/ 

.container 			{position:relative;margin:0 auto 0 auto;width:900px;min-height:100%;height:auto;text-align:left;}

/* ============================================================	*/ 
/* ========	HEADER				===============================	*/
/* ============================================================	*/

.header 			{position:relative;height:180px;width:900px;}
.logo 				{position:absolute;top:5px;left:0px;width:162px;height:98px;z-index:1;}
.head-carrousel		{margin:10px 0 0 200px;}
.head-carrousel img {display:block;float:right;border:1px solid #FFF;margin-left:10px;}
/* ============================================================	*/ 
/* ========	NAV			===============================	*/
/* ============================================================	*/
.nav 				{position:absolute;top:120px;left:0px;width:100%;height:30px;overflow:hidden;z-index:10;text-align:center;background-color:#FFF;}
.nav ul 			{margin:0 auto;width:920px;overflow:hidden;}
.nav li 			{float:left;}
.nav li a 			{display:block;font-size:15px;font-weight:bold;padding:4px 12px;color:#000;margin-right:14px;}
.nav li.active a 	{color:#CC0E29;}
.nav a:hover 		{color:#CC0E29;}
	
/* ============================================================	*/ 
/* ========	SUBNAV				===============================	*/
/* ============================================================	*/




/* ============================================================	*/ 
/* ========	FOOTER				===============================	*/
/* ============================================================	*/

div.footer 			{clear:both;padding-top:20px;height:129px;background:transparent url(../gfx/zwanen.png) no-repeat right top;}

/* ============================================================	*/ 
/* ========	CONTENT-BLOCK		===============================	*/
/* ============================================================	*/

.content-block 		{width:940px;overflow:hidden;}
.main-content 		{}
.main-content a		{color:#CC0E29;}
.main-content a:hover{color:#000;text-decoration:underline;}

.block 				{float:left;width:215px;margin-right:20px;}

.double 			{width:450px;margin-right:20px;}
.foto-container		{margin-top:25px;}
.triple 			{width:685px;margin-right:20px;}
.wide				{width:920px;margin-right:20px;}
.columns			{width:920px;margin-right:20px;overflow:hidden;}
.column				{float:left;width:300px;}

.folder				{width:920px;margin-right:20px;overflow:hidden;}

.large img 			{border:1px solid #FFF;}

ul.links 			{margin-bottom:20px;}

ul.link-list 		{margin-bottom:20px;}
ul.link-list li 	{font-size:11px;margin-bottom:2px;}
ul.link-list li a 	{color:#000;text-decoration:underline;}
ul.link-list li a:hover {color:#CC0E29;}
ul.link-list li span.datum {font-size:11px;color:#CC0E29;font-weight:normal;display:block; float:left;width:75px;text-decoration:none;}

ul.link-list-red 		{margin-bottom:20px;}
ul.link-list-red li 	{font-size:13px;margin-bottom:2px;}
ul.link-list-red li a 	{color:#CC0E29;text-decoration:underline;}
ul.link-list-red li a:hover {color:#000;}

ul.link-list-black 		{margin-bottom:20px;}
ul.link-list-black li 	{font-size:13px;margin-bottom:2px;}
ul.link-list-black li a 	{color:#000;text-decoration:underline;}
ul.link-list-black li a:hover {color:#CC0E29;}

.school-info			{margin:30px 0;}

.archive			{}
.archive a			{color:#CC0E29;text-decoration:underline;font-weight:bold;}
.archive a:hover	{color:#000;text-decoration:underline;}


ul.groups			{margin-bottom:20px;}

ul.groepen			{width:920px;margin-right:20px;overflow:hidden;}
ul.groepen li		{float:left;width:110px;}
ul.groepen li a		{color:#000;text-decoration:underline;font-size:13px;font-weight:bold;}
ul.groepen li a:hover{color:#CC0E29;text-decoration:underline;}

.group-photo		{text-align:center;}
.group-photo img	{margin:30px auto;}


ul.fotos			{}
ul.fotos li			{float:left;width:135px;text-align:center;margin:0 15px 10px 0;}
ul.fotos li a		{}
ul.fotos li a img	{display:block;margin-bottom:5px;width:135px;height:90px;border:2px solid #FFF;}
ul.fotos li a:hover	{}

.teachers			{width:450px;overflow:hidden;margin-bottom:20px;}
.teacher			{float:left;width:100px;font-size:13px;font-weight:bold;text-align:center;margin-right:50px;}
.teacher img		{width:100px;height:140px;display:block;margin-bottom:10px;border:2px solid #FFF;}

dl.kalender 		{margin-bottom:30px;width:450px;overflow:hidden;}
.double dl.kalender {width:450px;overlow:hidden;}
dl.kalender dt 		{display:block;float:left;width:100px;color:#CC0E29;}
dl.kalender dd 		{display:block;float:left;width:340px;padding-bottom:5px;}

.paging {margin:0px 0 15px;height:20px;}
.paging a {float:left;margin-left:85px;}
.paging a.prev {margin-left:0;}

dl.holiday dt 		{display:block;float:left;width:125px;}
dl.holiday dd 		{display:block;float:left;width:300px;padding-bottom:10px;}

.albumjaar 			{width:920px;margin-bottom:20px;overflow:hidden;}

.contact-block 		{padding-bottom:40px;}
/* ============================================================	*/ 
/* ========	FORMULIEREN		  	===============================	*/
/* ============================================================	*/ 

.formgrid {
	width:560px;
	background-color:#F5F5F5;
	border:15px solid #F5F5F5;
	}
input, select {
	vertical-align:middle;
	}
input.type-text {
	padding-left:5px;
	color:#666;
	background-color:#F00;
	border:1px solid #F00;
	}
.formgrid input.type-text {
	width:232px;
	background-color:#FFF;
	}
input.type-button {
	border:1px solid #F00;
	background-color:#F00;
	color:#333;
	font-weight:bold;
	cursor:pointer;
	margin:0;
	padding:0;
	}
label {vertical-align:middle;cursor:pointer;}
select.select {}
textarea.textarea {
	width:470px;
	}
.radio {}
.radio input {
	margin-right:5px;
	vertical-align:middle;
	}

	.year-choose {float:right;padding-right:52px;}