body { margin: 0; padding: 0; background: url("/images/bg.jpg"); }
#wrap { width: 760px; margin: 10px auto; background: #D1E0F0; 
border-left: 1px solid #0068A6; border-right: 1px solid #0068A6; border-bottom: 1px solid #0068A6; }

/***************************************************************************/
/*  HEADER */
/***************************************************************************/
#header {  background: #D1E0F0 url("/images/top-bg.jpg");  height: 100px; }
#header h1 {   margin:0;padding:0;   /*background: url("/images/top-logo.gif") no-repeat;*/   width: 163px;   height: 100px; }
#header h1 a span {   display: none; }
#header h1 a {   display: block;   width: 163px;   height: 100px; }
#nav-2 {   float: right;   background: url("/images/nav2-leftcorner.gif") no-repeat; 	margin: 53px 0 0 0;
	padding: 0 0 0 23px; 	list-style: none; }
#nav-2 ul {   margin: 0;   padding: 0;   list-style-type: none;   float: left; }
#nav-2 li { float: left; background: url("/images/nav2-bg.gif") repeat-x; margin: 0; padding: 0 1px 0 0; list-style: none; }
#nav-2 a { float: left; text-transform: uppercase; padding: 3px 13px; text-decoration: none; color: #3C8ABB; font-size: 0.8em; font-weight: bold; }
#nav-2 a:hover { background: url("/images/nav2-bg-hover.gif") repeat-x; }
#nav-2 .selected { background: url("/images/nav2-bg-selected.gif") repeat-x; }
/***************************************************************************/
/* END HEADER */
/***************************************************************************/

.kalender-datum {
  white-space: nowrap;
  vertical-align: top;
}
.kalender-evenement, .kalender-plaats, .kalender-inschrijven {
  vertical-align: top;
}



.nav-3 ul, .nav-3 li { display: inline; }

/* content-nav */
#sidebar {
  width: 200px;   background: #D1E0F0;
  margin: 0; padding: 0;   float: left;
}

/***************************************************************************/
/* NAVIGATION LIST */
/***************************************************************************/
.nav {
	margin: 10px auto; 
	padding: 0;
	width: 161px;
	padding-top: 17px;
	background: #EDECFD url("/images/nav-top.gif") no-repeat;
}

.nav ul { 
	margin: 0 auto; 
	padding: 0;
	width: 161px;
	list-style: none;
}
.nav ul ul {
  margin:0;padding:0;
  background: #EDECFD;
}
.nav li li {
  background: #F2E8F5;
}

.nav .selected {
  border-top: 1px solid #CE1141;
  border-bottom: 1px solid #CE1141;
  background: #EADAEE;
}

.nav li a, .nav li li a, .nav li a:visited, .nav li:visited {
	padding-left: 10px;
	display: block;
	height: 25px;
  font-size: 1em;
  text-decoration: none;
	padding-top: 6px;
	width: 161px;
	wid\th: 151px;
	height: 26px;
	heigh\t: 19px;
	border-bottom: 1px solid #D1E0F0;
	overflow/**/: hidden;
  color: #0469A7;
}

.nav li li {
  font-size: 0.8em;
}

.nav li a:hover, .nav li:hover {
	background: #EADAEE;
  text-decoration: none;
  font-weight: bold;
  color: #0469A7;
}
.nav-footer {
  height: 16px;
  background: #EDECFD url("/images/nav-bottom.gif") bottom no-repeat;
}
/***************************************************************************/

#openNSK { margin: 0px auto; width: 161px; background: #edecfd url("http://www.studentensport.nl/images/nskinschrijvingen-bg.gif") repeat-y; }
#openNSK h3 { background: #edecfd url("http://www.studentensport.nl/images/nskinschrijvingen.gif") no-repeat; text-indent: -9999em; height: 25px; }
#openNSK .nav-footer { margin: 0; padding: 0; background: url("http://www.studentensport.nl/images/nskinschrijvingen-bottom.gif") bottom no-repeat; height: 11px; }
#openNSK ul { list-style: none; margin-left: 10px; padding-left: 0; }
#openNSK li { list-style: none; }
#openNSK p { margin-left: 15px; margin-right: 15px; }
/***************************************************************************/
/* END NAVIGATION LIST */
/***************************************************************************/


/***************************************************************************/
/*
#enrollments {
  background: #fff;
  border: 1px dotted #629bbd;
  padding: 5px;
}
*/

/***************************************************************************/

#footer {
  background: #D1E0F0;
  clear: left;
  margin:0; padding:0;
  height: 40px;
}

#footer ul, #footer p {
  margin: 0; padding: 0;
  list-style-type: none;
  text-align: center;
}
#footer li {
  display: inline;
}

#form-footer {
  font-size: 0.8em;
}

body {
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 0.7em;
}

p, li, td {
  line-height: 1.5em;
}

h1, h2, h3, h4, h5, h6, h7 {
  font-family: Georgia;
}
h1 {
  font-size: 1.6em;
}
h2 {
  font-size: 1.5em;
}
h3 {
  font-size: 1.4em;
}

a:link, a:visited, a:hover, a:active {
  color: #009;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}



/***************************************************************************/
textarea.edit-page {
  width: 100%;
  height: 200px;
}

#body {
  background: #D1E0F0;
}

#content {
  margin: 0 10px 0 200px; 
  background: #EDECFD;
  width: 530px;
  border: 1px solid #629BBD;
  padding-bottom: 10px;
}

#content-home {
  margin: 0 10px 0 200px; 
  background: #EDECFD;
  width: 430px;
  border: 1px solid #629BBD;
  padding-bottom: 30px;
}
#content-home-main {
  margin: 0 20px 0 20px;
}


#content-main {
  width: 490px;
  margin: 0px auto;
}


#content h2, #content-home h2 {
  margin: 0; padding: 0;
  padding-top: 1em;
  margin: 0 0 1em 0;
  font-size: 1.8em;
  font-variant: small-caps;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  border-bottom: 1px solid #D1E0F0;
}

#content th {
  text-align: left;

}

#content td {
}

#content-home-main img {
  border: 1px solid #000;
  margin: 0 0 0 10px;
}

#content img {
  border: 1px solid #000;
  margin-left: 10px;
}

#content-main ul { margin:0; padding: 0; margin-left: 1em; list-style: none; }
#content-main ul li { background-image: url(/images/arrow3.gif); background-repeat: no-repeat; background-position: 0 .6em; padding-left: .7em; }
#content-main #editmenu ul li { background-image: none; padding: 0; }

#editmenu a span {
  display: none;
}
#editmenu ul, #editmenu li {
  list-style: none;
}
#editmenu li {
  float: left;
}

a.new {
  background: url("/formfactory/images/wysiwyg_new.gif") no-repeat;
  padding: 2px 10px 2px 20px;
  margin-right: 20px;
}

a.edit {
  background: url("/formfactory/images/wysiwyg_open.gif") no-repeat;
  padding: 2px 10px 2px 20px;
  margin-right: 20px;
}

a.delete {
  background: url("/formfactory/images/wysiwyg_delete.gif") no-repeat;
  padding: 2px 10px 2px 20px;
}

#editmenu {
  float: right;
  margin: 17px 10px 0 0;
}

#editmenu a.new {
  background: url("/formfactory/images/wysiwyg_new.gif") no-repeat;
  padding: 2px 10px 2px 10px;
  margin: 0;
}
#editmenu a.edit {
  background: url("/formfactory/images/wysiwyg_open.gif") no-repeat;
  padding: 2px 10px 2px 10px;
  margin: 0;
}
#editmenu a.code {
  background: url("/formfactory/images/wysiwyg_code.gif") no-repeat;
  padding: 2px 10px 2px 10px;
  margin: 0;
}

#editmenu a.delete {
  background: url("/formfactory/images/wysiwyg_delete.gif") no-repeat;
  padding: 2px 10px 2px 10px;
  margin: 0;
}

#content .noborder {
  border: 0;
}

li.new span {
  display: none;
}

/***************************************************************************/
/* BANNER STYLES  */
/***************************************************************************/
#banners {
  float: right;
  width: 120px;
  text-align: center;
}

#banners img, #banners-1 img {
  border: 1px solid #000;
}

/***************************************************************************/


.front-newstitle {
  margin: 0.5em 0 0 0;
  padding: 0;
}
.home-message td { margin: 0; padding:0; }
.front-newsmessage { margin:0; padding:0; text-align: justify; }
#front-headlines {
  margin: 1em 0 0 1.5em;
  padding: 0;
  list-style-image: url("/images/item.gif");
}

.small {
  font-size: 0.7em;
}
.lastchange {
  border-top: 1px solid #D1E0F0;
  margin-top: 40px;
  color: #629BBD;
}

td.nsk-year {
  text-align: center;
  font-weight: bold;
  background: #D1E0F0;
  border: 1px solid #629BBD;
  padding: 0 4px 0 4px;
}

/***************************************************************************/
/*  NIEUWS STYLES */
/***************************************************************************/
div.message {
  border-bottom: 1px solid #D1E0F0;
  padding-bottom: 1em;
}

div.message p {
  margin: 0; padding: 0;
  text-align: justify;
}
.news_body {
  display: inline;
}

div.message p.actions {
  margin: 0.5em 0 0 0;
}
h3.news {
  margin-bottom: 0.5em;
  padding-bottom: 0;
}
h3.news a:visited, h3.news a:link, h3.news a:active {
  color: #0469A7;
}
h3.news a:hover {
  color: #900;
  text-decoration: none;
}
p.news-date {
  margin: 0.5em 0 0 0;
  padding: 0 0 0 0;
  text-align: right;
  color: #0469A7;
}
div.message p {
  text-align: justify;
}
div.intro {
  margin: 1em 0 1em 0;
  font-weight: bold;
}
/***************************************************************************/

li.new a, li.edit a, li.code a, li.delete a {
  padding: 2px;
}
td.edit a, td.delete a, li.edit a, li.delete a, li.new a, li.code a, td.replace a, li.menuedit a {
  display: block;
  width: 16px;
  height: 16px;
}

li.menuedit a {
  background: url("/images/editmenu.gif") no-repeat;
}  
li.new a {
  background: url("/formfactory/images/wysiwyg_new.gif") no-repeat;
}
li.code a {
  background: url("/formfactory/images/wysiwyg_code.gif") no-repeat;
}
td.delete a, li.delete a {
  background: url("/formfactory/images/wysiwyg_delete.gif") no-repeat;
}
td.replace a {
  background: url("/FCKeditor/editor/skins/silver/toolbar/replace.gif") no-repeat;
}
td.edit a, li.edit a {
  background: url("/formfactory/images/wysiwyg_open.gif") no-repeat;
}
td.edit span, td.delete span, li.edit span, li.delete span, td.replace span, td.menuedit span {
  display: none;
}

#content img.pme-navigation-0, #content img.pme-navigation-1 {
  border: none;
}

/***************************************************************************/
/* algemene tabel opmaak
/***************************************************************************/
table.data {
  background: #fff;
  border-collapse: collapse;
  border: 1px solid #629BBD;
}
table.data td {
  border: 1px solid #D1E0F0;
  padding: 0 4px 0 4px;
}
table.data th {
  text-align: left;
  border: 1px solid #629BBD;
  padding: 0 4px 0 4px;
  background: #D1E0F0;
}
table.data caption {
  font-weight: bold;
  text-align: left;
  background: #D1E0F0;
  padding: 2px 4px 2px 4px;
  border: 1px solid #629BBD;
}


/***************************************************************************/

table.data input, table.data select {
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 1em;
}

input[type=text] {
  border: 1px solid #629BBD;
}

#placeholder-form textarea {
  width: 100%;
  height: 5em;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 1em;
  border: 1px solid #629BBD;
}

p.toplink {
  text-align: right;
}

/***************************************************************************/
/* Messageboard styles */
/***************************************************************************/
#mb_form { border-bottom: 1px solid #000; }
#mb_form div.row label { display: block; font-weight: bold; margin: .5em 0 .5em 0; }
#mb_form div.row input { }
#mb_form div.row textarea { width: 100%; height: 5em; border: 1px solid #629BBD; }
.alert { color: #CE1141; font-weight: bold; }
.message { border-bottom: 1px dashed #000; }
.mb-name { font-weight: bold; margin: .5em; color: #629BBD; }

/***************************************************************************/
/* Styles met betrekking tot de e-News I-frames: */
/***************************************************************************
Standaard stylesheet e-News aanmeldformulier
Deze stylesheet bevat de belangrijkste elementen voor het standaard-aanmeldformulier.
Digital Works BV
*/

/*
In de body kan je de achtergrondplaat opnemen, hier ook lettertytpe instellen. Achtergrondplaat kan ook op eigen omgeving staan!
*/

/*body{
	background-image: url('URL van een achtergrondplaatje');
	background-position:left top;
	background-repeat:no-repeat;
 	color: #55c0d8; 
 	margin-top: 10px; 
 	margin-left: 10px; 
 	margin-right: 10px; 
 	font-family:  Arial, Helvetica, sans-serif;
 	font-size: 100%; 
 	padding: 5px;
}*/

/*
met name voor positionering van het formulier 
over de achtergrond, width 200 zorgt ervoor dat alle velden op nieuwe regel gedwongen worden
*/
.enewsFormContainer{
	width:250px;
	left:150px;
	top: 180px;
	}

/*Instellingen voor titel 'Aanmelden nieuwsbrief. Display:none --> niet tonen*/
.enewsFormHeader{
	font-weight:bold;
	display:none;
	}
.enewsForm{
}
.pnlForm {
}
/*instellingen voor de formuliervelden*/
input {
	border:1px solid #CE1141;
	font-family:  Arial, Helvetica, sans-serif;
	color:#0068A6;
	margin-top: 10px; 
 	margin-left: 10px; 
 	margin-right: 10px; 
	 
	}
/*specifiek voor verstuur button, is ook een input tag, display:block zet deze onder het formulier*/
#btnPostback{
	display:inline;
	border:none;
	vertical-align:text-bottom;
	
	/*background-image: url(../image/balkje.jpg);*/
	}
/*Div met bedanktekst, mn voor de positionering*/
.enewsFormThanks{}
/*span waarmee de bedank-tekst opgemaakt kan worden, denk aan lettertype*/
.lblThank{}

/* Stijlen met betrekking tot het nieuwsmail-archief */

/*Div rond alle content*/
div.enewsArchiveContainer {}
div.enewsArchiveList {}
/*Div rond de titel, gebruik display:none als deze niet getoond moet worden*/
div.enewsArchiveHeader {
	font-weight:bold;
	display:none;
	}
	
/*Span rond het woordje 'Archief', gebruik display:none als deze niet getoond moet worden*/
div.enewsArchiveHeader span.archivelabel{
     display: none}
/*Span rond naam van de nieuwsbrief, gebruik display:none als deze niet getoond moet worden*/
div.enewsArchiveHeader span.newslettername{
    display: none;
	}
/*Onderstaande stijlen hebben betrekking op de lijst met linkjes*/
/*Span rond de titel van de editie, gebruik display:none als deze niet getoond moet worden*/
div.enewsArchiveList span.editiontitle {
	padding-left: 20px;
	padding-right: 5px;
	COLOR:#0068A6;
	}
/*Span rond de haakjes ( en )die om de datum heen staan, gebruik display:none als deze niet getoond moet worden*/
div.enewsArchiveList span.editionbracket {}
/*Span rond de datum van de editie, gebruik display:none als deze niet getoond moet worden*/
div.enewsArchiveList span.editiondate {
	font-style:italic;
	font-size:80%;
	}
/*Algemene stijl van de linkjes, denk aan kleur en underline. Display:block wordt gebruikt om de links steeds op nieuwe regele te tonen*/
div.enewsArchiveList a {
	display:block;
	}
div.enewsArchiveList a:link {
    TEXT-DECORATION: none;
    COLOR:#0068A6;
    FONT-SIZE: 10pt;
	font-weight:normal;
}
div.enewsArchiveList a:hover {
    TEXT-DECORATION: underline; 
    COLOR:#0068A6;
    FONT-SIZE: 10pt;
	font-weight:normal;
}
div.enewsArchiveList a:visited {
    TEXT-DECORATION: none;
    COLOR:#0068A6;
    FONT-SIZE: 10pt;
	font-weight:normal;
}

/*Alle editie-links hebben een id die hiermee van stijl voorzien kan worden. Kijk in de html-source voor de exacte id's (de oudste edities hebben nummer 1 enz*/
/*Deze alleen gebruiken als er voor een linkje in de lijst een uitzondering gemaakt moet worden*/
/*Als een bepaalde editie niet getoond moet worden kan display:none gebruikt worden.*/
#archive_edition1 {}
#archive_edition2 {}
#archive_edition3 {}
#archive_edition4 {}