/* 	copyright 2005 puntNL	www.puntnl.nl */


/* ----------------------------------begin content algemeen-----------------------------------*/
body { 
	margin: 0px; 
	background-color: #FFF;		
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;}
	
p {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;}
	
b {
	font-weight: bold; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;}
	
i {
	font-style: italic; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;}
	
table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000000;}

td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;}

ul {	list-style-image: url(http://www.cygnusgymnasium.nl/_img/bullet.gif);
	margin: 2px 20px 2px 20px;}

	
hr { 
	color: #4D6487; 			/* ----donkergrijs---*/
	height: 1px;}

hr.colofon { 					/* ----donkergrijs---*/
	color: #4D6487; 
	height: 1px;
	margin-right: 20px;}
	
td.top_bg { 
	background-color: #EDEDED;}		/* ----grijs---*/

td.content_kop {
	font-weight: bold;
	font-size: 95%;
	padding-top: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000066;}

.content_tekst {
	line-height:150%;
	font-size: 70%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;}

.content_tekstSM {
	line-height:150%;
	font-size: 60%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;}			
/* ----extra stijldeclaratie voor nummering in submenu, wordt aangeroepen in submenulinks templates---*/	
#editor {
	color: #FFFFFF;
}
	
/* ----begin content links---*/		
a:link	{
	text-decoration: none;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #F69C0E;}			/* ----oranje---*/
a:visited  {
	text-decoration: none;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #F69C0E;}			/* ----oranje---*/
a:hover {
	text-decoration: underline;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #F69C0E;}			/* ----oranje---*/
/* ----eind content links---*/	
/* -----------------------------------eind content algemeen-----------------------------------*/


/* ----------------------------------begin navigatie-----------------------------------*/
/* ----begin navigatie hoofdmenu---*/
a.menu:link	{
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 1px;
	padding-bottom: 1px;
	text-decoration: none;
	color: #FFFFFF; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: 0.02em;
	font-size: 70%;
	text-transform: uppercase;}
a.menu:visited  {
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 1px;
	padding-bottom: 1px;
	text-decoration: none;
	color: #FFFFFF; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: 0.02em;
	font-size: 70%;
	text-transform: uppercase;}
a.menu:hover 	{
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 1px;
	padding-bottom: 1px;
	text-decoration: underline;
	color: #F69C0E;			/* ----oranje---*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: 0.02em;
	font-size: 70%;
	text-transform: uppercase;}

a.zoek_hoofdnav:link, a.zoek_hoofdnav:visited	{
	font-weight: bold;
	color: #FFFFFF;
	padding:  0 3px 0 0;
	margin: 0;
	font-size: 80%;
	letter-spacing: 0.02em;}

a.zoek_hoofdnav:hover, a.zoek_hoofdnav:active	{
	font-weight: bold;
	color: #FFFFFF;
	padding:  0 3px 0 0;
	margin: 0;
	font-size: 80%;
	letter-spacing: 0.02em;
	text-decoration: underline;}
/* ----eind navigatie hoofdmenu---*/

/* ----home, zoek en sitemap onder hoofdmenu---*/
a.zoek_onderhoofdnav:link, a.zoek_onderhoofdnav:visited	{
	font-weight: bold;
	color: #F69C0E;
	padding: 0 2px 0 0;
	margin: 0;
	font-size: 70%;
	letter-spacing: 0.01em;}

a.zoek_onderhoofdnav:hover, a.zoek_onderhoofdnav:active	{
	font-weight: bold;
	color: #F69C0E;
	padding: 0 2px 0 0;
	margin: 0;
	font-size: 70%;
	letter-spacing: 0.01em;
	text-decoration: underline;}


/* ----begin navigatie submenu---*/
a.submenu:link	{
	padding-left: 12px;
	text-decoration: none;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 75%;}
a.submenu:visited  {
	padding-left: 12px;
	text-decoration: none;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 75%;}
a.submenu:hover {
	padding-left: 12px;
	text-decoration: underline;
	color: #F69C0E;			/* ----oranje---*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 75%;}
/* ----eind navigatie submenu---*/

/* ----begin navigatie subsubmenu---*/
a.subsubmenu:link	{
	padding-left: 5px;
	padding-right: 2px;
	text-decoration: none;
	color: #FFFFFF; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 75%;}
a.subsubmenu:visited  {
	padding-left: 5px;
	padding-right: 2px;
	text-decoration: none;
	color: #FFFFFF; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 75%;}
a.subsubmenu:hover 	{
	padding-left: 5px;
	padding-right: 2px;
	text-decoration: underline;
	color: #F69C0E;			/* ----oranje---*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 75%;}
/* ----eind navigatie subsubmenu---*/

/* ----begin actieve menu items---*/
a.menu_actief:link	{
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 1px;
	padding-bottom: 1px;
	text-decoration: none;
	color: #F69C0E;				/* ----oranje---*/		
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: 0.02em;
	font-size: 70%;
	text-transform: uppercase;}
a.menu_actief:visited	{
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 1px;
	padding-bottom: 1px;
	text-decoration: none;
	color: #F69C0E;				/* ----oranje---*/		
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: 0.02em;
	font-size: 70%;
	text-transform: uppercase;}
a.menu_actief:hover	{
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 1px;
	padding-bottom: 1px;
	text-decoration: none;
	color: #F69C0E;				/* ----oranje---*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0.02em;
	font-size: 70%;
	text-transform: uppercase;}
/* ----eind actieve menu items---*/


/* ----begin actieve submenu items---*/
a.submenu_actief:link	{
	padding-left: 12px;
	text-decoration: none;
	color: #F69C0E;				/* ----oranje---*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 75%;}
a.submenu_actief:visited	{
	padding-left: 12px;
	text-decoration: none;
	color: #F69C0E;				/* ----oranje---*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 75%;}
a.submenu_actief:hover	{
	padding-left: 12px;
	text-decoration: none;
	color: #F69C0E;			/* ----oranje---*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 75%;}	
/* ----eind actieve submenu items---*/

/* ----begin actieve subsubmenu items---*/		
a.subsubmenu_actief:link {
	padding-left: 5px;
	padding-right: 2px;
	text-decoration: none;
	color: #F69C0E;			/* ----oranje---*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 75%;}
a.subsubmenu_actief:visited {
	padding-left: 5px;
	padding-right: 2px;
	text-decoration: none;
	color: #F69C0E;			/* ----oranje---*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 75%;}
a.subsubmenu_actief:hover {
	padding-left: 5px;
	padding-right: 2px;
	text-decoration: none;
	color: #F69C0E;			/* ----oranje---*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 75%;}
/* ----eind actieve subsubmenu items---*/


/* ----begin sitemap items---*/
ul.sitemap{
margin: 10px 0 0 0;
padding: 0 0 0 40px;
}

a:link.sitemap_main, a:visited.sitemap_main{
font-weight: normal;
color: #FFF;
background: #000066;
display: block;
width: 80px;
margin: 0;
padding: 0 0 2px 5px;
}

a:hover.sitemap_main, a:active.sitemap_main{
font-weight: normal;
text-decoration: none;
color: #FFF;
background: #F67B0E;
display: block;
width: 80px;
margin: 0;
padding: 0 0 2px 5px;
}

a:link.sitemap_sub, a:visited.sitemap_sub{
font-weight: normal;
padding: 0;
margin: 0;
}

a:hover.sitemap_sub, a:active.sitemap_sub{
font-weight: normal;
padding: 0;
margin: 0;
}	
/* ----------------------------------eind navigatie-----------------------------------*/


/* ----------------------------------begin hoofdmenu algemeen-------------------------*/
/* ----begin hoofdmenu algemeen---*/
td.hoofdmenu_bg { 
	background-color: #000066;}		/* ----blauw---*/
td.wit_spacer { 
	background-color: #FFFFFF;}
/* ----eind hoofdmenu algemeen---*/


/* ----begin submenu algemeen---*/
/* ----titelkop hoofdmenu, boven submenu, beschrijft in welk hoofdmenu gedeelte je bent---*/
td.submenu_top {
	background-image: url(http://www.cygnusgymnasium.nl/_img/subnav_bg_top.gif);
	background-color: #304B75;		/* ----donkergrijs---*/	
	height: 39px;
	padding-left: 12px;
	padding-right: 3px;
	padding-top: 10px;
	padding-bottom: 2px;}

/* ---- span om ervoor te zorgen dat .submenukop stijl niet in de webEd Edition drop down list komt ---*/
span.submenukop	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 70%;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 0.03em;}

/* ----instelling achtergrondkleur voor submenu tabel td. wordt aangeroepen in pagina tmpl---*/
td.submenu { 
	background-color: #000066;}		/* ----paars---*/	
td.submenu_img_below { 
	background-color: #000066;		/* ----paars---*/
	background-image: url(http://www.cygnusgymnasium.nl/_img/subnav_img.gif);	
	background-repeat: no-repeat;}
/* ----eind submenu algemeen---*/
/* ----------------------------------eind menu algemeen------------------------------*/



/* ----------------------------------begin formulier------------------------------*/

td.form{
	font-size: 100%;
	}

.veld{
	border: 1px solid #F69C0E;
	padding: 1px 0 2px 4px;
	width: 200px;
	}

.area{
	border: 1px solid #^F69C0E;
	padding: 1px 0 2px 4px;
	}

input.submitbutton{
	border: 1px solid #F69C0E;
	padding: 0;
	cursor: pointer;
	width: 100px;
}

/* ----------------------------------einde formulier------------------------------*/



/* ----------------------------------begin zoekfunctie------------------------------*/

#input_box{
border: 1px solid #000066;
background: #F69C0E;
color: #000066;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding: 1px 0 3px 3px;
margin: 0 0 2px 0;
}

span.volgende_vorige{
padding: 0 20px 10px 0;
font-size: 85%;
}


/* ----------------------------------einde zoekfunctie------------------------------*/


/* ----------------------------------begin peiling------------------------------*/

#votingbox {
	border: 1px solid #999;
	background-color: #eee;
	width: 168px;
	padding: 5px;
	font-size: 70%;
	}

#votingbox label {
	font-size: 120%;
	}

table.voting{
font-size: 80%;
}

/* ----------------------------------einde peiling------------------------------*/

p.webEdje_only{
font-size: 80%;
color: #666;
font-weight: bold;
}


/* ----------------------------------begin teller------------------------------*/

div.hits{
background: url(../_img/bg_teller.gif);
border: 1px solid #000;
height: 11px;
}

p.teller{
margin: 10px 0 3px 0;
font-size: 100%;
}

/* ----------------------------------einde teller------------------------------*/


/* ----------------------------------begin agenda------------------------------*/

.kalender {
/* kalender format */
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #000000;
font-family: Tahoma, Verdana, Arial, Sans-serif;
font-size:11px;
}

.kalender_block {
border: 1px;
border-style: solid;
border-color: #000000;
font-family: Tahoma, Verdana, Arial, Sans-serif;
font-size:11px;
border-collapse: collapse;
}

.kalender_block td{
border: 1px;
border: solid;
border: #000000;
font-family: Tahoma, Verdana, Arial, Sans-serif;
font-size:11px;
}

.wdag {
/* een normale weekdag*/
background-color: #ffffff;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #000000;
line-height : 18px;
}

.we {
/* een weekend dag */
background-color: #d3d3fe;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #000000;
line-height : 18px;
}

.SELECTFELD {
font-family: Tahoma, Verdana, Arial, Sans-serif;
font-size: 12px;
width: 90px;
}

.BUTTON{
font-family: Tahoma, Verdana, Arial, Sans-serif;
font-size: 11px;
width: 140px;
}

/* ----------------------------------einde agenda------------------------------*/