@charset "utf-8";
/* © Daimoon, 2003 */

body {
	margin:0;
	
	background-image: url(nwbg.jpg);
	font-family: Arial, Sans-serif;
	font-size: 9pt;
	line-height: 11pt;
	color: #FFFFFF;
}

table.layout td.head {
	height: 100px;
	background-image: url(top_bg.jpg);
	background-repeat: repeat-x;
}

table.layout div.title {
	position: absolute;
	top: 14px;
	left: 24px;
	height: 48px;
}

table.layout div.subtitle {
	position: absolute;
	top: 62px;
	right: 48px;
	height: 16px;
}

td.menu {
	width: 170px;
	background-image: url(left_bg.jpg);
	background-repeat: repeat-y;
	vertical-align: top;
}

td.menu div.head {
	width: 170px;
	height: 100px;
	background-image: url(left_top.jpg);
	background-repeat: no-repeat;
}

td.menu div.content {
	position: relative;
	top: -100px;
	left: 10px;
	width: 150px;
}

td.content {
	background-color: transparent;
	padding: 48px;
	vertical-align: top;
}


a {

	text-decoration: none;

}



h1, h2, h3 {

	font-family: Verdana;

	font-weight: normal;

}







tr.header, tr.subheader {

	font-family: Verdana;

}



h2 {

	font-size: 16pt;

	line-height: 16pt;

}



img.group_icon {

	border-style: none !important;

}



td.group_icon {

	padding: 2px !important;

}



div.title {

	font-family: Times New Roman, Serif;

	font-style: italic;

	font-size: 30pt;

	font-variant: small-caps;

	letter-spacing: 4pt;

}



div.subtitle {

	font-size: 10pt;

	line-height: 14pt;

	letter-spacing: 1pt;

}



p {

	font-size: 10pt;

}



hr {

	width: 60%;

	float: left;

	border-width: 0px;

	border-top-width: 1px;

	border-style: solid;

}



div.quote {	

	margin-left: 8%;

	margin-right: 8%;

	padding: 6px;

	border-width: 1px;

	border-style: solid;

}







/* ---------------------------------------------------- */



/* Informatieforum e.a. forumhandleidingen -- Rouke     */



/* ---------------------------------------------------- */



div.info {

	margin-left: 45px;

	margin-right: 45px;	

	margin-top: 15px;

	margin-bottom: 15px;

	padding: 6px;

	border-width: 1px;

	border-style: solid;

	color: #EEEEEE;	

	border-color: #282828; 

	background-color: #141414;

	font-family: Arial;

	font-weight: normal;

	font-size: 10pt; 

}



div.tip {

	margin-left: 45px;

	margin-right: 45px;		

	margin-top: 15px;

	margin-bottom: 15px;

	padding: 6px;

	padding-left: 30px;

	border-width: 1px;

	border-style: solid;

	color: #000000;	

	border-color: #000000; 

	background-color: #FFFFA1;

	font-family: Arial;

	font-weight: normal;

	font-size: 10pt; 

	background-image: url(../../themes/default/tip.gif);

	background-repeat: no-repeat;

}



div.waarschuwing {

	margin-left: 45px;

	margin-right: 45px;	

	margin-top: 15px;

	margin-bottom: 15px;

	padding: 6px;

	padding-left: 30px;

	border-width: 1px;

	border-style: solid;

	color: #000000;	

	border-color: #000000; 

	background-color: #FFFFA1;

	font-family: Arial;

	font-weight: normal;

	font-size: 10pt; 

	background-image: url(../../themes/default/waarschuwing.gif);

	background-repeat: no-repeat;

}



div.info h1 {

	color: #990000;

	font-weight: normal;

	font-family: Verdana;

	font-size: 18pt;

	font-variant: small-caps;

}



div.info h2 {

	font-family: Verdana;

	color: #990000;

	font-weight: normal;

	font-size: 14pt;

	font-variant: small-caps;

}



div.info h3 {

	font-family: Verdana;

	color: #990000;

	font-weight: normal;

	font-size: 11pt;

	font-variant: small-caps;

}





/* ---------------------------------------------------- */



/* Media -- Rouke    				        */



/* ---------------------------------------------------- */



table.media2 {

	margin: 25px;

	border-width: 1px;

	border-style: solid;

	border-color: #320000;

	clear: both;

}



table.media2 tr.header {

	background-image: url(../../themes/default/mediabar.jpg);

	background-repeat: repeat-x;

	color: #EEEEEE;

	height: 42px;

	font-weight: normal;

	font-size: 11pt;

	border-bottom-width: 0px;

}



table.media2 tr.item {

	background-image: url(../../images/tile.jpg);

	text-align: center;

}



table.media2 td.left {

	padding: 12px;

	background-image: url(../../images/tile.jpg);

	text-align: left;

}



table.media {

	margin: 25px;

	float: left;

	width: 350px;

	height: 350px;

	border-width: 1px;

	border-style: solid;

	border-color: #320000;

}





table.media tr.header {

	background-image: url(../../themes/default/mediabar.jpg);

	background-repeat: repeat-x;

	color: #EEEEEE;

	height: 42px;

	font-variant: small-caps;

	font-weight: normal;

	font-size: 11pt;

}



tr.header img{

	vertical-align: middle;

}



table.media tr.item {

	background-image: url(../../images/tile.jpg);

	text-align: center;

}



table.media tr.footer {

	color: #EEEEEE;

	font-weight: normal;

	font-size: small;

	background-image: url(../../images/tile.jpg);

	text-align: center;

}



td.tiled {

	font-size: 10pt;

	padding: 16px;

	border-style: solid;

	border-left-width: 1px;

	border-top-width: 1px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-color: #222222;

	background-image: url(../../images/tile.jpg);

}





/* The 'item' table contains news items and all forum objects */





table.item {



	width: 100%;



	border-width: 2px;



	border-style: solid;



}







table.item table.item {



	border-width: 1px;



}







table.item td {



	padding: 6px;



	font-size: 9pt;



}







table.album{



	width: 300px;



	border-width: 2px;



	border-style: solid;



}







table.noborder {



	border-style: none;



	border-width: 0px;



}







table.album table.item {



	border-width: 1px;



}







table.album td {



	padding: 6px;



	font-size: 9pt;



}







tr.body td, tr.footer td {



	line-height: 14pt;



	border-width: 0px;



	border-top-width: 1px;



	border-left-width: 1px;



	border-style: solid;



}







tr.footer td {



	border-top-width: 2px;



}







tr.footer td.submit {



	border-left-width: 1px;



}







tr.body td:first-child, tr.footer td {



	border-left-width: 0px;



}







tr.header+tr.body td, tr.subheader+tr.body td {



	border-top-width: 0px;



}







tr.header td, tr.subheader td {



	font-size: 8pt;



	padding: 4px;



}







tr.header td, tr.footer td {

	font-variant: small-caps;

	font-weight: bold;



}







tr.header td.right {



	font-weight: normal;



}







tr.body p, tr.body ul {



	margin: 12px;



}







tr.body ul {



	margin-left: 24px;



	padding: 0px;



	list-style-image: url(../../images/bullet.gif);



}







td.right {



	text-align: right;



}





/* Forum classes */





td.icon, td.count, td.postref {



	text-align: center;



}







tr.header td.icon, tr.body td.icon  { width: 4%; }



tr.header td.count { width: 10%; }







tr.body td.title {



	padding: 12px;



}







tr.body h4 {



	margin: 0;



	



	font-size: 10pt;



	font-weight: bold;



	font-variant: small-caps;



}







tr.body td.title div {



	padding: 0;



	padding-left: 8px;



	



	font-size: 8pt;



	line-height: 14px;



}







tr.body td.postref {



	font-size: 8pt;



	line-height: 10pt;



}







tr.body td.poster, tr.body td.message {



	vertical-align: top;



	padding: 12px;



}







td.poster {



	text-align: center;



}







td.poster div, td.poster img {



	margin: 0px;



	margin-bottom: 6px;



	border-style: solid;



	border-width: 1px;



}







td.poster div {



	font-weight: bold;



	text-align: center;



	padding: 6px;



}







/* Other tables */







table.extension td, table.small td {



	font-size: 8pt;



	padding: 0px;



	padding-left: 6px;



	padding-right: 6px;



}







table.extension td {



	font-size: 8pt;



	padding: 2px;



	padding-top: 6px;



	padding-bottom: 6px;



}







table.extension a+a:before {



	content: ' - ';



}







/* Calendar */







td.weekindex {



	font-family: Verdana;



	font-size: 8pt;



}







td.day, td.today {



	vertical-align: top;



}







/* Forms */







form {



	margin: 0px;



	padding: 0px;



}







input, textarea {



	font-size: 9pt;	



	padding: 2px;



	border-width: 0px;



}







select, optgroup, option {



	font-size: 9pt;



}







optgroup {



	font-style: normal;



}







option {



	color: #444444;



}







option.new {



	color: #000000;



}







/* Colors */











tr.subheader a, tr.subheader a:hover { color: #FFFFFF; }



table.item { border-color: #320000; }



table.item td, td.poster div, td.poster img, div.quote, hr { border-color: #282828; }



table.album { border-color: #320000; }



table.album td, td.poster div, td.poster img, div.quote, hr { border-color: #282828; }







td.poster {background-image: url(../../images/portret.jpg);  background-repeat: no-repeat;}



tr.header { background-image: url(../../images/bar.jpg);  background-repeat: repeat-x ;}







tr.subheader { background-image: url(../../images/bar2.jpg); background-repeat: repeat-x ; }



tr.body, tr.footer, td.poster {



	background-color: #0A0A0A;



	color: #C0C0C0;



}



tr.body td.icon, tr.body td.count, td.poster, td.week, td.today , div.quote { background-color: #141414; }



tr.unread_post_header td {

	 background-color: #320000;

}





/* ---------------------------------------------------- */



/* Organigram e.a. Organisatorische tabellen -- Rouke   */



/* ---------------------------------------------------- */





tr.largeheaderred        { background-image: url(../../themes/default/largeheaderred.jpg);         background-repeat: repeat-x ;}

tr.largeheadergreen      { background-image: url(../../themes/default/largeheadergreen.jpg);       background-repeat: repeat-x ;}

tr.largeheaderblue       { background-image: url(../../themes/default/largeheaderdarkblue.jpg);    background-repeat: repeat-x ;}

tr.largeheaderyellow     { background-image: url(../../themes/default/largeheaderyellow.jpg);      background-repeat: repeat-x ;}

tr.largeheaderdarkred    { background-image: url(../../themes/default/largeheaderdarkred.jpg);     background-repeat: repeat-x ;}

tr.largeheaderdarkgreen  { background-image: url(../../themes/default/largeheaderdarkgreen.jpg);   background-repeat: repeat-x ;}

tr.largeheaderdarkblue   { background-image: url(../../themes/default/largeheaderdarkblue.jpg);    background-repeat: repeat-x ;}

tr.largeheaderdarkyellow { background-image: url(../../themes/default/largeheaderdarkyellow.jpg);  background-repeat: repeat-x ;}



div.prime {

	float: left;

        text-align: center;

	padding-top: 11px;	

	width: 100%;

	background-image: url(../../content/avatars/portretframe.gif);

	background-repeat: no-repeat;

	background-position: top center;

	height: 152px;

	margin-bottom: 10px;}



div.prime.a, div.secunde.a, div.terts.a {

	color: #EEEEEE;

}



div.prime.a:hover, div.secunde.a:hover, div.terts.a:hover {

	color: #EEEEEE;

}





div.secunde {

	float: left;

	padding-top: 11px;	

        text-align: center;	

	width: 50%;

	background-image: url(../../content/avatars/portretframe.gif);

	background-repeat: no-repeat;

	background-position: top center;

	height: 152px;

	margin-bottom: 10px;}



div.terts {

	float: left;

	padding-top: 11px;	

        text-align: center;	

	background-image: url(../../content/avatars/portretframe.gif);

	background-repeat: no-repeat;	

	background-position: top center;

	width: 33%;

	height: 152px;

	margin-bottom: 10px;}


td.menu div.content {
	font-size: 10pt;
	font-weight: bold;
}

td.menu div.content div {
	font-size: 12pt;
	letter-spacing: 1pt;
	
	border-width: 0px;
	border-bottom-width: 1px;
	border-style: solid;
}

td.menu ul {
	margin: 0px;
	padding: 0px;	
	list-style: none;
}

td.menu ul ul {
	margin-left: 16px;
	
	border-width: 0px;
	border-left-width: 1px;
	border-style: solid;
}

td.menu ul a {
	display: block;
	padding: 4px;
	font-size: 10pt;
	font-weight: bold;
	
}

td.menu ul ul a:hover {
	padding-left: 2px;
	
	border-width: 0px;
	border-left-width: 2px;
	border-style: solid;
}

td.menuitem{
	padding-left: 10px;	
	padding-right: 0px;	
	padding-bottom: 0px;	
	padding-top: 0px;	
}

/* Colors */

a {
	color: #990000;
}

a:hover, a.selected {
	color: #E95C60;
}

td.menu a{
	font-size: 10pt;
	font-weight: bold;
}

td.menu a:link {
	background-color: transparent;
}

td.menu a:hover {
	background-color: #FFFFFF;
}

td.menu div.content ul ul {
	border-color: #E95C60;
}


#quickbar {
	position: fixed;
	bottom: 0;
	right: 0;
}

#quickbar img {
	border: none;
}

#quickbar div {
	padding: 5px;
	background-image: url(../../images/tile.jpg);
	border-top: gray solid 1px;
	border-left: gray solid 1px;
	border-right: gray solid 1px;

	float: left;
	margin-left: 5px;
}

.quickbarbutton {
	border: solid 1px #333;
	padding: 3px;
	margin-right: 5px;
}

.quickbarpart {
	white-space: nowrap;
}

.day, .today {
	padding: 0 !important;
	margin: 0 !important;
}

.today .calendar_day {
	font-weight: bold;
	background-color: #dddddd;
	color: #111111;
}

.calendar_day {
	font-size: 1.2em;	
	background-color: #330000;
}

.calendar_eventlist {
	width: 100%;
	height: 100% !important;
}

.calendar_event td {
	border: none !important;
}

.calendar_event a {
	color: white;
}

.calendar_icon {
	width: 32px;
	text-align: center;
}
